@antscorp/antsomi-ui 2.0.115 → 2.0.116

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

@@ -1,29 +1,29 @@
 import { Flex } from 'antd';
 import styled from 'styled-components';
-export const ContainerModule = styled(Flex) `
-  height: ${props => (props.$height ? props.$height : '100%')};
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: 5px;
-  .item-title {
-    display: flex;
-
-    .content-title {
-      font-size: 20px;
-      font-weight: bold;
-      color: #f29100;
-      margin-right: 5px;
-    }
-
-    .icon-title {
-      font-size: 24px;
-      color: #666666;
-    }
-  }
-
-  .item-body {
-    font-size: 12px;
-    color: #595959;
-  }
+export const ContainerModule = styled(Flex) `
+  height: ${props => (props.$height ? props.$height : '100%')};
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 5px;
+  .item-title {
+    display: flex;
+
+    .content-title {
+      font-size: 20px;
+      font-weight: bold;
+      color: #f29100;
+      margin-right: 5px;
+    }
+
+    .icon-title {
+      font-size: 24px;
+      color: #666666;
+    }
+  }
+
+  .item-body {
+    font-size: 12px;
+    color: #595959;
+  }
 `;

package/es/components/molecules/MatchAnySelect/components/ExtendValuePopup.js

@@ -15,14 +15,14 @@ import { splitTextByNewline } from '@antscorp/antsomi-ui/es/utils';
 const { borderRadius, blue1 } = globalToken || {};
 const { t } = i18nInstance;
 // Styled
-const TextArea = styled(props => _jsx(Input.TextArea, { ...props })) `
-  &.antsomi-input-borderless {
-    border: 1px solid ${blue1} !important;
-    border-radius: ${borderRadius}px;
-  }
-  ::-webkit-input-placeholder {
-    opacity: 1 !important;
-  }
+const TextArea = styled(props => _jsx(Input.TextArea, { ...props })) `
+  &.antsomi-input-borderless {
+    border: 1px solid ${blue1} !important;
+    border-radius: ${borderRadius}px;
+  }
+  ::-webkit-input-placeholder {
+    opacity: 1 !important;
+  }
 `;
 export const ExtendValuePopup = props => {
     // Props

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

@@ -8,259 +8,259 @@ import { Tree } from '@antscorp/antsomi-ui/es/components/molecules';
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 import { EXTRA_VALUE_SHIFT_WIDTH, EXTRA_VALUE_WIDTH } from './constants';
 const { borderRadius, bw3, bw6, blue, blue1, colorPrimary, colorError } = globalToken || {};
-export const MatchesAnyWrapper = styled(props => _jsx(Flex, { ...props })) `
-  width: 100%;
-  height: 550px;
-
-  .matches-any {
-    &__header {
-      display: flex;
-      align-items: center;
-      height: 50px;
-      box-sizing: border-box;
-      padding: 0px 15px;
-      border-bottom: 1px solid ${globalToken?.bw3};
-      gap: 10px;
-
-      .antsomi-search-input {
-        padding-left: 0px;
-        padding-right: 0px;
-      }
-    }
-
-    &__section {
-      display: flex;
-      flex-direction: column;
-      overflow: auto;
-      position: relative;
-      width: 50%;
-      height: 100%;
-
-      &--left {
-        border-right: 1px solid ${globalToken?.bw3};
-      }
-    }
-
-    &__body {
-      display: flex;
-      flex-direction: column;
-      overflow: auto;
-      gap: 10px;
-      position: relative;
-      height: 100%;
-      padding: 10px 15px;
-
-      .antsomi-spin-nested-loading {
-        height: 100%;
-
-        .antsomi-spin-container {
-          height: 100%;
-        }
-      }
-    }
-
-    &__footer {
-      flex-shrink: 0;
-      padding: 15px;
-      box-sizing: border-box;
-      border-top: 1px solid ${bw3};
-    }
-  }
-
-  .antsomi-tree {
-    .antsomi-tree-list-holder-inner {
-      /* gap: 5px; */
-    }
-
-    .antsomi-tree-treenode {
-      width: 100%;
-      padding: 0px;
-      transition: all 300ms;
-      padding-bottom: 5px;
-
-      .antsomi-tree-switcher {
-        width: 20px;
-        &.antsomi-tree-switcher-noop {
-          display: none;
-        }
-      }
-
-      .antsomi-tree-node-content-wrapper {
-        display: flex;
-        align-items: center;
-        width: 100%;
-        padding: 0 5px;
-
-        .antsomi-tree-title {
-          width: 100%;
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          gap: 10px;
-
-          .title-content {
-            padding: 5px 0px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            gap: 10px;
-            width: 100%;
-            height: 100%;
-            user-select: text;
-            overflow: auto;
-
-            > .left-content {
-              width: 100%;
-              overflow: auto;
-            }
-
-            .sub-title {
-              font-size: 11px;
-            }
-
-            .extra-value-content {
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              width: ${EXTRA_VALUE_WIDTH}px;
-            }
-
-            &.extra-value {
-              width: calc(100% - ${EXTRA_VALUE_SHIFT_WIDTH}px);
-            }
-          }
-        }
-      }
-
-      .antsomi-tree-switcher:not(.antsomi-tree-switcher-noop) ~ .antsomi-tree-node-content-wrapper {
-        padding-left: 0;
-      }
-
-      .antsomi-tree-switcher.antsomi-tree-switcher-noop ~ .antsomi-tree-node-content-wrapper {
-        &:hover {
-          background-color: ${blue};
-
-          .select-button {
-            opacity: 1;
-          }
-        }
-      }
-
-      .antsomi-tree-indent-unit {
-        width: 15px !important;
-      }
-
-      &.antsomi-tree-treenode-disabled {
-        .antsomi-typography {
-          color: ${globalToken?.bw6} !important;
-        }
-
-        .select-button {
-          display: none;
-        }
-      }
-
-      &:not(:has(span.antsomi-tree-switcher-noop)) {
-        border-radius: ${borderRadius}px;
-
-        .antsomi-tree-node-content-wrapper {
-          border-top-left-radius: 0px;
-          border-bottom-left-radius: 0px;
-        }
-
-        .antsomi-tree-switcher {
-          border-top-left-radius: ${borderRadius}px;
-          border-bottom-left-radius: ${borderRadius}px;
-        }
-
-        &:hover {
-          .antsomi-tree-switcher,
-          .antsomi-tree-node-content-wrapper {
-            background-color: ${blue};
-          }
-
-          .select-button {
-            opacity: 1;
-          }
-        }
-      }
-
-      &.error-node {
-        .antsomi-tree-node-content-wrapper {
-          border-color: ${colorError};
-          border-width: 1px;
-          border-style: solid;
-        }
-
-        &:not(:has(span.antsomi-tree-switcher-noop)) {
-          .antsomi-tree-node-content-wrapper {
-            border-left-width: 0px;
-          }
-
-          .antsomi-tree-switcher {
-            border-color: ${colorError};
-            border-width: 1px;
-            border-right-width: 0;
-            border-style: solid;
-          }
-        }
-      }
-
-      &.load-more-node {
-        overflow: hidden;
-        pointer-events: none;
-        background-color: #fff !important;
-        height: 5px !important;
-        padding: 0px !important;
-      }
-    }
-  }
-
-  .empty-wrapper {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-  }
+export const MatchesAnyWrapper = styled(props => _jsx(Flex, { ...props })) `
+  width: 100%;
+  height: 550px;
+
+  .matches-any {
+    &__header {
+      display: flex;
+      align-items: center;
+      height: 50px;
+      box-sizing: border-box;
+      padding: 0px 15px;
+      border-bottom: 1px solid ${globalToken?.bw3};
+      gap: 10px;
+
+      .antsomi-search-input {
+        padding-left: 0px;
+        padding-right: 0px;
+      }
+    }
+
+    &__section {
+      display: flex;
+      flex-direction: column;
+      overflow: auto;
+      position: relative;
+      width: 50%;
+      height: 100%;
+
+      &--left {
+        border-right: 1px solid ${globalToken?.bw3};
+      }
+    }
+
+    &__body {
+      display: flex;
+      flex-direction: column;
+      overflow: auto;
+      gap: 10px;
+      position: relative;
+      height: 100%;
+      padding: 10px 15px;
+
+      .antsomi-spin-nested-loading {
+        height: 100%;
+
+        .antsomi-spin-container {
+          height: 100%;
+        }
+      }
+    }
+
+    &__footer {
+      flex-shrink: 0;
+      padding: 15px;
+      box-sizing: border-box;
+      border-top: 1px solid ${bw3};
+    }
+  }
+
+  .antsomi-tree {
+    .antsomi-tree-list-holder-inner {
+      /* gap: 5px; */
+    }
+
+    .antsomi-tree-treenode {
+      width: 100%;
+      padding: 0px;
+      transition: all 300ms;
+      padding-bottom: 5px;
+
+      .antsomi-tree-switcher {
+        width: 20px;
+        &.antsomi-tree-switcher-noop {
+          display: none;
+        }
+      }
+
+      .antsomi-tree-node-content-wrapper {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        padding: 0 5px;
+
+        .antsomi-tree-title {
+          width: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          gap: 10px;
+
+          .title-content {
+            padding: 5px 0px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: 10px;
+            width: 100%;
+            height: 100%;
+            user-select: text;
+            overflow: auto;
+
+            > .left-content {
+              width: 100%;
+              overflow: auto;
+            }
+
+            .sub-title {
+              font-size: 11px;
+            }
+
+            .extra-value-content {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              width: ${EXTRA_VALUE_WIDTH}px;
+            }
+
+            &.extra-value {
+              width: calc(100% - ${EXTRA_VALUE_SHIFT_WIDTH}px);
+            }
+          }
+        }
+      }
+
+      .antsomi-tree-switcher:not(.antsomi-tree-switcher-noop) ~ .antsomi-tree-node-content-wrapper {
+        padding-left: 0;
+      }
+
+      .antsomi-tree-switcher.antsomi-tree-switcher-noop ~ .antsomi-tree-node-content-wrapper {
+        &:hover {
+          background-color: ${blue};
+
+          .select-button {
+            opacity: 1;
+          }
+        }
+      }
+
+      .antsomi-tree-indent-unit {
+        width: 15px !important;
+      }
+
+      &.antsomi-tree-treenode-disabled {
+        .antsomi-typography {
+          color: ${globalToken?.bw6} !important;
+        }
+
+        .select-button {
+          display: none;
+        }
+      }
+
+      &:not(:has(span.antsomi-tree-switcher-noop)) {
+        border-radius: ${borderRadius}px;
+
+        .antsomi-tree-node-content-wrapper {
+          border-top-left-radius: 0px;
+          border-bottom-left-radius: 0px;
+        }
+
+        .antsomi-tree-switcher {
+          border-top-left-radius: ${borderRadius}px;
+          border-bottom-left-radius: ${borderRadius}px;
+        }
+
+        &:hover {
+          .antsomi-tree-switcher,
+          .antsomi-tree-node-content-wrapper {
+            background-color: ${blue};
+          }
+
+          .select-button {
+            opacity: 1;
+          }
+        }
+      }
+
+      &.error-node {
+        .antsomi-tree-node-content-wrapper {
+          border-color: ${colorError};
+          border-width: 1px;
+          border-style: solid;
+        }
+
+        &:not(:has(span.antsomi-tree-switcher-noop)) {
+          .antsomi-tree-node-content-wrapper {
+            border-left-width: 0px;
+          }
+
+          .antsomi-tree-switcher {
+            border-color: ${colorError};
+            border-width: 1px;
+            border-right-width: 0;
+            border-style: solid;
+          }
+        }
+      }
+
+      &.load-more-node {
+        overflow: hidden;
+        pointer-events: none;
+        background-color: #fff !important;
+        height: 5px !important;
+        padding: 0px !important;
+      }
+    }
+  }
+
+  .empty-wrapper {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
 `;
-export const TextButton = styled(Typography.Text) `
-  color: ${colorPrimary} !important;
-  font-weight: 500;
-  cursor: pointer;
-
+export const TextButton = styled(Typography.Text) `
+  color: ${colorPrimary} !important;
+  font-weight: 500;
+  cursor: pointer;
+
   ${props => props.disabled &&
-    css `
-      color: ${bw6} !important;
-      pointer-events: none;
-    `}
+    css `
+      color: ${bw6} !important;
+      pointer-events: none;
+    `}
 `;
-export const GroupSelectButton = styled(props => _jsx(Button, { ...props })) `
-  gap: 4px !important;
-  .group-name {
-    font-weight: normal !important;
-  }
+export const GroupSelectButton = styled(props => _jsx(Button, { ...props })) `
+  gap: 4px !important;
+  .group-name {
+    font-weight: normal !important;
+  }
 `;
-export const ActionButton = styled(props => _jsx(Flex, { ...props })) `
-  height: 16px;
-  width: 16px;
-  opacity: 0;
-  transition: all 300ms;
-
-  i {
-    color: ${colorPrimary};
-    transform: rotate(90deg);
-  }
+export const ActionButton = styled(props => _jsx(Flex, { ...props })) `
+  height: 16px;
+  width: 16px;
+  opacity: 0;
+  transition: all 300ms;
+
+  i {
+    color: ${colorPrimary};
+    transform: rotate(90deg);
+  }
 `;
 export const StyledTree = styled(Tree) ``;
-export const TextArea = styled(props => _jsx(Input.TextArea, { ...props })) `
-  &.antsomi-input-borderless {
-    border: 1px solid ${blue1} !important;
-    border-radius: ${borderRadius}px;
-  }
+export const TextArea = styled(props => _jsx(Input.TextArea, { ...props })) `
+  &.antsomi-input-borderless {
+    border: 1px solid ${blue1} !important;
+    border-radius: ${borderRadius}px;
+  }
 `;
-export const ExtraValueLabel = styled.div `
-  width: ${EXTRA_VALUE_WIDTH}px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+export const ExtraValueLabel = styled.div `
+  width: ${EXTRA_VALUE_WIDTH}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 `;
 export const ItemStatus = styled(props => _jsx(Flex, { ...props })) ``;

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

@@ -1,6 +1,5 @@
-/// <reference types="hoist-non-react-statics" />
 import React from 'react';
-import { ModalProps as AntdModalProps } from 'antd';
+import { ModalProps as AntdModalProps, ModalFuncProps } from 'antd';
 export interface ModalProps extends AntdModalProps {
     header?: React.ReactNode;
     headerStyle?: {
@@ -10,14 +9,15 @@ export interface ModalProps extends AntdModalProps {
     loading?: boolean;
 }
 export declare const OriginalModal: React.FC<ModalProps>;
-export declare const Modal: string & import("styled-components").StyledComponentBase<React.FC<AntdModalProps> & import("antd/es/modal/confirm").ModalStaticFunctions & {
-    useModal: typeof import("antd/es/modal/useModal").default;
-    destroyAll: () => void;
-    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
-}, any, import("./styled").CustomModalProps, never> & import("hoist-non-react-statics").NonReactStatics<React.FC<AntdModalProps> & import("antd/es/modal/confirm").ModalStaticFunctions & {
+export declare const Modal: React.FC<ModalProps> & {
+    confirm: (props: ModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+    };
     useModal: typeof import("antd/es/modal/useModal").default;
+    success: import("antd/es/modal/confirm").ModalFunc;
+    info: import("antd/es/modal/confirm").ModalFunc;
+    error: import("antd/es/modal/confirm").ModalFunc;
+    warning: import("antd/es/modal/confirm").ModalFunc;
     destroyAll: () => void;
-    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
-}, {}> & React.FC<ModalProps>;
+};

package/es/components/molecules/Modal/Modal.js

@@ -15,16 +15,18 @@ export const OriginalModal = memo(props => {
         maskClosable: loading ? false : props.maskClosable, children: [props.header || null, props.children || null] }));
 });
 OriginalModal.displayName = 'OriginalModal';
-export const Modal = OriginalModal;
-Modal.confirm = (props) => StyledModal.confirm({
-    cancelText: 'Cancel',
-    ...props,
+export const Modal = Object.assign(OriginalModal, {
+    confirm: (props) => StyledModal.confirm({
+        cancelText: 'Cancel',
+        ...props,
+    }),
+    useModal: StyledModal.useModal,
+    success: StyledModal.success,
+    info: StyledModal.info,
+    error: StyledModal.error,
+    warning: StyledModal.warning,
+    destroyAll: StyledModal.destroyAll,
 });
-Modal.useModal = StyledModal.useModal;
-Modal.success = StyledModal.success;
-Modal.info = StyledModal.info;
-Modal.error = StyledModal.error;
-Modal.warning = StyledModal.warning;
 Modal.defaultProps = {
     loading: false,
 };