@kaizen/components 1.25.0 → 1.26.0

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.mjs

@@ -0,0 +1,31 @@
+import { __assign } from 'tslib';
+import { isInvalidDate } from '@kaizen/date-picker';
+var filterDatePickerFieldReducer = function (state, action) {
+  switch (action.type) {
+    case "update_selected_start_date":
+      return __assign(__assign({}, state), {
+        selectedStartDate: action.date,
+        inputStartValue: action.inputValue === undefined ? state.inputStartValue : action.inputValue,
+        startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date()
+      });
+    case "update_selected_end_date":
+      return __assign(__assign({}, state), {
+        selectedEndDate: action.date,
+        inputEndValue: action.inputValue === undefined ? state.inputEndValue : action.inputValue
+      });
+    case "navigate_months":
+      return __assign(__assign({}, state), {
+        startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date()
+      });
+    case "update_input_start_field":
+      return __assign(__assign({}, state), {
+        inputStartValue: action.inputValue
+      });
+    case "update_input_end_field":
+      return __assign(__assign({}, state), {
+        inputEndValue: action.inputValue
+      });
+  }
+};
+export { filterDatePickerFieldReducer };
+//# sourceMappingURL=filterDateRangePickerFieldReducer.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterDateRangePickerFieldReducer.mjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.tsx"],"sourcesContent":["import { isInvalidDate } from \"@kaizen/date-picker\"\n\ntype DateRangeFieldActions =\n  | {\n      type: \"update_selected_start_date\"\n      date: Date | undefined\n      inputValue?: string\n    }\n  | {\n      type: \"update_selected_end_date\"\n      date: Date | undefined\n      inputValue?: string\n    }\n  | {\n      type: \"navigate_months\"\n      date: Date | undefined\n    }\n  | {\n      type: \"update_input_start_field\"\n      inputValue: string\n    }\n  | {\n      type: \"update_input_end_field\"\n      inputValue: string\n    }\n\ntype FilterDateRangePickerState = {\n  selectedStartDate: Date | undefined\n  selectedEndDate: Date | undefined\n  inputStartValue: string\n  inputEndValue: string\n  startMonth: Date\n}\n\nexport const filterDatePickerFieldReducer = (\n  state: FilterDateRangePickerState,\n  action: DateRangeFieldActions\n): FilterDateRangePickerState => {\n  switch (action.type) {\n    case \"update_selected_start_date\":\n      return {\n        ...state,\n        selectedStartDate: action.date,\n        inputStartValue:\n          action.inputValue === undefined\n            ? state.inputStartValue\n            : action.inputValue,\n        startMonth:\n          action.date && !isInvalidDate(action.date) ? action.date : new Date(),\n      }\n    case \"update_selected_end_date\":\n      return {\n        ...state,\n        selectedEndDate: action.date,\n        inputEndValue:\n          action.inputValue === undefined\n            ? state.inputEndValue\n            : action.inputValue,\n      }\n    case \"navigate_months\":\n      return {\n        ...state,\n        startMonth:\n          action.date && !isInvalidDate(action.date) ? action.date : new Date(),\n      }\n    case \"update_input_start_field\":\n      return {\n        ...state,\n        inputStartValue: action.inputValue,\n      }\n    case \"update_input_end_field\":\n      return {\n        ...state,\n        inputEndValue: action.inputValue,\n      }\n  }\n}\n"],"names":["filterDatePickerFieldReducer","state","action","type","__assign","selectedStartDate","date","inputStartValue","inputValue","undefined","startMonth","isInvalidDate","Date","selectedEndDate","inputEndValue"],"mappings":";;AAkCa,IAAAA,4BAA4B,GAAG,SAAAA,CAC1CC,KAAiC,EACjCC,MAA6B,EAAA;EAE7B,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,4BAA4B;MAC/B,OAAAC,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CAAA,EAAA;QACRI,iBAAiB,EAAEH,MAAM,CAACI,IAAI;QAC9BC,eAAe,EACbL,MAAM,CAACM,UAAU,KAAKC,SAAS,GAC3BR,KAAK,CAACM,eAAe,GACrBL,MAAM,CAACM,UAAU;QACvBE,UAAU,EACRR,MAAM,CAACI,IAAI,IAAI,CAACK,aAAa,CAACT,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIM,IAAI,CAAA;MACtE,CAAA,CAAA;IACH,KAAK,0BAA0B;MAC7B,OAAAR,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CAAA,EAAA;QACRY,eAAe,EAAEX,MAAM,CAACI,IAAI;QAC5BQ,aAAa,EACXZ,MAAM,CAACM,UAAU,KAAKC,SAAS,GAC3BR,KAAK,CAACa,aAAa,GACnBZ,MAAM,CAACM;MAAU,CACxB,CAAA;IACH,KAAK,iBAAiB;MACpB,OACKJ,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAH,KAAK,CACR,EAAA;QAAAS,UAAU,EACRR,MAAM,CAACI,IAAI,IAAI,CAACK,aAAa,CAACT,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIM,IAAI,CAAE;MAAA,CACxE,CAAA;IACH,KAAK,0BAA0B;MAC7B,OAAAR,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAM,eAAe,EAAEL,MAAM,CAACM;MAAU,CACnC,CAAA;IACH,KAAK,wBAAwB;MAC3B,OAAAJ,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAa,aAAa,EAAEZ,MAAM,CAACM;MAAU,CACjC,CAAA;EACJ;AACH,CAAA;"}

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.mjs

@@ -0,0 +1,60 @@
+import '../../../../FilterDatePicker/FilterDatePicker.mjs';
+import 'tslib';
+import 'react';
+import 'classnames';
+import 'uuid';
+import '@kaizen/date-picker';
+import { useDateValidation } from '../../../../FilterDatePicker/hooks/useDateValidation.mjs';
+import '@kaizen/date-picker/src/utils/formatDateAsNumeral';
+import '@kaizen/date-picker/src/utils/isDisabledDate';
+import '@kaizen/date-picker/src/utils/isSelectingDayInCalendar';
+import '@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue';
+import '@kaizen/date-picker/src/utils/parseDateFromTextFormatValue';
+import '../../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs';
+import '../../../../LabelledMessage/LabelledMessage.mjs';
+import '@kaizen/date-picker/src/utils/validateDate';
+import { validateEndDateBeforeStartDate } from '../utils/validateEndDateBeforeStartDate.mjs';
+var useEndDateValidation = function (args) {
+  var _a = useDateValidation(args),
+    validationMessage = _a.validationMessage,
+    validateDate = _a.validateDate,
+    updateValidation = _a.updateValidation;
+  var handleValidateEndDateBeforeStartDate = function (handlerArgs) {
+    var _a = validateEndDateBeforeStartDate(handlerArgs),
+      validationResponse = _a.validationResponse,
+      newDate = _a.newDate;
+    updateValidation(validationResponse);
+    return newDate;
+  };
+  var validateEndDate = function (_a) {
+    var endDate = _a.endDate,
+      endDateInputValue = _a.endDateInputValue,
+      startDate = _a.startDate,
+      startDateFieldLabel = _a.startDateFieldLabel;
+    var _b = validateDate({
+        date: endDate,
+        inputValue: endDateInputValue
+      }),
+      validationResponse = _b.validationResponse,
+      newDate = _b.newDate;
+    if (validationResponse.isValidDate) {
+      if (newDate && startDate) {
+        return handleValidateEndDateBeforeStartDate({
+          startDate: startDate,
+          startDateFieldLabel: startDateFieldLabel,
+          endDate: newDate,
+          endDateInputValue: endDateInputValue
+        });
+      }
+    }
+    updateValidation(validationResponse);
+    return newDate;
+  };
+  return {
+    validationMessage: validationMessage,
+    validateDate: validateEndDate,
+    validateEndDateBeforeStartDate: handleValidateEndDateBeforeStartDate
+  };
+};
+export { useEndDateValidation };
+//# sourceMappingURL=useEndDateValidation.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEndDateValidation.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.ts"],"sourcesContent":["import {\n  useDateValidation,\n  UseDateValidationArgs,\n  ValidationMessage,\n} from \"~components/FilterDatePicker\"\nimport {\n  validateEndDateBeforeStartDate,\n  ValidateEndDateBeforeStartDateArgs,\n} from \"../utils/validateEndDateBeforeStartDate\"\n\nexport type UseEndDateValidationArgs = UseDateValidationArgs\n\nexport type UseEndDateValidationValue = {\n  validationMessage: ValidationMessage | undefined\n  validateDate: (args: {\n    endDate: Date | undefined\n    endDateInputValue: string\n    startDate: Date | undefined\n    startDateFieldLabel: React.ReactNode\n  }) => Date | undefined\n  validateEndDateBeforeStartDate: (\n    args: ValidateEndDateBeforeStartDateArgs\n  ) => Date | undefined\n}\n\nexport const useEndDateValidation = (\n  args: UseEndDateValidationArgs\n): UseEndDateValidationValue => {\n  const { validationMessage, validateDate, updateValidation } =\n    useDateValidation(args)\n\n  const handleValidateEndDateBeforeStartDate: UseEndDateValidationValue[\"validateEndDateBeforeStartDate\"] =\n    handlerArgs => {\n      const { validationResponse, newDate } =\n        validateEndDateBeforeStartDate(handlerArgs)\n      updateValidation(validationResponse)\n      return newDate\n    }\n\n  const validateEndDate: UseEndDateValidationValue[\"validateDate\"] = ({\n    endDate,\n    endDateInputValue,\n    startDate,\n    startDateFieldLabel,\n  }) => {\n    const { validationResponse, newDate } = validateDate({\n      date: endDate,\n      inputValue: endDateInputValue,\n    })\n\n    if (validationResponse.isValidDate) {\n      if (newDate && startDate) {\n        return handleValidateEndDateBeforeStartDate({\n          startDate,\n          startDateFieldLabel,\n          endDate: newDate,\n          endDateInputValue,\n        })\n      }\n    }\n\n    updateValidation(validationResponse)\n    return newDate\n  }\n\n  return {\n    validationMessage,\n    validateDate: validateEndDate,\n    validateEndDateBeforeStartDate: handleValidateEndDateBeforeStartDate,\n  }\n}\n"],"names":["useEndDateValidation","args","_a","useDateValidation","validationMessage","validateDate","updateValidation","handleValidateEndDateBeforeStartDate","handlerArgs","validateEndDateBeforeStartDate","validationResponse","newDate","validateEndDate","endDate","endDateInputValue","startDate","startDateFieldLabel","_b","date","inputValue","isValidDate"],"mappings":";;;;;;;;;;;;;;;;AAyBO,IAAMA,oBAAoB,GAAG,SAAAA,CAClCC,IAA8B,EAAA;EAExB,IAAAC,EACJ,GAAAC,iBAAiB,CAACF,IAAI,CAAC;IADjBG,iBAAiB,GAAAF,EAAA,CAAAE,iBAAA;IAAEC,YAAY,GAAAH,EAAA,CAAAG,YAAA;IAAEC,gBAAgB,sBAChC;EAEzB,IAAMC,oCAAoC,GACxC,SAAAA,CAAAC,WAAW,EAAA;IACH,IAAAN,EAAA,GACJO,8BAA8B,CAACD,WAAW,CAAC;MADrCE,kBAAkB,GAAAR,EAAA,CAAAQ,kBAAA;MAAEC,OAAO,GAAAT,EAAA,CAAAS,OACU;IAC7CL,gBAAgB,CAACI,kBAAkB,CAAC;IACpC,OAAOC,OAAO;EAChB,CAAC;EAEH,IAAMC,eAAe,GAA8C,SAAAA,CAACV,EAKnE,EAAA;QAJCW,OAAO,GAAAX,EAAA,CAAAW,OAAA;MACPC,iBAAiB,GAAAZ,EAAA,CAAAY,iBAAA;MACjBC,SAAS,GAAAb,EAAA,CAAAa,SAAA;MACTC,mBAAmB,GAAAd,EAAA,CAAAc,mBAAA;IAEb,IAAAC,EAAA,GAAkCZ,YAAY,CAAC;QACnDa,IAAI,EAAEL,OAAO;QACbM,UAAU,EAAEL;MACb,CAAA,CAAC;MAHMJ,kBAAkB,GAAAO,EAAA,CAAAP,kBAAA;MAAEC,OAAO,aAGjC;IAEF,IAAID,kBAAkB,CAACU,WAAW,EAAE;MAClC,IAAIT,OAAO,IAAII,SAAS,EAAE;QACxB,OAAOR,oCAAoC,CAAC;UAC1CQ,SAAS,EAAAA,SAAA;UACTC,mBAAmB,EAAAA,mBAAA;UACnBH,OAAO,EAAEF,OAAO;UAChBG,iBAAiB,EAAAA;QAClB,CAAA,CAAC;MACH;IACF;IAEDR,gBAAgB,CAACI,kBAAkB,CAAC;IACpC,OAAOC,OAAO;EAChB,CAAC;EAED,OAAO;IACLP,iBAAiB,EAAAA,iBAAA;IACjBC,YAAY,EAAEO,eAAe;IAC7BH,8BAA8B,EAAEF;GACjC;AACH,CAAA;"}

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.mjs

@@ -0,0 +1,39 @@
+import '../../../../FilterDatePicker/FilterDatePicker.mjs';
+import 'tslib';
+import 'react';
+import 'classnames';
+import 'uuid';
+import '@kaizen/date-picker';
+import { useDateValidation } from '../../../../FilterDatePicker/hooks/useDateValidation.mjs';
+import '@kaizen/date-picker/src/utils/formatDateAsNumeral';
+import '@kaizen/date-picker/src/utils/isDisabledDate';
+import '@kaizen/date-picker/src/utils/isSelectingDayInCalendar';
+import '@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue';
+import '@kaizen/date-picker/src/utils/parseDateFromTextFormatValue';
+import '../../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs';
+import '../../../../LabelledMessage/LabelledMessage.mjs';
+import '@kaizen/date-picker/src/utils/validateDate';
+var useStartDateValidation = function (args) {
+  var _a = useDateValidation(args),
+    validationMessage = _a.validationMessage,
+    validateDate = _a.validateDate,
+    updateValidation = _a.updateValidation;
+  var validateStartDate = function (_a) {
+    var date = _a.date,
+      inputValue = _a.inputValue;
+    var _b = validateDate({
+        date: date,
+        inputValue: inputValue
+      }),
+      validationResponse = _b.validationResponse,
+      newDate = _b.newDate;
+    updateValidation(validationResponse);
+    return newDate;
+  };
+  return {
+    validationMessage: validationMessage,
+    validateDate: validateStartDate
+  };
+};
+export { useStartDateValidation };
+//# sourceMappingURL=useStartDateValidation.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStartDateValidation.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.ts"],"sourcesContent":["import {\n  useDateValidation,\n  UseDateValidationArgs,\n  ValidationMessage,\n} from \"~components/FilterDatePicker\"\n\nexport type UseStartDateValidationArgs = UseDateValidationArgs\n\nexport type UseStartDateValidationValue = {\n  validationMessage: ValidationMessage | undefined\n  validateDate: (args: {\n    date: Date | undefined\n    inputValue: string\n  }) => Date | undefined\n}\n\nexport const useStartDateValidation = (\n  args: UseStartDateValidationArgs\n): UseStartDateValidationValue => {\n  const { validationMessage, validateDate, updateValidation } =\n    useDateValidation(args)\n\n  const validateStartDate: UseStartDateValidationValue[\"validateDate\"] = ({\n    date,\n    inputValue,\n  }) => {\n    const { validationResponse, newDate } = validateDate({ date, inputValue })\n    updateValidation(validationResponse)\n    return newDate\n  }\n\n  return {\n    validationMessage,\n    validateDate: validateStartDate,\n  }\n}\n"],"names":["useStartDateValidation","args","_a","useDateValidation","validationMessage","validateDate","updateValidation","validateStartDate","date","inputValue","_b","validationResponse","newDate"],"mappings":";;;;;;;;;;;;;;;AAgBO,IAAMA,sBAAsB,GAAG,SAAAA,CACpCC,IAAgC,EAAA;EAE1B,IAAAC,EACJ,GAAAC,iBAAiB,CAACF,IAAI,CAAC;IADjBG,iBAAiB,GAAAF,EAAA,CAAAE,iBAAA;IAAEC,YAAY,GAAAH,EAAA,CAAAG,YAAA;IAAEC,gBAAgB,sBAChC;EAEzB,IAAMC,iBAAiB,GAAgD,SAAAA,CAACL,EAGvE,EAAA;QAFCM,IAAI,GAAAN,EAAA,CAAAM,IAAA;MACJC,UAAU,GAAAP,EAAA,CAAAO,UAAA;IAEJ,IAAAC,KAAkCL,YAAY,CAAC;QAAEG,IAAI,MAAA;QAAEC,UAAU,EAAAA;MAAE,CAAA,CAAC;MAAlEE,kBAAkB,wBAAA;MAAEC,OAAO,aAAuC;IAC1EN,gBAAgB,CAACK,kBAAkB,CAAC;IACpC,OAAOC,OAAO;EAChB,CAAC;EAED,OAAO;IACLR,iBAAiB,EAAAA,iBAAA;IACjBC,YAAY,EAAEE;GACf;AACH,CAAA;"}

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/isValidRange.mjs

@@ -0,0 +1,6 @@
+var isValidRange = function (startDate, endDate) {
+  if (startDate && endDate) return startDate <= endDate;
+  return false;
+};
+export { isValidRange };
+//# sourceMappingURL=isValidRange.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/isValidRange.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isValidRange.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/isValidRange.ts"],"sourcesContent":["export const isValidRange = (\n  startDate: Date | undefined,\n  endDate: Date | undefined\n): boolean => {\n  if (startDate && endDate) return startDate <= endDate\n  return false\n}\n"],"names":["isValidRange","startDate","endDate"],"mappings":"AAAa,IAAAA,YAAY,GAAG,SAAAA,CAC1BC,SAA2B,EAC3BC,OAAyB,EAAA;EAEzB,IAAID,SAAS,IAAIC,OAAO,EAAE,OAAOD,SAAS,IAAIC,OAAO;EACrD,OAAO,KAAK;AACd,CAAA;"}

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs

@@ -0,0 +1,35 @@
+import { __assign } from 'tslib';
+import { getNodeText } from '../../../../utils/getNodeText.mjs';
+import { isValidRange } from './isValidRange.mjs';
+var validateEndDateBeforeStartDate = function (_a) {
+  var startDate = _a.startDate,
+    startDateFieldLabel = _a.startDateFieldLabel,
+    endDate = _a.endDate,
+    endDateInputValue = _a.endDateInputValue;
+  var baseResponse = {
+    date: endDate,
+    inputValue: endDateInputValue,
+    validationMessage: undefined,
+    isInvalid: false,
+    isDisabled: false,
+    isEmpty: false,
+    isValidDate: true
+  };
+  if (!isValidRange(startDate, endDate)) {
+    return {
+      validationResponse: __assign(__assign({}, baseResponse), {
+        validationMessage: {
+          status: "error",
+          message: "Cannot be earlier than the selection in \"".concat(getNodeText(startDateFieldLabel), "\"")
+        }
+      }),
+      newDate: endDate
+    };
+  }
+  return {
+    validationResponse: baseResponse,
+    newDate: endDate
+  };
+};
+export { validateEndDateBeforeStartDate };
+//# sourceMappingURL=validateEndDateBeforeStartDate.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateEndDateBeforeStartDate.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.ts"],"sourcesContent":["import React from \"react\"\nimport { DateValidationResponse } from \"~components/FilterDatePicker\"\nimport { getNodeText } from \"../../../../utils/getNodeText\"\nimport { isValidRange } from \"./isValidRange\"\n\nexport type ValidateEndDateBeforeStartDateArgs = {\n  startDate: Date\n  startDateFieldLabel: React.ReactNode\n  endDate: Date\n  endDateInputValue: string\n}\n\nexport type ValidateEndDateBeforeStartDateResponse = {\n  validationResponse: DateValidationResponse\n  newDate: Date | undefined\n}\n\nexport const validateEndDateBeforeStartDate = ({\n  startDate,\n  startDateFieldLabel,\n  endDate,\n  endDateInputValue,\n}: ValidateEndDateBeforeStartDateArgs): ValidateEndDateBeforeStartDateResponse => {\n  const baseResponse = {\n    date: endDate,\n    inputValue: endDateInputValue,\n    validationMessage: undefined,\n    isInvalid: false,\n    isDisabled: false,\n    isEmpty: false,\n    isValidDate: true,\n  }\n\n  if (!isValidRange(startDate, endDate)) {\n    return {\n      validationResponse: {\n        ...baseResponse,\n        validationMessage: {\n          status: \"error\",\n          message: `Cannot be earlier than the selection in \"${getNodeText(\n            startDateFieldLabel\n          )}\"`,\n        },\n      },\n      newDate: endDate,\n    }\n  }\n\n  return {\n    validationResponse: baseResponse,\n    newDate: endDate,\n  }\n}\n"],"names":["validateEndDateBeforeStartDate","_a","startDate","startDateFieldLabel","endDate","endDateInputValue","baseResponse","date","inputValue","validationMessage","undefined","isInvalid","isDisabled","isEmpty","isValidDate","isValidRange","validationResponse","__assign","status","message","concat","getNodeText","newDate"],"mappings":";;;AAiBO,IAAMA,8BAA8B,GAAG,SAAAA,CAACC,EAKV,EAAA;MAJnCC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,mBAAmB,GAAAF,EAAA,CAAAE,mBAAA;IACnBC,OAAO,GAAAH,EAAA,CAAAG,OAAA;IACPC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;EAEjB,IAAMC,YAAY,GAAG;IACnBC,IAAI,EAAEH,OAAO;IACbI,UAAU,EAAEH,iBAAiB;IAC7BI,iBAAiB,EAAEC,SAAS;IAC5BC,SAAS,EAAE,KAAK;IAChBC,UAAU,EAAE,KAAK;IACjBC,OAAO,EAAE,KAAK;IACdC,WAAW,EAAE;GACd;EAED,IAAI,CAACC,YAAY,CAACb,SAAS,EAAEE,OAAO,CAAC,EAAE;IACrC,OAAO;MACLY,kBAAkB,EACbC,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAX,YAAY,CACf,EAAA;QAAAG,iBAAiB,EAAE;UACjBS,MAAM,EAAE,OAAO;UACfC,OAAO,EAAE,4CAA4C,CAAAC,MAAA,CAAAC,WAAW,CAC9DlB,mBAAmB,CACpB,EAAG,IAAA;;OAEP,CAAA;MACDmB,OAAO,EAAElB;KACV;EACF;EAED,OAAO;IACLY,kBAAkB,EAAEV,YAAY;IAChCgB,OAAO,EAAElB;GACV;AACH,CAAA;"}

package/dist/esm/FilterDateRangePicker/utils/isCompleteDateRange.mjs

@@ -0,0 +1,5 @@
+var isCompleteDateRange = function (dateRange) {
+  return (dateRange === null || dateRange === void 0 ? void 0 : dateRange.from) !== undefined && (dateRange === null || dateRange === void 0 ? void 0 : dateRange.to) !== undefined;
+};
+export { isCompleteDateRange };
+//# sourceMappingURL=isCompleteDateRange.mjs.map

package/dist/esm/FilterDateRangePicker/utils/isCompleteDateRange.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCompleteDateRange.mjs","sources":["../../../../src/FilterDateRangePicker/utils/isCompleteDateRange.ts"],"sourcesContent":["import { DateRange } from \"~types/DatePicker\"\n\nexport const isCompleteDateRange = (\n  dateRange: DateRange | undefined\n): dateRange is { from: Date; to: Date } =>\n  dateRange?.from !== undefined && dateRange?.to !== undefined\n"],"names":["isCompleteDateRange","dateRange","from","undefined","to"],"mappings":"AAEO,IAAMA,mBAAmB,GAAG,SAAAA,CACjCC,SAAgC,EAAA;EAEhC,OAAA,CAAAA,SAAS,KAAT,IAAA,IAAAA,SAAS,uBAATA,SAAS,CAAEC,IAAI,MAAKC,SAAS,IAAI,CAAAF,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEG,EAAE,MAAKD,SAAS;AAA5D,CAAA;"}

package/dist/esm/FilterMultiSelect/FilterMultiSelect.mjs

@@ -0,0 +1,80 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { MenuTriggerProvider, MenuTriggerConsumer } from './context/MenuTriggerProvider/MenuTriggerProvider.mjs';
+import { SelectionProvider, SelectionConsumer } from './context/SelectionProvider/SelectionProvider.mjs';
+import { ListBox } from './subcomponents/ListBox/ListBox.mjs';
+import { ListBoxSection } from './subcomponents/ListBoxSection/ListBoxSection.mjs';
+import { LoadMoreButton } from './subcomponents/LoadMoreButton/LoadMoreButton.mjs';
+import { MenuFooter } from './subcomponents/MenuLayout/MenuFooter/MenuFooter.mjs';
+import { MenuLoadingSkeleton } from './subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.mjs';
+import { MenuPopup } from './subcomponents/MenuPopup/MenuPopup.mjs';
+import { MultiSelectOption } from './subcomponents/MultiSelectOption/MultiSelectOption.mjs';
+import { NoResults } from './subcomponents/NoResults/NoResults.mjs';
+import { SearchInput } from './subcomponents/SearchInput/SearchInput.mjs';
+import { SectionDivider } from './subcomponents/SectionDivider/SectionDivider.mjs';
+import { ClearButton } from './subcomponents/SelectionControlButton/ClearButton/ClearButton.mjs';
+import { SelectAllButton } from './subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.mjs';
+import { FilterTriggerButton } from './subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.mjs';
+import { RemovableFilterTrigger } from './subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.mjs';
+const FilterMultiSelect = /*#__PURE__*/function () {
+  const FilterMultiSelect = function (_a) {
+    var trigger = _a.trigger,
+      children = _a.children,
+      isOpen = _a.isOpen,
+      defaultOpen = _a.defaultOpen,
+      onOpenChange = _a.onOpenChange,
+      isLoading = _a.isLoading,
+      loadingSkeleton = _a.loadingSkeleton,
+      label = _a.label,
+      items = _a.items,
+      selectedKeys = _a.selectedKeys,
+      defaultSelectedKeys = _a.defaultSelectedKeys,
+      onSelectionChange = _a.onSelectionChange,
+      _b = _a.selectionMode,
+      selectionMode = _b === void 0 ? "multiple" : _b,
+      onSearchInputChange = _a.onSearchInputChange;
+    var menuTriggerProps = {
+      isOpen: isOpen,
+      defaultOpen: defaultOpen,
+      onOpenChange: onOpenChange
+    };
+    var menuPopupProps = {
+      isLoading: isLoading,
+      loadingSkeleton: loadingSkeleton
+    };
+    var disabledKeys = new Set(items === null || items === void 0 ? void 0 : items.filter(function (item) {
+      return item.isDisabled === true;
+    }).map(function (disabledItem) {
+      return disabledItem.value;
+    }));
+    var selectionProps = {
+      label: label,
+      items: items,
+      selectedKeys: selectedKeys,
+      defaultSelectedKeys: defaultSelectedKeys,
+      onSelectionChange: onSelectionChange,
+      selectionMode: selectionMode,
+      disabledKeys: disabledKeys,
+      onSearchInputChange: onSearchInputChange
+    };
+    return /*#__PURE__*/React.createElement(MenuTriggerProvider, __assign({}, menuTriggerProps), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MenuTriggerConsumer, null, trigger), /*#__PURE__*/React.createElement(MenuPopup, __assign({}, menuPopupProps), /*#__PURE__*/React.createElement(SelectionProvider, __assign({}, selectionProps), /*#__PURE__*/React.createElement(SelectionConsumer, null, children)))));
+  };
+  FilterMultiSelect.displayName = "FilterMultiSelect";
+  FilterMultiSelect.TriggerButton = FilterTriggerButton;
+  FilterMultiSelect.RemovableTrigger = RemovableFilterTrigger;
+  FilterMultiSelect.SearchInput = SearchInput;
+  FilterMultiSelect.ListBox = ListBox;
+  FilterMultiSelect.ListBoxSection = ListBoxSection;
+  FilterMultiSelect.SectionDivider = SectionDivider;
+  FilterMultiSelect.Option = MultiSelectOption;
+  FilterMultiSelect.SelectAllButton = SelectAllButton;
+  FilterMultiSelect.ClearButton = ClearButton;
+  FilterMultiSelect.MenuFooter = MenuFooter; // For layout
+  // Menu Loading Skeleton example
+  FilterMultiSelect.MenuLoadingSkeleton = MenuLoadingSkeleton;
+  FilterMultiSelect.LoadMoreButton = LoadMoreButton;
+  FilterMultiSelect.NoResults = NoResults;
+  return FilterMultiSelect;
+}();
+export { FilterMultiSelect };
+//# sourceMappingURL=FilterMultiSelect.mjs.map

package/dist/esm/FilterMultiSelect/FilterMultiSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterMultiSelect.mjs","sources":["../../../src/FilterMultiSelect/FilterMultiSelect.tsx"],"sourcesContent":["import React from \"react\"\nimport { SelectionMode, Selection } from \"@react-types/shared\"\nimport {\n  MenuTriggerConsumer,\n  MenuTriggerProvider,\n  MenuTriggerProviderContextType,\n  MenuTriggerProviderProps,\n  SelectionConsumer,\n  SelectionProvider,\n  SelectionProviderContextType,\n} from \"./context\"\nimport { ListBox } from \"./subcomponents/ListBox\"\nimport { ListBoxSection } from \"./subcomponents/ListBoxSection\"\nimport { LoadMoreButton } from \"./subcomponents/LoadMoreButton\"\nimport { MenuFooter, MenuLoadingSkeleton } from \"./subcomponents/MenuLayout\"\nimport { MenuPopup, MenuPopupProps } from \"./subcomponents/MenuPopup\"\nimport { MultiSelectOption } from \"./subcomponents/MultiSelectOption\"\nimport { NoResults } from \"./subcomponents/NoResults\"\nimport { SearchInput } from \"./subcomponents/SearchInput\"\nimport { SectionDivider } from \"./subcomponents/SectionDivider\"\nimport {\n  ClearButton,\n  SelectAllButton,\n} from \"./subcomponents/SelectionControlButton\"\nimport {\n  FilterTriggerButton,\n  RemovableFilterTrigger,\n} from \"./subcomponents/Trigger\"\nimport { ItemType } from \"./types\"\n\ntype SelectionProps = {\n  label: string // provide A11y context for listbox\n  items: ItemType[]\n  selectedKeys?: Selection\n  defaultSelectedKeys?: Selection\n  onSelectionChange?: (keys: Selection) => void\n  selectionMode?: SelectionMode\n  onSearchInputChange?: (searchInput: string) => void\n}\n\nexport type FilterMultiSelectProps = {\n  trigger: (value?: MenuTriggerProviderContextType) => React.ReactNode\n  children: (value?: SelectionProviderContextType) => React.ReactNode // the content of the menu\n} & Omit<MenuPopupProps, \"children\"> &\n  Omit<MenuTriggerProviderProps, \"children\"> &\n  SelectionProps\n\nexport const FilterMultiSelect = ({\n  trigger,\n  children,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  isLoading,\n  loadingSkeleton,\n  label,\n  items,\n  selectedKeys,\n  defaultSelectedKeys,\n  onSelectionChange,\n  selectionMode = \"multiple\",\n  onSearchInputChange,\n}: FilterMultiSelectProps): JSX.Element => {\n  const menuTriggerProps = { isOpen, defaultOpen, onOpenChange }\n  const menuPopupProps = { isLoading, loadingSkeleton }\n  const disabledKeys: Selection = new Set(\n    items\n      ?.filter(item => item.isDisabled === true)\n      .map(disabledItem => disabledItem.value)\n  )\n  const selectionProps = {\n    label,\n    items,\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectionMode,\n    disabledKeys,\n    onSearchInputChange,\n  }\n\n  return (\n    <MenuTriggerProvider {...menuTriggerProps}>\n      <div>\n        <MenuTriggerConsumer>{trigger}</MenuTriggerConsumer>\n        <MenuPopup {...menuPopupProps}>\n          <SelectionProvider {...selectionProps}>\n            <SelectionConsumer>{children}</SelectionConsumer>\n          </SelectionProvider>\n        </MenuPopup>\n      </div>\n    </MenuTriggerProvider>\n  )\n}\n\nFilterMultiSelect.displayName = \"FilterMultiSelect\"\n\nFilterMultiSelect.TriggerButton = FilterTriggerButton\nFilterMultiSelect.RemovableTrigger = RemovableFilterTrigger\nFilterMultiSelect.SearchInput = SearchInput\nFilterMultiSelect.ListBox = ListBox\nFilterMultiSelect.ListBoxSection = ListBoxSection\nFilterMultiSelect.SectionDivider = SectionDivider\nFilterMultiSelect.Option = MultiSelectOption\nFilterMultiSelect.SelectAllButton = SelectAllButton\nFilterMultiSelect.ClearButton = ClearButton\nFilterMultiSelect.MenuFooter = MenuFooter // For layout\nFilterMultiSelect.MenuLoadingSkeleton = MenuLoadingSkeleton // Menu Loading Skeleton example\nFilterMultiSelect.LoadMoreButton = LoadMoreButton\nFilterMultiSelect.NoResults = NoResults\n"],"names":["FilterMultiSelect","_a","trigger","children","isOpen","defaultOpen","onOpenChange","isLoading","loadingSkeleton","label","items","selectedKeys","defaultSelectedKeys","onSelectionChange","_b","selectionMode","onSearchInputChange","menuTriggerProps","menuPopupProps","disabledKeys","Set","filter","item","isDisabled","map","disabledItem","value","selectionProps","React","createElement","MenuTriggerProvider","__assign","MenuTriggerConsumer","MenuPopup","SelectionProvider","SelectionConsumer","displayName","TriggerButton","FilterTriggerButton","RemovableTrigger","RemovableFilterTrigger","SearchInput","ListBox","ListBoxSection","SectionDivider","Option","MultiSelectOption","SelectAllButton","ClearButton","MenuFooter","MenuLoadingSkeleton","LoadMoreButton","NoResults"],"mappings":"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"}

package/dist/esm/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.mjs

@@ -0,0 +1,42 @@
+import React, { useContext } from 'react';
+import { useButton } from '@react-aria/button';
+import { useMenuTrigger } from '@react-aria/menu';
+import { useMenuTriggerState } from '@react-stately/menu';
+var MenuTriggerContext = /*#__PURE__*/React.createContext({});
+function MenuTriggerProvider(_a) {
+  var isOpen = _a.isOpen,
+    defaultOpen = _a.defaultOpen,
+    onOpenChange = _a.onOpenChange,
+    children = _a.children;
+  // Create state based on the incoming props to manage the open/close
+  var state = useMenuTriggerState({
+    isOpen: isOpen,
+    defaultOpen: defaultOpen,
+    onOpenChange: onOpenChange
+  });
+  // Get A11y attributes and events for the menu trigger and menu elements
+  var ref = /*#__PURE__*/React.createRef();
+  var _b = useMenuTrigger({}, state, ref),
+    menuTriggerProps = _b.menuTriggerProps,
+    menuProps = _b.menuProps;
+  // Get A11y attributes and events for the button based on the trigger props from useMenuTrigger
+  var buttonProps = useButton(menuTriggerProps, ref).buttonProps;
+  return /*#__PURE__*/React.createElement(MenuTriggerContext.Provider, {
+    value: {
+      menuTriggerProps: menuTriggerProps,
+      buttonProps: buttonProps,
+      menuProps: menuProps,
+      menuTriggerState: state,
+      buttonRef: ref
+    }
+  }, children);
+}
+var useMenuTriggerContext = function () {
+  return useContext(MenuTriggerContext);
+};
+var MenuTriggerConsumer = function (_a) {
+  var children = _a.children;
+  return /*#__PURE__*/React.createElement(MenuTriggerContext.Consumer, null, children);
+};
+export { MenuTriggerConsumer, MenuTriggerProvider, useMenuTriggerContext };
+//# sourceMappingURL=MenuTriggerProvider.mjs.map

package/dist/esm/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTriggerProvider.mjs","sources":["../../../../../src/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, HTMLAttributes, useContext } from \"react\"\nimport { useButton } from \"@react-aria/button\"\nimport { AriaMenuOptions, useMenuTrigger } from \"@react-aria/menu\"\nimport { MenuTriggerState, useMenuTriggerState } from \"@react-stately/menu\"\nimport { ItemType } from \"../../types\"\n\nexport type MenuTriggerProviderProps = {\n  isOpen?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (isOpen: boolean) => void\n  children: React.ReactNode\n}\n\nexport type MenuTriggerProviderContextType = {\n  menuTriggerProps: HTMLAttributes<HTMLElement>\n  buttonProps: ButtonHTMLAttributes<HTMLButtonElement>\n  menuProps: AriaMenuOptions<ItemType>\n  menuTriggerState: MenuTriggerState\n  buttonRef: React.RefObject<HTMLButtonElement>\n}\n\nconst MenuTriggerContext = React.createContext<MenuTriggerProviderContextType>(\n  {} as MenuTriggerProviderContextType\n)\nexport function MenuTriggerProvider({\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  children,\n}: MenuTriggerProviderProps): JSX.Element {\n  // Create state based on the incoming props to manage the open/close\n  const state = useMenuTriggerState({ isOpen, defaultOpen, onOpenChange })\n\n  // Get A11y attributes and events for the menu trigger and menu elements\n  const ref = React.createRef<HTMLButtonElement>()\n  const { menuTriggerProps, menuProps } = useMenuTrigger<ItemType>(\n    {},\n    state,\n    ref\n  )\n\n  // Get A11y attributes and events for the button based on the trigger props from useMenuTrigger\n  const { buttonProps } = useButton(menuTriggerProps, ref)\n\n  return (\n    <MenuTriggerContext.Provider\n      value={{\n        menuTriggerProps,\n        buttonProps,\n        menuProps,\n        menuTriggerState: state,\n        buttonRef: ref,\n      }}\n    >\n      {children}\n    </MenuTriggerContext.Provider>\n  )\n}\n\nexport const useMenuTriggerContext = (): MenuTriggerProviderContextType =>\n  useContext(MenuTriggerContext)\n\nexport const MenuTriggerConsumer = ({\n  children,\n}: React.ConsumerProps<MenuTriggerProviderContextType>): JSX.Element => (\n  <MenuTriggerContext.Consumer>{children}</MenuTriggerContext.Consumer>\n)\n"],"names":["MenuTriggerContext","React","createContext","MenuTriggerProvider","_a","isOpen","defaultOpen","onOpenChange","children","state","useMenuTriggerState","ref","createRef","_b","useMenuTrigger","menuTriggerProps","menuProps","buttonProps","useButton","createElement","Provider","value","menuTriggerState","buttonRef","useMenuTriggerContext","useContext","MenuTriggerConsumer","Consumer"],"mappings":";;;;AAqBA,IAAMA,kBAAkB,gBAAGC,KAAK,CAACC,aAAa,CAC5C,CAAA,CAAoC,CACrC;AACK,SAAUC,mBAAmBA,CAACC,EAKT,EAAA;MAJzBC,MAAM,GAAAD,EAAA,CAAAC,MAAA;IACNC,WAAW,GAAAF,EAAA,CAAAE,WAAA;IACXC,YAAY,GAAAH,EAAA,CAAAG,YAAA;IACZC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;;EAGR,IAAMC,KAAK,GAAGC,mBAAmB,CAAC;IAAEL,MAAM,EAAAA,MAAA;IAAEC,WAAW,aAAA;IAAEC,YAAY,EAAAA;EAAA,CAAE,CAAC;;EAGxE,IAAMI,GAAG,gBAAGV,KAAK,CAACW,SAAS,EAAqB;EAC1C,IAAAC,EAAkC,GAAAC,cAAc,CACpD,CAAE,CAAA,EACFL,KAAK,EACLE,GAAG,CACJ;IAJOI,gBAAgB,GAAAF,EAAA,CAAAE,gBAAA;IAAEC,SAAS,eAIlC;;EAGO,IAAAC,WAAW,GAAKC,SAAS,CAACH,gBAAgB,EAAEJ,GAAG,CAAC,CAAAM,WAArC;EAEnB,oBACEhB,KAAC,CAAAkB,aAAA,CAAAnB,kBAAkB,CAACoB,QAAQ,EAAA;IAC1BC,KAAK,EAAE;MACLN,gBAAgB,EAAAA,gBAAA;MAChBE,WAAW,EAAAA,WAAA;MACXD,SAAS,EAAAA,SAAA;MACTM,gBAAgB,EAAEb,KAAK;MACvBc,SAAS,EAAEZ;;EAGZ,CAAA,EAAAH,QAAQ,CACmB;AAElC;AAEa,IAAAgB,qBAAqB,GAAG,SAAAA,CAAA,EAAA;EACnC,OAAAC,UAAU,CAACzB,kBAAkB,CAAC;AAA9B,CAA8B;AAEzB,IAAM0B,mBAAmB,GAAG,SAAAA,CAACtB,EAEkB,EAAA;EADpD,IAAAI,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;EAC8D,oBACtEP,oBAACD,kBAAkB,CAAC2B,QAAQ,EAAE,IAAA,EAAAnB,QAAQ,CAA+B;AADC,CAAA;"}

package/dist/esm/FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs

@@ -0,0 +1,66 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState, useCallback, useContext } from 'react';
+import { useListBox } from '@react-aria/listbox';
+import { Item } from '@react-stately/collections';
+import { useListState } from '@react-stately/list';
+import { VisuallyHidden } from '@kaizen/a11y';
+import { useMenuTriggerContext } from '../MenuTriggerProvider/MenuTriggerProvider.mjs';
+var SelectionContext = /*#__PURE__*/React.createContext({});
+var SelectionProvider = function (props) {
+  var onSearchInputChange = props.onSearchInputChange,
+    otherProps = __rest(props, ["onSearchInputChange"]);
+  var _a = useState(""),
+    searchQuery = _a[0],
+    setSearchQuery = _a[1];
+  var menuProps = useMenuTriggerContext().menuProps;
+  /**
+   * While the onSearchInputChange  is a side-effect, this useEffect should be fine.
+   * If the search input state becomes controlled, this useEffect could cause synchronisation
+   * issues and should be replaced.
+   */
+  React.useEffect(function () {
+    if (onSearchInputChange) {
+      onSearchInputChange(searchQuery);
+    }
+  }, [searchQuery, onSearchInputChange]);
+  var searchFilter = useCallback(function (nodes) {
+    return searchQuery ? Array.from(nodes).filter(function (f) {
+      return f.textValue.toLowerCase().includes(searchQuery.toLowerCase());
+    }) : nodes;
+  }, [searchQuery]);
+  // Create state based on the incoming props to manage the selection
+  var state = useListState(__assign(__assign({}, otherProps), {
+    children: function (item) {
+      return /*#__PURE__*/React.createElement(Item, {
+        key: item.value
+      }, item.label);
+    },
+    filter: onSearchInputChange ? undefined : searchFilter
+  }));
+  // Get A11y attributes and events for the listbox
+  var ref = /*#__PURE__*/React.createRef();
+  var _b = useListBox(__assign(__assign(__assign({}, menuProps), otherProps), {
+      disallowEmptySelection: true
+    }), state, ref),
+    listBoxProps = _b.listBoxProps,
+    labelProps = _b.labelProps;
+  return /*#__PURE__*/React.createElement(SelectionContext.Provider, {
+    value: {
+      listBoxProps: listBoxProps,
+      labelProps: labelProps,
+      selectionState: state,
+      listRef: ref,
+      setSearchQuery: setSearchQuery,
+      searchQuery: searchQuery
+    }
+  }, /*#__PURE__*/React.createElement(VisuallyHidden, __assign({}, labelProps), otherProps.label), otherProps.children);
+};
+var useSelectionContext = function () {
+  return useContext(SelectionContext);
+};
+var SelectionConsumer = function (_a) {
+  var children = _a.children;
+  return /*#__PURE__*/React.createElement(SelectionContext.Consumer, null, children);
+};
+export { SelectionConsumer, SelectionProvider, useSelectionContext };
+//# sourceMappingURL=SelectionProvider.mjs.map

package/dist/esm/FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionProvider.mjs","sources":["../../../../../src/FilterMultiSelect/context/SelectionProvider/SelectionProvider.tsx"],"sourcesContent":["import React, { HTMLAttributes, useCallback, useContext, useState } from \"react\"\nimport { useListBox } from \"@react-aria/listbox\"\nimport { Item } from \"@react-stately/collections\"\nimport { ListState, useListState } from \"@react-stately/list\"\nimport { SelectionMode, Selection } from \"@react-types/shared\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport { ItemType, MultiSelectItem } from \"../../types\"\nimport { useMenuTriggerContext } from \"../MenuTriggerProvider\"\n\nexport type SelectionProviderProps = {\n  selectionMode: SelectionMode\n  children: React.ReactNode // control how menu should look like\n  items?: ItemType[]\n  onSelectionChange?: (keys: Selection) => void\n  /** The currently selected keys in the collection (controlled). */\n  selectedKeys?: Selection\n  /** The initial selected keys in the collection (uncontrolled). */\n  defaultSelectedKeys?: Selection\n  label: string\n  disabledKeys?: Selection\n  onSearchInputChange?: (searchInput: string) => void\n}\n\nexport type SelectionProviderContextType = {\n  listBoxProps: HTMLAttributes<HTMLElement>\n  labelProps: HTMLAttributes<HTMLElement>\n  selectionState: ListState<ItemType>\n  listRef: React.RefObject<HTMLUListElement>\n  searchQuery?: string\n  setSearchQuery: React.Dispatch<React.SetStateAction<string>>\n}\n\nconst SelectionContext = React.createContext<SelectionProviderContextType>(\n  {} as SelectionProviderContextType\n)\n\nexport const SelectionProvider = (\n  props: SelectionProviderProps\n): JSX.Element => {\n  const { onSearchInputChange, ...otherProps } = props\n  const [searchQuery, setSearchQuery] = useState<string>(\"\")\n  const { menuProps } = useMenuTriggerContext()\n  /**\n   * While the onSearchInputChange  is a side-effect, this useEffect should be fine.\n   * If the search input state becomes controlled, this useEffect could cause synchronisation\n   * issues and should be replaced.\n   */\n\n  React.useEffect(() => {\n    if (onSearchInputChange) {\n      onSearchInputChange(searchQuery)\n    }\n  }, [searchQuery, onSearchInputChange])\n\n  const searchFilter = useCallback(\n    (nodes: Iterable<MultiSelectItem>): Iterable<MultiSelectItem> =>\n      searchQuery\n        ? Array.from(nodes).filter(f =>\n            f.textValue.toLowerCase().includes(searchQuery.toLowerCase())\n          )\n        : nodes,\n    [searchQuery]\n  )\n\n  // Create state based on the incoming props to manage the selection\n  const state = useListState({\n    ...otherProps,\n    children: item => <Item key={item.value}>{item.label}</Item>, // For initialising selection and determined item.renderer, can be only Item or Section\n    filter: onSearchInputChange ? undefined : searchFilter, // If the user has passed an `onSearchInputChange` we opt them out of the default filtering\n  })\n\n  // Get A11y attributes and events for the listbox\n  const ref = React.createRef<HTMLUListElement>()\n  const { listBoxProps, labelProps } = useListBox(\n    {\n      ...menuProps,\n      ...otherProps,\n      disallowEmptySelection: true, // stop escape key from clearing selection\n    },\n    state,\n    ref\n  )\n\n  return (\n    <SelectionContext.Provider\n      value={{\n        listBoxProps,\n        labelProps,\n        selectionState: state,\n        listRef: ref,\n        setSearchQuery,\n        searchQuery,\n      }}\n    >\n      <VisuallyHidden {...labelProps}>{otherProps.label}</VisuallyHidden>\n      {otherProps.children}\n    </SelectionContext.Provider>\n  )\n}\n\nexport const useSelectionContext = (): SelectionProviderContextType =>\n  useContext(SelectionContext)\n\nexport const SelectionConsumer = ({\n  children,\n}: React.ConsumerProps<SelectionProviderContextType>): JSX.Element => (\n  <SelectionContext.Consumer>{children}</SelectionContext.Consumer>\n)\n"],"names":["SelectionContext","React","createContext","SelectionProvider","props","onSearchInputChange","otherProps","__rest","_a","useState","searchQuery","setSearchQuery","menuProps","useMenuTriggerContext","useEffect","searchFilter","useCallback","nodes","Array","from","filter","f","textValue","toLowerCase","includes","state","useListState","children","item","createElement","Item","key","value","label","undefined","ref","createRef","_b","useListBox","__assign","disallowEmptySelection","listBoxProps","labelProps","Provider","selectionState","listRef","VisuallyHidden","useSelectionContext","useContext","SelectionConsumer","Consumer"],"mappings":"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"}

package/dist/esm/FilterMultiSelect/subcomponents/ListBox/ListBox.mjs

@@ -0,0 +1,77 @@
+import { __assign, __spreadArray } from 'tslib';
+import React, { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { useSelectionContext } from '../../context/SelectionProvider/SelectionProvider.mjs';
+import styles from './ListBox.module.scss.mjs';
+var getItemsFromKeys = function (items, keys) {
+  var itemKeys = Array.from(keys);
+  return itemKeys.reduce(function (acc, itemKey) {
+    var item = items.getItem(itemKey);
+    return item ? __spreadArray(__spreadArray([], acc, true), [item], false) : acc;
+  }, []);
+};
+const ListBox = /*#__PURE__*/function () {
+  const ListBox = function (_a) {
+    var children = _a.children;
+    var _b = useSelectionContext(),
+      listBoxProps = _b.listBoxProps,
+      listRef = _b.listRef,
+      selectionState = _b.selectionState;
+    var _c = useState(false),
+      isOverflown = _c[0],
+      setIsOverflown = _c[1];
+    useEffect(function () {
+      var listElement = listRef.current;
+      if (!listElement) {
+        return;
+      }
+      setIsOverflown(listElement.scrollHeight > listElement.clientHeight);
+    }, [listRef]);
+    var items = selectionState.collection,
+      disabledKeys = selectionState.disabledKeys,
+      selectedKeys = selectionState.selectionManager.selectedKeys;
+    var disabledItems = getItemsFromKeys(items, disabledKeys);
+    var selectedItems = getItemsFromKeys(items, selectedKeys);
+    var unselectedItems = Array.from(items).filter(function (item) {
+      return !disabledKeys.has(item.key) && !selectedKeys.has(item.key);
+    });
+    var allItems = Array.from(items);
+    var hasNoItems = allItems.length === 0;
+    var _d = useState({
+        selectedItems: selectedItems,
+        unselectedItems: unselectedItems,
+        disabledItems: disabledItems,
+        allItems: allItems,
+        hasNoItems: hasNoItems
+      }),
+      itemsState = _d[0],
+      setItemsState = _d[1];
+    // Only update rendering of items when filtering.
+    // Avoids re-ordering of items when making a selection
+    useEffect(function () {
+      setItemsState({
+        selectedItems: selectedItems,
+        disabledItems: disabledItems,
+        unselectedItems: unselectedItems,
+        allItems: allItems,
+        hasNoItems: hasNoItems
+      });
+    }, [selectionState.collection.size]);
+    if (hasNoItems) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: styles.noResultsWrapper
+      }, children(itemsState)), /*#__PURE__*/React.createElement("ul", {
+        ref: listRef,
+        className: styles.hidden
+      }));
+    }
+    return /*#__PURE__*/React.createElement("ul", __assign({}, listBoxProps, {
+      ref: listRef,
+      className: classnames(styles.listBox, isOverflown && styles.overflown)
+    }), children(itemsState));
+  };
+  ListBox.displayName = "FilterMultiSelect.ListBox";
+  return ListBox;
+}();
+export { ListBox };
+//# sourceMappingURL=ListBox.mjs.map

package/dist/esm/FilterMultiSelect/subcomponents/ListBox/ListBox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.mjs","sources":["../../../../../src/FilterMultiSelect/subcomponents/ListBox/ListBox.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\"\nimport { Collection } from \"@react-types/shared\"\nimport classnames from \"classnames\"\nimport { useSelectionContext } from \"../../context/SelectionProvider\"\nimport { MultiSelectItem } from \"../../types\"\nimport styles from \"./ListBox.module.scss\"\n\nexport type ListBoxItems = {\n  selectedItems: MultiSelectItem[]\n  unselectedItems: MultiSelectItem[]\n  disabledItems: MultiSelectItem[]\n  allItems: MultiSelectItem[]\n  hasNoItems: boolean\n}\n\nexport type ListBoxProps = {\n  children: (items: ListBoxItems) => React.ReactNode\n}\n\nconst getItemsFromKeys = (\n  items: Collection<MultiSelectItem>,\n  keys: Set<React.Key>\n): MultiSelectItem[] => {\n  const itemKeys = Array.from(keys)\n  return itemKeys.reduce<MultiSelectItem[]>((acc, itemKey) => {\n    const item = items.getItem(itemKey)\n    return item ? [...acc, item] : acc\n  }, [])\n}\n\nexport const ListBox = ({ children }: ListBoxProps): JSX.Element => {\n  const { listBoxProps, listRef, selectionState } = useSelectionContext()\n  const [isOverflown, setIsOverflown] = useState(false)\n  useEffect(() => {\n    const listElement = listRef.current\n    if (!listElement) {\n      return\n    }\n    setIsOverflown(listElement.scrollHeight > listElement.clientHeight)\n  }, [listRef])\n  const {\n    collection: items,\n    disabledKeys,\n    selectionManager: { selectedKeys },\n  } = selectionState\n\n  const disabledItems = getItemsFromKeys(items, disabledKeys)\n  const selectedItems = getItemsFromKeys(items, selectedKeys)\n\n  const unselectedItems = Array.from(items).filter(\n    item => !disabledKeys.has(item.key) && !selectedKeys.has(item.key)\n  )\n  const allItems = Array.from(items)\n  const hasNoItems = allItems.length === 0\n\n  const [itemsState, setItemsState] = useState<ListBoxItems>({\n    selectedItems,\n    unselectedItems,\n    disabledItems,\n    allItems,\n    hasNoItems,\n  })\n\n  // Only update rendering of items when filtering.\n  // Avoids re-ordering of items when making a selection\n  useEffect(() => {\n    setItemsState({\n      selectedItems,\n      disabledItems,\n      unselectedItems,\n      allItems,\n      hasNoItems,\n    })\n  }, [selectionState.collection.size])\n\n  if (hasNoItems) {\n    return (\n      <>\n        <div className={styles.noResultsWrapper}>{children(itemsState)}</div>\n        {/* This ul with the ref needs to exist otherwise it fatals */}\n        <ul ref={listRef} className={styles.hidden} />\n      </>\n    )\n  }\n\n  return (\n    <ul\n      {...listBoxProps}\n      ref={listRef}\n      className={classnames(styles.listBox, isOverflown && styles.overflown)}\n    >\n      {children(itemsState)}\n    </ul>\n  )\n}\n\nListBox.displayName = \"FilterMultiSelect.ListBox\"\n"],"names":["getItemsFromKeys","items","keys","itemKeys","Array","from","reduce","acc","itemKey","item","getItem","__spreadArray","ListBox","_a","children","_b","useSelectionContext","listBoxProps","listRef","selectionState","_c","useState","isOverflown","setIsOverflown","useEffect","listElement","current","scrollHeight","clientHeight","collection","disabledKeys","selectedKeys","disabledItems","selectedItems","unselectedItems","filter","has","key","allItems","hasNoItems","length","_d","itemsState","setItemsState","size","React","createElement","Fragment","className","styles","noResultsWrapper","ref","hidden","__assign","classnames","listBox","overflown","displayName"],"mappings":"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"}

package/dist/esm/FilterMultiSelect/subcomponents/ListBox/ListBox.module.scss.mjs

@@ -0,0 +1,8 @@
+var styles = {
+  "listBox": "ListBox-module_listBox__UNOzJ",
+  "overflown": "ListBox-module_overflown__ATtxj",
+  "hidden": "ListBox-module_hidden__tQP6S",
+  "noResultsWrapper": "ListBox-module_noResultsWrapper__iJ-x6"
+};
+export { styles as default };
+//# sourceMappingURL=ListBox.module.scss.mjs.map

package/dist/esm/FilterMultiSelect/subcomponents/ListBox/ListBox.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/esm/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -0,0 +1,33 @@
+import { __rest } from 'tslib';
+import React, { useState } from 'react';
+import { v4 } from 'uuid';
+import { VisuallyHidden } from '@kaizen/a11y';
+import styles from './ListBoxSection.module.scss.mjs';
+const ListBoxSection = /*#__PURE__*/function () {
+  const ListBoxSection = function (_a) {
+    var items = _a.items,
+      children = _a.children,
+      sectionName = _a.sectionName,
+      restProps = __rest(_a, ["items", "children", "sectionName"]);
+    var listSectionId = useState(v4())[0];
+    var hasSectionHeader = ("sectionHeader" in restProps);
+    return /*#__PURE__*/React.createElement("li", {
+      role: "presentation"
+    }, /*#__PURE__*/React.createElement("ul", {
+      className: styles.listBoxSection,
+      "aria-label": !hasSectionHeader ? sectionName : undefined,
+      "aria-labelledby": hasSectionHeader ? listSectionId : undefined,
+      role: "group"
+    }, hasSectionHeader && /*#__PURE__*/React.createElement("li", {
+      className: styles.listBoxSectionHeader,
+      id: listSectionId,
+      role: "presentation"
+    }, sectionName && /*#__PURE__*/React.createElement(VisuallyHidden, null, sectionName, ". "), restProps.sectionHeader), Array.from(items).map(function (node) {
+      return node != undefined && children(node);
+    })));
+  };
+  ListBoxSection.displayName = "ListBoxSection";
+  return ListBoxSection;
+}();
+export { ListBoxSection };
+//# sourceMappingURL=ListBoxSection.mjs.map

package/dist/esm/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBoxSection.mjs","sources":["../../../../../src/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.tsx"],"sourcesContent":["import React, { ReactNode, useState } from \"react\"\nimport { v4 } from \"uuid\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport { MultiSelectItem } from \"../../types\"\nimport styles from \"./ListBoxSection.module.scss\"\n\ntype SectionNameProps = {\n  /**\n   * Becomes an aria-label on the section, informing\n   * unsighted users\n   */\n  sectionName: string\n}\n\ntype SectionHeaderProps = {\n  /**\n   * Becomes an aria-label on the section, informing\n   * unsighted users\n   */\n  sectionName?: string\n  /**\n   * Can be used for a visual title of the ListBoxSection or to provide addition information in a React node.\n   * If this is the same title as sectionName, you should only pass in a sectionHeader to avoid duplicate descriptions.\n   */\n  sectionHeader: ReactNode\n}\n\nexport type ListBoxSectionProps = {\n  items: MultiSelectItem[]\n  children: (item: MultiSelectItem) => React.ReactNode\n} & (SectionHeaderProps | SectionNameProps)\n\nexport const ListBoxSection = ({\n  items,\n  children,\n  sectionName,\n  ...restProps\n}: ListBoxSectionProps): JSX.Element => {\n  const [listSectionId] = useState<string>(v4())\n  const hasSectionHeader = \"sectionHeader\" in restProps\n  return (\n    <li role=\"presentation\">\n      <ul\n        className={styles.listBoxSection}\n        aria-label={!hasSectionHeader ? sectionName : undefined}\n        aria-labelledby={hasSectionHeader ? listSectionId : undefined}\n        role=\"group\"\n      >\n        {hasSectionHeader && (\n          <li\n            className={styles.listBoxSectionHeader}\n            id={listSectionId}\n            role=\"presentation\"\n          >\n            {sectionName && <VisuallyHidden>{sectionName}. </VisuallyHidden>}\n            {restProps.sectionHeader}\n          </li>\n        )}\n        {/*\n         * This seems semantically strange but most closely aligns to WCAGs suggested pattern:\n         https://www.w3.org/WAI/ARIA/apg/patterns/listbox/examples/listbox-grouped/\n         * the role=\"presentation\" will throw an error a11y warning \"Element has children which are not allowed\".\n         This is expected and is an accepted issue / potential limitation with axe\n         */}\n        {Array.from(items).map(node => node != undefined && children(node))}\n      </ul>\n    </li>\n  )\n}\nListBoxSection.displayName = \"ListBoxSection\"\n"],"names":["ListBoxSection","_a","items","children","sectionName","restProps","__rest","listSectionId","useState","v4","hasSectionHeader","React","createElement","role","className","styles","listBoxSection","undefined","listBoxSectionHeader","id","VisuallyHidden","sectionHeader","Array","from","map","node","displayName"],"mappings":";;;;;MAgCaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJpB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACRC,SAAS,GAJiBC,MAAA,CAAAL,EAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAK9B,CADa;IAEL,IAAAM,aAAa,GAAIC,QAAQ,CAASC,EAAE,CAAA,CAAE,CAAC,GAA1B;IACpB,IAAMC,gBAAgB,IAAG,eAAe,IAAIL,SAAS;IACrD,oBACEM,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;MAAIC,IAAI,EAAC;IAAc,CAAA,eACrBF,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;MACEE,SAAS,EAAEC,MAAM,CAACC,cAAc;MAAA,YAAA,EACpB,CAACN,gBAAgB,GAAGN,WAAW,GAAGa,SAAS;MACtC,iBAAA,EAAAP,gBAAgB,GAAGH,aAAa,GAAGU,SAAS;MAC7DJ,IAAI,EAAC;IAAO,CAAA,EAEXH,gBAAgB,iBACfC,KACE,CAAAC,aAAA,CAAA,IAAA,EAAA;MAAAE,SAAS,EAAEC,MAAM,CAACG,oBAAoB;MACtCC,EAAE,EAAEZ,aAAa;MACjBM,IAAI,EAAC;IAAc,CAAA,EAElBT,WAAW,iBAAIO,oBAACS,cAAc,EAAA,IAAA,EAAEhB,WAAW,EAAoB,IAAA,CAAA,EAC/DC,SAAS,CAACgB,aAAa,CAE3B,EAOAC,KAAK,CAACC,IAAI,CAACrB,KAAK,CAAC,CAACsB,GAAG,CAAC,UAAAC,IAAI,EAAA;MAAI,OAAAA,IAAI,IAAIR,SAAS,IAAId,QAAQ,CAACsB,IAAI,CAAC;IAAA,CAAA,CAAC,CAChE,CACF;EAET,CAAC;EACDzB,cAAc,CAAC0B,WAAW,GAAG,gBAAgB;EAAA,OArChC1B,cAAc;AAAA;"}