@antscorp/antsomi-ui 1.3.5-beta.965 → 1.3.5-beta.967

package/es/components/atoms/SelectAssociatedTag/SelectAssociatedTag.js

@@ -8,8 +8,8 @@ import SelectTag from './SelectTag';
 import { defaultProps } from './constants';
 export const SelectAssociatedTag = (props) => {
     // Props
-    const { tagConfigs, style, selected, options, children, onSelect } = props;
+    const { tagConfigs, style, selected, disabled, options, children, onSelect } = props;
     const { tag, value } = selected || {};
-    return (_jsxs(StyledSpace, { className: "select-associated-tag", style: style, children: [_jsx(SelectTag, { ...tagConfigs, selectedTag: tag }), _jsx(Divider, { type: "vertical", style: { margin: '0px 1px 0px 6px' } }), children ?? (_jsx(Select, { style: { width: '100%', height: '100%' }, value: value, options: options, onChange: onSelect }))] }));
+    return (_jsxs(StyledSpace, { className: "select-associated-tag", style: style, children: [_jsx(SelectTag, { ...tagConfigs, selectedTag: tag }), _jsx(Divider, { type: "vertical", style: { margin: '0px 1px 0px 6px' }, className: "antsomi-divider-between-select" }), children ?? (_jsx(Select, { style: { width: '100%', height: '100%' }, value: value, disabled: disabled, options: options, onChange: onSelect }))] }));
 };
 SelectAssociatedTag.defaultProps = defaultProps;

package/es/components/atoms/SelectAssociatedTag/SelectTag.js

@@ -8,7 +8,7 @@ import { Popover } from '../Popover';
 import { SelectedTag } from './styled';
 const SelectTag = (props) => {
     // Props
-    const { selectedTag, title, options, onSelect } = props;
+    const { selectedTag, disabled, title, options, onSelect } = props;
     // State
     const [open, setOpen] = useState(false);
     // Memoized
@@ -21,6 +21,6 @@ const SelectTag = (props) => {
         setOpen(false);
         onSelect(item);
     };
-    return (_jsx(Popover, { open: open, title: _jsx(Typography.Text, { style: { fontWeight: '400', maxWidth: 130 }, ellipsis: { tooltip: title }, children: title }), content: _jsx(Flex, { wrap: "wrap", gap: 6, style: { padding: '10px 0px' }, children: options?.map(item => (_jsx(SelectedTag, { "$color": item.color, "$background": item.background, ellipsis: { tooltip: item.label }, onClick: () => handleClick(item), children: item.label }, item.value))) }), placement: "bottomLeft", trigger: "click", overlayInnerStyle: { padding: 10, maxWidth: 150 }, onOpenChange: handleOpenChange, children: _jsx(SelectedTag, { "$color": selectedItem?.color, "$background": selectedItem?.background, ellipsis: { tooltip: selectedItem?.label }, children: selectedItem?.label }) }));
+    return (_jsx(Popover, { open: open && !disabled, title: _jsx(Typography.Text, { style: { fontWeight: '400', maxWidth: 130 }, ellipsis: { tooltip: title }, children: title }), content: _jsx(Flex, { wrap: "wrap", gap: 6, style: { padding: '10px 0px' }, children: options?.map(item => (_jsx(SelectedTag, { "$color": item.color, "$background": item.background, ellipsis: { tooltip: item.label }, onClick: () => handleClick(item), children: item.label }, item.value))) }), placement: "bottomLeft", trigger: "click", overlayInnerStyle: { padding: 10, maxWidth: 150 }, onOpenChange: handleOpenChange, children: _jsx(SelectedTag, { "$color": selectedItem?.color, "$background": selectedItem?.background, ellipsis: { tooltip: selectedItem?.label }, children: selectedItem?.label }) }));
 };
 export default memo(SelectTag);

package/es/components/atoms/SelectAssociatedTag/types.d.ts

@@ -9,6 +9,7 @@ export type TagItem = {
 export interface TagConfigProps {
     selectedTag: TagItem['value'];
     title?: string;
+    disabled?: boolean;
     options: TagItem[];
     onSelect: (newItem: TagItem) => void;
 }
@@ -41,6 +42,11 @@ export interface SelectAssociatedTagProps {
          */
         value: Dictionary<SelectOption>;
     };
+    /**
+     * Whether the SelectAssociatedTag is disabled.
+     * @type {boolean}
+     */
+    disabled?: boolean;
     /**
      * A list of selectable options.
      * @type {SelectOption[]}

package/es/components/molecules/AddDynamicContent/components/DisplayFormat/DisplayFormat.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 export type TDisplayFormat = 'number' | 'percentage' | 'currency' | 'datetime';
 type DisplayFormatProps = {

package/es/components/molecules/DisplayFormat/components/FormatNumber.d.ts

@@ -3,29 +3,29 @@ import { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 declare const groupingOptions: {
     readonly COMMA: {
         readonly index: 0;
-        readonly label: `${string} ( , )`;
+        readonly label: string;
         readonly value: ",";
     };
     readonly DOT: {
         readonly index: 1;
-        readonly label: "Dot ( . )";
+        readonly label: string;
         readonly value: ".";
     };
     readonly NONE: {
         readonly index: 2;
-        readonly label: "None";
+        readonly label: string;
         readonly value: "none";
     };
 };
 declare const decimalOptions: {
     readonly COMMA: {
         readonly index: 0;
-        readonly label: `${string} ( , )`;
+        readonly label: string;
         readonly value: ",";
     };
     readonly DOT: {
         readonly index: 1;
-        readonly label: "Dot ( . )";
+        readonly label: string;
         readonly value: ".";
     };
 };

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

@@ -74,29 +74,29 @@ export declare const ATTRIBUTE_NUMBERIC_FORMAT_OPTION: {
     readonly DECIMAL_SEPARATOR: {
         readonly COMMA: {
             readonly index: 0;
-            readonly label: `${string} ( , )`;
+            readonly label: string;
             readonly value: ",";
         };
         readonly DOT: {
             readonly index: 1;
-            readonly label: "Dot ( . )";
+            readonly label: string;
             readonly value: ".";
         };
     };
     readonly GROUPING_SEPARATOR: {
         readonly COMMA: {
             readonly index: 0;
-            readonly label: `${string} ( , )`;
+            readonly label: string;
             readonly value: ",";
         };
         readonly DOT: {
             readonly index: 1;
-            readonly label: "Dot ( . )";
+            readonly label: string;
             readonly value: ".";
         };
         readonly NONE: {
             readonly index: 2;
-            readonly label: "None";
+            readonly label: string;
             readonly value: "none";
         };
     };

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

@@ -54,7 +54,7 @@ export const DYNAMIC_CONTENT_TYPE = {
 };
 export const DYNAMIC_CONTENT_ATTR_DF_TYPE = [
     {
-        label: translate(translations._DATA_TYPE_NUMBER),
+        label: translate(translations._TITL_NUMBER),
         value: 'number',
         dataType: 'number',
     },
@@ -69,7 +69,7 @@ export const DYNAMIC_CONTENT_ATTR_DF_TYPE = [
         dataType: 'number',
     },
     {
-        label: translate(translations._DATA_TYPE_DATETIME),
+        label: translate(translations._TITL_DATE_TIME_DEFAULT_FORMAT),
         value: 'datetime',
         dataType: 'datetime',
     },
@@ -122,29 +122,29 @@ export const ATTRIBUTE_NUMBERIC_FORMAT_OPTION = {
     DECIMAL_SEPARATOR: {
         COMMA: {
             index: 0,
-            label: `${translate(translations._OPTION_COMMA)} ( , )`,
+            label: translate(translations._PERSONALIZE_PROCESS_CODE_DELIMETER_1),
             value: ',',
         },
         DOT: {
             index: 1,
-            label: 'Dot ( . )',
+            label: translate(translations._PERSONALIZE_PROCESS_CODE_DELIMETER_2),
             value: '.',
         },
     },
     GROUPING_SEPARATOR: {
         COMMA: {
             index: 0,
-            label: `${translate(translations._OPTION_COMMA)} ( , )`,
+            label: translate(translations._PERSONALIZE_PROCESS_CODE_DELIMETER_1),
             value: ',',
         },
         DOT: {
             index: 1,
-            label: 'Dot ( . )',
+            label: translate(translations._PERSONALIZE_PROCESS_CODE_DELIMETER_2),
             value: '.',
         },
         NONE: {
             index: 2,
-            label: 'None',
+            label: translate(translations._TITL_NONE),
             value: 'none',
         },
     },

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

@@ -1,4 +1,5 @@
 import dayjs from 'dayjs';
+import 'dayjs/locale/vi';
 import type { TDatetimeFormatSetting, TNumberFormatSettings } from './components';
 import { LabeledTreeValue, LabeledValue } from '../AddDynamicContent';
 export declare function getStringFormatDateDF(formatSettings: TDatetimeFormatSetting): string;

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

@@ -3,6 +3,7 @@
 import dayjs from 'dayjs';
 import currencyFormatter from 'currency-formatter';
 import { has, get, set } from 'lodash';
+import 'dayjs/locale/vi';
 // Json
 import Currencies from './currencies.json';
 // Constants

package/es/components/template/TemplateListing/Loadable.d.ts

@@ -3,4 +3,5 @@
  * Asynchronously loads the component for TemplateListing
  *
  */
+/// <reference types="react" />
 export declare const TemplateListing: (props: import("./types").TemplateListingProps<{}>) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.965",
+  "version": "1.3.5-beta.967",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",