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

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>;

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

@@ -1,39 +1,39 @@
-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 { SettingWrapper } from '../SettingWrapper';
-import { OPTION_TEXT_TRANSFORM } from './constants';
-export const TextTransformSelect = (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 textTransformOptions = useMemo(() => {
-        let draftFontFamily = [...OPTION_TEXT_TRANSFORM];
-        if (showOptions === null || showOptions === void 0 ? void 0 : showOptions.length) {
-            draftFontFamily = OPTION_TEXT_TRANSFORM.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: [...textTransformOptions], 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 { SettingWrapper } from '../SettingWrapper';
+import { OPTION_TEXT_TRANSFORM } from './constants';
+export const TextTransformSelect = (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 textTransformOptions = useMemo(() => {
+        let draftFontFamily = [...OPTION_TEXT_TRANSFORM];
+        if (showOptions === null || showOptions === void 0 ? void 0 : showOptions.length) {
+            draftFontFamily = OPTION_TEXT_TRANSFORM.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: [...textTransformOptions], style: { width: '100%' }, onChange: select => {
+                setSelected(select);
+                handleChange(select);
+            }, showSearch: true }, selectProps))));
+};

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

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ThumbnailCardProps } from './types';
-export declare const ThumbnailCard: React.FC<ThumbnailCardProps>;
+import React from 'react';
+import { ThumbnailCardProps } from './types';
+export declare const ThumbnailCard: React.FC<ThumbnailCardProps>;

package/es/components/molecules/ThumbnailCard/ThumbnailCard.js

@@ -1,72 +1,72 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-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, { memo } from 'react';
-import Icon from '@antscorp/icons';
-import { Modal } from 'antd';
-// Styled
-import { ThumbnailCardWrapper } from './styled';
-// Components
-import { Button, Flex, Typography } from '../../atoms';
-// Constants
-import { THUMBNAIL_CARD_DEFAULT_HEIGHT, THUMBNAIL_CARD_DEFAULT_WIDTH } from './constants';
-export const ThumbnailCard = memo(props => {
-    const [modal, contextHolder] = Modal.useModal();
-    const { id, name, width = THUMBNAIL_CARD_DEFAULT_WIDTH, height = THUMBNAIL_CARD_DEFAULT_HEIGHT, thumbnail, removable = true, actionAvailable = true, editText = 'Edit thumbnail', previewText = 'Preview', removeModalProps, onClickEdit, onClickPreview, onClickWrapper, } = props;
-    const _a = removeModalProps || {}, { onOk } = _a, restOfRemoveTemplateModalProps = __rest(_a, ["onOk"]);
-    // Handlers
-    const handleClickEdit = e => {
-        e.stopPropagation();
-        onClickEdit === null || onClickEdit === void 0 ? void 0 : onClickEdit(id);
-    };
-    const handleClickPreview = e => {
-        e.stopPropagation();
-        onClickPreview === null || onClickPreview === void 0 ? void 0 : onClickPreview(id);
-    };
-    const handleRemoveThumbnail = e => {
-        e.stopPropagation();
-        modal.confirm(Object.assign(Object.assign({ title: 'Remove Template', centered: true, icon: React.createElement(Icon, { type: "icon-ants-info", style: { fontSize: 16, lineHeight: '25px' } }), content: (React.createElement("div", null,
-                React.createElement("p", null, "Are you sure you want to remove the template?"),
-                React.createElement("p", null, "This action cant not be undone."))), okText: 'Remove', cancelText: 'Cancel', closable: true }, restOfRemoveTemplateModalProps), { onOk: () => __awaiter(void 0, void 0, void 0, function* () {
-                if (onOk)
-                    onOk(id);
-            }) }));
-    };
-    const handleWrapperClick = e => {
-        e.stopPropagation();
-        onClickWrapper === null || onClickWrapper === void 0 ? void 0 : onClickWrapper(id);
-    };
-    return (React.createElement(Flex, { gap: 10, vertical: true, style: { width } },
-        React.createElement(ThumbnailCardWrapper, { style: { height, cursor: actionAvailable ? 'default' : 'pointer' }, onClick: handleWrapperClick },
-            React.createElement("div", { className: "screen" }, thumbnail && React.createElement("img", { src: thumbnail, alt: "" })),
-            actionAvailable && (React.createElement(React.Fragment, null,
-                React.createElement(Flex, { className: "center-action", align: "center", gap: 10, vertical: true },
-                    React.createElement(Button, { type: "primary", className: "animate__animated animate__fadeIn", onClick: handleClickEdit },
-                        React.createElement(Typography.Text, { ellipsis: { tooltip: editText }, style: { maxWidth: '100%', color: 'inherit' } }, editText)),
-                    React.createElement(Button, { className: "animate__animated animate__fadeIn", onClick: handleClickPreview },
-                        React.createElement(Typography.Text, { ellipsis: { tooltip: previewText }, style: { maxWidth: '100%', color: 'inherit' } }, previewText))),
-                removable && (React.createElement("div", { className: "top-right-corner-action animate__animated animate__fadeIn" },
-                    React.createElement(Button, { type: "primary", icon: React.createElement(Icon, { type: "icon-ants-trash-outline", style: { fontSize: 24, color: '#FFFFFF' } }), onClick: handleRemoveThumbnail }))),
-                React.createElement("div", { className: "backdrop" }),
-                React.createElement("div", null, contextHolder)))),
-        !!name && (React.createElement(Typography.Text, { ellipsis: { tooltip: name }, style: { maxWidth: '100%' } }, name))));
-});
-ThumbnailCard.displayName = 'ThumbnailCard';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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, { memo } from 'react';
+import Icon from '@antscorp/icons';
+import { Modal } from 'antd';
+// Styled
+import { ThumbnailCardWrapper } from './styled';
+// Components
+import { Button, Flex, Typography } from '../../atoms';
+// Constants
+import { THUMBNAIL_CARD_DEFAULT_HEIGHT, THUMBNAIL_CARD_DEFAULT_WIDTH } from './constants';
+export const ThumbnailCard = memo(props => {
+    const [modal, contextHolder] = Modal.useModal();
+    const { id, name, width = THUMBNAIL_CARD_DEFAULT_WIDTH, height = THUMBNAIL_CARD_DEFAULT_HEIGHT, thumbnail, removable = true, actionAvailable = true, editText = 'Edit thumbnail', previewText = 'Preview', removeModalProps, onClickEdit, onClickPreview, onClickWrapper, } = props;
+    const _a = removeModalProps || {}, { onOk } = _a, restOfRemoveTemplateModalProps = __rest(_a, ["onOk"]);
+    // Handlers
+    const handleClickEdit = e => {
+        e.stopPropagation();
+        onClickEdit === null || onClickEdit === void 0 ? void 0 : onClickEdit(id);
+    };
+    const handleClickPreview = e => {
+        e.stopPropagation();
+        onClickPreview === null || onClickPreview === void 0 ? void 0 : onClickPreview(id);
+    };
+    const handleRemoveThumbnail = e => {
+        e.stopPropagation();
+        modal.confirm(Object.assign(Object.assign({ title: 'Remove Template', centered: true, icon: React.createElement(Icon, { type: "icon-ants-info", style: { fontSize: 16, lineHeight: '25px' } }), content: (React.createElement("div", null,
+                React.createElement("p", null, "Are you sure you want to remove the template?"),
+                React.createElement("p", null, "This action cant not be undone."))), okText: 'Remove', cancelText: 'Cancel', closable: true }, restOfRemoveTemplateModalProps), { onOk: () => __awaiter(void 0, void 0, void 0, function* () {
+                if (onOk)
+                    onOk(id);
+            }) }));
+    };
+    const handleWrapperClick = e => {
+        e.stopPropagation();
+        onClickWrapper === null || onClickWrapper === void 0 ? void 0 : onClickWrapper(id);
+    };
+    return (React.createElement(Flex, { gap: 10, vertical: true, style: { width } },
+        React.createElement(ThumbnailCardWrapper, { style: { height, cursor: actionAvailable ? 'default' : 'pointer' }, onClick: handleWrapperClick },
+            React.createElement("div", { className: "screen" }, thumbnail && React.createElement("img", { src: thumbnail, alt: "" })),
+            actionAvailable && (React.createElement(React.Fragment, null,
+                React.createElement(Flex, { className: "center-action", align: "center", gap: 10, vertical: true },
+                    React.createElement(Button, { type: "primary", className: "animate__animated animate__fadeIn", onClick: handleClickEdit },
+                        React.createElement(Typography.Text, { ellipsis: { tooltip: editText }, style: { maxWidth: '100%', color: 'inherit' } }, editText)),
+                    React.createElement(Button, { className: "animate__animated animate__fadeIn", onClick: handleClickPreview },
+                        React.createElement(Typography.Text, { ellipsis: { tooltip: previewText }, style: { maxWidth: '100%', color: 'inherit' } }, previewText))),
+                removable && (React.createElement("div", { className: "top-right-corner-action animate__animated animate__fadeIn" },
+                    React.createElement(Button, { type: "primary", icon: React.createElement(Icon, { type: "icon-ants-trash-outline", style: { fontSize: 24, color: '#FFFFFF' } }), onClick: handleRemoveThumbnail }))),
+                React.createElement("div", { className: "backdrop" }),
+                React.createElement("div", null, contextHolder)))),
+        !!name && (React.createElement(Typography.Text, { ellipsis: { tooltip: name }, style: { maxWidth: '100%' } }, name))));
+});
+ThumbnailCard.displayName = 'ThumbnailCard';

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

@@ -1,3 +1,3 @@
-export declare const THUMBNAIL_CARD_DEFAULT_WIDTH = 200;
-export declare const THUMBNAIL_CARD_DEFAULT_HEIGHT = 200;
-export declare const THUMBNAIL_URL = "https://st-media-template.antsomi.com/base64-img/37563.png";
+export declare const THUMBNAIL_CARD_DEFAULT_WIDTH = 200;
+export declare const THUMBNAIL_CARD_DEFAULT_HEIGHT = 200;
+export declare const THUMBNAIL_URL = "https://st-media-template.antsomi.com/base64-img/37563.png";

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

@@ -1,3 +1,3 @@
-export const THUMBNAIL_CARD_DEFAULT_WIDTH = 200;
-export const THUMBNAIL_CARD_DEFAULT_HEIGHT = 200;
-export const THUMBNAIL_URL = 'https://st-media-template.antsomi.com/base64-img/37563.png';
+export const THUMBNAIL_CARD_DEFAULT_WIDTH = 200;
+export const THUMBNAIL_CARD_DEFAULT_HEIGHT = 200;
+export const THUMBNAIL_URL = 'https://st-media-template.antsomi.com/base64-img/37563.png';

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

@@ -1,2 +1,2 @@
-export { ThumbnailCard } from './ThumbnailCard';
-export * from './types';
+export { ThumbnailCard } from './ThumbnailCard';
+export * from './types';

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

@@ -1,2 +1,2 @@
-export { ThumbnailCard } from './ThumbnailCard';
-export * from './types';
+export { ThumbnailCard } from './ThumbnailCard';
+export * from './types';

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

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

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

@@ -1,89 +1,89 @@
-// Libraries
-import styled from 'styled-components';
-// Images
-import skeletonBackground from '../../../assets/images/background/skeleton-background.png';
-const THUMBNAIL_CARD_RADIUS = 5;
-export const ThumbnailCardWrapper = styled.div `
-  background-color: #e5e5e5;
-  padding: 10px;
-  border-radius: ${THUMBNAIL_CARD_RADIUS}px;
-  position: relative;
-  box-sizing: border-box;
-  width: 100%;
-
-  :hover {
-    .center-action {
-      display: flex;
-      max-width: 90%;
-
-      button {
-        max-width: 100%;
-      }
-    }
-
-    .top-right-corner-action {
-      display: block;
-    }
-
-    .backdrop {
-      opacity: 0.6 !important;
-    }
-  }
-
-  .screen {
-    width: 100%;
-    height: 100%;
-    background: center / cover no-repeat url(${skeletonBackground});
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-    }
-  }
-
-  .center-action {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    display: none;
-    z-index: 12;
-
-    button {
-      width: fit-content;
-    }
-  }
-
-  .top-right-corner-action {
-    position: absolute;
-    top: 16px;
-    right: 16px;
-    display: none;
-    z-index: 12;
-
-    button {
-      background-color: black;
-      opacity: 0.4;
-
-      :hover {
-        background: none !important;
-        background-color: black !important;
-        opacity: 0.5;
-      }
-    }
-  }
-
-  .backdrop {
-    border-radius: ${THUMBNAIL_CARD_RADIUS}px;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    background-color: black;
-    opacity: 0;
-    transition: opacity 0.5s;
-    z-index: 10;
-    top: 0;
-    left: 0;
-  }
-`;
+// Libraries
+import styled from 'styled-components';
+// Images
+import skeletonBackground from '../../../assets/images/background/skeleton-background.png';
+const THUMBNAIL_CARD_RADIUS = 5;
+export const ThumbnailCardWrapper = styled.div `
+  background-color: #e5e5e5;
+  padding: 10px;
+  border-radius: ${THUMBNAIL_CARD_RADIUS}px;
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+
+  :hover {
+    .center-action {
+      display: flex;
+      max-width: 90%;
+
+      button {
+        max-width: 100%;
+      }
+    }
+
+    .top-right-corner-action {
+      display: block;
+    }
+
+    .backdrop {
+      opacity: 0.6 !important;
+    }
+  }
+
+  .screen {
+    width: 100%;
+    height: 100%;
+    background: center / cover no-repeat url(${skeletonBackground});
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+  }
+
+  .center-action {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    display: none;
+    z-index: 12;
+
+    button {
+      width: fit-content;
+    }
+  }
+
+  .top-right-corner-action {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    display: none;
+    z-index: 12;
+
+    button {
+      background-color: black;
+      opacity: 0.4;
+
+      :hover {
+        background: none !important;
+        background-color: black !important;
+        opacity: 0.5;
+      }
+    }
+  }
+
+  .backdrop {
+    border-radius: ${THUMBNAIL_CARD_RADIUS}px;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color: black;
+    opacity: 0;
+    transition: opacity 0.5s;
+    z-index: 10;
+    top: 0;
+    left: 0;
+  }
+`;

package/es/components/molecules/ThumbnailCard/types.d.ts

@@ -1,20 +1,20 @@
-import { ModalFuncProps } from 'antd';
-export type TThumbnailCardId = string | number;
-export type TRemoveModalProps = Omit<ModalFuncProps, 'onOk'> & {
-    onOk?: (id: TThumbnailCardId) => void;
-};
-export interface ThumbnailCardProps {
-    id: TThumbnailCardId;
-    name?: string;
-    width?: number;
-    height?: number;
-    thumbnail?: string;
-    removable?: boolean;
-    editText?: string;
-    previewText?: string;
-    actionAvailable?: boolean;
-    removeModalProps?: TRemoveModalProps;
-    onClickEdit?: (id: TThumbnailCardId) => void;
-    onClickPreview?: (id: TThumbnailCardId) => void;
-    onClickWrapper?: (id: TThumbnailCardId) => void;
-}
+import { ModalFuncProps } from 'antd';
+export type TThumbnailCardId = string | number;
+export type TRemoveModalProps = Omit<ModalFuncProps, 'onOk'> & {
+    onOk?: (id: TThumbnailCardId) => void;
+};
+export interface ThumbnailCardProps {
+    id: TThumbnailCardId;
+    name?: string;
+    width?: number;
+    height?: number;
+    thumbnail?: string;
+    removable?: boolean;
+    editText?: string;
+    previewText?: string;
+    actionAvailable?: boolean;
+    removeModalProps?: TRemoveModalProps;
+    onClickEdit?: (id: TThumbnailCardId) => void;
+    onClickPreview?: (id: TThumbnailCardId) => void;
+    onClickWrapper?: (id: TThumbnailCardId) => void;
+}

package/es/components/molecules/ThumbnailCard/types.js

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-export declare const TreeSelect: (<ValueType = any, OptionType extends import("rc-tree-select/lib/TreeSelect").DefaultOptionType | import("rc-tree-select/lib/TreeSelect").BaseOptionType = import("rc-tree-select/lib/TreeSelect").DefaultOptionType>(props: import("antd").TreeSelectProps<ValueType, OptionType> & {
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<import("antd").RefSelectProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-    displayName?: string | undefined;
-    TreeNode: import("react").FC<import("rc-tree-select/lib/TreeNode").TreeNodeProps>;
-    SHOW_ALL: "SHOW_ALL";
-    SHOW_PARENT: "SHOW_PARENT";
-    SHOW_CHILD: "SHOW_CHILD";
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => import("react").JSX.Element;
-};
+/// <reference types="react" />
+export declare const TreeSelect: (<ValueType = any, OptionType extends import("rc-tree-select/lib/TreeSelect").DefaultOptionType | import("rc-tree-select/lib/TreeSelect").BaseOptionType = import("rc-tree-select/lib/TreeSelect").DefaultOptionType>(props: import("antd").TreeSelectProps<ValueType, OptionType> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<import("antd").RefSelectProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+    displayName?: string | undefined;
+    TreeNode: import("react").FC<import("rc-tree-select/lib/TreeNode").TreeNodeProps>;
+    SHOW_ALL: "SHOW_ALL";
+    SHOW_PARENT: "SHOW_PARENT";
+    SHOW_CHILD: "SHOW_CHILD";
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => import("react").JSX.Element;
+};

package/es/components/molecules/TreeSelect/TreeSelect.js

@@ -1,2 +1,2 @@
-import { TreeSelect as AntdTreeSelect } from 'antd';
-export const TreeSelect = AntdTreeSelect;
+import { TreeSelect as AntdTreeSelect } from 'antd';
+export const TreeSelect = AntdTreeSelect;

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

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

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

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

package/es/components/molecules/UploadImage/MediaIcon.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const MediaIcon: (_props: any) => React.JSX.Element;
-export default MediaIcon;
+import React from 'react';
+declare const MediaIcon: (_props: any) => React.JSX.Element;
+export default MediaIcon;

package/es/components/molecules/UploadImage/MediaIcon.js

@@ -1,8 +1,8 @@
-import React from 'react';
-const MediaIcon = _props => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", 
-    // eslint-disable-next-line react/no-unknown-property
-    // xmlns:svg="http://www.w3.org/2000/svg"
-    className: "MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-1om0hkc", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: 24, height: 24, fill: "rgba(0, 0, 0, 0.54)", "data-testid": "PermMediaIcon", version: "1.1", id: "svg4" },
-    React.createElement("defs", { id: "defs8" }),
-    React.createElement("path", { d: "M2 6H0v5h.01L0 20c0 1.1.9 2 2 2h18v-2H2V6zm20-2h-8l-2-2H6c-1.1 0-1.99.9-1.99 2L4 16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7 15l4.5-6 3.5 4.51 2.5-3.01L21 15H7z", id: "path2" })));
-export default MediaIcon;
+import React from 'react';
+const MediaIcon = _props => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", 
+    // eslint-disable-next-line react/no-unknown-property
+    // xmlns:svg="http://www.w3.org/2000/svg"
+    className: "MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-1om0hkc", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: 24, height: 24, fill: "rgba(0, 0, 0, 0.54)", "data-testid": "PermMediaIcon", version: "1.1", id: "svg4" },
+    React.createElement("defs", { id: "defs8" }),
+    React.createElement("path", { d: "M2 6H0v5h.01L0 20c0 1.1.9 2 2 2h18v-2H2V6zm20-2h-8l-2-2H6c-1.1 0-1.99.9-1.99 2L4 16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7 15l4.5-6 3.5 4.51 2.5-3.01L21 15H7z", id: "path2" })));
+export default MediaIcon;

package/es/components/molecules/UploadImage/MediaThumb.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import type { MediaMode } from '.';
-export interface MediaThumbProps {
-    mode: MediaMode;
-    media: any;
-}
-declare const _default: React.NamedExoticComponent<MediaThumbProps>;
-export default _default;
+import React from 'react';
+import type { MediaMode } from '.';
+export interface MediaThumbProps {
+    mode: MediaMode;
+    media: any;
+}
+declare const _default: React.NamedExoticComponent<MediaThumbProps>;
+export default _default;