diginet-core-ui 1.4.53 → 1.4.54-beta.2

package/components/tree-view/index.js

@@ -54,6 +54,7 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     showSelectedItems,
     value: valueProp,
     valueExpr,
+    isInDropdown: isInDropDownProps,
     ...other
   } = props;
   let searchDelayTime = searchDelayTimeProp;
@@ -69,7 +70,10 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     allowNumber: false,
     allowSymbol: false
   }));
-  const _TreeViewRootCSS = TreeViewRootCSS(theme);
+  const [isChanged, setIsChanged] = useState(false);
+  const [isChecked, setIsChecked] = useState(false);
+  const [isInDropdown, setIsInDropdown] = useState(isInDropDownProps);
+  const _TreeViewRootCSS = TreeViewRootCSS(theme, isInDropdown);
   const determinateCheckbox = (input, determinate) => {
     if (multipleValueMode === 'multiple' || disabledRelevantValue) {
       input.classList[determinate ? 'add' : 'remove']('determinate');
@@ -212,7 +216,7 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
           el.firstChild.firstChild.lastChild.firstChild.firstChild.firstChild.classList[isChecked ? 'add' : 'remove']('disabled');
           el.firstChild.firstChild.lastChild.firstChild.firstChild.firstChild.disabled = isChecked;
           Array.from(el.childNodes).forEach(e => {
-            e.classList[isChecked ? 'add' : 'remove']('treeview-disabled');
+            e.classList[isChecked ? 'add' : 'remove']('disabled');
           });
         } else {
           el.firstChild.firstChild.firstChild.firstChild.disabled = isChecked;
@@ -233,12 +237,14 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
         const checkbox = node.firstChild.firstChild.lastChild.firstChild.firstChild.firstChild;
         if (checkbox) {
           var _node$querySelectorAl;
-          // Trường hợp phải set về false để xét các input đã check không bao gồm node này
-          checkbox.firstChild.checked = isChecked;
           const mustDisabled = !!((_node$querySelectorAl = node.querySelectorAll('input:checked')) !== null && _node$querySelectorAl !== void 0 && _node$querySelectorAl.length);
-          // Nếu có ít nhất một input con được check thì phải checked cho input này
-          checkbox.firstChild.checked = mustDisabled;
+          // // Trường hợp phải set về false để xét các input đã check không bao gồm node này
+          checkbox.firstChild.checked = isChecked;
           determinateCheckbox(checkbox.firstChild, !mustDisabled);
+          setTimeout(() => {
+            // Nếu có ít nhất một input con được check thì phải checked cho input này
+            checkbox.firstChild.checked = mustDisabled;
+          }, 200);
           node.classList[mustDisabled || isChecked ? 'add' : 'remove']('disabled');
           checkbox.classList[mustDisabled || isChecked ? 'add' : 'remove']('disabled');
           Array.from(node.childNodes).forEach(e => {
@@ -347,6 +353,8 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
       } else {
         currentValue[unique][value] = checked;
         if (disabledRelevantValue) {
+          setIsChanged(!isChanged);
+          setIsChecked(checked);
           // Disabled/Enabled parent and children node
           if (!currentTarget.classList.contains('non-child')) {
             handleDisabledChildren(currentTarget.nextElementSibling, checked);
@@ -619,7 +627,7 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     return jsx("div", {
       className: classNames('TreeView-Item', 'non-child', focusClass),
       style: {
-        paddingLeft: 34 + 16 * level
+        paddingLeft: multipleValueMode === 'single' && !parentID ? 16 : 34 + 16 * level
       },
       onClick: multiple || selectBox || onChange ? e => onClickHandler(e, data) : undefined,
       key: index,
@@ -634,6 +642,14 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     })) : null, renderContent(data, keyArr, index));
   };
   useEffect(() => {
+    if (isInDropdown === false) {
+      var _Array$from;
+      const treeViewNode = (_Array$from = Array.from(document.getElementsByClassName('DGN-UI-TreeView'))) === null || _Array$from === void 0 ? void 0 : _Array$from[0];
+      const treeViewParentNode = treeViewNode === null || treeViewNode === void 0 ? void 0 : treeViewNode.parentNode;
+      if (treeViewParentNode && treeViewParentNode !== null && treeViewParentNode !== void 0 && treeViewParentNode.className.includes('DGN-Dropdown-List')) {
+        setIsInDropdown(true);
+      }
+    }
     currentValue[unique] = {};
     return () => {
       currentValue[unique] = null;
@@ -687,17 +703,32 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
           }
         };
       } else if (disabledRelevantValue) {
-        Array.from(ref.current.querySelectorAll('.TreeView-Item.non-child, .DGN-UI-Accordion')).forEach(el => {
-          if (el.firstChild.querySelector('input').checked) {
-            if (!el.classList.contains('non-child')) {
-              handleDisabledChildren(el, true);
+        setTimeout(() => {
+          Array.from(ref.current.querySelectorAll('.TreeView-Item.non-child, .DGN-UI-Accordion')).forEach(el => {
+            if (el.firstChild.querySelector('input').checked) {
+              if (!el.classList.contains('non-child')) {
+                handleDisabledChildren(el, true);
+              }
+              handleDisabledParent(el.parentNode, true);
             }
-            handleDisabledParent(el.parentNode, true);
-          }
-        });
+          });
+        }, 200);
       }
     }
   }, []);
+  useEffect(() => {
+    if (value && multiple) {
+      if (disabledRelevantValue) {
+        setTimeout(() => {
+          Array.from(ref.current.querySelectorAll('.TreeView-Item.non-child, .DGN-UI-Accordion')).forEach(el => {
+            if (el.firstChild.querySelector('input').checked) {
+              handleDisabledParent(el.parentNode, isChecked);
+            }
+          });
+        });
+      }
+    }
+  }, [isChanged, isChecked]);
   useEffect(() => {
     if (selectAllRef.current) {
       checkedSelectAllCheckbox();
@@ -793,7 +824,7 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
 const TreeViewRootCSS = ({
   colors,
   spacing
-}) => css`
+}, isInDD) => css`
     ${displayBlock};
     ${positionRelative};
     .DGN-UI-Accordion {
@@ -806,6 +837,12 @@ const TreeViewRootCSS = ({
             &.focus {
                 ${bgColor(getProp(colors, 'fill/focus'))};
             }
+            &.disabled {
+                .TreeView-Item {
+                    ${textColor(getProp(colors, 'system/disabled'))};
+                }
+                ${bgColor(getProp(colors, 'system/white'))};
+            }
             .Accordion-Icon-Root {
                 ${displayFlex};
                 ${flexRow};
@@ -833,7 +870,7 @@ const TreeViewRootCSS = ({
     .TreeView-Content {
         ${displayBlock};
         ${positionRelative};
-        ${parseMaxHeight(240)};
+        ${isInDD ? parseMaxHeight(240) : parseHeight('100%')};
         ${overflowYScroll};
         &::-webkit-scrollbar {
             ${borderRadius(4)};
@@ -904,35 +941,34 @@ const TreeViewRootCSS = ({
         }
     }
 `;
-
-// TreeView.defaultProps = {
-//     allowSearch: false,
-//     autoExpandToResult: true,
-//     className: '',
-//     dataSource: [],
-//     disabled: false,
-//     disabledBoldResult: false,
-//     disabledRelevantValue: false,
-//     displayExpr: 'name',
-//     expand: false,
-//     expandIcon: 'ArrowDown',
-//     id: 'id',
-//     multiple: false,
-//     multipleValueMode: 'multiple',
-//     parentID: 'parentID',
-//     renderAsyncFromLevel: 2,
-//     renderAsyncWithLength: 200,
-//     searchMode: 'contains',
-//     searchProps: {},
-//     selectAll: false,
-//     selectAllLabel: getGlobal('selectAll'),
-//     selectBox: false,
-//     showChildrenOfResult: false,
-//     showSelectedItems: false,
-//     value: [],
-//     valueExpr: '',
-// };
-
+TreeView.defaultProps = {
+  isInDropdown: false
+  // allowSearch: false,
+  // autoExpandToResult: true,
+  // className: '',
+  // dataSource: [],
+  // disabled: false,
+  // disabledBoldResult: false,
+  // disabledRelevantValue: false,
+  // displayExpr: 'name',
+  // expand: false,
+  // expandIcon: 'ArrowDown',
+  // id: 'id',
+  // multiple: false,
+  // multipleValueMode: 'multiple',
+  // parentID: 'parentID',
+  // renderAsyncFromLevel: 2,
+  // renderAsyncWithLength: 200,
+  // searchMode: 'contains',
+  // searchProps: {},
+  // selectAll: false,
+  // selectAllLabel: getGlobal('selectAll'),
+  // selectBox: false,
+  // showChildrenOfResult: false,
+  // showSelectedItems: false,
+  // value: [],
+  // valueExpr: '',
+};
 TreeView.propTypes = {
   /** If `true`, display input box search. */
   allowSearch: PropTypes.bool,

package/global/index.js

@@ -161,6 +161,86 @@ const globalObject = {
     inputPlaceholder: 'Type something',
     dropdownPlaceholder: 'Select'
   },
+  zh: {
+    agree: '同意',
+    cancel: '取消',
+    close: '关闭',
+    confirm: '确认',
+    error: '错误',
+    unknownError: '未知错误',
+    no: '否',
+    noDataText: '无数据',
+    notify: '通知',
+    ok: '确定',
+    showLess: '收起',
+    showMore: '展开',
+    yes: '是',
+    warning: '警告',
+    // attachment
+    dropFileHere: '将文件拖到此处',
+    deleteNotifyText: '您确定要删除此附件吗？',
+    attachText: '附件',
+    noFileText: '无附件',
+    byName: '按名称',
+    byType: '按类型',
+    bySize: '按大小',
+    byDate: '按日期',
+    byOwner: '按所有者',
+    errorDefault: {
+      maxFile: ' 超过允许的数量！',
+      maxSize: ' 文件过大！',
+      fileType: ' 文件格式不正确！',
+      existingFile: ' 已经添加！'
+    },
+    // Paging
+    lineNumber: '每页条数',
+    total: '总计',
+    // Transfer
+    choices: '可选',
+    chosen: '已选',
+    selected: '已选择',
+    // Date Picker
+    helperInvalid: '无效',
+    helperValid: '有效',
+    label: '时间',
+    weekdaysLong: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
+    weekdaysShort: ['一', '二', '三', '四', '五', '六', '日'],
+    // Daterange Picker
+    today: '今天',
+    yesterday: '昨天',
+    thisWeek: '本周',
+    thisMonth: '本月',
+    // Time Picker
+    months: {
+      full: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+      notFull: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+    },
+    days: {
+      full: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
+      notFull: ['日', '一', '二', '三', '四', '五', '六']
+    },
+    night: '夜',
+    day: '日',
+    month: '月',
+    year: '年',
+    save: '保存',
+    now: '现在',
+    // Localize
+    selectAll: '全选',
+    thisFieldIsRequired: '此字段为必填项',
+    validate: {
+      isEmail: '邮箱无效',
+      isNotEmptyString: '不能为空',
+      isNotEmptyObject: '必须包含至少一个属性',
+      isNotEmptyArray: '必须包含至少一个元素',
+      invalidInput: '输入值不正确',
+      max: '超过允许的最大值',
+      min: '未达到允许的最小值',
+      required: '此字段为必填项'
+    },
+    inputPlaceholder: '请输入内容',
+    dropdownPlaceholder: '请选择'
+  },
   //Global variable
   delayOnInput: 500,
   maxSizeUpload: Infinity

package/icons/basic.js

@@ -1454,6 +1454,30 @@ export const Category = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const Camera = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/rest',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M16.8301 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4H7.16992L9 2H15L16.8301 4ZM12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12C17 9.24 14.76 7 12 7ZM12 9C13.6569 9 15 10.3431 15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9Z",
+    fill: fillColor(color)
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 20,
+    height: height || 18,
+    viewBox: "0 0 20 18",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M14.8301 2H18C19.1 2 20 2.9 20 4V16C20 17.1 19.1 18 18 18H2C0.9 18 0 17.1 0 16V4C0 2.9 0.9 2 2 2H5.16992L7 0H13L14.8301 2ZM10 5C7.24 5 5 7.24 5 10C5 12.76 7.24 15 10 15C12.76 15 15 12.76 15 10C15 7.24 12.76 5 10 5ZM10 7C11.6569 7 13 8.34315 13 10C13 11.6569 11.6569 13 10 13C8.34315 13 7 11.6569 7 10C7 8.34315 8.34315 7 10 7Z",
+    fill: fillColor(color)
+  }));
+});
 export const CenterFocus = /*#__PURE__*/memo(({
   width,
   height,
@@ -3567,6 +3591,78 @@ export const Loading = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const LoadingV2 = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/rest',
+  viewBox = false
+}) => {
+  if (viewBox) {
+    return /*#__PURE__*/React.createElement("svg", {
+      width: width || 24,
+      height: height || 24,
+      viewBox: "0 0 24 24",
+      fill: "none"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M14.839 11.9628C14.8263 11.5706 14.8901 11.1797 15.0267 10.8146C15.1632 10.4495 15.3694 10.1178 15.6326 9.84012C15.8957 9.56247 16.2102 9.34477 16.5565 9.20052C16.9027 9.05628 17.2734 8.98856 17.6455 9.00158C18.0114 9.00011 18.3739 9.07538 18.712 9.22302C19.0501 9.37065 19.357 9.5877 19.6148 9.86153C19.8725 10.1354 20.0761 10.4605 20.2136 10.8181C20.3511 11.1756 20.4196 11.5584 20.4154 11.9442C20.408 12.7233 20.112 13.4684 19.5906 14.0206C19.0692 14.5728 18.3638 14.8883 17.6248 14.8997C17.2588 14.9002 16.8963 14.8246 16.5581 14.6771C16.22 14.5297 15.9126 14.3134 15.6538 14.0406C15.3951 13.7678 15.1899 13.4438 15.0501 13.0873C14.9102 12.7308 14.8385 12.3486 14.839 11.9628Z",
+      fill: fillColor(color)
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M6.40063 16.1997C5.90052 16.1997 5.47554 16.3747 5.12551 16.7246C4.77561 17.0749 4.60053 17.4998 4.60053 17.9999C4.60053 18.5001 4.77547 18.925 5.12551 19.2753C5.47567 19.6253 5.90065 19.8003 6.40063 19.8003C6.89234 19.8003 7.31518 19.6253 7.66941 19.2753C8.02351 18.9254 8.20056 18.5001 8.20056 17.9999C8.20056 17.4998 8.02356 17.0752 7.66941 16.7246C7.31513 16.375 6.89234 16.1997 6.40063 16.1997Z",
+      fill: fillColor(color)
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M5.99998 12.3999C5.99998 11.8499 5.80424 11.3792 5.41253 10.9872C5.02086 10.5956 4.54995 10.3998 3.99997 10.3998C3.44995 10.3998 2.97912 10.5956 2.58741 10.9872C2.19579 11.3789 2 11.8498 2 12.3999C2 12.9498 2.19575 13.4204 2.58741 13.8122C2.97912 14.204 3.44995 14.3998 3.99997 14.3998C4.54995 14.3998 5.02086 14.204 5.41253 13.8122C5.80424 13.4207 5.99998 12.9498 5.99998 12.3999Z",
+      fill: fillColor(color)
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M17.6001 7.80014C17.8749 7.80014 18.1107 7.70207 18.3063 7.50632C18.5021 7.3104 18.6002 7.0749 18.6002 6.79996C18.6002 6.52488 18.5021 6.28956 18.3063 6.09377C18.1106 5.89785 17.8749 5.79995 17.6001 5.79995C17.325 5.79995 17.0895 5.89802 16.8937 6.09377C16.698 6.2896 16.6 6.52488 16.6 6.79996C16.6 7.07503 16.698 7.3104 16.8937 7.50632C17.0895 7.70224 17.325 7.80014 17.6001 7.80014Z",
+      fill: fillColor(color)
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M6.39963 4.60009C5.7912 4.60009 5.27248 4.81471 4.8433 5.2438C4.41406 5.6729 4.19958 6.19167 4.19958 6.79996C4.19958 7.40848 4.41406 7.92702 4.8433 8.3563C5.27261 8.78553 5.79133 9.0001 6.39963 9.0001C7.00793 9.0001 7.52669 8.7854 7.95579 8.3563C8.38489 7.92702 8.59951 7.40835 8.59951 6.79996C8.59951 6.19167 8.38489 5.6729 7.95579 5.2438C7.52669 4.81471 7.00793 4.60009 6.39963 4.60009Z",
+      fill: fillColor(color)
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M20.8491 11.5497C20.6158 11.3164 20.3325 11.1998 19.9993 11.1998C19.6658 11.1998 19.3825 11.3164 19.1492 11.5497C18.9161 11.7831 18.7995 12.0665 18.7995 12.4C18.7995 12.7332 18.9161 13.017 19.1492 13.2498C19.3826 13.4832 19.6658 13.5998 19.9993 13.5998C20.3325 13.5998 20.616 13.4832 20.8491 13.2498C21.0825 13.0167 21.1989 12.7332 21.1989 12.4C21.1989 12.0667 21.0827 11.7832 20.8491 11.5497Z",
+      fill: fillColor(color)
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M17.5993 16.5998C17.2157 16.5998 16.8866 16.7372 16.6115 17.0123C16.3367 17.2871 16.1992 17.6164 16.1992 17.9999C16.1992 18.3832 16.3367 18.7125 16.6115 18.9876C16.8866 19.2627 17.2158 19.3999 17.5993 19.3999C17.9826 19.3999 18.3117 19.2624 18.5868 18.9876C18.8619 18.7126 18.9993 18.3834 18.9993 17.9999C18.9993 17.6164 18.8619 17.2874 18.5868 17.0123C18.3118 16.7372 17.9826 16.5998 17.5993 16.5998Z",
+      fill: fillColor(color)
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M12.0002 18.7996C11.5585 18.7996 11.1814 18.9561 10.8687 19.2687C10.5563 19.5812 10.4 19.9581 10.4 20.3998C10.4 20.8416 10.5562 21.2185 10.8687 21.531C11.1814 21.8436 11.5584 22 12.0002 22C12.4419 22 12.8189 21.8436 13.1314 21.531C13.444 21.2185 13.6002 20.8416 13.6002 20.3998C13.6002 19.9581 13.444 19.5812 13.1314 19.2687C12.8189 18.9561 12.4419 18.7996 12.0002 18.7996Z",
+      fill: fillColor(color)
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M11.9993 2C11.3328 2 10.7658 2.23322 10.2991 2.69989C9.83257 3.16659 9.59926 3.73339 9.59926 4.4C9.59926 5.06666 9.83248 5.63318 10.2991 6.09994C10.7658 6.56651 11.3326 6.79987 11.9993 6.79987C12.6662 6.79987 13.2327 6.56664 13.6993 6.09994C14.1658 5.6334 14.3991 5.06666 14.3991 4.4C14.3991 3.73343 14.1658 3.16677 13.6993 2.69989C13.2327 2.23335 12.6662 2 11.9993 2Z",
+      fill: fillColor(color)
+    }));
+  }
+  return /*#__PURE__*/React.createElement("svg", {
+    width: width || 20,
+    height: height || 20,
+    viewBox: "0 0 20 20",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M4.40063 14.1997C3.90052 14.1997 3.47554 14.3747 3.12551 14.7246C2.77561 15.0749 2.60053 15.4998 2.60053 15.9999C2.60053 16.5001 2.77547 16.925 3.12551 17.2753C3.47567 17.6253 3.90065 17.8003 4.40063 17.8003C4.89234 17.8003 5.31518 17.6253 5.66941 17.2753C6.02351 16.9254 6.20056 16.5001 6.20056 15.9999C6.20056 15.4998 6.02356 15.0752 5.66941 14.7246C5.31513 14.375 4.89234 14.1997 4.40063 14.1997Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M3.99998 10.3999C3.99998 9.84993 3.80424 9.37924 3.41253 8.98722C3.02086 8.59556 2.54995 8.39977 1.99997 8.39977C1.44995 8.39977 0.979123 8.5956 0.587413 8.98722C0.19579 9.37893 0 9.84976 0 10.3999C0 10.9498 0.195746 11.4204 0.587413 11.8122C0.979123 12.204 1.44995 12.3998 1.99997 12.3998C2.54995 12.3998 3.02086 12.204 3.41253 11.8122C3.80424 11.4207 3.99998 10.9498 3.99998 10.3999Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15.6001 5.80014C15.8749 5.80014 16.1107 5.70207 16.3063 5.50632C16.5021 5.3104 16.6002 5.0749 16.6002 4.79996C16.6002 4.52488 16.5021 4.28956 16.3063 4.09377C16.1106 3.89785 15.8749 3.79995 15.6001 3.79995C15.325 3.79995 15.0895 3.89802 14.8937 4.09377C14.698 4.2896 14.6 4.52488 14.6 4.79996C14.6 5.07503 14.698 5.3104 14.8937 5.50632C15.0895 5.70224 15.325 5.80014 15.6001 5.80014Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M4.39963 2.60009C3.7912 2.60009 3.27248 2.81471 2.8433 3.2438C2.41406 3.6729 2.19958 4.19167 2.19958 4.79996C2.19958 5.40848 2.41406 5.92702 2.8433 6.3563C3.27261 6.78553 3.79133 7.0001 4.39963 7.0001C5.00793 7.0001 5.52669 6.7854 5.95579 6.3563C6.38489 5.92702 6.59951 5.40835 6.59951 4.79996C6.59951 4.19167 6.38489 3.6729 5.95579 3.2438C5.52669 2.81471 5.00793 2.60009 4.39963 2.60009Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M18.8491 9.54974C18.6158 9.31638 18.3325 9.19984 17.9993 9.19984C17.6658 9.19984 17.3825 9.31638 17.1492 9.54974C16.9161 9.78309 16.7995 10.0665 16.7995 10.4C16.7995 10.7332 16.9161 11.017 17.1492 11.2498C17.3826 11.4832 17.6658 11.5998 17.9993 11.5998C18.3325 11.5998 18.616 11.4832 18.8491 11.2498C19.0825 11.0167 19.1989 10.7332 19.1989 10.4C19.1989 10.0667 19.0827 9.78322 18.8491 9.54974Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15.5993 14.5998C15.2157 14.5998 14.8866 14.7372 14.6115 15.0123C14.3367 15.2871 14.1992 15.6164 14.1992 15.9999C14.1992 16.3832 14.3367 16.7125 14.6115 16.9876C14.8866 17.2627 15.2158 17.3999 15.5993 17.3999C15.9826 17.3999 16.3117 17.2624 16.5868 16.9876C16.8619 16.7126 16.9993 16.3834 16.9993 15.9999C16.9993 15.6164 16.8619 15.2874 16.5868 15.0123C16.3118 14.7372 15.9826 14.5998 15.5993 14.5998Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10.0002 16.7996C9.55854 16.7996 9.18141 16.9561 8.86873 17.2687C8.55635 17.5812 8.40005 17.9581 8.40005 18.3998C8.40005 18.8416 8.55617 19.2185 8.86873 19.531C9.18141 19.8436 9.55837 20 10.0002 20C10.4419 20 10.8189 19.8436 11.1314 19.531C11.444 19.2185 11.6002 18.8416 11.6002 18.3998C11.6002 17.9581 11.444 17.5812 11.1314 17.2687C10.8189 16.9561 10.4419 16.7996 10.0002 16.7996Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.99934 0C9.33277 0 8.76585 0.233223 8.29914 0.699887C7.83257 1.16659 7.59926 1.73339 7.59926 2.4C7.59926 3.06666 7.83248 3.63318 8.29914 4.09994C8.76585 4.56651 9.33264 4.79987 9.99934 4.79987C10.6662 4.79987 11.2327 4.56664 11.6993 4.09994C12.1658 3.6334 12.3991 3.06666 12.3991 2.4C12.3991 1.73343 12.1658 1.16677 11.6993 0.699887C11.2327 0.233354 10.6662 0 9.99934 0Z",
+    fill: fillColor(color)
+  }));
+});
 export const Locate = /*#__PURE__*/memo(({
   width,
   height,
@@ -7355,6 +7451,30 @@ export const Bank = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const Book = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/rest',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12.8667 17.5168C13.6667 17.1223 14.457 16.8264 15.2375 16.6293C16.018 16.4319 16.8388 16.3333 17.7 16.3333C18.3222 16.3333 18.9541 16.3833 19.5958 16.4832C20.2374 16.5833 20.8166 16.7222 21.3333 16.9V6.45C20.7723 6.18333 20.182 5.98608 19.5625 5.85825C18.943 5.73058 18.3222 5.66675 17.7 5.66675C16.8388 5.66675 15.9999 5.79175 15.1833 6.04175C14.3666 6.29175 13.5944 6.65008 12.8667 7.11675V17.5168ZM12.0332 20C11.1999 19.3667 10.2944 18.8778 9.31675 18.5333C8.33892 18.1889 7.33333 18.0167 6.3 18.0167C5.42783 18.0167 4.4945 18.1862 3.5 18.525C2.5055 18.8638 1.67217 19.2722 1 19.75V5.38325C1.71117 4.94992 2.54308 4.61108 3.49575 4.36675C4.44858 4.12225 5.38333 4 6.3 4C7.32217 4 8.318 4.13608 9.2875 4.40825C10.257 4.68058 11.1722 5.0945 12.0332 5.65C12.8833 5.0945 13.7874 4.68058 14.7458 4.40825C15.7041 4.13608 16.6888 4 17.7 4C18.6167 4 19.5514 4.125 20.5042 4.375C21.4569 4.625 22.2888 4.96108 23 5.38325V19.75C22.3445 19.2612 21.5153 18.8501 20.5125 18.5167C19.5097 18.1834 18.5722 18.0167 17.7 18.0167C16.6667 18.0167 15.6722 18.1917 14.7168 18.5417C13.7611 18.8917 12.8666 19.3778 12.0332 20ZM14 9.73325V8.36675C14.55 8.13342 15.1125 7.95842 15.6875 7.84175C16.2625 7.72508 16.8667 7.66675 17.5 7.66675C17.9333 7.66675 18.3583 7.70008 18.775 7.76675C19.1917 7.83342 19.6 7.91675 20 8.01675V9.28325C19.6 9.13325 19.1958 9.02075 18.7875 8.94575C18.3792 8.87075 17.95 8.83325 17.5 8.83325C16.8667 8.83325 16.2583 8.91242 15.675 9.07075C15.0917 9.22908 14.5333 9.44992 14 9.73325ZM14 15.2332V13.85C14.55 13.6167 15.1125 13.4444 15.6875 13.3333C16.2625 13.2222 16.8667 13.1668 17.5 13.1668C17.9333 13.1668 18.3583 13.2001 18.775 13.2668C19.1917 13.3334 19.6 13.4168 20 13.5168V14.7832C19.6 14.6333 19.1958 14.5208 18.7875 14.4458C18.3792 14.3707 17.95 14.3333 17.5 14.3333C16.8667 14.3333 16.2583 14.4082 15.675 14.5582C15.0917 14.7083 14.5333 14.9332 14 15.2332ZM14 12.4832V11.1167C14.55 10.8834 15.1125 10.7084 15.6875 10.5917C16.2625 10.4751 16.8667 10.4167 17.5 10.4167C17.9333 10.4167 18.3583 10.4501 18.775 10.5167C19.1917 10.5834 19.6 10.6667 20 10.7667V12.0332C19.6 11.8832 19.1958 11.7707 18.7875 11.6957C18.3792 11.6207 17.95 11.5832 17.5 11.5832C16.8667 11.5832 16.2583 11.6624 15.675 11.8207C15.0917 11.9791 14.5333 12.1999 14 12.4832Z",
+    fill: fillColor(color)
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 22,
+    height: height || 16,
+    viewBox: "0 0 22 16",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M11.8667 13.5168C12.6667 13.1223 13.457 12.8264 14.2375 12.6293C15.018 12.4319 15.8388 12.3333 16.7 12.3333C17.3222 12.3333 17.9541 12.3833 18.5958 12.4832C19.2374 12.5833 19.8166 12.7222 20.3333 12.9V2.45C19.7723 2.18333 19.182 1.98608 18.5625 1.85825C17.943 1.73058 17.3222 1.66675 16.7 1.66675C15.8388 1.66675 14.9999 1.79175 14.1833 2.04175C13.3666 2.29175 12.5944 2.65008 11.8667 3.11675V13.5168ZM11.0332 16C10.1999 15.3667 9.29442 14.8778 8.31675 14.5333C7.33892 14.1889 6.33333 14.0167 5.3 14.0167C4.42783 14.0167 3.4945 14.1862 2.5 14.525C1.5055 14.8638 0.672167 15.2722 0 15.75V1.38325C0.711167 0.949917 1.54308 0.611083 2.49575 0.36675C3.44858 0.12225 4.38333 0 5.3 0C6.32217 0 7.318 0.136084 8.2875 0.40825C9.257 0.680584 10.1722 1.0945 11.0332 1.65C11.8833 1.0945 12.7874 0.680584 13.7458 0.40825C14.7041 0.136084 15.6888 0 16.7 0C17.6167 0 18.5514 0.125 19.5042 0.375C20.4569 0.625 21.2888 0.961084 22 1.38325V15.75C21.3445 15.2612 20.5153 14.8501 19.5125 14.5167C18.5097 14.1834 17.5722 14.0167 16.7 14.0167C15.6667 14.0167 14.6722 14.1917 13.7168 14.5417C12.7611 14.8917 11.8666 15.3778 11.0332 16ZM13 5.73325V4.36675C13.55 4.13342 14.1125 3.95842 14.6875 3.84175C15.2625 3.72508 15.8667 3.66675 16.5 3.66675C16.9333 3.66675 17.3583 3.70008 17.775 3.76675C18.1917 3.83342 18.6 3.91675 19 4.01675V5.28325C18.6 5.13325 18.1958 5.02075 17.7875 4.94575C17.3792 4.87075 16.95 4.83325 16.5 4.83325C15.8667 4.83325 15.2583 4.91242 14.675 5.07075C14.0917 5.22908 13.5333 5.44992 13 5.73325ZM13 11.2332V9.85C13.55 9.61667 14.1125 9.44442 14.6875 9.33325C15.2625 9.22225 15.8667 9.16675 16.5 9.16675C16.9333 9.16675 17.3583 9.20008 17.775 9.26675C18.1917 9.33342 18.6 9.41675 19 9.51675V10.7832C18.6 10.6333 18.1958 10.5208 17.7875 10.4458C17.3792 10.3707 16.95 10.3333 16.5 10.3333C15.8667 10.3333 15.2583 10.4082 14.675 10.5582C14.0917 10.7083 13.5333 10.9332 13 11.2332ZM13 8.48325V7.11675C13.55 6.88342 14.1125 6.70842 14.6875 6.59175C15.2625 6.47508 15.8667 6.41675 16.5 6.41675C16.9333 6.41675 17.3583 6.45008 17.775 6.51675C18.1917 6.58342 18.6 6.66675 19 6.76675V8.03325C18.6 7.88325 18.1958 7.77075 17.7875 7.69575C17.3792 7.62075 16.95 7.58325 16.5 7.58325C15.8667 7.58325 15.2583 7.66242 14.675 7.82075C14.0917 7.97908 13.5333 8.19992 13 8.48325Z",
+    fill: fillColor(color)
+  }));
+});
 export const Bookmark = /*#__PURE__*/memo(({
   width,
   height,
@@ -7621,6 +7741,44 @@ export const PaperApproval = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const PaperCancel = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/active',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16 11.41L14.59 10L12 12.59L9.41 10L8 11.41L10.59 14L8 16.59L9.41 18L12 15.41L14.59 18L16 16.59L13.41 14L16 11.41Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8L14 2ZM18 20H6V4H13V9H18V20Z",
+    fill: fillColor(color)
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 16,
+    height: height || 20,
+    viewBox: "0 0 16 20",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 9.41L10.59 8L8 10.59L5.41 8L4 9.41L6.59 12L4 14.59L5.41 16L8 13.41L10.59 16L12 14.59L9.41 12L12 9.41Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 0H2C0.9 0 0 0.9 0 2V18C0 19.1 0.89 20 1.99 20H14C15.1 20 16 19.1 16 18V6L10 0ZM14 18H2V2H9V7H14V18Z",
+    fill: fillColor(color)
+  }));
+});
 export const SaveFilled = /*#__PURE__*/memo(({
   width = 24,
   height = 25,

package/locale/index.js

@@ -1,7 +1,7 @@
 import GlobalObject from "../global";
 const locale = {
   get: () => {
-    const language = GlobalObject.language === 'en' ? 'en' : 'vi';
+    const language = GlobalObject.language || 'vi';
     return language;
   },
   set: language => {

package/package.json

@@ -1,44 +1,78 @@
-{
-  "name": "diginet-core-ui",
-  "version": "1.4.53",
-  "description": "The DigiNet core ui",
-  "homepage": "https://diginet.com.vn",
-  "main": "index.js",
-  "scripts": {
-    "start-js": "react-scripts start --max_old_space_size=4096",
-    "start": "npx npm-run-all -p start-js",
-    "build": "GENERATE_SOURCEMAP=false && react-scripts build --env=production --max_old_space_size=8192",
-    "eject": "react-scripts eject",
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "dependencies": {
-    "@emotion/core": "^10.0.35",
-    "prop-types": "^15.7.2",
-    "@emotion/css": "^11.11.0",
-    "@emotion/react": "^11.10.6"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://diginetvn@bitbucket.org/diginetvn/diginet-core-ui.git"
-  },
-  "keywords": [
-    "core ui",
-    "diginet"
-  ],
-  "author": "rocachien",
-  "contributors": [
-    {
-      "name": "Chien Do",
-      "email": "rocachien@gmail.com"
-    },
-    {
-      "name": "Nhat Tran",
-      "email": "tranminhnhat1005@gmail.com"
-    },
-    {
-      "name": "Thuan Nguyen",
-      "email": "nt.thuan.hutech@gmail.com"
-    }
-  ],
-  "license": "MIT"
-}
+{
+  "name": "diginet-core-ui",
+  "version": "1.4.54-beta.2",
+  "description": "",
+  "main": "index.js",
+  "license": "UNLICENSED",
+  "scripts": {
+    "start": "npm-run-all --parallel start-sb eslint-test",
+    "start-sb": "start-storybook -p 9050",
+    "build-storybook": "build-storybook -c .storybook -s src",
+    "build": "run-script-os",
+    "build:windows": "rimraf dist && mkdirp dist/components && npm run compile && sass --style=compressed src/scss:dist/css && xcopy src\\\\assets dist\\\\assets\\ /e /y",
+    "build:darwin:linux:default": "rm -rf dist && npm run compile && sass --style=compressed src/scss:dist/css && cp -rf src/assets dist/assets",
+    "compile": "babel src --out-dir dist --ignore **/*.stories.js",
+    "pack": "npm run build && cp *.md dist/ && npm run version:bump --silent && npm run version:add --silent && cd dist && npm pack",
+    "production-keep-version": "npm run build && cp *.md dist/ && cp package.json dist/ && cd dist && npm publish",
+    "beta": "npm run build && cp *.md dist/ && cp package.json dist/ && cd dist && npm publish --tag beta",
+    "production": "npm run build && cp *.md dist/ && npm run version:bump --silent && npm run version:add --silent && cd dist && npm publish",
+    "version:add": "run-script-os",
+    "version:add:windows": "cat package.json.tmp | sed \"s/0.0.0/%npm_package_version%/g\" > dist/package.json",
+    "version:add:darwin:linux:default": "VERSION=$(npm run version:extract --silent) && cat package.json.tmp | sed \"s/0.0.0/${VERSION}/g\" > dist/package.json",
+    "version:bump": "npm version patch --no-git-tag-version --silent",
+    "version:extract": "cat package.json | grep version | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]'",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "lint": "eslint --fix --config .eslintrc.js \"**/*.js\"",
+    "eslint-test": "onchange \"src/**/*.{js,jsx,json}\" -- eslint . --fix",
+    "freshtall": "npm cache clean --force && rm -rf node_modules && rm -f package-lock.json && npm install",
+    "test-storybook": "test-storybook --url http://localhost:9050",
+    "preinstall": "echo {} > package-lock.json"
+  },
+  "dependencies": {
+    "@emotion/core": "^10.0.35",
+    "@emotion/css": "^11.11.0",
+    "@emotion/react": "^11.10.6",
+    "babel-plugin-module-resolver": "^4.1.0",
+    "date-fns": "^2.30.0",
+    "prop-types": "^15.7.2"
+  },
+  "lint-staged": {
+    "*/**/*.{js,jsx,json}": [
+      "prettier --write",
+      "git add"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.14.3",
+    "@babel/plugin-proposal-class-properties": "^7.13.0",
+    "@babel/plugin-proposal-logical-assignment-operators": "^7.16.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.14.2",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
+    "@babel/preset-react": "^7.13.13",
+    "@storybook/addon-actions": "6.2.9",
+    "@storybook/addon-essentials": "6.2.9",
+    "@storybook/addon-links": "6.2.9",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/react": "6.2.9",
+    "@storybook/test-runner": "^0.7.1",
+    "autoprefixer": "^10.3.1",
+    "babel-loader": "^8.2.2",
+    "eslint": "^8.4.1",
+    "eslint-plugin-react": "^7.27.1",
+    "eslint-plugin-regex": "^1.10.0",
+    "husky": "^7.0.4",
+    "jest": "^27.5.1",
+    "lint-staged": "^12.1.2",
+    "mkdirp": "^1.0.4",
+    "npm-run-all": "^4.1.5",
+    "onchange": "^7.1.0",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "rimraf": "^3.0.2",
+    "run-script-os": "^1.1.6",
+    "sass": "1.58.3"
+  }
+}

package/readme.md

@@ -42,6 +42,13 @@ npm test
 
 ## Changelog
 
+## 1.4.54
+- \[Added\]: Icon – Add Icon Camera
+- \[Fixed\]: Treeview  - Fix bug Treeview keeps the search bar visible while scrolling
+- \[Fixed\]: Dropdown  – Fix Dropdown treeview size
+- \[Added\]: Paging, TextInput, Label, Dropdown,...  – Update Chinese language
+
+
 ## 1.4.53
 - \[Added\]: Icon – Add IconMenu MHRP09N0036, MHRP09N0037
 - \[Added\]: Icon – Add IconMenu MHRP25N0009