@antscorp/antsomi-ui 1.3.3-beta.2 → 1.3.3-beta.4

package/es/components/atoms/Flex/Flex.d.ts

@@ -0,0 +1,2 @@
+export { Flex } from 'antd';
+export type { FlexProps } from 'antd';

package/es/components/atoms/Flex/Flex.js

@@ -0,0 +1 @@
+export { Flex } from 'antd';

package/es/components/atoms/Flex/index.d.ts

@@ -0,0 +1 @@
+export * from './Flex';

package/es/components/atoms/Flex/index.js

@@ -0,0 +1 @@
+export * from './Flex';

package/es/components/atoms/Input/Input.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="hoist-non-react-statics" />
 import React, { ReactNode } from 'react';
-import { InputProps as AntdInputProps } from 'antd';
+import { InputProps as AntdInputProps, Input as AntdInput } from 'antd';
 export interface InputProps extends AntdInputProps {
     noborder?: 'true' | 'false' | boolean;
     debounce?: number;
@@ -11,10 +12,17 @@ export interface InputProps extends AntdInputProps {
     errorMsg?: string;
     disableUndo?: boolean;
 }
-export declare const Input: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<AntdInputProps & React.RefAttributes<import("antd").InputRef>> & {
+export declare const Input: string & import("styled-components").StyledComponentBase<React.ForwardRefExoticComponent<AntdInputProps & React.RefAttributes<import("antd").InputRef>> & {
     Group: React.FC<import("antd/es/input").GroupProps>;
     Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<import("antd").InputRef>>;
     TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
     Password: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<import("antd").InputRef>>;
-}, any, InputProps, never>;
+}, any, InputProps, never> & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<AntdInputProps & React.RefAttributes<import("antd").InputRef>> & {
+    Group: React.FC<import("antd/es/input").GroupProps>;
+    Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<import("antd").InputRef>>;
+    TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
+    Password: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<import("antd").InputRef>>;
+}, {}> & {
+    DefaultInput: typeof AntdInput;
+};
 export declare const TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;

package/es/components/atoms/Input/Input.js

@@ -13,6 +13,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 /* eslint-disable react/destructuring-assignment */
 // Libraries
 import React, { useEffect, useMemo, useRef, useState } from 'react';
+// Types
+import { Input as AntdInput } from 'antd';
 // Components
 import { RequiredLabel, Text } from '@antscorp/antsomi-ui/es/components/atoms';
 // Utils
@@ -89,4 +91,5 @@ OriginInput.defaultProps = {
 };
 export const Input = OriginInput;
 Input.TextArea = StyledInput.TextArea;
+Input.DefaultInput = AntdInput;
 export const { TextArea } = StyledInput;

package/es/components/atoms/index.d.ts

@@ -30,4 +30,5 @@ export { Spin } from './Spin';
 export { Alert } from './Alert';
 export { ScrollBox } from './ScrollBox';
 export { Rate } from './Rate';
+export * from './Flex';
 export type { SliderProps } from './Slider';

package/es/components/atoms/index.js

@@ -30,3 +30,4 @@ export { Spin } from './Spin';
 export { Alert } from './Alert';
 export { ScrollBox } from './ScrollBox';
 export { Rate } from './Rate';
+export * from './Flex';

package/es/components/common/ConfigProvider/GlobalStyle.js

@@ -10,7 +10,7 @@ import { far } from '@fortawesome/free-regular-svg-icons';
 import { fab } from '@fortawesome/free-brands-svg-icons';
 library.add(fas, far, fab);
 export const GlobalStyle = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33;
     return (React.createElement(Global, { styles: css `
       @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
 
@@ -486,5 +486,33 @@ export const GlobalStyle = () => {
       .ant-message {
         z-index: 999999 !important;
       }
+
+      /* Collapse */
+      .antsomi-collapse-header {
+        font-size: 14px;
+      }
+
+      .antsomi-collapse {
+        &.antsomi-collapse-borderless {
+          border-bottom: 1px solid ${(_31 = THEME.token) === null || _31 === void 0 ? void 0 : _31.gray5};
+        }
+
+        > .antsomi-collapse-item > .antsomi-collapse-header .antsomi-collapse-arrow {
+          transition: all 200ms;
+        }
+      }
+
+      /* Switch */
+      .antsomi-switch {
+        border: 2px solid ${(_32 = THEME.token) === null || _32 === void 0 ? void 0 : _32.colorPrimary} !important;
+
+        &.antsomi-switch-checked {
+          > .antsomi-switch-handle {
+            &::before {
+              background-color: ${(_33 = THEME.token) === null || _33 === void 0 ? void 0 : _33.bw0} !important;
+            }
+          }
+        }
+      }
     ` }));
 };

package/es/components/molecules/Collapse/Collapse.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const Collapse: import("react").ForwardRefExoticComponent<import("antd").CollapseProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Panel: import("react").ForwardRefExoticComponent<import("antd").CollapsePanelProps & import("react").RefAttributes<HTMLDivElement>>;
+import React from 'react';
+export declare const Collapse: React.ForwardRefExoticComponent<import("antd").CollapseProps & React.RefAttributes<HTMLDivElement>> & {
+    Panel: React.ForwardRefExoticComponent<import("antd").CollapsePanelProps & React.RefAttributes<HTMLDivElement>>;
 };

package/es/components/molecules/Collapse/Collapse.js

@@ -1,2 +1,11 @@
+// Libraries
+import React from 'react';
 import { Collapse as AntdCollapse } from 'antd';
+// Icons
+import { Icon } from '../../atoms';
 export const Collapse = AntdCollapse;
+Collapse.defaultProps = {
+    expandIcon({ isActive }) {
+        return (React.createElement(Icon, { type: "icon-ants-expand-more", size: 24, style: { transform: `rotate(${isActive ? -180 : 0}deg)`, color: '#666' } }));
+    },
+};

package/es/components/molecules/FontFamilySelect/constants.d.ts

@@ -0,0 +1,307 @@
+export declare const OPTION_FONT_FAMILY: readonly [{
+    readonly label: "Arial";
+    readonly value: "Arial";
+    readonly style: {
+        readonly fontFamily: "Arial";
+    };
+}, {
+    readonly label: "Sacramento";
+    readonly value: "Sacramento";
+    readonly style: {
+        readonly fontFamily: "Sacramento";
+    };
+}, {
+    readonly label: "PT Serif";
+    readonly value: "PT Serif";
+    readonly style: {
+        readonly fontFamily: "PT Serif";
+    };
+}, {
+    readonly label: "Georgia";
+    readonly value: "Georgia";
+    readonly style: {
+        readonly fontFamily: "Georgia";
+    };
+}, {
+    readonly label: "Helvetica";
+    readonly value: "Helvetica";
+    readonly style: {
+        readonly fontFamily: "Helvetica";
+    };
+}, {
+    readonly label: "Helvetica Neue";
+    readonly value: "Helvetica Neue";
+    readonly style: {
+        readonly fontFamily: "Helvetica Neue";
+    };
+}, {
+    readonly label: "Lucida Grande";
+    readonly value: "Lucida Grande";
+    readonly style: {
+        readonly fontFamily: "Lucida Grande";
+    };
+}, {
+    readonly label: "Tahoma";
+    readonly value: "Tahoma";
+    readonly style: {
+        readonly fontFamily: "Tahoma";
+    };
+}, {
+    readonly label: "Times New Roman";
+    readonly value: "Times New Roman";
+    readonly style: {
+        readonly fontFamily: "Times New Roman";
+    };
+}, {
+    readonly label: "Verdana";
+    readonly value: "Verdana";
+    readonly style: {
+        readonly fontFamily: "Verdana";
+    };
+}, {
+    readonly label: "Abril Fatface";
+    readonly value: "Abril Fatface";
+    readonly style: {
+        readonly fontFamily: "Abril Fatface";
+    };
+}, {
+    readonly label: "Aleo";
+    readonly value: "Aleo";
+    readonly style: {
+        readonly fontFamily: "Aleo";
+    };
+}, {
+    readonly label: "Arvo";
+    readonly value: "arvo";
+    readonly style: {
+        readonly fontFamily: "Arvo";
+    };
+}, {
+    readonly label: "Bitter";
+    readonly value: "bitter";
+    readonly style: {
+        readonly fontFamily: "Bitter";
+    };
+}, {
+    readonly label: "Bree Serif";
+    readonly value: "Bree Serif";
+    readonly style: {
+        readonly fontFamily: "Bree Serif";
+    };
+}, {
+    readonly label: "Cabin";
+    readonly value: "Cabin";
+    readonly style: {
+        readonly fontFamily: "Cabin";
+    };
+}, {
+    readonly label: "Cookie";
+    readonly value: "Cookie";
+    readonly style: {
+        readonly fontFamily: "Cookie";
+    };
+}, {
+    readonly label: "Delius Swash Caps";
+    readonly value: "Delius Swash Caps";
+    readonly style: {
+        readonly fontFamily: "Delius Swash Caps";
+    };
+}, {
+    readonly label: "Dosis";
+    readonly value: "Dosis";
+    readonly style: {
+        readonly fontFamily: "Dosis";
+    };
+}, {
+    readonly label: "Droid Sans";
+    readonly value: "Droid Sans";
+    readonly style: {
+        readonly fontFamily: "Droid Sans";
+    };
+}, {
+    readonly label: "Droid Serif";
+    readonly value: "Droid Serif";
+    readonly style: {
+        readonly fontFamily: "Droid Serif";
+    };
+}, {
+    readonly label: "EB Garamond";
+    readonly value: "EB Garamond";
+    readonly style: {
+        readonly fontFamily: "EB Garamond";
+    };
+}, {
+    readonly label: "Josefin Slab";
+    readonly value: "Josefin Slab";
+    readonly style: {
+        readonly fontFamily: "Josefin Slab";
+    };
+}, {
+    readonly label: "Just Another Hand";
+    readonly value: "Just Another Hand";
+    readonly style: {
+        readonly fontFamily: "Just Another Hand";
+    };
+}, {
+    readonly label: "Lakki Reddy";
+    readonly value: "Lakki Reddy";
+    readonly style: {
+        readonly fontFamily: "Lakki Reddy";
+    };
+}, {
+    readonly label: "Lato";
+    readonly value: "Lato";
+    readonly style: {
+        readonly fontFamily: "Lato";
+    };
+}, {
+    readonly label: "Libre Baskerville";
+    readonly value: "Libre Baskerville";
+    readonly style: {
+        readonly fontFamily: "Libre Baskerville";
+    };
+}, {
+    readonly label: "Lobster";
+    readonly value: "Lobster";
+    readonly style: {
+        readonly fontFamily: "Lobster";
+    };
+}, {
+    readonly label: "Lora";
+    readonly value: "Lora";
+    readonly style: {
+        readonly fontFamily: "Lora";
+    };
+}, {
+    readonly label: "Mali";
+    readonly value: "Mali";
+    readonly style: {
+        readonly fontFamily: "Mali";
+    };
+}, {
+    readonly label: "Merriweather";
+    readonly value: "Merriweather";
+    readonly style: {
+        readonly fontFamily: "Merriweather";
+    };
+}, {
+    readonly label: "Montserrat";
+    readonly value: "Montserrat";
+    readonly style: {
+        readonly fontFamily: "Montserrat";
+    };
+}, {
+    readonly label: "Noto Sans";
+    readonly value: "Noto Sans";
+    readonly style: {
+        readonly fontFamily: "Noto Sans";
+    };
+}, {
+    readonly label: "Noto Serif";
+    readonly value: "Noto Serif";
+    readonly style: {
+        readonly fontFamily: "Noto Serif";
+    };
+}, {
+    readonly label: "Nunito";
+    readonly value: "Nunito";
+    readonly style: {
+        readonly fontFamily: "Nunito";
+    };
+}, {
+    readonly label: "Open Sans";
+    readonly value: "Open Sans";
+    readonly style: {
+        readonly fontFamily: "Open Sans";
+    };
+}, {
+    readonly label: "Oswald";
+    readonly value: "Oswald";
+    readonly style: {
+        readonly fontFamily: "Oswald";
+    };
+}, {
+    readonly label: "Poppins";
+    readonly value: "Poppins";
+    readonly style: {
+        readonly fontFamily: "Poppins";
+    };
+}, {
+    readonly label: "PT Sans";
+    readonly value: "PT Sans";
+    readonly style: {
+        readonly fontFamily: "PT Sans";
+    };
+}, {
+    readonly label: "Pinyon Script";
+    readonly value: "Pinyon Script";
+    readonly style: {
+        readonly fontFamily: "Pinyon Script";
+    };
+}, {
+    readonly label: "Playfair Display";
+    readonly value: "Playfair Display";
+    readonly style: {
+        readonly fontFamily: "Playfair Display";
+    };
+}, {
+    readonly label: "Quicksand";
+    readonly value: "Quicksand";
+    readonly style: {
+        readonly fontFamily: "Quicksand";
+    };
+}, {
+    readonly label: "Raleway";
+    readonly value: "Raleway";
+    readonly style: {
+        readonly fontFamily: "Raleway";
+    };
+}, {
+    readonly label: "Righteous";
+    readonly value: "Righteous";
+    readonly style: {
+        readonly fontFamily: "Righteous";
+    };
+}, {
+    readonly label: "Roboto Slab";
+    readonly value: "Roboto Slab";
+    readonly style: {
+        readonly fontFamily: "Roboto Slab";
+    };
+}, {
+    readonly label: "Roboto";
+    readonly value: "Roboto";
+    readonly style: {
+        readonly fontFamily: "Roboto";
+    };
+}, {
+    readonly label: "Rubik";
+    readonly value: "Rubik";
+    readonly style: {
+        readonly fontFamily: "Rubik";
+    };
+}, {
+    readonly label: "Sarabun";
+    readonly value: "Sarabun";
+    readonly style: {
+        readonly fontFamily: "Sarabun";
+    };
+}, {
+    readonly label: "Source Sans Pro";
+    readonly value: "Source Sans Pro";
+    readonly style: {
+        readonly fontFamily: "Source Sans Pro";
+    };
+}, {
+    readonly label: "Ubuntu";
+    readonly value: "Ubuntu";
+    readonly style: {
+        readonly fontFamily: "Ubuntu";
+    };
+}, {
+    readonly label: "Vollkorn";
+    readonly value: "Vollkorn";
+    readonly style: {
+        readonly fontFamily: "Vollkorn";
+    };
+}];

package/es/components/molecules/FontFamilySelect/constants.js

@@ -0,0 +1,257 @@
+export const OPTION_FONT_FAMILY = [
+    {
+        label: 'Arial',
+        value: 'Arial',
+        style: { fontFamily: 'Arial' },
+    },
+    {
+        label: 'Sacramento',
+        value: 'Sacramento',
+        style: { fontFamily: 'Sacramento' },
+    },
+    {
+        label: 'PT Serif',
+        value: 'PT Serif',
+        style: { fontFamily: 'PT Serif' },
+    },
+    {
+        label: 'Georgia',
+        value: 'Georgia',
+        style: { fontFamily: 'Georgia' },
+    },
+    {
+        label: 'Helvetica',
+        value: 'Helvetica',
+        style: { fontFamily: 'Helvetica' },
+    },
+    {
+        label: 'Helvetica Neue',
+        value: 'Helvetica Neue',
+        style: { fontFamily: 'Helvetica Neue' },
+    },
+    {
+        label: 'Lucida Grande',
+        value: 'Lucida Grande',
+        style: { fontFamily: 'Lucida Grande' },
+    },
+    {
+        label: 'Tahoma',
+        value: 'Tahoma',
+        style: { fontFamily: 'Tahoma' },
+    },
+    {
+        label: 'Times New Roman',
+        value: 'Times New Roman',
+        style: { fontFamily: 'Times New Roman' },
+    },
+    {
+        label: 'Verdana',
+        value: 'Verdana',
+        style: { fontFamily: 'Verdana' },
+    },
+    {
+        label: 'Abril Fatface',
+        value: 'Abril Fatface',
+        style: { fontFamily: 'Abril Fatface' },
+    },
+    {
+        label: 'Aleo',
+        value: 'Aleo',
+        style: { fontFamily: 'Aleo' },
+    },
+    {
+        label: 'Arvo',
+        value: 'arvo',
+        style: { fontFamily: 'Arvo' },
+    },
+    {
+        label: 'Bitter',
+        value: 'bitter',
+        style: { fontFamily: 'Bitter' },
+    },
+    {
+        label: 'Bree Serif',
+        value: 'Bree Serif',
+        style: { fontFamily: 'Bree Serif' },
+    },
+    {
+        label: 'Cabin',
+        value: 'Cabin',
+        style: { fontFamily: 'Cabin' },
+    },
+    {
+        label: 'Cookie',
+        value: 'Cookie',
+        style: { fontFamily: 'Cookie' },
+    },
+    {
+        label: 'Delius Swash Caps',
+        value: 'Delius Swash Caps',
+        style: { fontFamily: 'Delius Swash Caps' },
+    },
+    {
+        label: 'Dosis',
+        value: 'Dosis',
+        style: { fontFamily: 'Dosis' },
+    },
+    {
+        label: 'Droid Sans',
+        value: 'Droid Sans',
+        style: { fontFamily: 'Droid Sans' },
+    },
+    {
+        label: 'Droid Serif',
+        value: 'Droid Serif',
+        style: { fontFamily: 'Droid Serif' },
+    },
+    {
+        label: 'EB Garamond',
+        value: 'EB Garamond',
+        style: { fontFamily: 'EB Garamond' },
+    },
+    {
+        label: 'Josefin Slab',
+        value: 'Josefin Slab',
+        style: { fontFamily: 'Josefin Slab' },
+    },
+    {
+        label: 'Just Another Hand',
+        value: 'Just Another Hand',
+        style: { fontFamily: 'Just Another Hand' },
+    },
+    {
+        label: 'Lakki Reddy',
+        value: 'Lakki Reddy',
+        style: { fontFamily: 'Lakki Reddy' },
+    },
+    {
+        label: 'Lato',
+        value: 'Lato',
+        style: { fontFamily: 'Lato' },
+    },
+    {
+        label: 'Libre Baskerville',
+        value: 'Libre Baskerville',
+        style: { fontFamily: 'Libre Baskerville' },
+    },
+    {
+        label: 'Lobster',
+        value: 'Lobster',
+        style: { fontFamily: 'Lobster' },
+    },
+    {
+        label: 'Lora',
+        value: 'Lora',
+        style: { fontFamily: 'Lora' },
+    },
+    {
+        label: 'Mali',
+        value: 'Mali',
+        style: { fontFamily: 'Mali' },
+    },
+    {
+        label: 'Merriweather',
+        value: 'Merriweather',
+        style: { fontFamily: 'Merriweather' },
+    },
+    {
+        label: 'Montserrat',
+        value: 'Montserrat',
+        style: { fontFamily: 'Montserrat' },
+    },
+    {
+        label: 'Noto Sans',
+        value: 'Noto Sans',
+        style: { fontFamily: 'Noto Sans' },
+    },
+    {
+        label: 'Noto Serif',
+        value: 'Noto Serif',
+        style: { fontFamily: 'Noto Serif' },
+    },
+    {
+        label: 'Nunito',
+        value: 'Nunito',
+        style: { fontFamily: 'Nunito' },
+    },
+    {
+        label: 'Open Sans',
+        value: 'Open Sans',
+        style: { fontFamily: 'Open Sans' },
+    },
+    {
+        label: 'Oswald',
+        value: 'Oswald',
+        style: { fontFamily: 'Oswald' },
+    },
+    {
+        label: 'Poppins',
+        value: 'Poppins',
+        style: { fontFamily: 'Poppins' },
+    },
+    {
+        label: 'PT Sans',
+        value: 'PT Sans',
+        style: { fontFamily: 'PT Sans' },
+    },
+    {
+        label: 'Pinyon Script',
+        value: 'Pinyon Script',
+        style: { fontFamily: 'Pinyon Script' },
+    },
+    {
+        label: 'Playfair Display',
+        value: 'Playfair Display',
+        style: { fontFamily: 'Playfair Display' },
+    },
+    {
+        label: 'Quicksand',
+        value: 'Quicksand',
+        style: { fontFamily: 'Quicksand' },
+    },
+    {
+        label: 'Raleway',
+        value: 'Raleway',
+        style: { fontFamily: 'Raleway' },
+    },
+    {
+        label: 'Righteous',
+        value: 'Righteous',
+        style: { fontFamily: 'Righteous' },
+    },
+    {
+        label: 'Roboto Slab',
+        value: 'Roboto Slab',
+        style: { fontFamily: 'Roboto Slab' },
+    },
+    {
+        label: 'Roboto',
+        value: 'Roboto',
+        style: { fontFamily: 'Roboto' },
+    },
+    {
+        label: 'Rubik',
+        value: 'Rubik',
+        style: { fontFamily: 'Rubik' },
+    },
+    {
+        label: 'Sarabun',
+        value: 'Sarabun',
+        style: { fontFamily: 'Sarabun' },
+    },
+    {
+        label: 'Source Sans Pro',
+        value: 'Source Sans Pro',
+        style: { fontFamily: 'Source Sans Pro' },
+    },
+    {
+        label: 'Ubuntu',
+        value: 'Ubuntu',
+        style: { fontFamily: 'Ubuntu' },
+    },
+    {
+        label: 'Vollkorn',
+        value: 'Vollkorn',
+        style: { fontFamily: 'Vollkorn' },
+    },
+];