@antscorp/antsomi-ui 1.3.3-beta.20 → 1.3.3-beta.21

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

@@ -1,257 +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' },
-    },
-];
+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' },
+    },
+];

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

@@ -1,17 +1,17 @@
-import React from 'react';
-import { OPTION_FONT_FAMILY } from './constants';
-import { SelectProps } from 'antd';
-export type FontFamilySelectProps = Omit<SelectProps, 'onChange'> & {
-    defaultValue?: string;
-    value?: string;
-    label?: string;
-    showOptions?: (typeof OPTION_FONT_FAMILY)[number]['label'][];
-    onChange?: (family: string) => void;
-};
-/**
- * Renders a select input for font family options.
- *
- * @param {FontFamilySelectProps} props - The props for the component.
- * @return {ReactNode} The rendered React node.
- */
-export declare const FontFamilySelect: React.FC<FontFamilySelectProps>;
+import React from 'react';
+import { OPTION_FONT_FAMILY } from './constants';
+import { SelectProps } from 'antd';
+export type FontFamilySelectProps = Omit<SelectProps, 'onChange'> & {
+    defaultValue?: string;
+    value?: string;
+    label?: string;
+    showOptions?: (typeof OPTION_FONT_FAMILY)[number]['label'][];
+    onChange?: (family: string) => void;
+};
+/**
+ * Renders a select input for font family options.
+ *
+ * @param {FontFamilySelectProps} props - The props for the component.
+ * @return {ReactNode} The rendered React node.
+ */
+export declare const FontFamilySelect: React.FC<FontFamilySelectProps>;

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

@@ -1,53 +1,53 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-// Libraries
-import React, { useEffect, useMemo, useState } from 'react';
-// Molecules
-import { Select } from '../Select';
-import { SettingWrapper } from '../SettingWrapper';
-// Constants
-import { OPTION_FONT_FAMILY } from './constants';
-import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
-/**
- * Renders a select input for font family options.
- *
- * @param {FontFamilySelectProps} props - The props for the component.
- * @return {ReactNode} The rendered React node.
- */
-export const FontFamilySelect = (props) => {
-    const { defaultValue, label, value, showOptions, onChange } = props, selectProps = __rest(props, ["defaultValue", "label", "value", "showOptions", "onChange"]);
-    const [selected, setSelected] = useState(defaultValue || value);
-    useEffect(() => {
-        setSelected(value);
-    }, [value]);
-    const { t } = i18nInstance;
-    const filteredFontFamilyOptions = useMemo(() => {
-        let filteredOptions = [...OPTION_FONT_FAMILY];
-        if (showOptions === null || showOptions === void 0 ? void 0 : showOptions.length) {
-            filteredOptions = OPTION_FONT_FAMILY.filter(({ value }) => showOptions.some(font => font === value));
-        }
-        return filteredOptions;
-    }, [showOptions]);
-    const handleChange = (value) => {
-        if (typeof onChange === 'function') {
-            onChange(value);
-        }
-    };
-    return (React.createElement(SettingWrapper, { label: label !== null && label !== void 0 ? label : '', containerStyle: { width: '100%' }, vertical: true },
-        React.createElement(Select, Object.assign({ value: selected, options: [...filteredFontFamilyOptions], style: { fontFamily: value, width: '100%' }, onChange: select => {
-                setSelected(select);
-                handleChange(select);
-            }, showSearch: true }, selectProps))));
-};
-FontFamilySelect.defaultProps = {
-    showOptions: [],
-};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import React, { useEffect, useMemo, useState } from 'react';
+// Molecules
+import { Select } from '../Select';
+import { SettingWrapper } from '../SettingWrapper';
+// Constants
+import { OPTION_FONT_FAMILY } from './constants';
+import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
+/**
+ * Renders a select input for font family options.
+ *
+ * @param {FontFamilySelectProps} props - The props for the component.
+ * @return {ReactNode} The rendered React node.
+ */
+export const FontFamilySelect = (props) => {
+    const { defaultValue, label, value, showOptions, onChange } = props, selectProps = __rest(props, ["defaultValue", "label", "value", "showOptions", "onChange"]);
+    const [selected, setSelected] = useState(defaultValue || value);
+    useEffect(() => {
+        setSelected(value);
+    }, [value]);
+    const { t } = i18nInstance;
+    const filteredFontFamilyOptions = useMemo(() => {
+        let filteredOptions = [...OPTION_FONT_FAMILY];
+        if (showOptions === null || showOptions === void 0 ? void 0 : showOptions.length) {
+            filteredOptions = OPTION_FONT_FAMILY.filter(({ value }) => showOptions.some(font => font === value));
+        }
+        return filteredOptions;
+    }, [showOptions]);
+    const handleChange = (value) => {
+        if (typeof onChange === 'function') {
+            onChange(value);
+        }
+    };
+    return (React.createElement(SettingWrapper, { label: label !== null && label !== void 0 ? label : '', containerStyle: { width: '100%' }, vertical: true },
+        React.createElement(Select, Object.assign({ value: selected, options: [...filteredFontFamilyOptions], style: { fontFamily: value, width: '100%' }, onChange: select => {
+                setSelected(select);
+                handleChange(select);
+            }, showSearch: true }, selectProps))));
+};
+FontFamilySelect.defaultProps = {
+    showOptions: [],
+};

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

@@ -1,3 +1,3 @@
-import { TFontSettings, TFontStyles } from './types';
-export declare const FONT_SETTING_DEFAULT: TFontSettings;
-export declare const FONT_STYLE_DEFAULT: TFontStyles;
+import { TFontSettings, TFontStyles } from './types';
+export declare const FONT_SETTING_DEFAULT: TFontSettings;
+export declare const FONT_STYLE_DEFAULT: TFontStyles;