@kaizen/components 0.0.0-canary-cg-test-20231011042031 → 0.0.0-canary-cg-test-20231011223010

package/dist/cjs/FilterMultiSelect/FilterMultiSelect.js

@@ -2,7 +2,6 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var draftForm = require('@kaizen/draft-form');
 var MenuTriggerProvider = require('./context/MenuTriggerProvider/MenuTriggerProvider.js');
 var SelectionProvider = require('./context/SelectionProvider/SelectionProvider.js');
 var ListBox = require('./subcomponents/ListBox/ListBox.js');
@@ -15,8 +14,7 @@ var MultiSelectOption = require('./subcomponents/MultiSelectOption/MultiSelectOp
 var NoResults = require('./subcomponents/NoResults/NoResults.js');
 var SearchInput = require('./subcomponents/SearchInput/SearchInput.js');
 var SectionDivider = require('./subcomponents/SectionDivider/SectionDivider.js');
-require('classnames');
-require('@kaizen/a11y');
+var ClearButton = require('./subcomponents/SelectionControlButton/ClearButton/ClearButton.js');
 var SelectAllButton = require('./subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.js');
 var FilterTriggerButton = require('./subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.js');
 var RemovableFilterTrigger = require('./subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.js');
@@ -72,7 +70,7 @@ const FilterMultiSelect = /*#__PURE__*/function () {
   FilterMultiSelect.SectionDivider = SectionDivider.SectionDivider;
   FilterMultiSelect.Option = MultiSelectOption.MultiSelectOption;
   FilterMultiSelect.SelectAllButton = SelectAllButton.SelectAllButton;
-  FilterMultiSelect.ClearButton = draftForm.ClearButton;
+  FilterMultiSelect.ClearButton = ClearButton.ClearButton;
   FilterMultiSelect.MenuFooter = MenuFooter.MenuFooter; // For layout
   // Menu Loading Skeleton example
   FilterMultiSelect.MenuLoadingSkeleton = MenuLoadingSkeleton.MenuLoadingSkeleton;

package/dist/cjs/FilterMultiSelect/FilterMultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterMultiSelect.js","sources":["../../../src/FilterMultiSelect/FilterMultiSelect.tsx"],"sourcesContent":["import React from \"react\"\nimport { SelectionMode, Selection } from \"@react-types/shared\"\nimport { ClearButton } from \"@kaizen/draft-form\"\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 { SelectAllButton } 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  {\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\n): 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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"}
+{"version":3,"file":"FilterMultiSelect.js","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/cjs/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTriggerProvider.js","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, defaultOpen, onOpenChange, children }: MenuTriggerProviderProps\n): 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 }: React.ConsumerProps<MenuTriggerProviderContextType>\n): 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,GAAGC,KAAK,CAACC,aAAa,CAC5C,CAAA,CAAoC,CACrC;AACK,SAAUC,mBAAmBA,CACjCC,EAAyE,EAAA;MAAvEC,MAAM,GAAAD,EAAA,CAAAC,MAAA;IAAEC,WAAW,GAAAF,EAAA,CAAAE,WAAA;IAAEC,YAAY,GAAAH,EAAA,CAAAG,YAAA;IAAEC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;;EAG7C,IAAMC,KAAK,GAAGC,wBAAmB,CAAC;IAAEL,MAAM,EAAAA,MAAA;IAAEC,WAAW,aAAA;IAAEC,YAAY,EAAAA;EAAA,CAAE,CAAC;;EAGxE,IAAMI,GAAG,GAAGV,KAAK,CAACW,SAAS,EAAqB;EAC1C,IAAAC,EAAkC,GAAAC,MAAAA,CAAAA,cAAc,CACpD,CAAE,CAAA,EACFL,KAAK,EACLE,GAAG,CACJ;IAJOI,gBAAgB,GAAAF,EAAA,CAAAE,gBAAA;IAAEC,SAAS,eAIlC;;EAGO,IAAAC,WAAW,GAAKC,MAAS,CAAAA,SAAA,CAACH,gBAAgB,EAAEJ,GAAG,CAAC,CAAAM,WAArC;EAEnB,OACEhB,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,KAAAA,CAAAA,UAAU,CAACzB,kBAAkB,CAAC;AAA9B,CAA8B;AAEzB,IAAM0B,mBAAmB,GAAG,SAAAA,CACjCtB,EAAiE,EAAA;EAA/D,IAAAI,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;EACM,OAChBP,oBAACD,kBAAkB,CAAC2B,QAAQ,EAAE,IAAA,EAAAnB,QAAQ,CAA+B;AADrD,CAAA;;;"}
+{"version":3,"file":"MenuTriggerProvider.js","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,GAAGC,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,wBAAmB,CAAC;IAAEL,MAAM,EAAAA,MAAA;IAAEC,WAAW,aAAA;IAAEC,YAAY,EAAAA;EAAA,CAAE,CAAC;;EAGxE,IAAMI,GAAG,GAAGV,KAAK,CAACW,SAAS,EAAqB;EAC1C,IAAAC,EAAkC,GAAAC,MAAAA,CAAAA,cAAc,CACpD,CAAE,CAAA,EACFL,KAAK,EACLE,GAAG,CACJ;IAJOI,gBAAgB,GAAAF,EAAA,CAAAE,gBAAA;IAAEC,SAAS,eAIlC;;EAGO,IAAAC,WAAW,GAAKC,MAAS,CAAAA,SAAA,CAACH,gBAAgB,EAAEJ,GAAG,CAAC,CAAAM,WAArC;EAEnB,OACEhB,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,KAAAA,CAAAA,UAAU,CAACzB,kBAAkB,CAAC;AAA9B,CAA8B;AAEzB,IAAM0B,mBAAmB,GAAG,SAAAA,CAACtB,EAEkB,EAAA;EADpD,IAAAI,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;EAC8D,OACtEP,oBAACD,kBAAkB,CAAC2B,QAAQ,EAAE,IAAA,EAAAnB,QAAQ,CAA+B;AADC,CAAA;;;"}

package/dist/cjs/FilterMultiSelect/context/SelectionProvider/SelectionProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionProvider.js","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 }: React.ConsumerProps<SelectionProviderContextType>\n): 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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"}
+{"version":3,"file":"SelectionProvider.js","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/cjs/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var a11y = require('@kaizen/a11y');
+require('../../../context/MenuTriggerProvider/MenuTriggerProvider.js');
+var SelectionProvider = require('../../../context/SelectionProvider/SelectionProvider.js');
+var SelectionControlButton_module = require('../SelectionControlButton.module.scss.js');
+const ClearButton = /*#__PURE__*/function () {
+  const ClearButton = function () {
+    var selectionState = SelectionProvider.useSelectionContext().selectionState;
+    var filteredOptions = Array.from(selectionState.collection.getKeys());
+    var selectedOptions = Array.from(selectionState.selectionManager.selectedKeys);
+    var isDisabled = filteredOptions.length === 0 || !Boolean(filteredOptions.find(function (key) {
+      return selectionState.selectionManager.isSelected(key);
+    }));
+    return React.createElement("button", {
+      type: "button",
+      className: classnames(SelectionControlButton_module.button, isDisabled && SelectionControlButton_module.isDisabled),
+      "aria-disabled": isDisabled,
+      onClick: function () {
+        !isDisabled && selectionState.selectionManager.setSelectedKeys(selectedOptions.filter(function (option) {
+          return !filteredOptions.includes(option);
+        }));
+      }
+    }, "Clear", React.createElement(a11y.VisuallyHidden, null, " selections"));
+  };
+  ClearButton.displayName = "FilterMultiSelect.ClearButton";
+  return ClearButton;
+}();
+exports.ClearButton = ClearButton;
+//# sourceMappingURL=ClearButton.js.map

package/dist/cjs/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.js","sources":["../../../../../../src/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport { useSelectionContext } from \"../../../context\"\nimport styles from \"../SelectionControlButton.module.scss\"\n\nexport const ClearButton = (): JSX.Element => {\n  const { selectionState } = useSelectionContext()\n  const filteredOptions = Array.from(selectionState.collection.getKeys())\n  const selectedOptions = Array.from(\n    selectionState.selectionManager.selectedKeys\n  )\n  const isDisabled =\n    filteredOptions.length === 0 ||\n    !Boolean(\n      filteredOptions.find(key =>\n        selectionState.selectionManager.isSelected(key)\n      )\n    )\n\n  return (\n    <button\n      type=\"button\"\n      className={classnames(styles.button, isDisabled && styles.isDisabled)}\n      aria-disabled={isDisabled}\n      onClick={\n        (): void => {\n          !isDisabled &&\n            selectionState.selectionManager.setSelectedKeys(\n              selectedOptions.filter(\n                option => !filteredOptions.includes(option)\n              )\n            )\n        }\n        // TODO: add announcement here to inform selection cleared\n      }\n    >\n      Clear<VisuallyHidden> selections</VisuallyHidden>\n    </button>\n  )\n}\n\nClearButton.displayName = \"FilterMultiSelect.ClearButton\"\n"],"names":["ClearButton","selectionState","useSelectionContext","filteredOptions","Array","from","collection","getKeys","selectedOptions","selectionManager","selectedKeys","isDisabled","length","Boolean","find","key","isSelected","React","createElement","type","className","classnames","styles","button","onClick","setSelectedKeys","filter","option","includes","VisuallyHidden","displayName"],"mappings":";;;;;;;;MAMaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAAA,EAAA;IACjB,IAAAC,cAAc,GAAKC,qCAAmB,CAAE,CAAA,eAA1B;IACtB,IAAMC,eAAe,GAAGC,KAAK,CAACC,IAAI,CAACJ,cAAc,CAACK,UAAU,CAACC,OAAO,CAAA,CAAE,CAAC;IACvE,IAAMC,eAAe,GAAGJ,KAAK,CAACC,IAAI,CAChCJ,cAAc,CAACQ,gBAAgB,CAACC,YAAY,CAC7C;IACD,IAAMC,UAAU,GACdR,eAAe,CAACS,MAAM,KAAK,CAAC,IAC5B,CAACC,OAAO,CACNV,eAAe,CAACW,IAAI,CAAC,UAAAC,GAAG,EAAA;MACtB,OAAAd,cAAc,CAACQ,gBAAgB,CAACO,UAAU,CAACD,GAAG,CAAC;IAAA,CAAA,CAChD,CACF;IAEH,OACEE,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAC,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAEC,UAAU,CAACC,6BAAM,CAACC,MAAM,EAAEZ,UAAU,IAAIW,6BAAM,CAACX,UAAU,CAAC;MACtD,eAAA,EAAAA,UAAU;MACzBa,OAAO,EACL,SAAAA,CAAA,EAAA;QACE,CAACb,UAAU,IACTV,cAAc,CAACQ,gBAAgB,CAACgB,eAAe,CAC7CjB,eAAe,CAACkB,MAAM,CACpB,UAAAC,MAAM,EAAA;UAAI,OAAA,CAACxB,eAAe,CAACyB,QAAQ,CAACD,MAAM,CAAC;QAAjC,CAAiC,CAC5C,CACF;;IACJ,CAAA,WAIEV,KAAA,CAAAC,aAAA,CAACW,IAAAA,CAAAA,cAAc,EAAA,IAAA,EAAA,aAAA,CAA6B,CAC1C;EAEb,CAAC;EAED7B,WAAW,CAAC8B,WAAW,GAAG,+BAA+B;EAAA,OApC5C9B,WAAW;AAAA;"}

package/dist/cjs/Notification/subcomponents/CancelButton/CancelButton.js

@@ -3,17 +3,21 @@
 var React = require('react');
 var CloseIcon = require('../../../Icon/CloseIcon.js');
 var GenericNotification_module = require('../GenericNotification/GenericNotification.module.scss.js');
-var CancelButton = function (_a) {
-  var onClick = _a.onClick;
-  return React.createElement("button", {
-    className: GenericNotification_module.cancel,
-    type: "button",
-    onClick: onClick,
-    "data-testid": "close-button",
-    "aria-label": "Close notification"
-  }, React.createElement(CloseIcon.CloseIcon, {
-    role: "presentation"
-  }));
-};
+const CancelButton = /*#__PURE__*/function () {
+  const CancelButton = function (_a) {
+    var onClick = _a.onClick;
+    return React.createElement("button", {
+      className: GenericNotification_module.cancel,
+      type: "button",
+      onClick: onClick,
+      "data-testid": "close-button",
+      "aria-label": "Close notification"
+    }, React.createElement(CloseIcon.CloseIcon, {
+      role: "presentation"
+    }));
+  };
+  CancelButton.displayName = "CancelButton";
+  return CancelButton;
+}();
 exports.CancelButton = CancelButton;
 //# sourceMappingURL=CancelButton.js.map

package/dist/cjs/Notification/subcomponents/CancelButton/CancelButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelButton.js","sources":["../../../../../src/Notification/subcomponents/CancelButton/CancelButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { CloseIcon } from \"~components/Icon/CloseIcon\"\nimport styles from \"../GenericNotification/GenericNotification.module.scss\"\n\ntype CancelButtonProps = {\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const CancelButton = ({ onClick }: CancelButtonProps): JSX.Element => (\n  <button\n    className={styles.cancel}\n    type=\"button\"\n    onClick={onClick}\n    data-testid=\"close-button\"\n    aria-label=\"Close notification\"\n  >\n    <CloseIcon role=\"presentation\" />\n  </button>\n)\n"],"names":["CancelButton","_a","onClick","React","createElement","className","styles","cancel","type","CloseIcon","role"],"mappings":";;;;;AAQO,IAAMA,YAAY,GAAG,SAAAA,CAACC,EAA8B,EAAA;EAA5B,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;EAAuC,OAC3EC,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;IAAAC,SAAS,EAAEC,0BAAM,CAACC,MAAM;IACxBC,IAAI,EAAC,QAAQ;IACbN,OAAO,EAAEA,OAAO;IACJ,aAAA,EAAA,cAAc;kBACf;EAAoB,CAAA,EAE/BC,KAAA,CAAAC,aAAA,CAACK,SAAS,CAAAA,SAAA,EAAC;IAAAC,IAAI,EAAC;EAAc,CAAA,CAAG,CAC1B;AATkE,CAAA;"}
+{"version":3,"file":"CancelButton.js","sources":["../../../../../src/Notification/subcomponents/CancelButton/CancelButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { CloseIcon } from \"~components/Icon/CloseIcon\"\nimport styles from \"../GenericNotification/GenericNotification.module.scss\"\n\ntype CancelButtonProps = {\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const CancelButton = ({ onClick }: CancelButtonProps): JSX.Element => (\n  <button\n    className={styles.cancel}\n    type=\"button\"\n    onClick={onClick}\n    data-testid=\"close-button\"\n    aria-label=\"Close notification\"\n  >\n    <CloseIcon role=\"presentation\" />\n  </button>\n)\n\nCancelButton.displayName = \"CancelButton\"\n"],"names":["CancelButton","_a","onClick","React","createElement","className","styles","cancel","type","CloseIcon","role","displayName"],"mappings":";;;;;MAQaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAA8B,EAAA;IAA5B,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;IAAuC,OAC3EC,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAC,SAAS,EAAEC,0BAAM,CAACC,MAAM;MACxBC,IAAI,EAAC,QAAQ;MACbN,OAAO,EAAEA,OAAO;MACJ,aAAA,EAAA,cAAc;oBACf;IAAoB,CAAA,EAE/BC,KAAA,CAAAC,aAAA,CAACK,SAAS,CAAAA,SAAA,EAAC;MAAAC,IAAI,EAAC;IAAc,CAAA,CAAG,CAC1B;EATkE,CAU5E;EAEDV,YAAY,CAACW,WAAW,GAAG,cAAc;EAAA,OAZ5BX,YAAY;AAAA;"}

package/dist/cjs/dts/FilterMultiSelect/FilterMultiSelect.d.ts

@@ -49,7 +49,7 @@ export declare const FilterMultiSelect: {
         displayName: string;
     };
     ClearButton: {
-        ({ classNameOverride, isReversed, ...restProps }: import("@kaizen/draft-form").ClearButtonProps): JSX.Element;
+        (): JSX.Element;
         displayName: string;
     };
     MenuFooter: {

package/dist/cjs/dts/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.d.ts

@@ -15,6 +15,6 @@ export type MenuTriggerProviderContextType = {
     menuTriggerState: MenuTriggerState;
     buttonRef: React.RefObject<HTMLButtonElement>;
 };
-export declare function MenuTriggerProvider({ isOpen, defaultOpen, onOpenChange, children }: MenuTriggerProviderProps): JSX.Element;
+export declare function MenuTriggerProvider({ isOpen, defaultOpen, onOpenChange, children, }: MenuTriggerProviderProps): JSX.Element;
 export declare const useMenuTriggerContext: () => MenuTriggerProviderContextType;
-export declare const MenuTriggerConsumer: ({ children }: React.ConsumerProps<MenuTriggerProviderContextType>) => JSX.Element;
+export declare const MenuTriggerConsumer: ({ children, }: React.ConsumerProps<MenuTriggerProviderContextType>) => JSX.Element;

package/dist/cjs/dts/FilterMultiSelect/context/SelectionProvider/SelectionProvider.d.ts

@@ -25,4 +25,4 @@ export type SelectionProviderContextType = {
 };
 export declare const SelectionProvider: (props: SelectionProviderProps) => JSX.Element;
 export declare const useSelectionContext: () => SelectionProviderContextType;
-export declare const SelectionConsumer: ({ children }: React.ConsumerProps<SelectionProviderContextType>) => JSX.Element;
+export declare const SelectionConsumer: ({ children, }: React.ConsumerProps<SelectionProviderContextType>) => JSX.Element;

package/dist/cjs/dts/Notification/subcomponents/CancelButton/CancelButton.d.ts

@@ -2,5 +2,8 @@ import React from "react";
 type CancelButtonProps = {
     onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
 };
-export declare const CancelButton: ({ onClick }: CancelButtonProps) => JSX.Element;
+export declare const CancelButton: {
+    ({ onClick }: CancelButtonProps): JSX.Element;
+    displayName: string;
+};
 export {};

package/dist/cjs/dts/index.d.ts

@@ -16,9 +16,11 @@ export * from "./ErrorPage";
 export * from "./FieldGroup";
 export * from "./FieldMessage";
 export * from "./Filter";
+export * from "./FilterBar";
 export * from "./FilterButton";
 export * from "./FilterDatePicker";
 export * from "./FilterDateRangePicker";
+export * from "./FilterMultiSelect";
 export * from "./FilterSelect";
 export * from "./Heading";
 export * from "./Icon";
@@ -32,5 +34,3 @@ export * from "./SearchField";
 export * from "./Slider";
 export * from "./Text";
 export * from "./Workflow";
-export * from "./FilterBar";
-export * from "./FilterMultiSelect";