diginet-core-ui 1.4.67-beta.2 → 1.4.68-beta.1

package/components/form-control/date-picker/index.js

@@ -14,6 +14,7 @@ import { capitalizeSentenceCase, classNames, isValidDate, useControlled } from "
 import Calendar from "../calendar";
 import { lowerCaseDayYear } from "../date-input/utils";
 import { parseDateString } from "../../../utils/getLang";
+import { detectDateFormat } from "../../../utils/type";
 const unique = {
   footer: 'DGN-UI-DatePicker-Footer',
   cancel: 'DGN-UI-DatePicker-cancel',
@@ -230,7 +231,11 @@ const DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
       return value;
     } else if (value === null) {
       return null;
-    } else return parse(value, lowerCaseDayYear(returnFormat), new Date());
+    } else {
+      let formatType = returnFormat;
+      if (detectDateFormat(value) !== returnFormat) formatType = detectDateFormat(value);
+      return parse(value, lowerCaseDayYear(formatType), new Date());
+    }
   }, [value]);
   return jsx(Fragment, null, jsx("div", {
     ref: ref,

package/components/form-control/number-input/index2.js

@@ -98,13 +98,13 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
 
   // if (valueProps || valueProps === 0) valueProps = clamp(valueProps, min, max);
 
-  /**
-   * Convert number to format money
-   * @param vl {number} - value
-   * @type {function}
-   * @return {string}
-   * @example 1200300.123 => 1,200,300.123
-   * @example 1200300,123 => 1.200.300,123
+  /**
+   * Convert number to format money
+   * @param vl {number} - value
+   * @type {function}
+   * @return {string}
+   * @example 1200300.123 => 1,200,300.123
+   * @example 1200300,123 => 1.200.300,123
    */
   const parseNumberToMoney = useCallback((vl, isNumber) => {
     var _number, _number2, _number$, _number3;
@@ -152,13 +152,13 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
     return number;
   }, [decimalSymbol, max, value, decimalDigit, fixedDecimalDigit]);
 
-  /**
-   * Convert money to format number
-   * @param vl {string} - value
-   * @type {function}
-   * @return {number}
-   * @example 1,200,300.123 => 1200300.123
-   * @example 1.200.300,123 => 1200300.123
+  /**
+   * Convert money to format number
+   * @param vl {string} - value
+   * @type {function}
+   * @return {number}
+   * @example 1,200,300.123 => 1200300.123
+   * @example 1.200.300,123 => 1200300.123
    */
   const convertMoneyToNumber = useCallback((vl, isNumber) => {
     var _number4, _number4$toString, _number4$toString$rep, _number4$toString$rep2, _number4$toString$rep3;
@@ -320,13 +320,12 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
     const target = e.target;
     target.value = globalRef.current.valueString;
     target.valueString = globalRef.current.returnValue;
+    let value = globalRef.current.value;
     // eslint-disable-next-line no-extra-boolean-cast
-    if (String(e.target.valueString).slice(-1) === decimalSymbol) {
-      return;
-    }
+    if (String(e.target.valueString).slice(-1) === decimalSymbol) return;else if (value > Number.MAX_SAFE_INTEGER) value = Number.MAX_SAFE_INTEGER;else if (value < Number.MIN_SAFE_INTEGER) value = Number.MIN_SAFE_INTEGER;
     onChange({
       ...e,
-      value: globalRef.current.value,
+      value,
       target
     });
   };
@@ -518,10 +517,10 @@ NumberInput.propTypes = {
   style: PropTypes.object,
   /** Thousand separator character. */
   thousandSeparator: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['.', ','])]),
-  /** Validation value, argument can:<br/>
-   * * string: the validation rule. Example required.<br/>
-   * * object: the validation rule insist name, property, message. Example {name: 'min', compareValue: 9, message: 'Error'} or {max: 99}<br/>
-   * * array: the validation rule list, insist object/string
+  /** Validation value, argument can:<br/>
+   * * string: the validation rule. Example required.<br/>
+   * * object: the validation rule insist name, property, message. Example {name: 'min', compareValue: 9, message: 'Error'} or {max: 99}<br/>
+   * * array: the validation rule list, insist object/string
    */
   validates: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.array, PropTypes.func]),
   /** The value of the input element, required for a controlled component. */

package/components/tree-view/index.js

@@ -201,7 +201,7 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
           determinateCheckbox(selectAllRef.current, false);
         }
       }
-      selectAllRef.current.checked = true;
+      selectAllRef.current.checked = isCheckedAll;
     } else if (selectAllRef.current.checked) {
       selectAllRef.current.checked = false;
     }
@@ -729,7 +729,7 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
   }, [isChanged, isChecked]);
   useEffect(() => {
     if (selectAllRef.current) {
-      checkedSelectAllCheckbox();
+      setTimeout(() => checkedSelectAllCheckbox());
     }
     if (ref.current.querySelector('.DGN-UI-Accordion-Details-Content')) {
       if (!ref.current.parentNode.classList.contains('expand-able')) {
@@ -806,7 +806,13 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     viewType: 'outlined',
     ...searchProps
   }) : null, multiple && selectAll ? jsx(Fragment, null, jsx("div", {
-    className: 'TreeView-All'
+    className: 'TreeView-All',
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      minHeight: '40px',
+      paddingLeft: '4px'
+    }
   }, jsx(Checkbox, {
     label: selectAllLabel,
     onChange: onSelectAll,
@@ -931,9 +937,6 @@ const TreeViewRootCSS = ({
         }
     }
     &.expand-able {
-        .TreeView-All {
-            margin-left: ${spacing([8.5])};
-        }
         .TreeView-Item.non-child {
             padding-left: ${spacing([8.5])};
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.4.67-beta.2",
+  "version": "1.4.68-beta.1",
   "description": "",
   "main": "index.js",
   "license": "UNLICENSED",

package/readme.md

@@ -41,6 +41,12 @@ npm test
 ```
 
 ## Changelog
+
+## 1.4.68
+- \[Added\]: Icon – Add Icon PersonEdit
+- \[Fixed\]: TreeView - Fix unchecked values are restored unexpectedly
+- \[Fixed\]: Dropdown - Fix Displays incorrect selected value
+
 ## 1.4.67
 - \[Added\]: ButtonIcon – Add the title prop to ButtonIcon to display the text as a tooltip on hover.
 - \[Added\]: Icon – Add IconMenu MHRP75N0025

package/utils/type.js

@@ -94,4 +94,10 @@ const isDeferred = object => {
 const isEvent = object => {
   return !!(object && object.preventDefault);
 };
-export { isBoolean, isExponential, isDate, isDefined, isFunction, isString, isNumeric, isObject, isEmptyObject, isPlainObject, isPrimitive, isWindow, isRenderer, isPromise, isDeferred, type, isEvent, isEmpty, typeOf };
+const detectDateFormat = dateStr => {
+  if (!dateStr || typeof dateStr !== 'string') return null;
+  if (/^\d{2}\/\d{2}\/\d{4}$/.test(dateStr)) return 'DD/MM/YYYY';
+  if (/^\d{4}-\d{2}-\d{2}$/.test(dateStr)) return 'YYYY-MM-DD';
+  return null;
+};
+export { isBoolean, isExponential, isDate, isDefined, isFunction, isString, isNumeric, isObject, isEmptyObject, isPlainObject, isPrimitive, isWindow, isRenderer, isPromise, isDeferred, type, isEvent, isEmpty, typeOf, detectDateFormat };