refactor(ui): ♻️ refactored imports and exports & clear git cache

commitlint.config.js

@@ -18,7 +18,7 @@ const CommitLintConfiguration = {
 				"test",
 			],
 		],
-		"scope-enum": [2, "always", ["root", "admin", "api", "web", "storefront"]],
+		"scope-enum": [2, "always", ["root", "admin", "api", "web", "storefront", "generated-graphql", "ui"]],
 		"scope-case": [2, "always", "kebab-case"],
 	},
 };

packages/ui/src/index.tsx

@@ -1,57 +1,9 @@
 export * from "./hooks";
 export * from "./step";
 export * from "./timeline";
+export * from "./input";
+export * from "./modal";
+export * from "./ui";
 
 export * from "./utils/helpers";
-
-// input folder
-export { InputField, type InputFieldProps } from "./input/InputField";
-export {
-	ButtonCheckbox,
-	type ButtonCheckboxProps,
-} from "./input/checkbox/Checkbox";
-export {
-	LargeButtonRadio,
-	type LargeButtonRadioProps,
-} from "./input/radio/large/LargeButtonRadio";
-export {
-	LargeButtonRadioGroup,
-	type LargeButtonRadioGroupProps,
-} from "./input/radio/large/LargeButtonRadioGroup";
-export { ListRadio, type ListRadioProps } from "./input/radio/list/ListRadio";
-export { ListRadioBox } from "./input/radio/list/ListRadioBox";
-export {
-	ToggleButton,
-	type ToggleButtonProps,
-	ToggleButtonGroup,
-	type ToggleButtonGroupProps,
-} from "./input/ToggleButton";
-export {
-	QuantitySelect,
-	type QuantitySelectProps,
-} from "./input/QuantitySelect";
-
-// modal folder
-export { ModalButton, type ModalButtonProps } from "./modal/ModalButton";
-export {
-	ConfirmationModal,
-	type ConfirmationModalProps,
-} from "./modal/ConfirmationModal";
-
-// ui folder
-export { DividerWithText } from "./ui/DividerWithText";
-export {
-	UnderlineLink,
-	type UnderlineLinkProps,
-	UnderlineButton,
-	type UnderlineButtonProps,
-} from "./ui/UnderlineLink";
-export { Result, type ResultProps } from "./ui/Result";
-export { HeadingGroup, type HeadingGroupProps } from "./ui/HeadingGroup";
-export {
-	formatPrice,
-	Price,
-	type PriceProps,
-	PriceTag,
-	type PriceTagProps,
-} from "./ui/PriceTag";
+

packages/ui/src/input/index.tsx

@@ -0,0 +1,22 @@
+export { InputField, type InputFieldProps } from "./InputField";
+export { ButtonCheckbox, type ButtonCheckboxProps } from "./checkbox/Checkbox";
+export {
+	LargeButtonRadio,
+	type LargeButtonRadioProps,
+} from "./radio/large/LargeButtonRadio";
+export {
+	LargeButtonRadioGroup,
+	type LargeButtonRadioGroupProps,
+} from "./radio/large/LargeButtonRadioGroup";
+export {
+	ListRadio,
+	type ListRadioProps,
+	ListRadioBox,
+} from "./radio/list/ListRadio";
+export {
+	ToggleButton,
+	type ToggleButtonProps,
+	ToggleButtonGroup,
+	type ToggleButtonGroupProps,
+} from "./ToggleButton";
+export { QuantitySelect, type QuantitySelectProps } from "./QuantitySelect";

packages/ui/src/Input/radio/list/ListRadio.tsx → packages/ui/src/input/radio/list/ListRadio.tsx

@@ -5,12 +5,13 @@ import {
 	Text,
 	useColorModeValue as mode,
 	useId,
-	UseRadioProps,
+	type UseRadioProps,
 	useRadio,
+	type BoxProps,
+	useColorModeValue,
 } from "@chakra-ui/react";
 import * as React from "react";
 import { MdCheckBox, MdCheckBoxOutlineBlank } from "react-icons/md";
-import { ListRadioBox } from "./ListRadioBox";
 
 export interface ListRadioProps extends UseRadioProps {
 	icon: React.ReactElement;
@@ -64,3 +65,20 @@ export const ListRadio = (props: ListRadioProps) => {
 ListRadio.defaultProps = {
 	anotherDescription: null,
 };
+
+export const ListRadioBox = (props: BoxProps) => (
+	<Box
+		// borderWidth="2px"
+		px="4"
+		py="3"
+		borderRadius="md"
+		cursor="pointer"
+		transition="all 0.2s"
+		_focus={{ shadow: "outline" }}
+		_checked={{
+			bg: useColorModeValue("gray.50", "whiteAlpha.100"),
+			borderColor: useColorModeValue("primary.500", "primary.300"),
+		}}
+		{...props}
+	/>
+);

packages/ui/src/modal/index.tsx

@@ -0,0 +1,5 @@
+export { ModalButton, type ModalButtonProps } from "./ModalButton";
+export {
+	ConfirmationModal,
+	type ConfirmationModalProps,
+} from "./ConfirmationModal";

packages/ui/src/ui/index.tsx

@@ -0,0 +1,16 @@
+export { DividerWithText } from "./DividerWithText";
+export {
+	UnderlineLink,
+	type UnderlineLinkProps,
+	UnderlineButton,
+	type UnderlineButtonProps,
+} from "./UnderlineLink";
+export { Result, type ResultProps } from "./Result";
+export { HeadingGroup, type HeadingGroupProps } from "./HeadingGroup";
+export {
+	formatPrice,
+	Price,
+	type PriceProps,
+	PriceTag,
+	type PriceTagProps,
+} from "./PriceTag";

packages/ui/tsconfig.json

@@ -6,6 +6,6 @@
 			"@/*": ["./src/*"]
 		}
 	},
-	"include": ["**/*.ts", "**/*.tsx", "react-table.d.ts"],
+	"include": ["**/*.ts", "**/*.tsx"],
 	"exclude": ["node_modules"]
 }