Merge pull request #1331 from db-ui/refactor-run-prettier-on-the-code…

…base refactor: running prettier on the codebase
db-ui · Jul 26, 2023 · df3143e · df3143e
2 parents 12afa4d + 5aebed5
commit df3143e
Show file tree

Hide file tree

Showing 47 changed files with 88 additions and 75 deletions.
diff --git a/packages/components/index.html b/packages/components/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/alert/alert.lite.tsx b/packages/components/src/components/alert/alert.lite.tsx
@@ -1,11 +1,11 @@
-import { onMount, Show, useMetadata, useStore } from "@builder.io/mitosis";
-import { DBAlertProps, DBAlertState } from "./model";
-import { DBIcon } from "../icon";
-import { DefaultVariantsIcon } from "../../shared/model";
-import { DBButton } from "../button";
-import { DBLink } from "../link";
-import { DEFAULT_CLOSE_BUTTON } from "../../shared/constants";
-import { cls } from "../../utils";
+import { onMount, Show, useMetadata, useStore } from '@builder.io/mitosis';
+import { DBAlertProps, DBAlertState } from './model';
+import { DBIcon } from '../icon';
+import { DefaultVariantsIcon } from '../../shared/model';
+import { DBButton } from '../button';
+import { DBLink } from '../link';
+import { DEFAULT_CLOSE_BUTTON } from '../../shared/constants';
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/alert/index.html b/packages/components/src/components/alert/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/brand/brand.lite.tsx b/packages/components/src/components/brand/brand.lite.tsx
@@ -24,7 +24,8 @@ useMetadata({
 			{
 				name: 'imgSrc',
 				type: 'SingleLine.URL',
-				defaultValue: 'https://ppassets.azureedge.net/assets/images/db_logo.svg'
+				defaultValue:
+					'https://ppassets.azureedge.net/assets/images/db_logo.svg'
 			},
 			{
 				name: 'imgAlt',
@@ -71,9 +72,7 @@ export default function DBBrand(props: DBBrandProps) {
 			</Show>
 
 			<a
-				href={
-					props.anchorRef ?? state.defaultValues.anchorRef
-				}
+				href={props.anchorRef ?? state.defaultValues.anchorRef}
 				title={props.anchorTitle}
 				rel={props.anchorRelation}>
 				<Show when={!props.hideDefaultAsset}>

diff --git a/packages/components/src/components/brand/index.html b/packages/components/src/components/brand/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/button/button.lite.tsx b/packages/components/src/components/button/button.lite.tsx
@@ -1,6 +1,6 @@
 import { onMount, Show, useMetadata, useStore } from '@builder.io/mitosis';
 import type { DBButtonProps, DBButtonState } from './model';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/button/index.html b/packages/components/src/components/button/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/card/card.lite.tsx b/packages/components/src/components/card/card.lite.tsx
@@ -1,6 +1,6 @@
 import { onMount, Show, useMetadata, useStore } from '@builder.io/mitosis';
 import type { DBCardState, DBCardProps } from './model';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/card/index.html b/packages/components/src/components/card/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/checkbox/checkbox.lite.tsx b/packages/components/src/components/checkbox/checkbox.lite.tsx
@@ -8,7 +8,7 @@ import {
 import { DBCheckboxProps, DBCheckboxState } from './model';
 import { uuid } from '../../utils';
 import { DEFAULT_ID } from '../../shared/constants';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/checkbox/index.html b/packages/components/src/components/checkbox/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/code-docs/code-docs.lite.tsx b/packages/components/src/components/code-docs/code-docs.lite.tsx
@@ -7,7 +7,7 @@ import {
 } from '@builder.io/mitosis';
 import { DBCodeDocsProps, DBCodeDocsState } from './model';
 import { DBCard } from '../card';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/divider/divider.lite.tsx b/packages/components/src/components/divider/divider.lite.tsx
@@ -1,6 +1,6 @@
 import { onMount, Show, useMetadata, useStore } from '@builder.io/mitosis';
 import { DBDividerState, DBDividerProps } from './model';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/divider/index.html b/packages/components/src/components/divider/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/drawer/index.html b/packages/components/src/components/drawer/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/header/header.lite.tsx b/packages/components/src/components/header/header.lite.tsx
@@ -6,7 +6,7 @@ import {
 	useStore
 } from '@builder.io/mitosis';
 import { DBHeaderState, DBHeaderProps } from './model';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/header/index.html b/packages/components/src/components/header/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/icon/icon.lite.tsx b/packages/components/src/components/icon/icon.lite.tsx
@@ -1,6 +1,6 @@
 import { onMount, Show, useMetadata, useStore } from '@builder.io/mitosis';
 import type { DBIconState, DBIconProps } from './model';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,
@@ -34,10 +34,7 @@ export default function DBIcon(props: DBIconProps) {
 	return (
 		<span
 			ref={component}
-			class={cls(
-				'db-icon',
-				props.className
-			)}
+			class={cls('db-icon', props.className)}
 			data-icon={props.icon}
 			aria-hidden="true"
 			title={props.title}>

diff --git a/packages/components/src/components/icon/index.html b/packages/components/src/components/icon/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/infotext/index.html b/packages/components/src/components/infotext/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/infotext/infotext.lite.tsx b/packages/components/src/components/infotext/infotext.lite.tsx
@@ -2,7 +2,7 @@ import { onMount, Show, useMetadata, useStore } from '@builder.io/mitosis';
 import { DBIcon } from '../icon';
 import { DBInfotextState, DBInfotextProps } from './model';
 import { DefaultVariantsIcon } from '../../shared/model';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/input/index.html b/packages/components/src/components/input/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/input/input.lite.tsx b/packages/components/src/components/input/input.lite.tsx
@@ -133,8 +133,7 @@ export default function DBInput(props: DBInputProps) {
 				name={props.name}
 				type={props.type || 'text'}
 				placeholder={
-					props.placeholder ??
-					state.defaultValues.placeholder
+					props.placeholder ?? state.defaultValues.placeholder
 				}
 				aria-labelledby={state._id + '-label'}
 				disabled={props.disabled}

diff --git a/packages/components/src/components/input/input.scss b/packages/components/src/components/input/input.scss
@@ -25,7 +25,9 @@
 ) {
 	$transformScale: -1.25;
 
-	transition: opacity 0.08s, transform 0.15s;
+	transition:
+		opacity 0.08s,
+		transform 0.15s;
 	opacity: var(--db-input-focus-opacity);
 
 	// add 0.1em to adjust label with input padding-inline-start
@@ -229,12 +231,13 @@
 		&:not(:placeholder-shown) {
 			// move filled text for expressive and regular to center with focused label
 			padding-block: calc(
-				var(--db-spacing-fixed-xs) + 0.25em *
-					var(--db-input-focus-opacity)
-			) calc(
-				$db-spacing-fixed-xs - var(--db-input-focus-opacity) *
-					$db-spacing-fixed-xs
-			);
+					var(--db-spacing-fixed-xs) + 0.25em *
+						var(--db-input-focus-opacity)
+				)
+				calc(
+					$db-spacing-fixed-xs - var(--db-input-focus-opacity) *
+						$db-spacing-fixed-xs
+				);
 
 			+ label {
 				@include label-focus-animation();

diff --git a/packages/components/src/components/link/index.html b/packages/components/src/components/link/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/link/link.lite.tsx b/packages/components/src/components/link/link.lite.tsx
@@ -1,6 +1,6 @@
 import { onMount, Show, useMetadata, useStore } from '@builder.io/mitosis';
 import { DBLinkState, DBLinkProps } from './model';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: false,

diff --git a/packages/components/src/components/link/link.scss b/packages/components/src/components/link/link.scss
@@ -26,7 +26,9 @@
 	text-decoration-thickness: to-rem($pxValue: 1);
 
 	// Changing color on hover should be animated by a transition
-	transition: outline 0.06s, color $db-transition-color;
+	transition:
+		outline 0.06s,
+		color $db-transition-color;
 
 	a {
 		// Workaround for angular

diff --git a/packages/components/src/components/navigation-item/navigation-item.lite.tsx b/packages/components/src/components/navigation-item/navigation-item.lite.tsx
@@ -7,7 +7,7 @@ import {
 	useStore
 } from '@builder.io/mitosis';
 import { DBNavigationItemProps, DBNavigationItemState } from './model';
-import { cls, uuid } from "../../utils";
+import { cls, uuid } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/page/page.lite.tsx b/packages/components/src/components/page/page.lite.tsx
@@ -6,7 +6,7 @@ import {
 	useStore
 } from '@builder.io/mitosis';
 import { DBPageProps, DBPageState } from './model';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/radio/index.html b/packages/components/src/components/radio/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/radio/radio.lite.tsx b/packages/components/src/components/radio/radio.lite.tsx
@@ -8,7 +8,7 @@ import {
 import { DBRadioProps, DBRadioState } from './model';
 import { uuid } from '../../utils';
 import { DEFAULT_ID } from '../../shared/constants';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/section/index.html b/packages/components/src/components/section/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/section/section.lite.tsx b/packages/components/src/components/section/section.lite.tsx
@@ -1,6 +1,6 @@
 import { onMount, Show, useMetadata, useStore } from '@builder.io/mitosis';
 import { DBSectionState, DBSectionProps } from './model';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/select/index.html b/packages/components/src/components/select/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/select/select.scss b/packages/components/src/components/select/select.scss
@@ -99,7 +99,10 @@
 	label {
 		@extend %db-body-2xs;
 		inset-block-start: $db-spacing-fixed-2xs;
-		transition: left, top, font-size 0.2s $db-transition-functional-timing;
+		transition:
+			left,
+			top,
+			font-size 0.2s $db-transition-functional-timing;
 		inset-inline-start: calc(
 			var(--has-before) * ($db-sizing-md - $db-spacing-fixed-sm) +
 				$db-spacing-fixed-sm
@@ -109,7 +112,9 @@
 	&::after,
 	&::before,
 	.icon-state {
-		inset-block-start: calc(var(--db-base-font-size) * var(--db-base-line-height) / 2);
+		inset-block-start: calc(
+			var(--db-base-font-size) * var(--db-base-line-height) / 2
+		);
 	}
 
 	&::before {

diff --git a/packages/components/src/components/tab-bar/tab-bar.lite.tsx b/packages/components/src/components/tab-bar/tab-bar.lite.tsx
@@ -2,7 +2,7 @@ import { For, onMount, Show, useMetadata, useStore } from '@builder.io/mitosis';
 import { DBTab } from '../tab';
 import type { DBTabProps } from '../tab/model';
 import type { DBTabBarState, DBTabBarProps } from './model';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/tab/tab.lite.tsx b/packages/components/src/components/tab/tab.lite.tsx
@@ -8,7 +8,7 @@ import {
 import { DEFAULT_ID } from '../../shared/constants';
 import type { DBTabState, DBTabProps } from './model';
 import { uuid } from '../../utils';
-import { cls } from "../../utils";
+import { cls } from '../../utils';
 
 useMetadata({
 	isAttachedToShadowDom: true,

diff --git a/packages/components/src/components/tag/docs/Migration.md b/packages/components/src/components/tag/docs/Migration.md
@@ -13,8 +13,8 @@
 
 ### sizes
 
-| Before  | Status | After | Description                                                                                                        |
-| ------- | :----: | :---: | ------------------------------------------------------------------------------------------------------------------ |
+| Before  | Status | After | Description                                                                                                                              |
+| ------- | :----: | :---: | ---------------------------------------------------------------------------------------------------------------------------------------- |
 | `small` |   ❌   |  ❌   | We removed small tags because of tonality. But you can use `type` property with value `strong` to emphasize a tag for a differentiation. |
 
 ### variants

diff --git a/packages/components/src/components/tag/index.html b/packages/components/src/components/tag/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/packages/components/src/components/tag/tag.scss b/packages/components/src/components/tag/tag.scss
@@ -118,7 +118,8 @@
 	block-size: $db-sizing-sm;
 	min-inline-size: $db-sizing-sm;
 	inline-size: fit-content;
-	transition: background-color $db-transition-color,
+	transition:
+		background-color $db-transition-color,
 		color $db-transition-color;
 
 	&:not(&[data-interactive="true"]) {

diff --git a/packages/components/test/playwright/boilerplate/index.html b/packages/components/test/playwright/boilerplate/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />