@synerise/ds-date-range-picker 1.6.10 → 1.6.12

package/dist/RangeFilter/Filters/new/Monthly/utils.js

@@ -1,16 +1,15 @@
-import { DEFAULT_MAX_ENTRIES } from '../constants';
-export var range = function range(start, stop) {
-  var result = [];
-  for (var i = start; i < stop; i += 1) {
+import { DEFAULT_MAX_ENTRIES } from "../constants.js";
+const range = (start, stop) => {
+  const result = [];
+  for (let i = start; i < stop; i += 1) {
     result.push(i);
   }
   return result;
 };
-export var haveActiveDaysCommonRange = function haveActiveDaysCommonRange(days, activeDaysArray) {
-  var previousDay;
-  var activeDaysHaveDifferentRanges = activeDaysArray.some(function (dayIndex) {
-    var _previousDay, _previousDay2;
-    var currentDay = days[dayIndex];
+const haveActiveDaysCommonRange = (days, activeDaysArray) => {
+  let previousDay;
+  const activeDaysHaveDifferentRanges = activeDaysArray.some((dayIndex) => {
+    const currentDay = days[dayIndex];
     if (!currentDay) {
       return true;
     }
@@ -18,19 +17,17 @@ export var haveActiveDaysCommonRange = function haveActiveDaysCommonRange(days,
       previousDay = currentDay;
       return false;
     }
-    var areRangeDifferent = (currentDay == null ? void 0 : currentDay.start) !== ((_previousDay = previousDay) == null ? void 0 : _previousDay.start) || (currentDay == null ? void 0 : currentDay.stop) !== ((_previousDay2 = previousDay) == null ? void 0 : _previousDay2.stop);
+    const areRangeDifferent = currentDay?.start !== previousDay?.start || currentDay?.stop !== previousDay?.stop;
     previousDay = currentDay;
     return areRangeDifferent;
   });
   return !activeDaysHaveDifferentRanges;
 };
-export var canAddAnotherRange = function canAddAnotherRange(schedule, activeDays, maxRanges) {
-  if (maxRanges === void 0) {
-    maxRanges = DEFAULT_MAX_ENTRIES;
-  }
-  return Object.keys(schedule).length < maxRanges || Object.keys(schedule).some(function (key) {
-    return activeDays.every(function (day) {
-      return schedule[key][day] === undefined;
-    }) && !haveActiveDaysCommonRange(schedule[key], activeDays);
-  });
-};
+const canAddAnotherRange = (schedule, activeDays, maxRanges = DEFAULT_MAX_ENTRIES) => {
+  return Object.keys(schedule).length < maxRanges || Object.keys(schedule).some((key) => activeDays.every((day) => schedule[key][day] === void 0) && !haveActiveDaysCommonRange(schedule[key], activeDays));
+};
+export {
+  canAddAnotherRange,
+  haveActiveDaysCommonRange,
+  range
+};

package/dist/RangeFilter/Filters/new/Weekly/Weekly.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type WeeklyProps } from './Weekly.types';
+import { default as React } from 'react';
+import { WeeklyProps } from './Weekly.types';
 declare const Weekly: ({ maxEntries, valueSelectionMode, onChange, timeFormat, valueFormatOptions, value, texts, timePickerProps, disabled, errorTexts, }: WeeklyProps) => React.JSX.Element;
 export default Weekly;

package/dist/RangeFilter/Filters/new/Weekly/Weekly.js

@@ -1,175 +1,163 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import dayjs from 'dayjs';
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useIntl } from 'react-intl';
-import { v4 as uuid } from 'uuid';
-import { useDataFormat } from '@synerise/ds-core';
-import { getDefaultTexts } from '../../../../utils';
-import * as S from '../../../RangeFilter.styles';
-import { AddButton, SelectionCount, SelectionHint } from '../../../Shared';
-import Day from '../../../Shared/TimeWindow/Day/Day';
-import Grid from '../../../Shared/TimeWindow/Grid/Grid';
-import RangeFormContainer from '../../../Shared/TimeWindow/RangeFormContainer/RangeFormContainer';
-import { EU_NOTATION_WEEK_DAYS_INDEXES, US_NOTATION_WEEK_DAYS_INDEXES } from '../../../Shared/TimeWindow/constants/timeWindow.constants';
-import { DEFAULT_MAX_ENTRIES, DEFAULT_RANGE_END, DEFAULT_RANGE_START, DEFAULT_TIME_FORMAT, EMPTY_OBJECT, NOOP, RENDER_EMPTY_NODE_FN } from '../constants';
-import { useShiftAndControlKeys } from '../hooks/useShiftAndControlKeys';
-import { canAddAnotherRange, haveActiveDaysCommonRange, range, removeEmptyEntries } from './utils';
-var Weekly = function Weekly(_ref) {
-  var _ref$maxEntries = _ref.maxEntries,
-    maxEntries = _ref$maxEntries === void 0 ? DEFAULT_MAX_ENTRIES : _ref$maxEntries,
-    _ref$valueSelectionMo = _ref.valueSelectionMode,
-    valueSelectionMode = _ref$valueSelectionMo === void 0 ? ['Hour', 'Range'] : _ref$valueSelectionMo,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? NOOP : _ref$onChange,
-    timeFormat = _ref.timeFormat,
-    valueFormatOptions = _ref.valueFormatOptions,
-    value = _ref.value,
-    texts = _ref.texts,
-    timePickerProps = _ref.timePickerProps,
-    disabled = _ref.disabled,
-    errorTexts = _ref.errorTexts;
-  var intl = useIntl();
-  var allTexts = useMemo(function () {
-    return getDefaultTexts(intl, false, texts);
-  }, [texts, intl]);
-  var defaultDayValue = useMemo(function () {
-    return {
-      start: DEFAULT_RANGE_START,
-      stop: DEFAULT_RANGE_END,
-      restricted: false,
-      display: false,
-      inverted: false,
-      mode: valueSelectionMode[0]
-    };
-  }, [valueSelectionMode]);
-  var _useState = useState(Object.keys(value)),
-    filteredSchedule = _useState[0],
-    setFilteredSchedule = _useState[1];
-  var _useState2 = useState([]),
-    activeDays = _useState2[0],
-    setActiveDays = _useState2[1];
-  var ref = useRef();
-  var _useShiftAndControlKe = useShiftAndControlKeys(ref),
-    controlKeyPressed = _useShiftAndControlKe[0],
-    shiftKeyPressed = _useShiftAndControlKe[1];
-  var _useDataFormat = useDataFormat(),
-    isSundayFirstWeekDay = _useDataFormat.isSundayFirstWeekDay;
-  var allKeys = useMemo(function () {
-    return isSundayFirstWeekDay ? US_NOTATION_WEEK_DAYS_INDEXES : EU_NOTATION_WEEK_DAYS_INDEXES;
-  }, [isSundayFirstWeekDay]);
-  useEffect(function () {
+import { jsx, jsxs } from "react/jsx-runtime";
+import dayjs from "dayjs";
+import { useMemo, useState, useRef, useEffect, useCallback } from "react";
+import { useIntl } from "react-intl";
+import { v4 } from "uuid";
+import { useDataFormat } from "@synerise/ds-core";
+import { getDefaultTexts } from "../../../../utils.js";
+import { NewFilterContainer } from "../../../RangeFilter.styles.js";
+import AddButton from "../../../Shared/AddButton/AddButton.js";
+import "@synerise/ds-button";
+import "@synerise/ds-dropdown";
+import "@synerise/ds-icon";
+import "@synerise/ds-tooltip";
+import "styled-components";
+import "@synerise/ds-list-item";
+import "@synerise/ds-badge";
+import "@synerise/ds-button/dist/Button.styles";
+import "@synerise/ds-manageable-list/dist/Item/ContentItem/ContentItem";
+import "@synerise/ds-input";
+import SelectionCount from "../../../Shared/SelectionCount/SelectionCount.js";
+import SelectionHint from "../../../Shared/SelectionHint/SelectionHint.js";
+import "../../../Shared/TimeWindow/TimeWindow.js";
+import Day from "../../../Shared/TimeWindow/Day/Day.js";
+import Grid from "../../../Shared/TimeWindow/Grid/Grid.js";
+import RangeFormContainer from "../../../Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js";
+import { US_NOTATION_WEEK_DAYS_INDEXES, EU_NOTATION_WEEK_DAYS_INDEXES } from "../../../Shared/TimeWindow/constants/timeWindow.constants.js";
+import { DEFAULT_RANGE_END, DEFAULT_RANGE_START, DEFAULT_TIME_FORMAT, NOOP, EMPTY_OBJECT, DEFAULT_MAX_ENTRIES, RENDER_EMPTY_NODE_FN } from "../constants.js";
+import { useShiftAndControlKeys } from "../hooks/useShiftAndControlKeys.js";
+import { removeEmptyEntries, haveActiveDaysCommonRange, range, canAddAnotherRange } from "./utils.js";
+const Weekly = ({
+  maxEntries = DEFAULT_MAX_ENTRIES,
+  valueSelectionMode = ["Hour", "Range"],
+  onChange = NOOP,
+  timeFormat,
+  valueFormatOptions,
+  value,
+  texts,
+  timePickerProps,
+  disabled,
+  errorTexts
+}) => {
+  const intl = useIntl();
+  const allTexts = useMemo(() => getDefaultTexts(intl, false, texts), [texts, intl]);
+  const defaultDayValue = useMemo(() => ({
+    start: DEFAULT_RANGE_START,
+    stop: DEFAULT_RANGE_END,
+    restricted: false,
+    display: false,
+    inverted: false,
+    mode: valueSelectionMode[0]
+  }), [valueSelectionMode]);
+  const [filteredSchedule, setFilteredSchedule] = useState(Object.keys(value));
+  const [activeDays, setActiveDays] = useState([]);
+  const ref = useRef();
+  const [controlKeyPressed, shiftKeyPressed] = useShiftAndControlKeys(ref);
+  const {
+    isSundayFirstWeekDay
+  } = useDataFormat();
+  const allKeys = useMemo(() => isSundayFirstWeekDay ? US_NOTATION_WEEK_DAYS_INDEXES : EU_NOTATION_WEEK_DAYS_INDEXES, [isSundayFirstWeekDay]);
+  useEffect(() => {
     removeEmptyEntries(value);
-    var entriesWithActiveDaysValue = activeDays.length ? Object.keys(value).filter(function (id) {
-      return activeDays.every(function (day) {
-        return (
-          // @ts-expect-error - requires type refactor
-          !!value[id][day] && haveActiveDaysCommonRange(value[id], activeDays)
-        );
-      });
-    }) : [];
+    const entriesWithActiveDaysValue = activeDays.length ? Object.keys(value).filter((id) => activeDays.every((day) => (
+      // @ts-expect-error - requires type refactor
+      !!value[id][day] && haveActiveDaysCommonRange(value[id], activeDays)
+    ))) : [];
     setFilteredSchedule(entriesWithActiveDaysValue);
   }, [value, activeDays]);
-  var handleDayTimeChange = useCallback(function (dayValue, dayKey, guid) {
-    var updatedSchedule = value;
-    var start = dayValue[0],
-      end = dayValue[1],
-      inverted = dayValue[2];
+  const handleDayTimeChange = useCallback((dayValue, dayKey, guid) => {
+    const updatedSchedule = value;
+    const [start, end, inverted] = dayValue;
     if (dayKey instanceof Array) {
-      dayKey.forEach(function (day) {
+      dayKey.forEach((day) => {
         if (guid in updatedSchedule) {
-          // @ts-expect-error - requires type refactor
-          updatedSchedule[guid][day] = _extends({}, value[guid][day], {
+          updatedSchedule[guid][day] = {
+            // @ts-expect-error - requires type refactor
+            ...value[guid][day],
             restricted: true,
-            start: start ? dayjs(start).format(DEFAULT_TIME_FORMAT) : undefined,
-            stop: end ? dayjs(end).format(DEFAULT_TIME_FORMAT) : undefined,
+            start: start ? dayjs(start).format(DEFAULT_TIME_FORMAT) : void 0,
+            stop: end ? dayjs(end).format(DEFAULT_TIME_FORMAT) : void 0,
             inverted: Boolean(inverted)
-          });
+          };
         }
       });
     } else if (guid in updatedSchedule) {
-      // @ts-expect-error - requires type refactor
-      updatedSchedule[guid][dayKey] = _extends({}, value[guid][dayKey], {
+      updatedSchedule[guid][dayKey] = {
+        // @ts-expect-error - requires type refactor
+        ...value[guid][dayKey],
         restricted: true,
-        start: start ? dayjs(start).format(DEFAULT_TIME_FORMAT) : undefined,
-        stop: end ? dayjs(end).format(DEFAULT_TIME_FORMAT) : undefined,
+        start: start ? dayjs(start).format(DEFAULT_TIME_FORMAT) : void 0,
+        stop: end ? dayjs(end).format(DEFAULT_TIME_FORMAT) : void 0,
         inverted: Boolean(inverted)
-      });
+      };
     }
     onChange(updatedSchedule);
   }, [value, onChange]);
-  var _getDayValue = useCallback(function (dayKey, guid) {
-    // @ts-expect-error - requires type refactor
-    if (typeof dayKey === 'number' && value[guid] && !!value[guid][dayKey]) {
-      // @ts-expect-error - requires type refactor
+  const getDayValue = useCallback((dayKey, guid) => {
+    if (typeof dayKey === "number" && value[guid] && !!value[guid][dayKey]) {
       return value[guid][dayKey];
     }
     return defaultDayValue;
   }, [value, defaultDayValue]);
-  var handleModeChange = useCallback(function (selectedMode, dayKeys, guid) {
-    var updatedSchedule = value;
-    dayKeys.forEach(function (day) {
-      // @ts-expect-error - requires type refactor
-      updatedSchedule[guid][day] = _extends({}, value[guid][day], {
+  const handleModeChange = useCallback((selectedMode, dayKeys, guid) => {
+    const updatedSchedule = value;
+    dayKeys.forEach((day) => {
+      updatedSchedule[guid][day] = {
+        // @ts-expect-error - requires type refactor
+        ...value[guid][day],
         mode: selectedMode
-      });
+      };
     });
     onChange(updatedSchedule);
   }, [value, onChange]);
-  var handleRangeDelete = useCallback(function (guid, activeDaysArray) {
-    var updatedSchedule = value;
-    activeDaysArray.forEach(function (activeDay) {
-      // @ts-expect-error - requires type refactor
+  const handleRangeDelete = useCallback((guid, activeDaysArray) => {
+    const updatedSchedule = value;
+    activeDaysArray.forEach((activeDay) => {
       delete updatedSchedule[guid][activeDay];
     });
-    onChange(_extends({}, updatedSchedule));
-  }, [value, onChange]);
-  var dayFormatter = useCallback(function (dayKey) {
-    return intl.formatMessage({
-      id: "DS.DATE-RANGE-PICKER.WEEKDAYS-SHORT-" + dayKey
+    onChange({
+      ...updatedSchedule
     });
-  }, [intl]);
-  var checkDay = useCallback(function (dayKey) {
+  }, [value, onChange]);
+  const dayFormatter = useCallback((dayKey) => intl.formatMessage({
+    id: `DS.DATE-RANGE-PICKER.WEEKDAYS-SHORT-${dayKey}`
+  }), [intl]);
+  const checkDay = useCallback((dayKey) => {
     setActiveDays([dayKey]);
   }, []);
-  var getDayLabel = useCallback(function (dayKey) {
+  const getDayLabel = useCallback((dayKey) => {
     return dayFormatter(dayKey);
   }, [dayFormatter]);
-  var excludeDayFromActive = useCallback(function (dayKey) {
-    setActiveDays(activeDays.filter(function (day) {
-      return day !== dayKey;
-    }));
+  const excludeDayFromActive = useCallback((dayKey) => {
+    setActiveDays(activeDays.filter((day) => day !== dayKey));
   }, [activeDays]);
-  var isDayRestricted = useCallback(function (dayKey) {
-    // @ts-expect-error - requires type refactor
-    return Object.keys(value).some(function (key) {
-      return !!value[key][dayKey];
-    });
+  const isDayRestricted = useCallback((dayKey) => {
+    return Object.keys(value).some((key) => !!value[key][dayKey]);
   }, [value]);
-  var removeDaySelection = useCallback(function (dayKey) {
-    var updatedSchedule = value;
-    Object.keys(value).forEach(function (key) {
-      // @ts-expect-error - requires type refactor
+  const removeDaySelection = useCallback((dayKey) => {
+    const updatedSchedule = value;
+    Object.keys(value).forEach((key) => {
       delete updatedSchedule[key][dayKey];
     });
     excludeDayFromActive(dayKey);
     onChange(updatedSchedule);
   }, [value, onChange, excludeDayFromActive]);
-  var uncheckActiveDay = useCallback(function (dayKey) {
+  const uncheckActiveDay = useCallback((dayKey) => {
     removeDaySelection(dayKey);
   }, [removeDaySelection]);
-  var handleSelectAll = useCallback(function () {
+  const handleSelectAll = useCallback(() => {
     setActiveDays(allKeys);
   }, [allKeys]);
-  var handleUnselectAll = useCallback(function () {
+  const handleUnselectAll = useCallback(() => {
     setActiveDays([]);
   }, []);
-  var checkActiveDay = useCallback(function (dayKey) {
+  const checkActiveDay = useCallback((dayKey) => {
     if (!isDayRestricted(dayKey)) {
       checkDay(dayKey);
     }
-    var updatedActiveDay = [];
+    let updatedActiveDay = [];
     if (controlKeyPressed) {
-      updatedActiveDay = activeDays.includes(dayKey) ? activeDays : [].concat(activeDays, [dayKey]);
+      updatedActiveDay = activeDays.includes(dayKey) ? activeDays : [...activeDays, dayKey];
     } else if (activeDays.length > 0 && shiftKeyPressed) {
       updatedActiveDay = activeDays[0] < dayKey ? range(+activeDays[0], +dayKey + 1) : range(+dayKey, +activeDays[0] + 1);
     } else {
@@ -177,8 +165,8 @@ var Weekly = function Weekly(_ref) {
     }
     setActiveDays(updatedActiveDay);
   }, [checkDay, isDayRestricted, activeDays, controlKeyPressed, shiftKeyPressed]);
-  var handleToggleDay = useCallback(function (dayKey, forcedState) {
-    if (typeof forcedState !== 'undefined') {
+  const handleToggleDay = useCallback((dayKey, forcedState) => {
+    if (typeof forcedState !== "undefined") {
       if (controlKeyPressed && forcedState) {
         activeDays.includes(dayKey) ? excludeDayFromActive(dayKey) : checkActiveDay(dayKey);
         return;
@@ -188,113 +176,71 @@ var Weekly = function Weekly(_ref) {
       activeDays.includes(dayKey) ? uncheckActiveDay(dayKey) : checkActiveDay(dayKey);
     }
   }, [controlKeyPressed, activeDays, uncheckActiveDay, checkActiveDay, excludeDayFromActive]);
-  var renderDay = useCallback(function (dayKey) {
-    var isActive = activeDays.includes(dayKey);
-    return /*#__PURE__*/React.createElement(Day, {
-      key: dayKey,
-      dayKey: dayKey,
-      "data-attr": dayKey,
-      label: getDayLabel(dayKey),
-      restricted: isDayRestricted(dayKey),
-      active: isActive,
-      readOnly: disabled,
-      intl: intl,
-      onToggle: handleToggleDay,
-      onClear: removeDaySelection,
-      texts: allTexts
-    });
+  const renderDay = useCallback((dayKey) => {
+    const isActive = activeDays.includes(dayKey);
+    return /* @__PURE__ */ jsx(Day, { dayKey, "data-attr": dayKey, label: getDayLabel(dayKey), restricted: isDayRestricted(dayKey), active: isActive, readOnly: disabled, intl, onToggle: handleToggleDay, onClear: removeDaySelection, texts: allTexts }, dayKey);
   }, [activeDays, getDayLabel, isDayRestricted, disabled, intl, handleToggleDay, removeDaySelection, allTexts]);
-  var handleRangeAdd = useCallback(function () {
-    var _extends2;
-    var updatedDay = {};
-    var guid = Object.keys(value).find(function (key) {
-      return (
-        // @ts-expect-error - requires type refactor
-        activeDays.every(function (day) {
-          return value[key][day] === undefined;
-        })
-      );
-    });
-    activeDays.forEach(function (day) {
+  const handleRangeAdd = useCallback(() => {
+    const updatedDay = {};
+    const guid = Object.keys(value).find((key) => (
       // @ts-expect-error - requires type refactor
+      activeDays.every((day) => value[key][day] === void 0)
+    ));
+    activeDays.forEach((day) => {
       updatedDay[day] = defaultDayValue;
     });
-    var restOfScheduleObject = guid ? value[guid] : EMPTY_OBJECT;
-    var updatedSchedule = _extends({}, value, (_extends2 = {}, _extends2[guid || uuid()] = _extends({}, restOfScheduleObject, updatedDay), _extends2));
+    const restOfScheduleObject = guid ? value[guid] : EMPTY_OBJECT;
+    const updatedSchedule = {
+      ...value,
+      [guid || v4()]: {
+        ...restOfScheduleObject,
+        ...updatedDay
+      }
+    };
     onChange(updatedSchedule);
   }, [value, activeDays, defaultDayValue, onChange]);
-  var renderGridTitle = useCallback(function (count) {
-    return /*#__PURE__*/React.createElement(SelectionCount, {
-      selectedDayCount: count,
-      label: allTexts.selected
-    });
-  }, [allTexts.selected]);
-  var canAddRange = canAddAnotherRange(value, activeDays, maxEntries);
-  var isAnyDaySelected = activeDays.length > 0;
-  var shouldRenderAddButton = isAnyDaySelected && filteredSchedule.length < maxEntries && canAddRange && !disabled;
-  var getErrorTextsForFormRow = function getErrorTextsForFormRow(guid) {
-    return activeDays.length === 1 && errorTexts && errorTexts[guid] &&
-    // @ts-expect-error - requires type refactor
+  const renderGridTitle = useCallback((count) => /* @__PURE__ */ jsx(SelectionCount, { selectedDayCount: count, label: allTexts.selected }), [allTexts.selected]);
+  const canAddRange = canAddAnotherRange(value, activeDays, maxEntries);
+  const isAnyDaySelected = activeDays.length > 0;
+  const shouldRenderAddButton = isAnyDaySelected && filteredSchedule.length < maxEntries && canAddRange && !disabled;
+  const getErrorTextsForFormRow = (guid) => {
+    return activeDays.length === 1 && errorTexts && errorTexts[guid] && // @ts-expect-error - requires type refactor
     errorTexts[guid][activeDays[0]];
   };
-  return /*#__PURE__*/React.createElement(S.NewFilterContainer, {
-    ref: ref
-  }, /*#__PURE__*/React.createElement(Grid, {
-    reverseGroup: 0,
-    onUnselectAll: handleUnselectAll,
-    onSelectAll: handleSelectAll,
-    showUnselectAll: Boolean(activeDays.length),
-    showSelectAll: allKeys.length > activeDays.length,
-    renderDay: renderDay,
-    keys: allKeys,
-    days: EMPTY_OBJECT,
-    intl: intl,
-    numberOfDays: 7,
-    texts: allTexts,
-    title: renderGridTitle(activeDays.length)
-  }), isAnyDaySelected && filteredSchedule.map(function (guid, index) {
-    return /*#__PURE__*/React.createElement(RangeFormContainer, {
-      days: EMPTY_OBJECT,
-      onChange: NOOP,
-      errorTexts: getErrorTextsForFormRow(guid),
-      key: "value-range-" + guid,
-      onDayTimeChange: function onDayTimeChange(dayValue, dayKey) {
-        handleDayTimeChange(dayValue, dayKey, guid);
+  return /* @__PURE__ */ jsxs(NewFilterContainer, { ref, children: [
+    /* @__PURE__ */ jsx(Grid, { reverseGroup: 0, onUnselectAll: handleUnselectAll, onSelectAll: handleSelectAll, showUnselectAll: Boolean(activeDays.length), showSelectAll: allKeys.length > activeDays.length, renderDay, keys: allKeys, days: EMPTY_OBJECT, intl, numberOfDays: 7, texts: allTexts, title: renderGridTitle(activeDays.length) }),
+    isAnyDaySelected && filteredSchedule.map((guid, index) => /* @__PURE__ */ jsx(
+      RangeFormContainer,
+      {
+        days: EMPTY_OBJECT,
+        onChange: NOOP,
+        errorTexts: getErrorTextsForFormRow(guid),
+        onDayTimeChange: (dayValue, dayKey) => {
+          handleDayTimeChange(dayValue, dayKey, guid);
+        },
+        texts: allTexts,
+        onMultipleDayTimeChange: (dates) => handleDayTimeChange(dates, activeDays, guid),
+        dayKeys: activeDays,
+        getDayLabel,
+        activeDays,
+        getDayValue: (dayKey) => getDayValue(dayKey, guid),
+        onRangeDelete: disabled ? void 0 : () => handleRangeDelete(guid, activeDays),
+        onModeChange: (mode) => handleModeChange(mode, activeDays, guid),
+        valueSelectionModes: valueSelectionMode,
+        hideHeader: index !== 0,
+        renderSuffix: RENDER_EMPTY_NODE_FN,
+        timePickerProps,
+        timeFormat,
+        valueFormatOptions,
+        disabled
       },
-      texts: allTexts,
-      onMultipleDayTimeChange: function onMultipleDayTimeChange(dates) {
-        return handleDayTimeChange(dates, activeDays, guid);
-      },
-      dayKeys: activeDays
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      ,
-      getDayLabel: getDayLabel,
-      activeDays: activeDays,
-      getDayValue: function getDayValue(dayKey) {
-        return _getDayValue(dayKey, guid);
-      },
-      onRangeDelete: disabled ? undefined : function () {
-        return handleRangeDelete(guid, activeDays);
-      },
-      onModeChange: function onModeChange(mode) {
-        return handleModeChange(mode, activeDays, guid);
-      },
-      valueSelectionModes: valueSelectionMode,
-      hideHeader: index !== 0,
-      renderSuffix: RENDER_EMPTY_NODE_FN,
-      timePickerProps: timePickerProps,
-      timeFormat: timeFormat,
-      valueFormatOptions: valueFormatOptions,
-      disabled: disabled
-    });
-  }), isAnyDaySelected && !canAddRange && /*#__PURE__*/React.createElement(SelectionHint, {
-    message: allTexts.maximumRanges
-  }), shouldRenderAddButton && /*#__PURE__*/React.createElement(AddButton, {
-    "data-testid": "drp-filter-add-range",
-    label: allTexts.addTime,
-    onClick: handleRangeAdd
-  }), !isAnyDaySelected && !disabled && /*#__PURE__*/React.createElement(SelectionHint, {
-    message: allTexts.selectDaysDescription
-  }));
+      `value-range-${guid}`
+    )),
+    isAnyDaySelected && !canAddRange && /* @__PURE__ */ jsx(SelectionHint, { message: allTexts.maximumRanges }),
+    shouldRenderAddButton && /* @__PURE__ */ jsx(AddButton, { "data-testid": "drp-filter-add-range", label: allTexts.addTime, onClick: handleRangeAdd }),
+    !isAnyDaySelected && !disabled && /* @__PURE__ */ jsx(SelectionHint, { message: allTexts.selectDaysDescription })
+  ] });
+};
+export {
+  Weekly as default
 };
-export default Weekly;

package/dist/RangeFilter/Filters/new/Weekly/Weekly.types.d.ts

@@ -1,9 +1,9 @@
-import { type Texts } from '../../../../DateRangePicker.types';
-import { type WithDisabledProp } from '../../../RangeFilter.types';
-import { type DateLimitMode } from '../../../Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types';
-import { type FilterErrorType } from '../../../Shared/TimeWindow/RangeFormContainer/RangeFormContainer.types';
-import { type DayOptions } from '../../../Shared/TimeWindow/TimeWindow.types';
-import { type FilterBaseProps } from '../Filters.types';
+import { Texts } from '../../../../DateRangePicker.types';
+import { WithDisabledProp } from '../../../RangeFilter.types';
+import { DateLimitMode } from '../../../Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types';
+import { FilterErrorType } from '../../../Shared/TimeWindow/RangeFormContainer/RangeFormContainer.types';
+import { DayOptions } from '../../../Shared/TimeWindow/TimeWindow.types';
+import { FilterBaseProps } from '../Filters.types';
 export type WeeklyScheduleDayValue = DayOptions & {
     mode: DateLimitMode;
 };

package/dist/RangeFilter/Filters/new/Weekly/Weekly.types.js

@@ -1 +1 @@
-export {};
+

package/dist/RangeFilter/Filters/new/Weekly/utils.d.ts

@@ -1,5 +1,5 @@
-import { type DayKey } from '../../../Shared/TimeWindow/TimeWindow.types';
-import { type DayOfWeekIndex, type WeeklySchedule, type WeeklyScheduleDayValue } from './Weekly.types';
+import { DayKey } from '../../../Shared/TimeWindow/TimeWindow.types';
+import { DayOfWeekIndex, WeeklySchedule, WeeklyScheduleDayValue } from './Weekly.types';
 export declare const range: (start: number, stop: number) => number[];
 export declare const haveActiveDaysCommonRange: (days: Record<DayOfWeekIndex, WeeklyScheduleDayValue>, activeDaysArray: DayKey[]) => boolean;
 export declare const canAddAnotherRange: (schedule: WeeklySchedule, activeDays: DayKey[], maxRanges?: number) => boolean;

package/dist/RangeFilter/Filters/new/Weekly/utils.js

@@ -1,16 +1,15 @@
-import { DEFAULT_MAX_ENTRIES } from '../constants';
-export var range = function range(start, stop) {
-  var result = [];
-  for (var i = start; i < stop; i += 1) {
+import { DEFAULT_MAX_ENTRIES } from "../constants.js";
+const range = (start, stop) => {
+  const result = [];
+  for (let i = start; i < stop; i += 1) {
     result.push(i);
   }
   return result;
 };
-export var haveActiveDaysCommonRange = function haveActiveDaysCommonRange(days, activeDaysArray) {
-  var previousDay;
-  var activeDaysHaveDifferentRanges = activeDaysArray.some(function (dayIndex) {
-    var _previousDay, _previousDay2;
-    var currentDay = days[dayIndex];
+const haveActiveDaysCommonRange = (days, activeDaysArray) => {
+  let previousDay;
+  const activeDaysHaveDifferentRanges = activeDaysArray.some((dayIndex) => {
+    const currentDay = days[dayIndex];
     if (!currentDay) {
       return true;
     }
@@ -18,28 +17,25 @@ export var haveActiveDaysCommonRange = function haveActiveDaysCommonRange(days,
       previousDay = currentDay;
       return false;
     }
-    var areRangeDifferent = (currentDay == null ? void 0 : currentDay.start) !== ((_previousDay = previousDay) == null ? void 0 : _previousDay.start) || (currentDay == null ? void 0 : currentDay.stop) !== ((_previousDay2 = previousDay) == null ? void 0 : _previousDay2.stop);
+    const areRangeDifferent = currentDay?.start !== previousDay?.start || currentDay?.stop !== previousDay?.stop;
     previousDay = currentDay;
     return areRangeDifferent;
   });
   return !activeDaysHaveDifferentRanges;
 };
-export var canAddAnotherRange = function canAddAnotherRange(schedule, activeDays, maxRanges) {
-  if (maxRanges === void 0) {
-    maxRanges = DEFAULT_MAX_ENTRIES;
-  }
-  return Object.keys(schedule).length < maxRanges || Object.keys(schedule).some(function (key) {
-    return activeDays.every(function (day) {
-      return schedule[key][day] === undefined;
-    }) && !haveActiveDaysCommonRange(schedule[key], activeDays);
-  });
+const canAddAnotherRange = (schedule, activeDays, maxRanges = DEFAULT_MAX_ENTRIES) => {
+  return Object.keys(schedule).length < maxRanges || Object.keys(schedule).some((key) => activeDays.every((day) => schedule[key][day] === void 0) && !haveActiveDaysCommonRange(schedule[key], activeDays));
 };
-export var removeEmptyEntries = function removeEmptyEntries(weeklySchedule) {
-  var emptyEntries = Object.keys(weeklySchedule).filter(function (key) {
-    return Object.keys(weeklySchedule[key]).length === 0;
-  });
-  var scheduleToUpdate = weeklySchedule;
-  emptyEntries.forEach(function (emptyEntry) {
+const removeEmptyEntries = (weeklySchedule) => {
+  const emptyEntries = Object.keys(weeklySchedule).filter((key) => Object.keys(weeklySchedule[key]).length === 0);
+  const scheduleToUpdate = weeklySchedule;
+  emptyEntries.forEach((emptyEntry) => {
     delete scheduleToUpdate[emptyEntry];
   });
-};
+};
+export {
+  canAddAnotherRange,
+  haveActiveDaysCommonRange,
+  range,
+  removeEmptyEntries
+};