@antscorp/antsomi-ui 1.3.5-beta.700 → 1.3.5-beta.702

package/es/components/molecules/DatePicker/components/AdvancedPicker/AdvancedPicker.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { Dayjs } from 'dayjs';
 import { TAdvancedType, TCalculationType, TOperatorKey, TOption, TShowCalculationTypeCondition, ValueTypes } from './types';
 export interface AdvancedPickerProps {
     label?: string;
@@ -24,16 +25,25 @@ export interface AdvancedPickerProps {
     isViewMode?: boolean;
     /**
      *
-     * @example const disabledTime = {
-        disabledHours: range(0, 24).splice(4, 20),
-        disabledMinutes: range(30, 60),
-        disabledSeconds: [55, 56],
+     * @example const disabledTime = (date?: Dayjs) => {
+        if (date?.get('date') !== 31)
+          return {
+            disabledHours: () => [],
+            disabledMinutes: () => [],
+            disabledSeconds: () => [],
+          };
+  
+        return {
+          disabledHours: () => range(0, 24).splice(4, 20),
+          disabledMinutes: () => range(30, 60),
+          disabledSeconds: () => [55, 56],
+        };
       };
      */
-    disabledTime?: {
-        disabledHours: number[];
-        disabledMinutes: number[];
-        disabledSeconds: number[];
+    disabledTime?: (date?: Dayjs) => {
+        disabledHours: () => number[];
+        disabledMinutes: () => number[];
+        disabledSeconds: () => number[];
     };
     /**
      * Only show fixed calendar (hide dynamic and )

package/es/components/molecules/DatePicker/components/AdvancedPicker/AdvancedPicker.js

@@ -24,12 +24,12 @@ import { DatePickerCustomInput, DatePickerHeader, DropdownContent, DropdownHeade
 import { CALCULATION_DATES, CALCULATION_TYPES, DATE_TYPES, DEFAULT_DATE_FORMAT, VALUE_TYPES, ADVANCED_PICKER_TYPE, WEEK_ARR, QUARTER_PLACEHOLDER, WEEK_PLACEHOLDER, DAY_LABEL_SHORT, MONTH_LABEL_FULL, DAY_OF_MONTH, ANCHOR_LEAP_YEAR, GRANULARITY_MAPPING, } from './constants';
 import { globalToken, THEME } from '@antscorp/antsomi-ui/es/constants';
 import { useOutsideClick } from '@antscorp/antsomi-ui/es/hooks/useOutsideClick';
-const isDisabledSpecificTime = (current, info, disabledTime) => {
+const isDisabledSpecificTime = (current, info, disabledTime, date) => {
     if (info.type !== 'time' || typeof current !== 'number' || !disabledTime)
         return false;
-    const isDisabledHour = info.subType === 'hour' && disabledTime.disabledHours.includes(current);
-    const isDisabledMinute = info.subType === 'minute' && disabledTime.disabledMinutes.includes(current);
-    const isDisabledSecond = info.subType === 'second' && disabledTime.disabledSeconds.includes(current);
+    const isDisabledHour = info.subType === 'hour' && disabledTime(date).disabledHours().includes(current);
+    const isDisabledMinute = info.subType === 'minute' && disabledTime(date).disabledMinutes().includes(current);
+    const isDisabledSecond = info.subType === 'second' && disabledTime(date).disabledSeconds().includes(current);
     return isDisabledHour || isDisabledMinute || isDisabledSecond;
 };
 const PATH = '@antscorp/antsomi-ui/es/components/molecules/DatePicker/components/Advanced/DatePickerAdvanced.tsx';
@@ -351,7 +351,7 @@ export const AdvancedPicker = props => {
             renderDropdownFooter()));
     };
     const cellRender = useCallback((current, info) => {
-        const isDisabledTime = isDisabledSpecificTime(current, info, disabledTime);
+        const isDisabledTime = isDisabledSpecificTime(current, info, disabledTime, dayjs(date));
         return (React.createElement("div", { className: "antsomi-picker-cell-inner", style: Object.assign({ pointerEvents: 'all', width: '100%' }, (isDisabledTime
                 ? {
                     color: globalToken === null || globalToken === void 0 ? void 0 : globalToken.colorTextDisabled,

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

@@ -36,6 +36,7 @@ import { flatTree, recursiveSearchItems } from '@antscorp/antsomi-ui/es/utils';
 import { getSelectedTreeData } from './utils';
 // Icons
 import { DataIcon, WarningIcon } from '../../icons';
+import isEqual from 'react-fast-compare';
 const initialState = {
     isOpenPopover: false,
 };
@@ -80,11 +81,11 @@ export function MatchesAny(props) {
     }, []);
     useDeepCompareEffect(() => {
         const selectedTreeData = getSelectedTreeData(items || [], selectedItems || [], selectedTreeDataProp || []);
-        if (!isEmpty(selectedTreeData)) {
+        if (!isEqual(selectedTreeData, selectedTreeDataProp) && !isEmpty(selectedTreeData)) {
             onSelectedTreeDataChange(selectedTreeData);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [items, selectedItems]);
+    }, [items, selectedItems, selectedTreeDataProp]);
     // Handlers
     /**
      * Adds an item and, if applicable, its leaf descendants to the list of selected items.

package/package.json

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