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

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

@@ -1,13 +1,13 @@
-export declare const WrapperListImages: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Boxed: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const WrapperBtn: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Paragraph: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const WrapperInputMode: import("styled-components").StyledComponent<"div", any, {
-    width?: string | undefined;
-}, never>;
-export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ErrorMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UploadImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperListImages: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Boxed: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const WrapperBtn: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Paragraph: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperInputMode: import("styled-components").StyledComponent<"div", any, {
+    width?: string | undefined;
+}, never>;
+export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const UploadImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,134 +1,134 @@
-var _a, _b, _c, _d;
-// Libraries
-import styled from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const WrapperListImages = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 250px;
-  height: auto;
-  text-align: center;
-
-  &.ants-group:hover .group-hover {
-    opacity: 1;
-  }
-`;
-export const TextStyled = styled.span `
-  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorTextDark};
-`;
-export const Boxed = styled.div `
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 250px;
-  height: 250px;
-  border-width: 1px;
-  border-style: solid;
-  --tw-border-opacity: 1;
-  border-color: rgb(224 224 224 / var(--tw-border-opacity));
-
-  &:hover {
-    border-width: 2px;
-  }
-`;
-export const Image = styled.img `
-  object-fit: contain;
-  width: 100%;
-  height: 100%;
-`;
-export const WrapperBtn = styled.div `
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 3;
-  gap: 15px;
-  opacity: 0;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-duration: 200ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-`;
-export const Paragraph = styled.p `
-  display: inline-block;
-  margin-top: 5px;
-  width: 100%;
-  font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px;
-`;
-export const Overlay = styled.div `
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-  z-index: 2;
-  background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bgLightTransparent};
-  opacity: 0;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-duration: 200ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-`;
-export const WrapperInputMode = styled.div `
-  position: relative;
-  width: ${props => (props.width ? props.width : '100%')};
-`;
-export const WrapperIcon = styled.div `
-  position: absolute;
-  top: -10px;
-  left: calc(100% - 44px);
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 12px;
-  border-radius: 50%;
-
-  cursor: pointer;
-
-  &:hover {
-    background-color: rgba(0, 0, 0, 0.04);
-  }
-`;
-export const ErrorMessage = styled.div `
-  width: 100%;
-  margin-top: 3px;
-  color: #f44336;
-  font-size: 0.688rem;
-  line-height: 1.66;
-`;
-export const UploadImageWrapper = styled.div `
-  .antsomi-upload.antsomi-upload-btn {
-    padding: 0px;
-  }
-
-  .image-upload-content {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    gap: 20px;
-    position: relative;
-    border-radius: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.borderRadius}px;
-    border-width: 2px;
-    border-style: dashed;
-    --tw-border-opacity: 1;
-    border-color: rgb(210 210 210 / var(--tw-border-opacity));
-    aspect-ratio: 3.2;
-
-    &.uploaded {
-      background: url('data:image/svg+xml;base64, PHN2ZyBoZWlnaHQ9IjEwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMTI1IiBkPSJNMCAyNTZoMjU2djI1NkgweiI+PC9wYXRoPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMjUiIGQ9Ik0yNTYgMjU2aDI1NnYyNTZIMjU2eiI+PC9wYXRoPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMTI1IiBkPSJNMjU2IDBoMjU2djI1NkgyNTZ6Ij48L3BhdGg+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLW9wYWNpdHk9Ii4yNSIgZD0iTTAgMGgyNTZ2MjU2SDB6Ij48L3BhdGg+PC9zdmc+')
-        repeat rgb(249, 251, 255);
-    }
-    .antsomi-upload-drag-container {
-    }
-    .upload-file-info {
-      p {
-        font-size: 12px;
-      }
-    }
-  }
-`;
+var _a, _b, _c, _d;
+// Libraries
+import styled from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const WrapperListImages = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 250px;
+  height: auto;
+  text-align: center;
+
+  &.ants-group:hover .group-hover {
+    opacity: 1;
+  }
+`;
+export const TextStyled = styled.span `
+  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorTextDark};
+`;
+export const Boxed = styled.div `
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 250px;
+  height: 250px;
+  border-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(224 224 224 / var(--tw-border-opacity));
+
+  &:hover {
+    border-width: 2px;
+  }
+`;
+export const Image = styled.img `
+  object-fit: contain;
+  width: 100%;
+  height: 100%;
+`;
+export const WrapperBtn = styled.div `
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 3;
+  gap: 15px;
+  opacity: 0;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
+    opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+`;
+export const Paragraph = styled.p `
+  display: inline-block;
+  margin-top: 5px;
+  width: 100%;
+  font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px;
+`;
+export const Overlay = styled.div `
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+  z-index: 2;
+  background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bgLightTransparent};
+  opacity: 0;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
+    opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+`;
+export const WrapperInputMode = styled.div `
+  position: relative;
+  width: ${props => (props.width ? props.width : '100%')};
+`;
+export const WrapperIcon = styled.div `
+  position: absolute;
+  top: -10px;
+  left: calc(100% - 44px);
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 12px;
+  border-radius: 50%;
+
+  cursor: pointer;
+
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.04);
+  }
+`;
+export const ErrorMessage = styled.div `
+  width: 100%;
+  margin-top: 3px;
+  color: #f44336;
+  font-size: 0.688rem;
+  line-height: 1.66;
+`;
+export const UploadImageWrapper = styled.div `
+  .antsomi-upload.antsomi-upload-btn {
+    padding: 0px;
+  }
+
+  .image-upload-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    gap: 20px;
+    position: relative;
+    border-radius: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.borderRadius}px;
+    border-width: 2px;
+    border-style: dashed;
+    --tw-border-opacity: 1;
+    border-color: rgb(210 210 210 / var(--tw-border-opacity));
+    aspect-ratio: 3.2;
+
+    &.uploaded {
+      background: url('data:image/svg+xml;base64, PHN2ZyBoZWlnaHQ9IjEwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMTI1IiBkPSJNMCAyNTZoMjU2djI1NkgweiI+PC9wYXRoPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMjUiIGQ9Ik0yNTYgMjU2aDI1NnYyNTZIMjU2eiI+PC9wYXRoPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMTI1IiBkPSJNMjU2IDBoMjU2djI1NkgyNTZ6Ij48L3BhdGg+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLW9wYWNpdHk9Ii4yNSIgZD0iTTAgMGgyNTZ2MjU2SDB6Ij48L3BhdGg+PC9zdmc+')
+        repeat rgb(249, 251, 255);
+    }
+    .antsomi-upload-drag-container {
+    }
+    .upload-file-info {
+      p {
+        font-size: 12px;
+      }
+    }
+  }
+`;

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

@@ -1,30 +1,40 @@
-export { Cascader } from './Cascader';
-export { Dropdown } from './Dropdown';
-export { Modal } from './Modal';
-export { Select } from './Select';
-export { DatePicker } from './DatePicker';
-export { ChatBox } from './ChatBox';
-export { PopupDraggable } from './PopupDraggable';
-export { Tabs } from './Tabs';
-export { CaptureScreen } from './CaptureScreen';
-export { SettingWrapper } from './SettingWrapper';
-export { ColorPicker } from './ColorPicker';
-export { ColorSetting } from './ColorSetting';
-export { SliderWithInputNumber } from './SliderWithInputNumber';
-export { RadioGroup } from './RadioGroup';
-export { InputSearch } from './InputSearch';
-export { UploadImage } from './UploadImage';
-export { IconSelection } from './IconSelection';
-export { IconSelectionRenderer } from './IconSelection/components/Icon';
-export { AlignSetting } from './AlignSetting';
-export { EdgeSetting } from './EdgeSetting';
-export { TreeSelect } from './TreeSelect';
-export { Result } from './Result';
-export { Card } from './Card';
-export { InputNumberWithUnit } from './InputNumberWithUnit';
-export { GradientSetting } from './GradientSetting';
-export { Collapse } from './Collapse';
-export { Drawer } from './Drawer';
-export type { AdvancedPickerProps, TAdvancedPickerOption, TAdvancedRangePickerTimeRange, } from './DatePicker';
-export type { ColorPickerProps } from './ColorPicker';
-export type { AlignEditProps, AlignSettingProps } from './AlignSetting';
+export { Cascader } from './Cascader';
+export { Dropdown } from './Dropdown';
+export { Modal } from './Modal';
+export { Select } from './Select';
+export { DatePicker } from './DatePicker';
+export { ChatBox } from './ChatBox';
+export { PopupDraggable } from './PopupDraggable';
+export { Tabs } from './Tabs';
+export { CaptureScreen } from './CaptureScreen';
+export { SettingWrapper } from './SettingWrapper';
+export { ColorPicker } from './ColorPicker';
+export { ColorSetting } from './ColorSetting';
+export { SliderWithInputNumber } from './SliderWithInputNumber';
+export { RadioGroup } from './RadioGroup';
+export { InputSearch } from './InputSearch';
+export { UploadImage } from './UploadImage';
+export { IconSelection } from './IconSelection';
+export { IconSelectionRenderer } from './IconSelection/components/Icon';
+export { AlignSetting } from './AlignSetting';
+export { EdgeSetting } from './EdgeSetting';
+export { TreeSelect } from './TreeSelect';
+export { Result } from './Result';
+export { Card } from './Card';
+export { InputNumberWithUnit } from './InputNumberWithUnit';
+export { GradientSetting } from './GradientSetting';
+export { Collapse } from './Collapse';
+export { Drawer } from './Drawer';
+export { SettingWrapperPopover } from './SettingWrapperPopover';
+export { FontWeightSelect } from './FontWeightSelect';
+export { FontFamilySelect } from './FontFamilySelect';
+export { TextDecorationSelect } from './TextDecorationSelect';
+export { TextTransformSelect } from './TextTransformSelect';
+export { FontSetting, FontSettingEdit } from './FontSetting';
+export { Form } from './Form';
+export { ResizeGrid } from './ResizeGrid';
+export type { AdvancedPickerProps, TAdvancedPickerOption, TAdvancedRangePickerTimeRange, } from './DatePicker';
+export type { ColorPickerProps } from './ColorPicker';
+export type { AlignEditProps, AlignSettingProps } from './AlignSetting';
+export type { TFontSettingProps, TFontSettingEditProps } from './FontSetting';
+export type { IResizeGridProps, TCell, TGrid } from './ResizeGrid';

package/es/components/molecules/index.js

@@ -1,27 +1,35 @@
-export { Cascader } from './Cascader';
-export { Dropdown } from './Dropdown';
-export { Modal } from './Modal';
-export { Select } from './Select';
-export { DatePicker } from './DatePicker';
-export { ChatBox } from './ChatBox';
-export { PopupDraggable } from './PopupDraggable';
-export { Tabs } from './Tabs';
-export { CaptureScreen } from './CaptureScreen';
-export { SettingWrapper } from './SettingWrapper';
-export { ColorPicker } from './ColorPicker';
-export { ColorSetting } from './ColorSetting';
-export { SliderWithInputNumber } from './SliderWithInputNumber';
-export { RadioGroup } from './RadioGroup';
-export { InputSearch } from './InputSearch';
-export { UploadImage } from './UploadImage';
-export { IconSelection } from './IconSelection';
-export { IconSelectionRenderer } from './IconSelection/components/Icon';
-export { AlignSetting } from './AlignSetting';
-export { EdgeSetting } from './EdgeSetting';
-export { TreeSelect } from './TreeSelect';
-export { Result } from './Result';
-export { Card } from './Card';
-export { InputNumberWithUnit } from './InputNumberWithUnit';
-export { GradientSetting } from './GradientSetting';
-export { Collapse } from './Collapse';
-export { Drawer } from './Drawer';
+export { Cascader } from './Cascader';
+export { Dropdown } from './Dropdown';
+export { Modal } from './Modal';
+export { Select } from './Select';
+export { DatePicker } from './DatePicker';
+export { ChatBox } from './ChatBox';
+export { PopupDraggable } from './PopupDraggable';
+export { Tabs } from './Tabs';
+export { CaptureScreen } from './CaptureScreen';
+export { SettingWrapper } from './SettingWrapper';
+export { ColorPicker } from './ColorPicker';
+export { ColorSetting } from './ColorSetting';
+export { SliderWithInputNumber } from './SliderWithInputNumber';
+export { RadioGroup } from './RadioGroup';
+export { InputSearch } from './InputSearch';
+export { UploadImage } from './UploadImage';
+export { IconSelection } from './IconSelection';
+export { IconSelectionRenderer } from './IconSelection/components/Icon';
+export { AlignSetting } from './AlignSetting';
+export { EdgeSetting } from './EdgeSetting';
+export { TreeSelect } from './TreeSelect';
+export { Result } from './Result';
+export { Card } from './Card';
+export { InputNumberWithUnit } from './InputNumberWithUnit';
+export { GradientSetting } from './GradientSetting';
+export { Collapse } from './Collapse';
+export { Drawer } from './Drawer';
+export { SettingWrapperPopover } from './SettingWrapperPopover';
+export { FontWeightSelect } from './FontWeightSelect';
+export { FontFamilySelect } from './FontFamilySelect';
+export { TextDecorationSelect } from './TextDecorationSelect';
+export { TextTransformSelect } from './TextTransformSelect';
+export { FontSetting, FontSettingEdit } from './FontSetting';
+export { Form } from './Form';
+export { ResizeGrid } from './ResizeGrid';

package/es/components/organism/Help/Help.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { IHelpProps } from './types';
-import '@antscorp/icons/main.css';
-declare const Help: React.FC<IHelpProps>;
-export { Help };
+import React from 'react';
+import { IHelpProps } from './types';
+import '@antscorp/icons/main.css';
+declare const Help: React.FC<IHelpProps>;
+export { Help };