diginet-core-ui 1.3.80-beta.2 → 1.3.80-beta.3

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

@@ -76,7 +76,7 @@ const isAfter = (max, time) => {
 const parseDate = day => {
   return Date.parse(new Date(day));
 };
-const DateRangePickerV2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   actionIconAt,
   clearAble,
@@ -185,7 +185,7 @@ const DateRangePickerV2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     return '';
   };
   const countDay = v => {
-    if (v && Array.isArray(v) && v.length === 2) {
+    if ((v === null || v === void 0 ? void 0 : v.length) === 2) {
       return Number(+moment(v[1]).diff(v[0]) + (startFromZero ? 0 : 1));
     }
     return Number(startFromZero ? 0 : 1);
@@ -273,7 +273,7 @@ const DateRangePickerV2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       tableData.push(jsx("td", {
         key: `this_month-${i + 1}`,
         "data-time": Date.parse(day),
-        className: classNames(unique.table.data, 'this_month', isToday(day), isActive(day), (max && max !== undefined || min && min !== undefined) && isLimit(day, new Date(max).setHours(0, 0, 0, 0), new Date(min).setHours(0, 0, 0, 0)), isBetween(Date.parse(day))),
+        className: classNames(unique.table.data, 'this_month', isToday(day), isActive(day), (max || min) && isLimit(day, new Date(max).setHours(0, 0, 0, 0), new Date(min).setHours(0, 0, 0, 0)), isBetween(Date.parse(day))),
         onClick: onDayClick
       }, jsx(Typography, {
         className: unique.day.day,
@@ -421,7 +421,7 @@ const DateRangePickerV2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   };
   const setPrevTime = (e, level, time, type) => {
     if (!valueFr.current || !time) return;
-    const firstDayOfMin = min && min !== null && new Date(new Date(min).setDate(1)).setHours(0, 0, 0, 0);
+    const firstDayOfMin = min && new Date(new Date(min).setDate(1)).setHours(0, 0, 0, 0);
     const firstDayOfTime = new Date(new Date(time).setDate(1)).setHours(0, 0, 0, 0);
     if (level === 'month') {
       if (firstDayOfMin) {
@@ -461,7 +461,7 @@ const DateRangePickerV2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   };
   const setNextTime = (e, level, time, type) => {
     if (!valueTo.current || !time) return;
-    const firstDayOfMax = max && max !== null && new Date(new Date(max).setDate(1)).setHours(0, 0, 0, 0);
+    const firstDayOfMax = max && new Date(new Date(max).setDate(1)).setHours(0, 0, 0, 0);
     const firstDayOfTime = new Date(new Date(time).setDate(1)).setHours(0, 0, 0, 0);
     if (level === 'month') {
       if (firstDayOfMax) {
@@ -780,8 +780,8 @@ const DateRangePickerV2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     };
   }, [onChange]);
   useEffect(() => {
-    if (min && min !== null) {
-      let arr = new Array();
+    if (min) {
+      let arr = [];
       const newMin = new Date(min).setHours(0, 0, 0, 0);
       if (isBefore(newMin, values.current[0])) {
         arr.push(newMin);
@@ -793,7 +793,7 @@ const DateRangePickerV2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
         update(arr);
       }
     }
-    if (max && max !== null) {
+    if (max) {
       let arr = [];
       const newMax = max && new Date(max).setHours(0, 0, 0, 0);
       if (isAfter(newMax, values.current[1])) {
@@ -853,7 +853,7 @@ const DateRangePickerV2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     currentRef.instance = _instance;
     return currentRef;
   });
-  const iconComp = isEnable && jsx("div", {
+  const iconComp = isEnable ? jsx("div", {
     css: IconAreaCSS,
     ref: iconRef
   }, jsx(ButtonIcon, {
@@ -868,7 +868,7 @@ const DateRangePickerV2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     className: `${unique.icon} ${unique.icon}-cancel`,
     viewBox: true,
     name: 'Close'
-  }));
+  })) : null;
   const endIcon = actionIconAt === 'end' && iconComp;
   const startIcon = actionIconAt === 'start' && iconComp;
   const footerMemo = jsx("div", {
@@ -927,18 +927,18 @@ const DateRangePickerV2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       height: '226px',
       margin: spacing([4.5, 0.5, 0])
     }
-  }), rightCalendarComp), tooltipComp, !!controls && footerMemo);
+  }), rightCalendarComp), tooltipComp, controls ? footerMemo : null);
   return jsx(ControlComp, {
     ...props,
     disabled: disabled,
     error: error,
     ref: ref,
     style: style
-  }, !!label && jsx(Label, {
+  }, label ? jsx(Label, {
     ...labelProps,
     disabled: disabled,
     required: required
-  }, label), jsx(InputBase, {
+  }, label) : null, jsx(InputBase, {
     inputProps: {
       placeholder: !readOnly && !disabled ? placeholder : '',
       ...inputProps
@@ -958,49 +958,49 @@ const DateRangePickerV2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       className: 'non-effect allow-disabled'
     },
     endIcon: endIcon
-  }), !!error && jsx(HelperText, {
+  }), error ? jsx(HelperText, {
     ...helperTextProps,
     disabled: disabled
-  }, error));
+  }, error) : null);
 }));
 const unique = {
   backGr: 'DGN-UI-Portal',
-  close: 'DGN-UI-DateRangePickerV2-close',
-  cancel: 'DGN-UI-DateRangePickerV2-cancel',
-  confirm: 'DGN-UI-DateRangePickerV2-confirm',
-  divider: 'DGN-UI-DateRangePickerV2-Divider',
-  disabled: 'DGN-UI-DateRangePickerV2-disabled',
-  error: 'DGN-UI-DateRangePickerV2-error',
-  focus: 'DGN-UI-DateRangePickerV2-focus',
-  footer: 'DGN-UI-DateRangePickerV2-Footer',
-  picker: 'DGN-UI-DateRangePickerV2-Picker-' + randomString(6, {
+  close: 'DGN-UI-DateRangePicker-close',
+  cancel: 'DGN-UI-DateRangePicker-cancel',
+  confirm: 'DGN-UI-DateRangePicker-confirm',
+  divider: 'DGN-UI-DateRangePicker-Divider',
+  disabled: 'DGN-UI-DateRangePicker-disabled',
+  error: 'DGN-UI-DateRangePicker-error',
+  focus: 'DGN-UI-DateRangePicker-focus',
+  footer: 'DGN-UI-DateRangePicker-Footer',
+  picker: 'DGN-UI-DateRangePicker-Picker-' + randomString(6, {
     allowSymbol: false
   }),
-  wrapper: 'DGN-UI-DateRangePickerV2-Wrapper',
-  container: 'DGN-UI-DateRangePickerV2',
-  icon: 'DGN-UI-DateRangePickerV2-Icon',
-  tooltip: 'DGN-UI-DateRangePickerV2-Tooltip',
+  wrapper: 'DGN-UI-DateRangePicker-Wrapper',
+  container: 'DGN-UI-DateRangePicker',
+  icon: 'DGN-UI-DateRangePicker-Icon',
+  tooltip: 'DGN-UI-DateRangePicker-Tooltip',
   navigator: {
-    navigator: 'DGN-UI-DateRangePickerV2-Navigator',
-    around: 'DGN-UI-DateRangePickerV2-Navigator-Around',
-    center: 'DGN-UI-DateRangePickerV2-Navigator-Center'
+    navigator: 'DGN-UI-DateRangePicker-Navigator',
+    around: 'DGN-UI-DateRangePicker-Navigator-Around',
+    center: 'DGN-UI-DateRangePicker-Navigator-Center'
   },
   table: {
-    container: 'DGN-UI-DateRangePickerV2-Table-Container',
-    table: 'DGN-UI-DateRangePickerV2-Table-Table',
-    header: 'DGN-UI-DateRangePickerV2-Table-Header',
-    raw: 'DGN-UI-DateRangePickerV2-Table-Raw',
-    data: 'DGN-UI-DateRangePickerV2-Table-Data'
+    container: 'DGN-UI-DateRangePicker-Table-Container',
+    table: 'DGN-UI-DateRangePicker-Table-Table',
+    header: 'DGN-UI-DateRangePicker-Table-Header',
+    raw: 'DGN-UI-DateRangePicker-Table-Raw',
+    data: 'DGN-UI-DateRangePicker-Table-Data'
   },
   day: {
-    day: 'DGN-UI-DateRangePickerV2-Day',
-    week: 'DGN-UI-DateRangePickerV2-Week',
-    today: 'DGN-UI-DateRangePickerV2-Day-today',
-    active: 'DGN-UI-DateRangePickerV2-Day-active',
-    limit: 'DGN-UI-DateRangePickerV2-Day-limit',
-    from: 'DGN-UI-DateRangePickerV2-Day-from',
-    to: 'DGN-UI-DateRangePickerV2-Day-to',
-    between: 'DGN-UI-DateRangePickerV2-Day-between'
+    day: 'DGN-UI-DateRangePicker-Day',
+    week: 'DGN-UI-DateRangePicker-Week',
+    today: 'DGN-UI-DateRangePicker-Day-today',
+    active: 'DGN-UI-DateRangePicker-Day-active',
+    limit: 'DGN-UI-DateRangePicker-Day-limit',
+    from: 'DGN-UI-DateRangePicker-Day-from',
+    to: 'DGN-UI-DateRangePicker-Day-to',
+    between: 'DGN-UI-DateRangePicker-Day-between'
   }
 };
 const hiddenStyle = {
@@ -1078,10 +1078,10 @@ const pickerCSS = {
             z-index: ${zIndexCORE(3)};
         }
         @media only screen and (max-width: 599px) {
-            max-width: 400px;
+            ${parseMaxWidth(400)};
             .${unique.wrapper} {
                 flex-direction: column;
-                min-width: 260px;
+                ${parseMinWidth(260)};
             }
             .${unique.divider} {
                 height: 1px !important;
@@ -1096,9 +1096,9 @@ const pickerCSS = {
         ${parseWidthHeight(width, 'max-content')};
         ${parseMinWidth(window.innerWidth <= 633 ? 300 : 633)};
         ${parseMaxWidth(805)};
+        top: ${position.top}px;
         left: ${position.left}px;
         opacity: 0;
-        top: ${position.top}px;
         transform: scale(0);
         transform-origin: ${position.transformOrigin};
         transition: opacity 120ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
@@ -1114,7 +1114,7 @@ const pickerCSS = {
     transform: 'scale(0)'
   }
 };
-DateRangePickerV2.defaultProps = {
+DateRangePicker.defaultProps = {
   actionIconAt: 'end',
   clearAble: false,
   controls: false,
@@ -1131,7 +1131,7 @@ DateRangePickerV2.defaultProps = {
   unitCount: 'day',
   viewType: 'underlined'
 };
-DateRangePickerV2.propTypes = {
+DateRangePicker.propTypes = {
   /** Position of action icons. */
   actionIconAt: PropTypes.oneOf(['end', 'start']),
   /** If `true`, display the clear icon. */
@@ -1187,4 +1187,4 @@ DateRangePickerV2.propTypes = {
   /** The variant to use. */
   viewType: PropTypes.oneOf(['outlined', 'underlined'])
 };
-export default DateRangePickerV2;
+export default DateRangePicker;

package/package.json

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