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

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

@@ -1,17 +1,17 @@
-// Libraries
-import styled, { css } from 'styled-components';
-export const StyledSettingWrapper = styled.div `
-  display: flex;
-
-  ${props => props.vertical
-    ? css `
-          flex-direction: column;
-          margin-top: 5px;
-          margin-bottom: 5px;
-        `
-    : css `
-          align-items: center;
-          justify-content: space-between;
-          flex-wrap: wrap;
-        `}
-`;
+// Libraries
+import styled, { css } from 'styled-components';
+export const StyledSettingWrapper = styled.div `
+  display: flex;
+
+  ${props => props.vertical
+    ? css `
+          flex-direction: column;
+          margin-top: 5px;
+          margin-bottom: 5px;
+        `
+    : css `
+          align-items: center;
+          justify-content: space-between;
+          flex-wrap: wrap;
+        `}
+`;

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import { SettingWrapperProps } from '../SettingWrapper';
-import { PopoverProps } from 'antd';
-export type SettingWrapperPopoverProps = {
-    label: string;
-    wrapperProps?: Omit<SettingWrapperProps, 'label'>;
-    popoverProps?: Omit<PopoverProps, 'content'>;
-    iconPopover?: React.ReactNode;
-};
-/**
- * Renders a popover wrapper for a setting.
- *
- * @param {React.PropsWithChildren<SettingWrapperPopoverProps>} props - The props object containing the label, children, wrapperProps and popoverProps.
- * @returns {React.ReactElement} The rendered popover wrapper.
- */
-export declare const SettingWrapperPopover: React.FC<React.PropsWithChildren<SettingWrapperPopoverProps>>;
+import React from 'react';
+import { SettingWrapperProps } from '../SettingWrapper';
+import { PopoverProps } from 'antd';
+export type SettingWrapperPopoverProps = {
+    label: string;
+    wrapperProps?: Omit<SettingWrapperProps, 'label'>;
+    popoverProps?: Omit<PopoverProps, 'content'>;
+    iconPopover?: React.ReactNode;
+};
+/**
+ * Renders a popover wrapper for a setting.
+ *
+ * @param {React.PropsWithChildren<SettingWrapperPopoverProps>} props - The props object containing the label, children, wrapperProps and popoverProps.
+ * @returns {React.ReactElement} The rendered popover wrapper.
+ */
+export declare const SettingWrapperPopover: React.FC<React.PropsWithChildren<SettingWrapperPopoverProps>>;

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

@@ -1,17 +1,17 @@
-import React from 'react';
-import { SettingWrapper } from '../SettingWrapper';
-import { Button, Icon, Popover } from '../../atoms';
-/**
- * Renders a popover wrapper for a setting.
- *
- * @param {React.PropsWithChildren<SettingWrapperPopoverProps>} props - The props object containing the label, children, wrapperProps and popoverProps.
- * @returns {React.ReactElement} The rendered popover wrapper.
- */
-export const SettingWrapperPopover = ({ label, children, wrapperProps, popoverProps, iconPopover, }) => {
-    var _a, _b;
-    return (React.createElement(SettingWrapper, Object.assign({ label: label, labelStyle: Object.assign({ fontWeight: 'bold' }, ((_a = wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.labelStyle) !== null && _a !== void 0 ? _a : {})) }, (wrapperProps !== null && wrapperProps !== void 0 ? wrapperProps : {})),
-        React.createElement(Popover, Object.assign({ content: children, trigger: ['click'], overlayInnerStyle: Object.assign({ padding: '12px 16px', minWidth: 288, maxHeight: '90vh', overflow: 'auto' }, ((_b = popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.overlayInnerStyle) !== null && _b !== void 0 ? _b : {})) }, (popoverProps !== null && popoverProps !== void 0 ? popoverProps : {})), iconPopover)));
-};
-SettingWrapperPopover.defaultProps = {
-    iconPopover: React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-edit-2" }), type: "text" }),
-};
+import React from 'react';
+import { SettingWrapper } from '../SettingWrapper';
+import { Button, Icon, Popover } from '../../atoms';
+/**
+ * Renders a popover wrapper for a setting.
+ *
+ * @param {React.PropsWithChildren<SettingWrapperPopoverProps>} props - The props object containing the label, children, wrapperProps and popoverProps.
+ * @returns {React.ReactElement} The rendered popover wrapper.
+ */
+export const SettingWrapperPopover = ({ label, children, wrapperProps, popoverProps, iconPopover, }) => {
+    var _a, _b;
+    return (React.createElement(SettingWrapper, Object.assign({ label: label, labelStyle: Object.assign({ fontWeight: 'bold' }, ((_a = wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.labelStyle) !== null && _a !== void 0 ? _a : {})) }, (wrapperProps !== null && wrapperProps !== void 0 ? wrapperProps : {})),
+        React.createElement(Popover, Object.assign({ content: children, trigger: ['click'], overlayInnerStyle: Object.assign({ padding: '12px 16px', minWidth: 288, maxHeight: '90vh', overflow: 'auto' }, ((_b = popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.overlayInnerStyle) !== null && _b !== void 0 ? _b : {})) }, (popoverProps !== null && popoverProps !== void 0 ? popoverProps : {})), iconPopover)));
+};
+SettingWrapperPopover.defaultProps = {
+    iconPopover: React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-edit-2" }), type: "text" }),
+};

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";
+}];

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

@@ -1,19 +1,19 @@
-// export const LABEL_TEXT_TRANSFORM = 'None' || 'Capitalize' || 'Uppercase' || 'Lowercase';
-export const OPTION_TEXT_TRANSFORM = [
-    {
-        label: 'None',
-        value: 'none',
-    },
-    {
-        label: 'Capitalize',
-        value: 'capitalize',
-    },
-    {
-        label: 'Uppercase',
-        value: 'uppercase',
-    },
-    {
-        label: 'Lowercase',
-        value: 'lowercase',
-    },
-];
+// export const LABEL_TEXT_TRANSFORM = 'None' || 'Capitalize' || 'Uppercase' || 'Lowercase';
+export const OPTION_TEXT_TRANSFORM = [
+    {
+        label: 'None',
+        value: 'none',
+    },
+    {
+        label: 'Capitalize',
+        value: 'capitalize',
+    },
+    {
+        label: 'Uppercase',
+        value: 'uppercase',
+    },
+    {
+        label: 'Lowercase',
+        value: 'lowercase',
+    },
+];

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import { SelectProps } from '../Select';
-import { OPTION_TEXT_TRANSFORM } from './constants';
-export type TextTransformSelectProps = Omit<SelectProps, 'onChange'> & {
-    label?: string;
-    showOptions?: (typeof OPTION_TEXT_TRANSFORM)[number]['label'][];
-    onChange?: (textTransform: (typeof OPTION_TEXT_TRANSFORM)[number]['value']) => void;
-};
-export declare const TextTransformSelect: React.FC<TextTransformSelectProps>;
+import React from 'react';
+import { SelectProps } from '../Select';
+import { OPTION_TEXT_TRANSFORM } from './constants';
+export type TextTransformSelectProps = Omit<SelectProps, 'onChange'> & {
+    label?: string;
+    showOptions?: (typeof OPTION_TEXT_TRANSFORM)[number]['label'][];
+    onChange?: (textTransform: (typeof OPTION_TEXT_TRANSFORM)[number]['value']) => void;
+};
+export declare const TextTransformSelect: React.FC<TextTransformSelectProps>;