@antscorp/antsomi-ui 1.3.5-beta.13 → 1.3.5-beta.14

package/es/components/molecules/ShareAccess/utils.d.ts

@@ -1,38 +1,38 @@
-import { ObjectAccessInfo } from './types';
-export declare const mergePermission: (objectPermissionAllow: boolean, menuPermissionValue: number) => boolean;
-export declare const composeObjectMenuPermissions: (params: {
-    isPublic: boolean;
-    publicRole: number | null;
-    objectPermission: {
-        edit: boolean;
-        view: boolean;
-    };
-    menuPermission: {
-        edit: number;
-        view: number;
-    };
-}) => {
-    edit: boolean;
-    view: boolean;
-};
-export declare const getActionsByUser: (args: {
-    userId?: number;
-    userPermission?: {
-        view: number;
-        edit: number;
-    };
-    updatedUserId?: number;
-    objectAccessInfo?: ObjectAccessInfo;
-}) => ({
-    readonly label: "Viewer";
-    readonly key: "to_viewer";
-} | {
-    readonly label: "Editor";
-    readonly key: "to_editor";
-} | {
-    readonly label: "Transfer ownership";
-    readonly key: "to_owner";
-} | {
-    readonly label: "Remove Access";
-    readonly key: "remove_acess";
-})[];
+import { ObjectAccessInfo } from './types';
+export declare const mergePermission: (objectPermissionAllow: boolean, menuPermissionValue: number) => boolean;
+export declare const composeObjectMenuPermissions: (params: {
+    isPublic: boolean;
+    publicRole: number | null;
+    objectPermission: {
+        edit: boolean;
+        view: boolean;
+    };
+    menuPermission: {
+        edit: number;
+        view: number;
+    };
+}) => {
+    edit: boolean;
+    view: boolean;
+};
+export declare const getActionsByUser: (args: {
+    userId?: number;
+    userPermission?: {
+        view: number;
+        edit: number;
+    };
+    updatedUserId?: number;
+    objectAccessInfo?: ObjectAccessInfo;
+}) => ({
+    readonly label: "Viewer";
+    readonly key: "to_viewer";
+} | {
+    readonly label: "Editor";
+    readonly key: "to_editor";
+} | {
+    readonly label: "Transfer ownership";
+    readonly key: "to_owner";
+} | {
+    readonly label: "Remove Access";
+    readonly key: "remove_acess";
+})[];

package/es/components/molecules/ShareAccess/utils.js

@@ -1,57 +1,57 @@
-import { MENU_PERMISSION, PEOPLE_ACTIONS, PEOPLE_ACTION_KEYS, PUBLIC_ROLE, ROLE_MAPPING, } from './constants';
-import { remove } from 'lodash';
-export const mergePermission = (objectPermissionAllow, menuPermissionValue) => {
-    const valueMapping = {
-        [`${MENU_PERMISSION.NONE}_false`]: false,
-        [`${MENU_PERMISSION.CREATED_BY_USER}_false`]: false,
-        [`${MENU_PERMISSION.MANAGEMENT_BY_USER}_false`]: false,
-        [`${MENU_PERMISSION.EVERYTHING}_false`]: true,
-        [`${MENU_PERMISSION.NONE}_true`]: false,
-        [`${MENU_PERMISSION.CREATED_BY_USER}_true`]: true,
-        [`${MENU_PERMISSION.MANAGEMENT_BY_USER}_true`]: true,
-        [`${MENU_PERMISSION.EVERYTHING}_true`]: true,
-    };
-    return !!valueMapping[`${menuPermissionValue}_${objectPermissionAllow}`];
-};
-export const composeObjectMenuPermissions = (params) => {
-    const { menuPermission, objectPermission, isPublic, publicRole } = params;
-    const edit = mergePermission(objectPermission.edit, menuPermission.edit);
-    const view = mergePermission(objectPermission.view, menuPermission.view);
-    return {
-        edit: edit || (isPublic && publicRole === PUBLIC_ROLE.ONLY_EDITOR),
-        view: view || (isPublic && publicRole === PUBLIC_ROLE.ONLY_VIEWER),
-    };
-};
-export const getActionsByUser = (args) => {
-    const { userId, userPermission, updatedUserId, objectAccessInfo } = args;
-    if (!userId || !updatedUserId || !objectAccessInfo)
-        return [];
-    const { ownerId, listAccess, publicRole, isPublic } = objectAccessInfo;
-    const user = listAccess.find(access => access.userId === userId);
-    const updatedUser = listAccess.find(access => access.userId === updatedUserId);
-    const { edit: allowEdit } = composeObjectMenuPermissions({
-        isPublic: !!isPublic,
-        publicRole,
-        objectPermission: {
-            view: !!(user === null || user === void 0 ? void 0 : user.allowView),
-            edit: !!(user === null || user === void 0 ? void 0 : user.allowEdit),
-        },
-        menuPermission: {
-            view: (userPermission === null || userPermission === void 0 ? void 0 : userPermission.view) || MENU_PERMISSION.NONE,
-            edit: (userPermission === null || userPermission === void 0 ? void 0 : userPermission.edit) || MENU_PERMISSION.NONE,
-        },
-    });
-    if ((!user && !isPublic) || !updatedUser || !allowEdit || updatedUser.userId === ownerId)
-        return [];
-    const actions = Object.values(PEOPLE_ACTION_KEYS);
-    if (userId !== ownerId) {
-        remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_OWNER);
-    }
-    if (allowEdit && updatedUser.role === ROLE_MAPPING.EDITOR) {
-        remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_EDITOR);
-    }
-    if (allowEdit && updatedUser.role === ROLE_MAPPING.VIEWER) {
-        remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_VIEWER);
-    }
-    return actions.map(actKey => PEOPLE_ACTIONS[actKey]);
-};
+import { MENU_PERMISSION, PEOPLE_ACTIONS, PEOPLE_ACTION_KEYS, PUBLIC_ROLE, ROLE_MAPPING, } from './constants';
+import { remove } from 'lodash';
+export const mergePermission = (objectPermissionAllow, menuPermissionValue) => {
+    const valueMapping = {
+        [`${MENU_PERMISSION.NONE}_false`]: false,
+        [`${MENU_PERMISSION.CREATED_BY_USER}_false`]: false,
+        [`${MENU_PERMISSION.MANAGEMENT_BY_USER}_false`]: false,
+        [`${MENU_PERMISSION.EVERYTHING}_false`]: true,
+        [`${MENU_PERMISSION.NONE}_true`]: false,
+        [`${MENU_PERMISSION.CREATED_BY_USER}_true`]: true,
+        [`${MENU_PERMISSION.MANAGEMENT_BY_USER}_true`]: true,
+        [`${MENU_PERMISSION.EVERYTHING}_true`]: true,
+    };
+    return !!valueMapping[`${menuPermissionValue}_${objectPermissionAllow}`];
+};
+export const composeObjectMenuPermissions = (params) => {
+    const { menuPermission, objectPermission, isPublic, publicRole } = params;
+    const edit = mergePermission(objectPermission.edit, menuPermission.edit);
+    const view = mergePermission(objectPermission.view, menuPermission.view);
+    return {
+        edit: edit || (isPublic && publicRole === PUBLIC_ROLE.ONLY_EDITOR),
+        view: view || (isPublic && publicRole === PUBLIC_ROLE.ONLY_VIEWER),
+    };
+};
+export const getActionsByUser = (args) => {
+    const { userId, userPermission, updatedUserId, objectAccessInfo } = args;
+    if (!userId || !updatedUserId || !objectAccessInfo)
+        return [];
+    const { ownerId, listAccess, publicRole, isPublic } = objectAccessInfo;
+    const user = listAccess.find(access => access.userId === userId);
+    const updatedUser = listAccess.find(access => access.userId === updatedUserId);
+    const { edit: allowEdit } = composeObjectMenuPermissions({
+        isPublic: !!isPublic,
+        publicRole,
+        objectPermission: {
+            view: !!(user === null || user === void 0 ? void 0 : user.allowView),
+            edit: !!(user === null || user === void 0 ? void 0 : user.allowEdit),
+        },
+        menuPermission: {
+            view: (userPermission === null || userPermission === void 0 ? void 0 : userPermission.view) || MENU_PERMISSION.NONE,
+            edit: (userPermission === null || userPermission === void 0 ? void 0 : userPermission.edit) || MENU_PERMISSION.NONE,
+        },
+    });
+    if ((!user && !isPublic) || !updatedUser || !allowEdit || updatedUser.userId === ownerId)
+        return [];
+    const actions = Object.values(PEOPLE_ACTION_KEYS);
+    if (userId !== ownerId) {
+        remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_OWNER);
+    }
+    if (allowEdit && updatedUser.role === ROLE_MAPPING.EDITOR) {
+        remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_EDITOR);
+    }
+    if (allowEdit && updatedUser.role === ROLE_MAPPING.VIEWER) {
+        remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_VIEWER);
+    }
+    return actions.map(actKey => PEOPLE_ACTIONS[actKey]);
+};

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

@@ -1,11 +1,11 @@
-import React, { CSSProperties } from 'react';
-import { SliderProps } from '@antscorp/antsomi-ui/es/components/atoms/Slider';
-interface SliderWithInputNumberProps extends SliderProps {
-    precision?: number;
-    label?: React.ReactNode;
-    labelClassName?: string;
-    labelStyling?: Partial<CSSProperties>;
-    inputStyling?: Partial<CSSProperties>;
-}
-export declare const SliderWithInputNumber: React.FC<SliderWithInputNumberProps>;
-export {};
+import React, { CSSProperties } from 'react';
+import { SliderProps } from '@antscorp/antsomi-ui/es/components/atoms/Slider';
+interface SliderWithInputNumberProps extends SliderProps {
+    precision?: number;
+    label?: React.ReactNode;
+    labelClassName?: string;
+    labelStyling?: Partial<CSSProperties>;
+    inputStyling?: Partial<CSSProperties>;
+}
+export declare const SliderWithInputNumber: React.FC<SliderWithInputNumberProps>;
+export {};

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

@@ -1,62 +1,62 @@
-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, useState } from 'react';
-// Atoms
-import { Slider } from '@antscorp/antsomi-ui/es/components/atoms/Slider';
-// Molecules
-import { InputNumber } from '@antscorp/antsomi-ui/es/components/molecules/InputNumber';
-// Styled
-import { SliderWithInputNumberWrapper } from './styled';
-// Utils
-import { handleError } from '@antscorp/antsomi-ui/es/utils';
-const PATH = '@antscorp/antsomi-ui/es/components/molecules/SliderWithInputNumber/index.tsx';
-export const SliderWithInputNumber = props => {
-    // Props
-    const { label, labelClassName, labelStyling, inputStyling, defaultValue, min, max, step, precision } = props, restOf = __rest(props, ["label", "labelClassName", "labelStyling", "inputStyling", "defaultValue", "min", "max", "step", "precision"]);
-    // State
-    const [value, setValue] = useState(defaultValue);
-    useEffect(() => {
-        if (props.value !== undefined) {
-            setValue(props.value);
-        }
-    }, [props.value]);
-    const onChangeInputNumber = (value) => {
-        try {
-            if (value !== null) {
-                setValue(value);
-                typeof props.onAfterChange === 'function' && props.onAfterChange(value);
-            }
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'onChange',
-                args: {},
-            });
-        }
-    };
-    return (React.createElement(SliderWithInputNumberWrapper, null,
-        React.createElement("div", { className: labelClassName, style: labelStyling }, label),
-        React.createElement("div", { style: {
-                display: 'flex',
-                alignItems: 'center',
-                width: '100%',
-            } },
-            React.createElement(Slider, Object.assign({ defaultValue: defaultValue, min: min, max: max, step: step }, restOf, { onChange: value => setValue(value), value: value })),
-            React.createElement(InputNumber, { defaultValue: defaultValue, value: value, min: min, max: max, step: step || 1, style: Object.assign({ flexShrink: 0, width: 57, marginLeft: 20 }, inputStyling), 
-                // precision={precision}
-                onChange: onChangeInputNumber }))));
-};
-SliderWithInputNumber.defaultProps = {
-    defaultValue: 0,
-};
+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, useState } from 'react';
+// Atoms
+import { Slider } from '@antscorp/antsomi-ui/es/components/atoms/Slider';
+// Molecules
+import { InputNumber } from '@antscorp/antsomi-ui/es/components/molecules/InputNumber';
+// Styled
+import { SliderWithInputNumberWrapper } from './styled';
+// Utils
+import { handleError } from '@antscorp/antsomi-ui/es/utils';
+const PATH = '@antscorp/antsomi-ui/es/components/molecules/SliderWithInputNumber/index.tsx';
+export const SliderWithInputNumber = props => {
+    // Props
+    const { label, labelClassName, labelStyling, inputStyling, defaultValue, min, max, step, precision } = props, restOf = __rest(props, ["label", "labelClassName", "labelStyling", "inputStyling", "defaultValue", "min", "max", "step", "precision"]);
+    // State
+    const [value, setValue] = useState(defaultValue);
+    useEffect(() => {
+        if (props.value !== undefined) {
+            setValue(props.value);
+        }
+    }, [props.value]);
+    const onChangeInputNumber = (value) => {
+        try {
+            if (value !== null) {
+                setValue(value);
+                typeof props.onAfterChange === 'function' && props.onAfterChange(value);
+            }
+        }
+        catch (error) {
+            handleError(error, {
+                path: PATH,
+                name: 'onChange',
+                args: {},
+            });
+        }
+    };
+    return (React.createElement(SliderWithInputNumberWrapper, null,
+        React.createElement("div", { className: labelClassName, style: labelStyling }, label),
+        React.createElement("div", { style: {
+                display: 'flex',
+                alignItems: 'center',
+                width: '100%',
+            } },
+            React.createElement(Slider, Object.assign({ defaultValue: defaultValue, min: min, max: max, step: step }, restOf, { onChange: value => setValue(value), value: value })),
+            React.createElement(InputNumber, { defaultValue: defaultValue, value: value, min: min, max: max, step: step || 1, style: Object.assign({ flexShrink: 0, width: 57, marginLeft: 20 }, inputStyling), 
+                // precision={precision}
+                onChange: onChangeInputNumber }))));
+};
+SliderWithInputNumber.defaultProps = {
+    defaultValue: 0,
+};

package/es/components/molecules/SliderWithInputNumber/styled.d.ts

@@ -1 +1 @@
-export declare const SliderWithInputNumberWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SliderWithInputNumberWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/SliderWithInputNumber/styled.js

@@ -1,8 +1,8 @@
-var _a;
-// Libraries
-import styled from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const SliderWithInputNumberWrapper = styled.div `
-  font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
-`;
+var _a;
+// Libraries
+import styled from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const SliderWithInputNumberWrapper = styled.div `
+  font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
+`;

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

@@ -1 +1 @@
-export { Tabs } from 'antd';
+export { Tabs } from 'antd';

package/es/components/molecules/Tabs/Tabs.js

@@ -1 +1 @@
-export { Tabs } from 'antd';
+export { Tabs } from 'antd';

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

@@ -1 +1 @@
-export { Tabs } from './Tabs';
+export { Tabs } from './Tabs';

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

@@ -1 +1 @@
-export { Tabs } from './Tabs';
+export { Tabs } from './Tabs';

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

@@ -1,19 +1,19 @@
-export declare const OPTION_TEXT_DECORATION: readonly [{
-    readonly label: "None";
-    readonly value: "none";
-}, {
-    readonly label: "Underline";
-    readonly value: "underline";
-}, {
-    readonly label: "Overline";
-    readonly value: "overline";
-}, {
-    readonly label: "Line Through";
-    readonly value: "line-through";
-}, {
-    readonly label: "Underline - Overline";
-    readonly value: "underline overline";
-}, {
-    readonly label: "Underline - Line Through";
-    readonly value: "underline line-through";
-}];
+export declare const OPTION_TEXT_DECORATION: readonly [{
+    readonly label: "None";
+    readonly value: "none";
+}, {
+    readonly label: "Underline";
+    readonly value: "underline";
+}, {
+    readonly label: "Overline";
+    readonly value: "overline";
+}, {
+    readonly label: "Line Through";
+    readonly value: "line-through";
+}, {
+    readonly label: "Underline - Overline";
+    readonly value: "underline overline";
+}, {
+    readonly label: "Underline - Line Through";
+    readonly value: "underline line-through";
+}];

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

@@ -1,26 +1,26 @@
-export const OPTION_TEXT_DECORATION = [
-    {
-        label: 'None',
-        value: 'none',
-    },
-    {
-        label: 'Underline',
-        value: 'underline',
-    },
-    {
-        label: 'Overline',
-        value: 'overline',
-    },
-    {
-        label: 'Line Through',
-        value: 'line-through',
-    },
-    {
-        label: 'Underline - Overline',
-        value: 'underline overline',
-    },
-    {
-        label: 'Underline - Line Through',
-        value: 'underline line-through',
-    },
-];
+export const OPTION_TEXT_DECORATION = [
+    {
+        label: 'None',
+        value: 'none',
+    },
+    {
+        label: 'Underline',
+        value: 'underline',
+    },
+    {
+        label: 'Overline',
+        value: 'overline',
+    },
+    {
+        label: 'Line Through',
+        value: 'line-through',
+    },
+    {
+        label: 'Underline - Overline',
+        value: 'underline overline',
+    },
+    {
+        label: 'Underline - Line Through',
+        value: 'underline line-through',
+    },
+];

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

@@ -1,15 +1,15 @@
-import React from 'react';
-import { SelectProps } from '../Select';
-import { OPTION_TEXT_DECORATION } from './constants';
-export type TextDecorationSelectProps = Omit<SelectProps, 'onChange'> & {
-    label?: string;
-    showOptions?: (typeof OPTION_TEXT_DECORATION)[number]['label'][];
-    onChange?: (textTransform: (typeof OPTION_TEXT_DECORATION)[number]['value']) => void;
-};
-/**
- * Generates a function comment for the given function body.
- *
- * @param {TextDecorationSelectProps} props - the props for the TextDecorationSelect component
- * @return {React.FC<TextDecorationSelectProps>} the TextDecorationSelect component
- */
-export declare const TextDecorationSelect: React.FC<TextDecorationSelectProps>;
+import React from 'react';
+import { SelectProps } from '../Select';
+import { OPTION_TEXT_DECORATION } from './constants';
+export type TextDecorationSelectProps = Omit<SelectProps, 'onChange'> & {
+    label?: string;
+    showOptions?: (typeof OPTION_TEXT_DECORATION)[number]['label'][];
+    onChange?: (textTransform: (typeof OPTION_TEXT_DECORATION)[number]['value']) => void;
+};
+/**
+ * Generates a function comment for the given function body.
+ *
+ * @param {TextDecorationSelectProps} props - the props for the TextDecorationSelect component
+ * @return {React.FC<TextDecorationSelectProps>} the TextDecorationSelect component
+ */
+export declare const TextDecorationSelect: React.FC<TextDecorationSelectProps>;

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

@@ -1,45 +1,45 @@
-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;
-};
-import React, { useEffect, useMemo, useState } from 'react';
-import { Select } from '../Select';
-import { OPTION_TEXT_DECORATION } from './constants';
-import { SettingWrapper } from '../SettingWrapper';
-/**
- * Generates a function comment for the given function body.
- *
- * @param {TextDecorationSelectProps} props - the props for the TextDecorationSelect component
- * @return {React.FC<TextDecorationSelectProps>} the TextDecorationSelect component
- */
-export const TextDecorationSelect = (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 === null || value === void 0 ? void 0 : value.toString());
-    }, [value]);
-    const textDecorationOptions = useMemo(() => {
-        let draftFontFamily = [...OPTION_TEXT_DECORATION];
-        if (showOptions === null || showOptions === void 0 ? void 0 : showOptions.length) {
-            draftFontFamily = OPTION_TEXT_DECORATION.filter(({ label }) => showOptions.some(font => font === label));
-        }
-        return draftFontFamily;
-    }, [showOptions]);
-    const handleChange = (value) => {
-        if (onChange && 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: [...textDecorationOptions], style: { width: '100%' }, onChange: select => {
-                setSelected(select);
-                handleChange(select);
-            }, showSearch: true }, selectProps))));
-};
+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;
+};
+import React, { useEffect, useMemo, useState } from 'react';
+import { Select } from '../Select';
+import { OPTION_TEXT_DECORATION } from './constants';
+import { SettingWrapper } from '../SettingWrapper';
+/**
+ * Generates a function comment for the given function body.
+ *
+ * @param {TextDecorationSelectProps} props - the props for the TextDecorationSelect component
+ * @return {React.FC<TextDecorationSelectProps>} the TextDecorationSelect component
+ */
+export const TextDecorationSelect = (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 === null || value === void 0 ? void 0 : value.toString());
+    }, [value]);
+    const textDecorationOptions = useMemo(() => {
+        let draftFontFamily = [...OPTION_TEXT_DECORATION];
+        if (showOptions === null || showOptions === void 0 ? void 0 : showOptions.length) {
+            draftFontFamily = OPTION_TEXT_DECORATION.filter(({ label }) => showOptions.some(font => font === label));
+        }
+        return draftFontFamily;
+    }, [showOptions]);
+    const handleChange = (value) => {
+        if (onChange && 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: [...textDecorationOptions], style: { width: '100%' }, onChange: select => {
+                setSelected(select);
+                handleChange(select);
+            }, showSearch: true }, selectProps))));
+};

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

@@ -1,13 +1,13 @@
-export declare const OPTION_TEXT_TRANSFORM: readonly [{
-    readonly label: "None";
-    readonly value: "none";
-}, {
-    readonly label: "Capitalize";
-    readonly value: "capitalize";
-}, {
-    readonly label: "Uppercase";
-    readonly value: "uppercase";
-}, {
-    readonly label: "Lowercase";
-    readonly value: "lowercase";
-}];
+export declare const OPTION_TEXT_TRANSFORM: readonly [{
+    readonly label: "None";
+    readonly value: "none";
+}, {
+    readonly label: "Capitalize";
+    readonly value: "capitalize";
+}, {
+    readonly label: "Uppercase";
+    readonly value: "uppercase";
+}, {
+    readonly label: "Lowercase";
+    readonly value: "lowercase";
+}];