Merge pull request #2357 from coingaming/develop

Deploy 10.7.0
coingaming · Sep 1, 2023 · 1903cf3 · 1903cf3
2 parents 4b68e0d + 5b29d9b
commit 1903cf3
Show file tree

Hide file tree

Showing 83 changed files with 3,236 additions and 3,290 deletions.
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -1,5 +1,17 @@
 # docs
 
+## 0.5.0
+
+### Minor Changes
+
+- Deploy 10.7.1
+
+### Patch Changes
+
+- Updated dependencies
+  - @heathmont/moon-core-tw@10.7.0
+  - @heathmont/moon-base-tw@10.7.0
+
 ## 0.4.3
 
 ### Patch Changes

diff --git a/docs/package.json b/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "0.4.3",
+  "version": "0.5.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@heathmont/moon-base-tw": "workspace:^10.6.3",
-    "@heathmont/moon-core-tw": "workspace:^10.6.3",
+    "@heathmont/moon-base-tw": "workspace:^10.7.0",
+    "@heathmont/moon-core-tw": "workspace:^10.7.0",
     "@heathmont/moon-icons-tw": "9.28.4",
     "@types/node": "20.4.9",
     "@types/react": "18.2.19",

diff --git a/next-docs/CHANGELOG.md b/next-docs/CHANGELOG.md
@@ -1,5 +1,34 @@
 # Change Log
 
+## 10.7.0
+
+### Minor Changes
+
+- Deploy 10.7.1
+
+### Patch Changes
+
+- Updated dependencies
+  - @heathmont/moon-core-tw@10.7.0
+  - @heathmont/moon-accordion@10.7.0
+  - @heathmont/moon-assets@10.7.0
+  - @heathmont/moon-charts@10.7.0
+  - @heathmont/moon-components@10.7.0
+  - @heathmont/moon-core@10.7.0
+  - @heathmont/moon-datepicker@10.7.0
+  - @heathmont/moon-draggabletable@10.7.0
+  - @heathmont/moon-icons@10.7.0
+  - @heathmont/moon-pagination@10.7.0
+  - @heathmont/moon-popover@10.7.0
+  - @heathmont/moon-select@10.7.0
+  - @heathmont/moon-sidebar@10.7.0
+  - @heathmont/moon-table@10.7.0
+  - @heathmont/moon-themes@10.7.0
+  - @heathmont/moon-utils@10.7.0
+  - @heathmont/moon-cmdk-tw@10.7.0
+  - @heathmont/moon-table-tw@10.7.0
+  - @heathmont/moon-themes-tw@10.7.0
+
 ## 10.6.3
 
 ### Patch Changes

diff --git a/next-docs/components/ComponentPageDescription.tsx b/next-docs/components/ComponentPageDescription.tsx
@@ -7,7 +7,6 @@ type Props = {
   isAriaSupport?: boolean;
   isRtlSupport?: boolean;
   isInProgress?: boolean;
-  isInDevelopment?: boolean;
   isDeprecated?: boolean;
   children: React.ReactNode;
 };
@@ -18,7 +17,6 @@ const ComponentPageDescription: React.FC<Props> = ({
   isAriaSupport,
   isRtlSupport,
   isInProgress,
-  isInDevelopment,
   isDeprecated,
   children,
 }) => {
@@ -41,11 +39,6 @@ const ComponentPageDescription: React.FC<Props> = ({
                   In progress
                 </Tag>
               )}
-              {isInDevelopment && (
-                <Tag size="2xs" className="bg-chichi text-popo">
-                  In Development - Do not use in production
-                </Tag>
-              )}
               {isAriaSupport && (
                 <Tag size="2xs" className="bg-nappa text-goten">
                   ARIA

diff --git a/next-docs/components/Layout.tsx b/next-docs/components/Layout.tsx
@@ -20,10 +20,7 @@ const Layout = ({ children, title }: Props) => {
   return (
     <>
       <Head>
-        <title>
-          {SITE_TITLE}
-          {title && ` | ${title}`}
-        </title>
+        <title>{title ? `${SITE_TITLE} | ${title}` : SITE_TITLE}</title>
       </Head>
       <div className="layout bg-goku text-bulma flex">
         {/* Dynamic sidebar with transition for mobile */}

diff --git a/next-docs/package.json b/next-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "next-docs",
-  "version": "10.6.3",
+  "version": "10.7.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -15,26 +15,26 @@
   },
   "dependencies": {
     "@headlessui/react": "1.7.16",
-    "@heathmont/moon-accordion": "workspace:^10.6.3",
-    "@heathmont/moon-assets": "workspace:^10.6.3",
-    "@heathmont/moon-charts": "workspace:^10.6.3",
-    "@heathmont/moon-components": "workspace:^10.6.3",
-    "@heathmont/moon-cmdk-tw": "workspace:^10.6.3",
-    "@heathmont/moon-core": "workspace:^10.6.3",
-    "@heathmont/moon-core-tw": "workspace:^10.6.3",
-    "@heathmont/moon-datepicker": "workspace:^10.6.3",
-    "@heathmont/moon-draggabletable": "workspace:^10.6.3",
-    "@heathmont/moon-icons": "workspace:^10.6.3",
-    "@heathmont/moon-pagination": "workspace:^10.6.3",
-    "@heathmont/moon-popover": "workspace:^10.6.3",
-    "@heathmont/moon-select": "workspace:^10.6.3",
-    "@heathmont/moon-sidebar": "workspace:^10.6.3",
-    "@heathmont/moon-table": "workspace:^10.6.3",
-    "@heathmont/moon-table-tw": "workspace:^10.6.3",
-    "@heathmont/moon-themes": "workspace:^10.6.3",
-    "@heathmont/moon-themes-tw": "workspace:^10.6.3",
-    "@heathmont/moon-utils": "workspace:^10.6.3",
-    "@heathmont/moon-icons-tw": "9.28.4",
+    "@heathmont/moon-accordion": "workspace:^10.7.0",
+    "@heathmont/moon-assets": "workspace:^10.7.0",
+    "@heathmont/moon-charts": "workspace:^10.7.0",
+    "@heathmont/moon-components": "workspace:^10.7.0",
+    "@heathmont/moon-cmdk-tw": "workspace:^10.7.0",
+    "@heathmont/moon-core": "workspace:^10.7.0",
+    "@heathmont/moon-core-tw": "workspace:^10.7.0",
+    "@heathmont/moon-datepicker": "workspace:^10.7.0",
+    "@heathmont/moon-draggabletable": "workspace:^10.7.0",
+    "@heathmont/moon-icons": "workspace:^10.7.0",
+    "@heathmont/moon-pagination": "workspace:^10.7.0",
+    "@heathmont/moon-popover": "workspace:^10.7.0",
+    "@heathmont/moon-select": "workspace:^10.7.0",
+    "@heathmont/moon-sidebar": "workspace:^10.7.0",
+    "@heathmont/moon-table": "workspace:^10.7.0",
+    "@heathmont/moon-table-tw": "workspace:^10.7.0",
+    "@heathmont/moon-themes": "workspace:^10.7.0",
+    "@heathmont/moon-themes-tw": "workspace:^10.7.0",
+    "@heathmont/moon-utils": "workspace:^10.7.0",
+    "@heathmont/moon-icons-tw": "9.28.5",
     "@hookform/resolvers": "3.2.0",
     "@jest/globals": "27.5.1",
     "@next/bundle-analyzer": "13.4.13",

diff --git a/next-docs/pages/components/authCode.tsx b/next-docs/pages/components/authCode.tsx
@@ -6,14 +6,13 @@ import PropsTable from '../../components/PropsTable';
 import AllowedCharacters from '../../public/examples/authCode/AllowedCharacters';
 import Default from '../../public/examples/authCode/Default';
 import ErrorState from '../../public/examples/authCode/ErrorState';
-import Expandable from '../../public/examples/authCode/Expandable';
 import FourChars from '../../public/examples/authCode/FourChars';
+import Gaps from '../../public/examples/authCode/Gaps';
+import Hint from '../../public/examples/authCode/Hint';
 import IsPassword from '../../public/examples/authCode/IsPassword';
 import Placeholder from '../../public/examples/authCode/Placeholder';
 import ReactHookForm from '../../public/examples/authCode/ReactHookForm';
 import ReactHookFormAuto from '../../public/examples/authCode/ReactHookFormAuto';
-import Sizes from '../../public/examples/authCode/Sizes';
-import Stretch from '../../public/examples/authCode/Stretch';
 import useComponent from '../../utils/useComponent';
 
 const COMPONENT_NAME: ComponentNames = 'AuthCode';
@@ -25,7 +24,6 @@ const PageAuthCode = () => {
       <ComponentPageDescription
         title={name}
         image={image}
-        isInProgress
         isAriaSupport
         isRtlSupport
       >
@@ -62,30 +60,25 @@ const PageAuthCode = () => {
         preview={<ErrorState />}
         code={examples ? examples.ErrorState : 'Loading'}
       />
+      <Preview
+        title="Hint message"
+        preview={<Hint />}
+        code={examples ? examples.Hint : 'Loading'}
+      />
       <Preview
         title="Placeholder"
         preview={<Placeholder />}
         code={examples ? examples.Placeholder : 'Loading'}
       />
-      <Preview
-        title="Sizes"
-        preview={<Sizes />}
-        code={examples ? examples.Sizes : 'Loading'}
-      />
       <Preview
         title="Password"
         preview={<IsPassword />}
         code={examples ? examples.IsPassword : 'Loading'}
       />
       <Preview
-        title="Stretch"
-        preview={<Stretch />}
-        code={examples ? examples.Stretch : 'Loading'}
-      />
-      <Preview
-        title="Expandable"
-        preview={<Expandable />}
-        code={examples ? examples.Expandable : 'Loading'}
+        title="Different gaps"
+        preview={<Gaps />}
+        code={examples ? examples.Gaps : 'Loading'}
       />
       <PropsTable
         title="Props"
@@ -150,13 +143,6 @@ const PageAuthCode = () => {
             description:
               'Puts element in error state and displays the message.',
           },
-          {
-            name: 'inputSize',
-            type: 'sm | md | lg | xl',
-            required: false,
-            default: 'lg',
-            description: 'Specifies the size of input characters.',
-          },
           {
             name: 'className',
             type: 'string',
@@ -173,29 +159,6 @@ const PageAuthCode = () => {
             description:
               'Specifies the common of the aria phrase for input elements.',
           },
-          {
-            name: 'Deprecated props',
-            type: '',
-            required: undefined,
-            default: '',
-            description: '',
-          },
-          {
-            name: 'stretch',
-            type: 'boolean',
-            required: false,
-            default: 'false',
-            description:
-              'If true, inputs would get stretched to fill the available width.',
-          },
-          {
-            name: 'expandable',
-            type: 'boolean',
-            required: false,
-            default: 'false',
-            description:
-              'Defines whether or not the input cells can be stretched to fill the available space between them in the stretchable Auth code component. Matters only with the "stretch" parameter is being set to true.',
-          },
         ]}
       />
     </>

diff --git a/next-docs/public/examples/authCode/AllowedCharacters.tsx b/next-docs/public/examples/authCode/AllowedCharacters.tsx
@@ -6,11 +6,7 @@ const Example = () => {
   const handleOnChange = (res: string) => {
     setResult(res);
   };
-
-  return <AuthCode
-    allowedCharacters='numeric'
-    onChange={handleOnChange}
-  />;
+  return <AuthCode allowedCharacters="numeric" onChange={handleOnChange} />;
 };
 
 export default Example;
diff --git a/next-docs/public/examples/authCode/Default.tsx b/next-docs/public/examples/authCode/Default.tsx
@@ -6,8 +6,7 @@ const Example = () => {
   const handleOnChange = (res: string) => {
     setResult(res);
   };
-
   return <AuthCode onChange={handleOnChange} />;
-}
+};
 
 export default Example;
diff --git a/next-docs/public/examples/authCode/ErrorState.tsx b/next-docs/public/examples/authCode/ErrorState.tsx
@@ -11,39 +11,41 @@ const schema = z.object({
 type ValidationSchema = z.infer<typeof schema>;
 
 const Example = () => {
-  const { control, handleSubmit, formState: { isValid, errors }, trigger } = useForm({
+  const {
+    control,
+    handleSubmit,
+    formState: { isValid, errors },
+    trigger,
+  } = useForm({
     defaultValues: {
       authCode: '',
     },
-    resolver: zodResolver(schema)
+    resolver: zodResolver(schema),
   });
-
-  const onSubmit: SubmitHandler<ValidationSchema> =
-    (data: ValidationSchema) => console.log('onSubmit: ', data);
-
+  const onSubmit: SubmitHandler<ValidationSchema> = (data: ValidationSchema) =>
+    console.log('onSubmit: ', data);
   // Trigger validation for this example
   useEffect(() => {
-    trigger('authCode')
-  }, [])
-
+    trigger('authCode');
+  }, []);
   return (
     <Form
       onSubmit={handleSubmit(onSubmit)}
+      className="flex items-center flex-col"
     >
       <Controller
-        name='authCode'
+        name="authCode"
         control={control}
-        render={({ field }) =>
-          <div className='flex flex-col gap-2'>
-            <AuthCode
-              {...field}
-              isValid={isValid}
-            />
-            {!isValid && <Hint error className='!p-0'>
-             {errors.authCode?.message}
-            </Hint>}
-          </div>
-        }
+        render={({ field }) => (
+          <>
+            <AuthCode {...field} isValid={isValid} />
+            {!isValid && (
+              <Hint error className="!ps-0">
+                {errors.authCode?.message}
+              </Hint>
+            )}
+          </>
+        )}
       />
     </Form>
   );

diff --git a/next-docs/public/examples/authCode/Expandable.tsx b/next-docs/public/examples/authCode/Expandable.tsx