@vibe/core 3.58.0 → 3.58.2-alpha-faacc.0

package/dist/src/components/Combobox/Combobox.module.scss.js.map

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

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import o,{useMemo as i}from"react";import n from"classnames";import r from"../components/ComboboxOption/ComboboxOption.js";import s from"../components/ComboboxCategory/ComboboxCategory.js";import a from"../../Divider/Divider.js";import{COMBOBOX_DIVIDER_ITEM as c,COMBOBOX_CATEGORY_ITEM as l,COMBOBOX_OPTION_ITEM as m}from"../components/ComboboxConstants.js";import d from"../../../hooks/useActiveDescendantListFocus/index.js";import{getOptionsByCategories as u}from"../ComboboxService.js";import p from"../components/ComboboxItems/ComboboxItems.module.scss.js";import g from"./ComboboxHelpers.module.scss.js";var h=17,v=32;function f(t){var o=t.categories,r=t.options,s=t.filterValue,a=t.withCategoriesDivider,c=t.optionLineHeight;return i((function(){var t=[],i=[],l=new Map;if(o){var m=u(r,o,s),d=0;Object.keys(m).forEach((function(r,s){var u=a&&0!==s;u&&t.push(I({categoryId:r}));var g=m[r].length>0,h=0===s,v=b({categoryId:r,categoryData:o[r],withDivider:u,className:n(e(e(e({},p.categoryWithOptions,g),p.categoryWithoutOptions,!g),p.firstCategory,h))});t.push(v),l.set(r,v),m[r].forEach((function(e){var o=C({height:c,option:e,index:d,categoryId:v.id});l.set(o.id,o),t.push(o),i.push(e),d++}))}))}else i=r,t=r.map((function(e,t){return C({height:c,option:e,index:t})}));return{items:t,itemsMap:l,selectableItems:i}}),[o,r,s,a,c])}function y(e){var t=e.defaultVisualFocusFirstIndex,o=e.inputRef,n=e.onClick,r=e.isChildSelectable,s=e.options,a=e.getOptionId,c=i((function(){return s.map((function(e,t){return a(null==e?void 0:e.id,t)}))}),[a,s]),l=d({defaultVisualFocusFirstIndex:t,focusedElementRef:o,focusedElementRole:d.roles.COMBOBOX,itemsIds:c,onItemClick:n,isItemSelectable:r,isIgnoreSpaceAsItemSelection:!0});return{visualFocusItemIndex:l.visualFocusItemIndex,visualFocusItemId:l.visualFocusItemId,onOptionClick:l.onItemClickCallback}}function I(e){return{type:c,height:h,id:"".concat(e.categoryId,"-divider")}}function b(e){return{height:v,type:l,category:e.categoryData,id:e.categoryId,withDivider:e.withDivider,className:e.className}}function C(e){var t=e.option,o=e.index;return{type:m,height:e.height,belongToCategory:!0,index:o,option:t,id:t.id||""+o,optionRenderer:e.optionRenderer,isActive:e.isActive,optionLineHeight:e.optionLineHeight,shouldScrollToSelectedItem:e.shouldScrollToSelectedItem,categoryId:e.categoryId}}function x(e){var i,r,s=e.item,a=e.style,d=e.optionEvents,u=e.optionRenderData,p=e.isVirtualized,h=e.stickyCategories,v=s.type,f=t(s,["type"]);switch(v){case c:r=O({id:f.id,height:f.height});break;case l:r=k({id:f.id,category:f.category,className:f.className}),h&&!p&&(i=g.sticky);break;case m:r=j(Object.assign(Object.assign(Object.assign({},f),d),u))}return o.createElement("div",{key:f.id,className:n(g.comboboxItemContainer,i),style:a},r)}function O(e){return o.createElement("div",{className:g.dividerContainer,style:{height:e.height}},o.createElement(a,{className:g.divider,key:e.id}))}function k(e){return o.createElement(s,{key:e.id,category:e.category,className:e.className})}function j(e){var t=e.index,i=e.onOptionEnter;return o.createElement(r,{className:e.className,index:t,key:e.id,option:e.option,optionRenderer:e.optionRenderer,scrollRef:e.scrollRef,isActive:e.activeItemIndex===t,visualFocus:t===e.visualFocusItemIndex,onOptionClick:e.onOptionClick,onOptionHover:i,onOptionLeave:e.onOptionLeave,onOptionEnter:i,optionLineHeight:e.optionLineHeight,shouldScrollWhenActive:e.shouldScrollToSelectedItem})}export{k as categoryItemRenderer,x as comboboxItemRenderer,b as createCategoryItemObject,I as createDividerItemObject,C as createOptionItemObject,O as dividerItemRenderer,j as optionItemRenderer,f as useItemsData,y as useKeyboardNavigation};
-//# sourceMappingURL=ComboboxHelpers.js.map

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxHelpers.js","sources":["../../../../../src/components/Combobox/ComboboxHelpers/ComboboxHelpers.tsx"],"sourcesContent":["import React, { CSSProperties, MutableRefObject, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport ComboboxOption from \"../components/ComboboxOption/ComboboxOption\";\nimport ComboboxCategory from \"../components/ComboboxCategory/ComboboxCategory\";\nimport Divider from \"../../Divider/Divider\";\nimport {\n  COMBOBOX_DIVIDER_ITEM,\n  COMBOBOX_CATEGORY_ITEM,\n  COMBOBOX_OPTION_ITEM,\n  IComboboxCategory,\n  IComboboxOption,\n  IComboboxCategoryMap,\n  IComboboxItem,\n  IOptionItemRendererArgs,\n  IComboboxOptionEvents\n} from \"../components/ComboboxConstants\";\nimport useActiveDescendantListFocus from \"../../../hooks/useActiveDescendantListFocus\";\nimport { getOptionsByCategories } from \"../ComboboxService\";\nimport comboboxItemsStyles from \"../components/ComboboxItems/ComboboxItems.module.scss\";\nimport styles from \"./ComboboxHelpers.module.scss\";\n\nconst DIVIDER_HEIGHT = 17;\nconst CATEGORY_HEIGHT = 32;\n\nexport function useItemsData({\n  categories,\n  options,\n  filterValue,\n  withCategoriesDivider,\n  optionLineHeight\n}: {\n  categories: IComboboxCategoryMap;\n  options: IComboboxOption[];\n  filterValue: string;\n  withCategoriesDivider: boolean;\n  optionLineHeight: number;\n}) {\n  return useMemo(() => {\n    let items: IComboboxItem[] = [];\n    let selectableItems: IComboboxOption[] = [];\n    const itemsMap = new Map();\n\n    if (categories) {\n      const optionsByCategories = getOptionsByCategories(options, categories, filterValue);\n      let optionIndex = 0;\n      Object.keys(optionsByCategories).forEach((categoryId, categoryIndex) => {\n        const withDivider = withCategoriesDivider && categoryIndex !== 0;\n        if (withDivider) {\n          items.push(createDividerItemObject({ categoryId }));\n        }\n\n        const isCategoryWithOptions = optionsByCategories[categoryId].length > 0;\n        const isFirstCategory = categoryIndex === 0;\n\n        const categoryObject = createCategoryItemObject({\n          categoryId,\n          categoryData: categories[categoryId],\n          withDivider,\n          className: cx({\n            [comboboxItemsStyles.categoryWithOptions]: isCategoryWithOptions,\n            [comboboxItemsStyles.categoryWithoutOptions]: !isCategoryWithOptions,\n            [comboboxItemsStyles.firstCategory]: isFirstCategory\n          })\n        });\n\n        // save category object in both items array and categories map\n        items.push(categoryObject);\n        itemsMap.set(categoryId, categoryObject);\n\n        optionsByCategories[categoryId].forEach((option: IComboboxOption) => {\n          const itemObject = createOptionItemObject({\n            height: optionLineHeight,\n            option,\n            index: optionIndex,\n            categoryId: categoryObject.id\n          });\n\n          itemsMap.set(itemObject.id, itemObject);\n          items.push(itemObject);\n          selectableItems.push(option);\n          optionIndex++;\n        });\n      });\n    } else {\n      selectableItems = options;\n      items = options.map((option, index) => {\n        return createOptionItemObject({\n          height: optionLineHeight,\n          option,\n          index\n        });\n      });\n    }\n    return { items, itemsMap, selectableItems };\n  }, [categories, options, filterValue, withCategoriesDivider, optionLineHeight]);\n}\n\nexport function useKeyboardNavigation({\n  defaultVisualFocusFirstIndex,\n  inputRef,\n  onClick,\n  isChildSelectable,\n  options,\n  getOptionId\n}: {\n  defaultVisualFocusFirstIndex?: boolean;\n  inputRef: MutableRefObject<HTMLElement>;\n  onClick: (event: React.KeyboardEvent | React.MouseEvent, index: number) => void;\n  isChildSelectable: (index: number) => boolean;\n  options: IComboboxOption[];\n  getOptionId: (optionId: string, index: number) => string;\n}) {\n  const filteredOptionsIds = useMemo(\n    () => options.map((option: IComboboxOption, index: number) => getOptionId(option?.id, index)),\n    [getOptionId, options]\n  );\n\n  const {\n    visualFocusItemIndex,\n    visualFocusItemId,\n    onItemClickCallback: onOptionClick\n  } = useActiveDescendantListFocus({\n    defaultVisualFocusFirstIndex,\n    focusedElementRef: inputRef,\n    focusedElementRole: useActiveDescendantListFocus.roles.COMBOBOX,\n    itemsIds: filteredOptionsIds,\n    onItemClick: onClick,\n    isItemSelectable: isChildSelectable,\n    isIgnoreSpaceAsItemSelection: true\n  });\n\n  return { visualFocusItemIndex, visualFocusItemId, onOptionClick };\n}\nexport function createDividerItemObject({ categoryId }: { categoryId: string }): IComboboxItem {\n  return { type: COMBOBOX_DIVIDER_ITEM, height: DIVIDER_HEIGHT, id: `${categoryId}-divider` };\n}\n\nexport function createCategoryItemObject({\n  withDivider,\n  categoryId,\n  categoryData,\n  className\n}: {\n  withDivider: boolean;\n  categoryId: string;\n  categoryData: IComboboxCategory;\n  className: string;\n}): IComboboxItem {\n  return {\n    height: CATEGORY_HEIGHT,\n    type: COMBOBOX_CATEGORY_ITEM,\n    category: categoryData,\n    id: categoryId,\n    withDivider,\n    className\n  };\n}\n\nexport function createOptionItemObject({\n  option,\n  height,\n  index,\n  optionRenderer,\n  isActive,\n  optionLineHeight,\n  shouldScrollToSelectedItem,\n  categoryId\n}: {\n  option?: IComboboxOption;\n  height?: number;\n  index?: number;\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n  isActive?: boolean;\n  optionLineHeight?: number;\n  shouldScrollToSelectedItem?: boolean;\n  categoryId?: string;\n}): IComboboxItem {\n  return {\n    type: COMBOBOX_OPTION_ITEM,\n    height,\n    belongToCategory: true,\n    index,\n    option,\n    id: option.id || index.toString(),\n    optionRenderer,\n    isActive,\n    optionLineHeight,\n    shouldScrollToSelectedItem,\n    categoryId\n  };\n}\n\nexport function comboboxItemRenderer({\n  item,\n  style,\n  optionEvents,\n  optionRenderData,\n  isVirtualized,\n  stickyCategories\n}: {\n  item: IComboboxItem;\n  style: CSSProperties;\n  optionEvents: IComboboxOptionEvents;\n  optionRenderData: any;\n  isVirtualized: boolean;\n  stickyCategories?: boolean;\n}) {\n  const { type, ...otherArgs } = item;\n  let customClassNames;\n  let innerElement;\n  switch (type) {\n    case COMBOBOX_DIVIDER_ITEM: {\n      innerElement = dividerItemRenderer({ id: otherArgs.id, height: otherArgs.height });\n      break;\n    }\n    case COMBOBOX_CATEGORY_ITEM: {\n      innerElement = categoryItemRenderer({\n        id: otherArgs.id,\n        category: otherArgs.category,\n        className: otherArgs.className\n      });\n      if (stickyCategories && !isVirtualized) {\n        customClassNames = styles.sticky;\n      }\n      break;\n    }\n    case COMBOBOX_OPTION_ITEM: {\n      innerElement = optionItemRenderer({\n        ...otherArgs,\n        ...optionEvents,\n        ...optionRenderData\n      });\n      break;\n    }\n  }\n\n  return (\n    <div key={otherArgs.id} className={cx(styles.comboboxItemContainer, customClassNames)} style={style}>\n      {innerElement}\n    </div>\n  );\n}\n\nexport function dividerItemRenderer({ id, height }: { id: string; height: number }) {\n  return (\n    <div className={styles.dividerContainer} style={{ height: height }}>\n      <Divider className={styles.divider} key={id} />\n    </div>\n  );\n}\n\nexport function categoryItemRenderer({\n  id,\n  category,\n  className\n}: {\n  id: string;\n  category: IComboboxCategory;\n  className: string;\n}) {\n  return <ComboboxCategory key={id} category={category} className={className} />;\n}\n\nexport function optionItemRenderer({\n  id,\n  index,\n  option,\n  className,\n  onOptionClick,\n  onOptionEnter,\n  onOptionLeave,\n  optionLineHeight,\n  optionRenderer,\n  scrollRef,\n  shouldScrollToSelectedItem,\n  activeItemIndex,\n  visualFocusItemIndex\n}: IOptionItemRendererArgs) {\n  return (\n    <ComboboxOption\n      className={className}\n      index={index}\n      key={id}\n      option={option}\n      optionRenderer={optionRenderer}\n      scrollRef={scrollRef}\n      isActive={activeItemIndex === index}\n      visualFocus={index === visualFocusItemIndex}\n      onOptionClick={onOptionClick}\n      onOptionHover={onOptionEnter}\n      onOptionLeave={onOptionLeave}\n      onOptionEnter={onOptionEnter}\n      optionLineHeight={optionLineHeight}\n      shouldScrollWhenActive={shouldScrollToSelectedItem}\n    />\n  );\n}\n"],"names":["DIVIDER_HEIGHT","CATEGORY_HEIGHT","useItemsData","_ref","categories","options","filterValue","withCategoriesDivider","optionLineHeight","useMemo","items","selectableItems","itemsMap","Map","optionsByCategories","getOptionsByCategories","optionIndex","Object","keys","forEach","categoryId","categoryIndex","withDivider","push","createDividerItemObject","isCategoryWithOptions","length","isFirstCategory","categoryObject","createCategoryItemObject","categoryData","className","cx","_defineProperty","comboboxItemsStyles","categoryWithOptions","categoryWithoutOptions","firstCategory","set","option","itemObject","createOptionItemObject","height","index","id","map","useKeyboardNavigation","_ref2","defaultVisualFocusFirstIndex","inputRef","onClick","isChildSelectable","getOptionId","filteredOptionsIds","_useActiveDescendantL","useActiveDescendantListFocus","focusedElementRef","focusedElementRole","roles","COMBOBOX","itemsIds","onItemClick","isItemSelectable","isIgnoreSpaceAsItemSelection","visualFocusItemIndex","visualFocusItemId","onOptionClick","onItemClickCallback","_ref3","type","COMBOBOX_DIVIDER_ITEM","concat","_ref4","COMBOBOX_CATEGORY_ITEM","category","_ref5","COMBOBOX_OPTION_ITEM","belongToCategory","optionRenderer","isActive","shouldScrollToSelectedItem","comboboxItemRenderer","_ref6","customClassNames","innerElement","item","style","optionEvents","optionRenderData","isVirtualized","stickyCategories","otherArgs","__rest","dividerItemRenderer","categoryItemRenderer","styles","sticky","optionItemRenderer","assign","React","createElement","key","comboboxItemContainer","_ref7","dividerContainer","Divider","divider","_ref8","ComboboxCategory","_ref9","onOptionEnter","ComboboxOption","scrollRef","activeItemIndex","visualFocus","onOptionHover","onOptionLeave","shouldScrollWhenActive"],"mappings":"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"}

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js

@@ -1,2 +0,0 @@
-var e={comboboxItemContainer:"comboboxItemContainer_87952790d3",dividerContainer:"dividerContainer_b19e3d19ae",divider:"divider_7d4bc5f9ca",sticky:"sticky_76abdf4a69"};!function(e){const n="s_id-78c8179b7fe9_3_57_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_87952790d3 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_b19e3d19ae {\n  position: relative;\n  width: 95%;\n}\n\n.divider_7d4bc5f9ca {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_76abdf4a69 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
-//# sourceMappingURL=ComboboxHelpers.module.scss.js.map

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js.map

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

package/dist/src/components/Combobox/ComboboxService.js

@@ -1,2 +0,0 @@
-var e=function(e,r,n){var t=e.reduce((function(e,t){var o,u=t.categoryId;return u?((null===(o=r[u])||void 0===o?void 0:o.onlyShowOnSearch)&&!n||(e[u]?e[u].push(t):e[u]=[t]),e):e}),{});return Object.keys(r).reduce((function(e,r){return t[r]&&(e[r]=t[r]),e}),{})},r=function(e,r){return r.filter((function(r){return!e||r.label.toLowerCase().includes(e.toLowerCase())}))};export{r as defaultFilter,e as getOptionsByCategories};
-//# sourceMappingURL=ComboboxService.js.map

package/dist/src/components/Combobox/ComboboxService.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxService.js","sources":["../../../../src/components/Combobox/ComboboxService.ts"],"sourcesContent":["import { IComboboxCategoryMap, IComboboxOption } from \"./components/ComboboxConstants\";\n\ntype OptionsByCategories = {\n  [key: string]: Array<IComboboxOption>;\n};\n\nexport const getOptionsByCategories = (\n  options: IComboboxOption[],\n  categories: IComboboxCategoryMap,\n  filterValue: string\n): OptionsByCategories => {\n  const optionsByCategories = options.reduce((result: OptionsByCategories, option) => {\n    const categoryId = option.categoryId;\n    // skipping if the option doesn't have a category\n    if (!categoryId) return result;\n    if (categories[categoryId]?.onlyShowOnSearch && !filterValue) return result;\n\n    if (result[categoryId]) {\n      result[categoryId].push(option);\n    } else {\n      result[categoryId] = [option];\n    }\n\n    return result;\n  }, {});\n\n  // reorder the keys according to the categories order\n  return Object.keys(categories).reduce((result: OptionsByCategories, categoryId) => {\n    if (optionsByCategories[categoryId]) result[categoryId] = optionsByCategories[categoryId];\n\n    return result;\n  }, {});\n};\n\nexport const defaultFilter = (filterValue: string, options: IComboboxOption[]) =>\n  options.filter(\n    ({ label }: { label: string }) => !filterValue || label.toLowerCase().includes(filterValue.toLowerCase())\n  );\n"],"names":["getOptionsByCategories","options","categories","filterValue","optionsByCategories","reduce","result","option","categoryId","_a","onlyShowOnSearch","push","Object","keys","defaultFilter","filter","_ref","label","toLowerCase","includes"],"mappings":"AAMO,IAAMA,EAAyB,SACpCC,EACAC,EACAC,GAEA,IAAMC,EAAsBH,EAAQI,QAAO,SAACC,EAA6BC,SACjEC,EAAaD,EAAOC,WAE1B,OAAKA,IACuB,QAAxBC,EAAAP,EAAWM,UAAa,IAAAC,OAAA,EAAAA,EAAAC,oBAAqBP,IAE7CG,EAAOE,GACTF,EAAOE,GAAYG,KAAKJ,GAExBD,EAAOE,GAAc,CAACD,IAL6CD,GAD7CA,CAUzB,GAAE,CAAE,GAGL,OAAOM,OAAOC,KAAKX,GAAYG,QAAO,SAACC,EAA6BE,GAGlE,OAFIJ,EAAoBI,KAAaF,EAAOE,GAAcJ,EAAoBI,IAEvEF,CACR,GAAE,CAAE,EACP,EAEaQ,EAAgB,SAACX,EAAqBF,GAA0B,OAC3EA,EAAQc,QACN,SAAAC,GAAQ,OAA2Bb,GAA3Ba,EAALC,MAAqDC,cAAcC,SAAShB,EAAYe,iBAC5F"}

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.js

@@ -1,2 +0,0 @@
-import o from"classnames";import a from"react";import r from"./ComboboxCategory.module.scss.js";import e from"../../Combobox.module.scss.js";var l=function(l){var m=l.category,t=l.className,c=m.label,s=m.id,b=m.color;return c?a.createElement("div",{key:s,role:"row","aria-level":1,"aria-label":m.ariaLabel||c,id:"combobox-category-".concat(s),style:b&&{color:b},className:o(r.comboboxCategory,e.comboboxCategory,t)},c):null};export{l as default};
-//# sourceMappingURL=ComboboxCategory.js.map

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxCategory.js","sources":["../../../../../../src/components/Combobox/components/ComboboxCategory/ComboboxCategory.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC } from \"react\";\nimport { IComboboxCategory } from \"../ComboboxConstants\";\nimport styles from \"./ComboboxCategory.module.scss\";\nimport comboboxStyles from \"../../Combobox.module.scss\";\n\nexport interface ComboboxCategoryProps {\n  /**\n   * The category data.\n   */\n  category: IComboboxCategory;\n  /**\n   * Class name applied to the category element.\n   */\n  className: string;\n}\n\nconst ComboboxCategory: FC<ComboboxCategoryProps> = ({ category, className }) => {\n  const { label, id, ariaLabel, color } = category;\n\n  if (!label) return null;\n\n  return (\n    <div\n      key={id}\n      role=\"row\"\n      aria-level={1}\n      aria-label={ariaLabel || label}\n      id={`combobox-category-${id}`}\n      style={color && { color }}\n      className={cx(styles.comboboxCategory, comboboxStyles.comboboxCategory, className)}\n    >\n      {label}\n    </div>\n  );\n};\n\nexport default ComboboxCategory;\n"],"names":["ComboboxCategory","_ref","category","className","label","id","color","React","key","role","ariaLabel","concat","style","cx","styles","comboboxCategory","comboboxStyles"],"mappings":"6IAiBA,IAAMA,EAA8C,SAA9BC,GAA0D,IAAzBC,EAAQD,EAARC,SAAUC,EAASF,EAATE,UACvDC,EAAgCF,EAAhCE,MAAOC,EAAyBH,EAAzBG,GAAeC,EAAUJ,EAAVI,MAE9B,OAAKF,EAGHG,uBACEC,IAAKH,EACLI,KAAK,MACO,aAAA,eARwBP,EAArBQ,WASUN,EACzBC,GAAEM,qBAAAA,OAAuBN,GACzBO,MAAON,GAAS,CAAEA,MAAAA,GAClBH,UAAWU,EAAGC,EAAOC,iBAAkBC,EAAeD,iBAAkBZ,IAEvEC,GAZc,IAerB"}

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js

@@ -1,2 +0,0 @@
-var e={comboboxCategory:"comboboxCategory_fdfc941d65"};!function(e){const t="s_id-a004d249e1c1_3_57_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.comboboxCategory_fdfc941d65 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=ComboboxCategory.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js.map

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

package/dist/src/components/Combobox/components/ComboboxConstants.js

@@ -1,2 +0,0 @@
-var o,b="combobox-divider",e="combobox-category",r="combobox-option",c="combobox-listbox";!function(o){o.DEFAULT="default",o.RENDERER="renderer"}(o||(o={}));export{e as COMBOBOX_CATEGORY_ITEM,b as COMBOBOX_DIVIDER_ITEM,c as COMBOBOX_LISTBOX_ID,r as COMBOBOX_OPTION_ITEM,o as ComboboxOptionIconType};
-//# sourceMappingURL=ComboboxConstants.js.map

package/dist/src/components/Combobox/components/ComboboxConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxConstants.js","sources":["../../../../../src/components/Combobox/components/ComboboxConstants.ts"],"sourcesContent":["import { SubIcon } from \"../../../types\";\nimport React from \"react\";\n\nexport const COMBOBOX_DIVIDER_ITEM = \"combobox-divider\";\nexport const COMBOBOX_CATEGORY_ITEM = \"combobox-category\";\nexport const COMBOBOX_OPTION_ITEM = \"combobox-option\";\nexport const COMBOBOX_LISTBOX_ID = \"combobox-listbox\";\n\n/**\n * @deprecated\n */\nexport enum ComboboxOptionIconType {\n  DEFAULT = \"default\",\n  RENDERER = \"renderer\"\n}\n\nexport interface IComboboxCategoryMap {\n  /**\n   * A mapping of category IDs to category details.\n   */\n  [key: string]: IComboboxCategory;\n}\n\nexport interface IComboboxCategory {\n  /**\n   * The display label of the category.\n   */\n  label: string;\n  /**\n   * The unique ID of the category.\n   */\n  id: string;\n  /**\n   * The ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, the category is only shown when searching.\n   */\n  onlyShowOnSearch?: boolean;\n  /**\n   * The color associated with the category.\n   */\n  color?: string;\n}\n\nexport interface IComboboxOption {\n  /**\n   * The unique ID of the option.\n   */\n  id: string;\n  /**\n   * The ID of the category the option belongs to.\n   */\n  categoryId?: string;\n  /**\n   * The icon displayed on the left side.\n   */\n  leftIcon?: SubIcon | ((className: string) => JSX.Element);\n  /**\n   * The icon displayed on the right side.\n   */\n  rightIcon?: SubIcon | ((className: string) => JSX.Element);\n  /**\n   * The type of the left icon.\n   */\n  leftIconType?: ComboboxOptionIconType;\n  /**\n   * The type of the right icon.\n   */\n  rightIconType?: ComboboxOptionIconType;\n  /**\n   * The display label of the option.\n   */\n  label: string;\n  /**\n   * The size of the icons.\n   */\n  iconSize?: number;\n  /**\n   * If true, the option is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the option is selected.\n   */\n  selected?: boolean;\n  /**\n   * The ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, the option belongs to a category.\n   */\n  belongToCategory?: boolean;\n  /**\n   * The tooltip content displayed on hover.\n   */\n  tooltipContent?: string;\n}\n\nexport interface IComboboxItem {\n  /**\n   * The height of the item.\n   */\n  height?: number;\n  /**\n   * The type of the item.\n   */\n  type?: string;\n  /**\n   * The category details if the item is a category.\n   */\n  category?: IComboboxCategory;\n  /**\n   * The ID of the category the item belongs to.\n   */\n  categoryId?: string;\n  /**\n   * The unique ID of the item.\n   */\n  id?: string;\n  /**\n   * The index of the item in the list.\n   */\n  index?: number;\n  /**\n   * If true, a divider is displayed before this item.\n   */\n  withDivider?: boolean;\n  /**\n   * Class name applied to the item.\n   */\n  className?: string;\n  /**\n   * If true, the item belongs to a category.\n   */\n  belongToCategory?: boolean;\n  /**\n   * The option details if the item is an option.\n   */\n  option?: IComboboxOption;\n  /**\n   * Custom renderer for the option.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n  /**\n   * If true, the item is currently active.\n   */\n  isActive?: boolean;\n  /**\n   * The height of the option item.\n   */\n  optionLineHeight?: number;\n  /**\n   * If true, the selected item is automatically scrolled into view.\n   */\n  shouldScrollToSelectedItem?: boolean;\n}\n\nexport interface IComboboxOptionEvents {\n  /**\n   * Callback fired when an option is clicked.\n   */\n  onOptionClick: (\n    event: React.MouseEvent | React.KeyboardEvent,\n    index: number,\n    option: IComboboxOption,\n    mouseTriggered: boolean\n  ) => void;\n  /**\n   * Callback fired when the mouse leaves an option.\n   */\n  onOptionLeave: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;\n  /**\n   * Callback fired when the mouse enters an option.\n   */\n  onOptionEnter: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;\n  /**\n   * Callback fired when hovering over an option.\n   */\n  onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;\n}\n\nexport interface IOptionItemRendererArgs extends IComboboxOptionEvents {\n  /**\n   * The unique ID of the option item.\n   */\n  id?: string;\n  /**\n   * The index of the option item.\n   */\n  index?: number;\n  /**\n   * The option details.\n   */\n  option?: IComboboxOption;\n  /**\n   * Class name applied to the option item.\n   */\n  className?: string;\n  /**\n   * If true, the option is currently active.\n   */\n  isActive?: boolean;\n  /**\n   * If true, the option has visual focus.\n   */\n  visualFocus?: boolean;\n  /**\n   * A reference to the scroll container.\n   */\n  scrollRef?: React.MutableRefObject<HTMLElement>;\n  /**\n   * The amount of offset when scrolling to the active item.\n   */\n  scrollOffset?: number;\n  /**\n   * The height of the option item.\n   */\n  optionLineHeight?: number;\n  /**\n   * If true, the selected item is automatically scrolled into view.\n   */\n  shouldScrollToSelectedItem?: boolean;\n  /**\n   * If true, scrolls to the active option when it is selected.\n   */\n  shouldScrollWhenActive?: boolean;\n  /**\n   * If true, the option belongs to a category.\n   */\n  belongToCategory?: boolean;\n  /**\n   * The index of the item with visual focus.\n   */\n  visualFocusItemIndex?: number;\n  /**\n   * The index of the currently active item.\n   */\n  activeItemIndex?: number;\n  /**\n   * Custom renderer for the option content.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n"],"names":["ComboboxOptionIconType","COMBOBOX_DIVIDER_ITEM","COMBOBOX_CATEGORY_ITEM","COMBOBOX_OPTION_ITEM","COMBOBOX_LISTBOX_ID"],"mappings":"AAGO,IAQKA,EARCC,EAAwB,mBACxBC,EAAyB,oBACzBC,EAAuB,kBACvBC,EAAsB,oBAKnC,SAAYJ,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,UACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as t,useRef as o,useMemo as i,useCallback as n}from"react";import r from"classnames";import{comboboxItemRenderer as s}from"../../ComboboxHelpers/ComboboxHelpers.js";import a from"../../../VirtualizedList/VirtualizedList.js";import{COMBOBOX_CATEGORY_ITEM as l,COMBOBOX_OPTION_ITEM as m}from"../ComboboxConstants.js";import c from"./ComboboxItems.module.scss.js";var p=t((function(t,p){var d=t.className,u=t.optionClassName,f=t.categories,C=t.options,v=t.optionRenderer,I=t.activeItemIndex,b=t.visualFocusItemIndex,g=t.onOptionClick,y=t.onOptionEnter,x=t.onOptionLeave,h=t.optionLineHeight,O=t.shouldScrollToSelectedItem,L=t.renderOnlyVisibleOptions,N=t.onActiveCategoryChanged,R=t.maxOptionsWithoutScroll,j=t.itemsMap,k=t.stickyCategories,E=t.id,S=o(),H=i((function(){if(R)return{height:h*Math.min(C.length+Object.keys(null!=f?f:{}).length,R+.5)}}),[R,h,C,f]),V=n((function(e,t,o){return s({stickyCategories:k,item:e,style:o,optionEvents:{onOptionClick:g,onOptionEnter:y,onOptionLeave:x},optionRenderData:{className:u,optionLineHeight:h,optionRenderer:v,visualFocusItemIndex:b,scrollRef:L?null:p,activeItemIndex:I,shouldScrollToSelectedItem:O},isVirtualized:L})}),[g,y,x,u,h,v,b,L,p,I,O]),z=n((function(e){var t=e.firstItemId;window.requestAnimationFrame((function(){var e=j.get(t);if(e&&(e.type===l||e.type===m)){var o=e.type===m&&e.categoryId?e.categoryId:e.id;if(o!==S.current){S.current=o;var i=j.get(S.current);N(i)}}}))}),[j,N]);return L?e.createElement(a,{ref:p,className:r(c.optionsContainer,d),items:C,itemRenderer:V,role:"listbox",scrollableClassName:c.scrollableContainer,onItemsRendered:z,style:H,id:E}):e.createElement("div",{className:r(c.scrollableContainer,c.optionsContainer,d),role:"listbox",id:E,style:H,ref:p},C.map((function(e,t){return V(e,t,void 0)})))}));export{p as ComboboxItems};
-//# sourceMappingURL=ComboboxItems.js.map

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxItems.js","sources":["../../../../../../src/components/Combobox/components/ComboboxItems/ComboboxItems.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, RefObject, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { comboboxItemRenderer } from \"../../ComboboxHelpers/ComboboxHelpers\";\nimport VirtualizedList from \"../../../../components/VirtualizedList/VirtualizedList\";\nimport {\n  COMBOBOX_CATEGORY_ITEM,\n  COMBOBOX_OPTION_ITEM,\n  IComboboxCategoryMap,\n  IComboboxItem,\n  IComboboxOption,\n  IComboboxOptionEvents\n} from \"../ComboboxConstants\";\nimport styles from \"./ComboboxItems.module.scss\";\n\nexport interface ComboboxItemsProps extends IComboboxOptionEvents {\n  /**\n   * Class name applied to the options container.\n   */\n  className?: string;\n  /**\n   * Class name applied to individual options.\n   */\n  optionClassName?: string;\n  /**\n   * The categories available in the combobox.\n   */\n  categories?: IComboboxCategoryMap;\n  /**\n   * The list of options displayed in the combobox.\n   */\n  options?: IComboboxItem[];\n  /**\n   * Custom renderer for an option.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n  /**\n   * The index of the currently active item.\n   */\n  activeItemIndex?: number;\n  /**\n   * The index of the item with visual focus.\n   */\n  visualFocusItemIndex?: number;\n  /**\n   * The height of each option item.\n   */\n  optionLineHeight?: number;\n  /**\n   * If true, the list scrolls to the selected item when opened.\n   */\n  shouldScrollToSelectedItem?: boolean;\n  /**\n   * If true, only renders visible options (optimization for large lists).\n   */\n  renderOnlyVisibleOptions?: boolean;\n  /**\n   * Callback fired when the active category changes.\n   */\n  onActiveCategoryChanged?: (category: IComboboxItem) => void;\n  /**\n   * The maximum number of options displayed without scrolling.\n   */\n  maxOptionsWithoutScroll?: number;\n  /**\n   * A map of item IDs to item data.\n   */\n  itemsMap?: Map<string, IComboboxItem>;\n  /**\n   * If true, categories remain visible when scrolling.\n   */\n  stickyCategories?: boolean;\n  /**\n   * The ID of the options container.\n   */\n  id?: string;\n}\n\nexport const ComboboxItems: React.FC<ComboboxItemsProps> = forwardRef(\n  (\n    {\n      className,\n      optionClassName,\n      categories,\n      options,\n      optionRenderer,\n      activeItemIndex,\n      visualFocusItemIndex,\n      onOptionClick,\n      onOptionEnter,\n      onOptionLeave,\n      optionLineHeight,\n      shouldScrollToSelectedItem,\n      renderOnlyVisibleOptions,\n      onActiveCategoryChanged,\n      maxOptionsWithoutScroll,\n      itemsMap,\n      stickyCategories,\n      id\n    },\n    ref: RefObject<HTMLDivElement>\n  ) => {\n    const activeCategoryId = useRef<string>();\n    const style = useMemo(() => {\n      if (maxOptionsWithoutScroll) {\n        // Adding 0.5 to show next option to indicate scroll is available\n        const maxCount = Math.min(options.length + Object.keys(categories ?? {}).length, maxOptionsWithoutScroll + 0.5);\n        return { height: optionLineHeight * maxCount };\n      }\n      return undefined;\n    }, [maxOptionsWithoutScroll, optionLineHeight, options, categories]);\n\n    const createItemElementRenderer = useCallback(\n      (item: IComboboxItem, index: number, style: CSSProperties) =>\n        comboboxItemRenderer({\n          stickyCategories,\n          item,\n          style,\n          optionEvents: {\n            onOptionClick,\n            onOptionEnter,\n            onOptionLeave\n          },\n          optionRenderData: {\n            className: optionClassName,\n            optionLineHeight,\n            optionRenderer,\n            visualFocusItemIndex,\n            scrollRef: renderOnlyVisibleOptions ? null : ref,\n            activeItemIndex,\n            shouldScrollToSelectedItem\n          },\n          isVirtualized: renderOnlyVisibleOptions\n        }),\n      [\n        onOptionClick,\n        onOptionEnter,\n        onOptionLeave,\n        optionClassName,\n        optionLineHeight,\n        optionRenderer,\n        visualFocusItemIndex,\n        renderOnlyVisibleOptions,\n        ref,\n        activeItemIndex,\n        shouldScrollToSelectedItem\n      ]\n    );\n\n    const onItemsRender = useCallback(\n      ({ firstItemId }: { firstItemId?: string }) => {\n        window.requestAnimationFrame(() => {\n          const itemData = itemsMap.get(firstItemId);\n          if (itemData && (itemData.type === COMBOBOX_CATEGORY_ITEM || itemData.type === COMBOBOX_OPTION_ITEM)) {\n            const newActiveCategoryId =\n              itemData.type === COMBOBOX_OPTION_ITEM && itemData.categoryId ? itemData.categoryId : itemData.id;\n\n            if (newActiveCategoryId !== activeCategoryId.current) {\n              activeCategoryId.current = newActiveCategoryId;\n              const categoryObject = itemsMap.get(activeCategoryId.current);\n              onActiveCategoryChanged(categoryObject);\n            }\n          }\n        });\n      },\n      [itemsMap, onActiveCategoryChanged]\n    );\n\n    let itemsElements;\n\n    // If we request to render only the items which visible in a given moment (optimization for very large lists)\n    if (renderOnlyVisibleOptions) {\n      itemsElements = (\n        <VirtualizedList\n          ref={ref}\n          className={cx(styles.optionsContainer, className)}\n          items={options}\n          itemRenderer={createItemElementRenderer}\n          role=\"listbox\"\n          scrollableClassName={styles.scrollableContainer}\n          onItemsRendered={onItemsRender}\n          style={style}\n          id={id}\n        />\n      );\n    } else {\n      itemsElements = (\n        <div\n          className={cx(styles.scrollableContainer, styles.optionsContainer, className)}\n          role=\"listbox\"\n          id={id}\n          style={style}\n          ref={ref}\n        >\n          {options.map((itemData, index) => createItemElementRenderer(itemData, index, undefined))}\n        </div>\n      );\n    }\n\n    return itemsElements;\n  }\n);\n"],"names":["ComboboxItems","forwardRef","_ref","ref","className","optionClassName","categories","options","optionRenderer","activeItemIndex","visualFocusItemIndex","onOptionClick","onOptionEnter","onOptionLeave","optionLineHeight","shouldScrollToSelectedItem","renderOnlyVisibleOptions","onActiveCategoryChanged","maxOptionsWithoutScroll","itemsMap","stickyCategories","id","activeCategoryId","useRef","style","useMemo","height","Math","min","length","Object","keys","createItemElementRenderer","useCallback","item","index","comboboxItemRenderer","optionEvents","optionRenderData","scrollRef","isVirtualized","onItemsRender","_ref2","firstItemId","window","requestAnimationFrame","itemData","get","type","COMBOBOX_CATEGORY_ITEM","COMBOBOX_OPTION_ITEM","newActiveCategoryId","categoryId","current","categoryObject","React","createElement","VirtualizedList","cx","styles","optionsContainer","items","itemRenderer","role","scrollableClassName","scrollableContainer","onItemsRendered","map","undefined"],"mappings":"8XA6EO,IAAMA,EAA8CC,GACzD,SAAAC,EAqBEC,GACE,IApBAC,EAASF,EAATE,UACAC,EAAeH,EAAfG,gBACAC,EAAUJ,EAAVI,WACAC,EAAOL,EAAPK,QACAC,EAAcN,EAAdM,eACAC,EAAeP,EAAfO,gBACAC,EAAoBR,EAApBQ,qBACAC,EAAaT,EAAbS,cACAC,EAAaV,EAAbU,cACAC,EAAaX,EAAbW,cACAC,EAAgBZ,EAAhBY,iBACAC,EAA0Bb,EAA1Ba,2BACAC,EAAwBd,EAAxBc,yBACAC,EAAuBf,EAAvBe,wBACAC,EAAuBhB,EAAvBgB,wBACAC,EAAQjB,EAARiB,SACAC,EAAgBlB,EAAhBkB,iBACAC,EAAEnB,EAAFmB,GAIIC,EAAmBC,IACnBC,EAAQC,GAAQ,WACpB,GAAIP,EAGF,MAAO,CAAEQ,OAAQZ,EADAa,KAAKC,IAAIrB,EAAQsB,OAASC,OAAOC,KAAKzB,QAAAA,EAAc,CAAA,GAAIuB,OAAQX,EAA0B,IAI9G,GAAE,CAACA,EAAyBJ,EAAkBP,EAASD,IAElD0B,EAA4BC,GAChC,SAACC,EAAqBC,EAAeX,GAAoB,OACvDY,EAAqB,CACnBhB,iBAAAA,EACAc,KAAAA,EACAV,MAAAA,EACAa,aAAc,CACZ1B,cAAAA,EACAC,cAAAA,EACAC,cAAAA,GAEFyB,iBAAkB,CAChBlC,UAAWC,EACXS,iBAAAA,EACAN,eAAAA,EACAE,qBAAAA,EACA6B,UAAWvB,EAA2B,KAAOb,EAC7CM,gBAAAA,EACAM,2BAAAA,GAEFyB,cAAexB,GAEnB,GAAA,CACEL,EACAC,EACAC,EACAR,EACAS,EACAN,EACAE,EACAM,EACAb,EACAM,EACAM,IAIE0B,EAAgBR,GACpB,SAAAS,GAA8C,IAA3CC,EAAWD,EAAXC,YACDC,OAAOC,uBAAsB,WAC3B,IAAMC,EAAW3B,EAAS4B,IAAIJ,GAC9B,GAAIG,IAAaA,EAASE,OAASC,GAA0BH,EAASE,OAASE,GAAuB,CACpG,IAAMC,EACJL,EAASE,OAASE,GAAwBJ,EAASM,WAAaN,EAASM,WAAaN,EAASzB,GAEjG,GAAI8B,IAAwB7B,EAAiB+B,QAAS,CACpD/B,EAAiB+B,QAAUF,EAC3B,IAAMG,EAAiBnC,EAAS4B,IAAIzB,EAAiB+B,SACrDpC,EAAwBqC,EACzB,CACF,CACH,GACF,GACA,CAACnC,EAAUF,IAkCb,OA5BID,EAEAuC,EAACC,cAAAC,GACCtD,IAAKA,EACLC,UAAWsD,EAAGC,EAAOC,iBAAkBxD,GACvCyD,MAAOtD,EACPuD,aAAc9B,EACd+B,KAAK,UACLC,oBAAqBL,EAAOM,oBAC5BC,gBAAiBzB,EACjBjB,MAAOA,EACPH,GAAIA,IAKNkC,EAAAC,cAAA,MAAA,CACEpD,UAAWsD,EAAGC,EAAOM,oBAAqBN,EAAOC,iBAAkBxD,GACnE2D,KAAK,UACL1C,GAAIA,EACJG,MAAOA,EACPrB,IAAKA,GAEJI,EAAQ4D,KAAI,SAACrB,EAAUX,GAAK,OAAKH,EAA0Bc,EAAUX,OAAOiC,EAAU,IAM/F"}

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js

@@ -1,2 +0,0 @@
-var e={scrollableContainer:"scrollableContainer_30e83ab75c",optionsContainer:"optionsContainer_d39b9429fc",categoryWithOptions:"categoryWithOptions_7036fe5ceb",firstCategory:"firstCategory_4754e464f1",categoryWithoutOptions:"categoryWithoutOptions_058e906dfb"};!function(e){const t="s_id-4d4facb041a8_3_57_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".scrollableContainer_30e83ab75c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_30e83ab75c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_d39b9429fc {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_7036fe5ceb.firstCategory_4754e464f1,\n.categoryWithoutOptions_058e906dfb.firstCategory_4754e464f1 {\n  padding-top: 0;\n}\n.categoryWithOptions_7036fe5ceb {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_058e906dfb {\n  margin-bottom: 0;\n}");export{e as default};
-//# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js.map

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

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js

@@ -1,2 +0,0 @@
-import{defineProperty as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import t,{useRef as n,useEffect as i,useCallback as r,useMemo as l}from"react";import s from"../../../Icon/Icon.js";import c from"../../../Tooltip/Tooltip.js";import a from"../../../../hooks/useIsOverflowing/useIsOverflowing.js";import{keyCodes as m}from"../../../../constants/keyCodes.js";import"../../../../constants/sizes.js";import{getOptionId as p}from"../../helpers.js";import{withStaticPropsWithoutForwardRef as f}from"../../../../types/withStaticProps.js";import"../../../../utils/colors-vars-map.js";import{ComboboxOptionIconType as u}from"../ComboboxConstants.js";import{getTestId as d,ComponentDefaultTestId as v}from"../../../../tests/testIds.js";import b from"./ComboboxOption.module.scss.js";var h=f((function(f){var u=f.index,h=f.option,y=f.className,O=f.isActive,I=f.visualFocus,j=f.scrollRef,g=f.scrollOffset,T=void 0===g?100:g,C=f.onOptionClick,E=f.onOptionLeave,k=f.onOptionHover,N=f.optionLineHeight,S=f.shouldScrollWhenActive,w=void 0===S||S,x=f.optionRenderer,L=void 0===x?null:x,P=h.id,H=h.leftIcon,R=h.leftIconType,z=h.rightIcon,A=h.rightIconType,B=h.label,F=h.iconSize,M=void 0===F?18:F,_=h.disabled,W=h.selected,D=h.ariaLabel,K=h.belongToCategory,V=void 0!==K&&K,X=h.tooltipContent,q=n(null),G=n(),J=a({ref:G});i((function(){var o,e=q.current;I&&e&&w&&((null==j?void 0:j.current)&&e?j.current.scrollTop=e.offsetTop-T:null===(o=null==e?void 0:e.scrollIntoView)||void 0===o||o.call(e,{behaviour:"smooth"}))}),[q,I,w,j,T,V]);var Q=function(o,n,i){return"renderer"===n?o(e(b.optionIcon,i)):t.createElement(s,{className:e(b.optionIcon,i),iconType:"font",icon:o,iconSize:M,ignoreFocusStyle:!0})},U=r((function(o){_||C(o,u,h,!0)}),[u,h,C,_]),Y=r((function(o){_||E(o,u,h,!0)}),[u,h,E,_]),Z=r((function(o){_||k(o,u,h,!0)}),[u,h,k,_]),$=r((function(o){o.key!==m.ENTER&&o.key!==m.SPACE||C(o,u,h,!1)}),[C,u,h]);X||(X=J?B:null);var oo=l((function(){return L&&L(h)}),[L,h]),eo=t.createElement(t.Fragment,null,H&&Q(H,R,b.left),t.createElement("div",{ref:G,className:e(b.optionLabel)},B),z&&Q(z,A,""));return t.createElement(c,{content:X,hideWhenReferenceHidden:!0},t.createElement("div",{ref:q,key:P||B,"aria-level":V?2:1,"aria-selected":O,"aria-label":D||B,id:p(P,u),"data-testid":d(v.COMBOBOX_OPTION,u),onMouseEnter:Z,onClick:U,onKeyDown:$,onMouseLeave:Y,className:e(b.comboboxOption,y,o(o(o(o({},b.disabled,_),b.selected,W),b.active,O),b.activeOutline,I)),style:{height:N}},oo||eo))}),{iconTypes:u});export{h as default};
-//# sourceMappingURL=ComboboxOption.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxOption.js","sources":["../../../../../../src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { RefObject, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport Icon from \"../../../Icon/Icon\";\nimport Tooltip from \"../../../Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { keyCodes } from \"../../../../constants\";\nimport { getOptionId } from \"../../helpers\";\nimport { SubIcon, withStaticPropsWithoutForwardRef } from \"../../../../types\";\nimport {\n  ComboboxOptionIconType as ComboboxOptionIconTypeEnum,\n  IComboboxOption,\n  IComboboxOptionEvents\n} from \"../ComboboxConstants\";\nimport { ComboboxOptionIconType } from \"../../Combobox.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport styles from \"./ComboboxOption.module.scss\";\n\nexport interface ComboboxOptionProps extends IComboboxOptionEvents {\n  /**\n   * The index of the option in the list.\n   */\n  index?: number;\n  /**\n   * The option data containing label, icons, and other properties.\n   */\n  option?: IComboboxOption;\n  /**\n   * Class name applied to the option element.\n   */\n  className?: string;\n  /**\n   * If true, the option is currently active.\n   */\n  isActive?: boolean;\n  /**\n   * If true, the option has visual focus.\n   */\n  visualFocus?: boolean;\n  /**\n   * A reference to the scroll container.\n   */\n  scrollRef?: RefObject<HTMLElement>;\n  /**\n   * The amount of offset when scrolling to the active item.\n   */\n  scrollOffset?: number;\n  /**\n   * The height of each option.\n   */\n  optionLineHeight?: number;\n  /**\n   * If true, scrolls to the active option when it is selected.\n   */\n  shouldScrollWhenActive?: boolean;\n  /**\n   * Custom renderer for the option content.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n\nconst ComboboxOption = ({\n  index,\n  option,\n  className,\n  isActive,\n  visualFocus,\n  scrollRef,\n  scrollOffset = 100,\n  onOptionClick,\n  onOptionLeave,\n  onOptionHover,\n  optionLineHeight,\n  shouldScrollWhenActive = true,\n  optionRenderer = null\n}: ComboboxOptionProps) => {\n  const {\n    id,\n    leftIcon,\n    leftIconType,\n    rightIcon,\n    rightIconType,\n    label,\n    iconSize = 18,\n    disabled,\n    selected,\n    ariaLabel,\n    belongToCategory = false\n  } = option;\n  let { tooltipContent } = option;\n\n  const ref = useRef(null);\n  const labelRef = useRef();\n\n  const isOptionOverflowing = useIsOverflowing({ ref: labelRef });\n\n  useEffect(() => {\n    const element = ref.current;\n    if (visualFocus && element && shouldScrollWhenActive) {\n      if (scrollRef?.current && element) {\n        // not supported with virtualized atm, need their scrollRef (element with overflow-y auto that has the scroll)\n        scrollRef.current.scrollTop = element.offsetTop - scrollOffset;\n      } else {\n        element?.scrollIntoView?.({ behaviour: \"smooth\" });\n      }\n    }\n  }, [ref, visualFocus, shouldScrollWhenActive, scrollRef, scrollOffset, belongToCategory]);\n\n  const renderIcon = (\n    icon: SubIcon | ((className: string) => JSX.Element),\n    iconType: ComboboxOptionIconType,\n    className: string\n  ) => {\n    if (iconType === \"renderer\") {\n      return (icon as (className: string) => JSX.Element)(cx(styles.optionIcon, className));\n    }\n\n    return (\n      <Icon\n        className={cx(styles.optionIcon, className)}\n        iconType=\"font\"\n        icon={icon as SubIcon}\n        iconSize={iconSize}\n        ignoreFocusStyle\n      />\n    );\n  };\n\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      onOptionClick(event, index, option, true);\n    },\n    [index, option, onOptionClick, disabled]\n  );\n\n  const onMouseLeave = useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      onOptionLeave(event, index, option, true);\n    },\n    [index, option, onOptionLeave, disabled]\n  );\n\n  const onMouseEnter = useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      onOptionHover(event, index, option, true);\n    },\n    [index, option, onOptionHover, disabled]\n  );\n\n  const onKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n        onOptionClick(event, index, option, false);\n      }\n    },\n    [onOptionClick, index, option]\n  );\n  if (!tooltipContent) {\n    tooltipContent = isOptionOverflowing ? label : null;\n  }\n\n  const optionRendererValue = useMemo(() => optionRenderer && optionRenderer(option), [optionRenderer, option]);\n\n  const optionValue = (\n    <>\n      {leftIcon && renderIcon(leftIcon, leftIconType, styles.left)}\n      <div ref={labelRef} className={cx(styles.optionLabel)}>\n        {label}\n      </div>\n      {rightIcon && renderIcon(rightIcon, rightIconType, \"\")}\n    </>\n  );\n\n  return (\n    <Tooltip content={tooltipContent} hideWhenReferenceHidden>\n      <div\n        ref={ref}\n        key={id || label}\n        aria-level={belongToCategory ? 2 : 1}\n        aria-selected={isActive}\n        aria-label={ariaLabel || label}\n        id={getOptionId(id, index)}\n        data-testid={getTestId(ComponentDefaultTestId.COMBOBOX_OPTION, index)}\n        onMouseEnter={onMouseEnter}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        onMouseLeave={onMouseLeave}\n        className={cx(styles.comboboxOption, className, {\n          [styles.disabled]: disabled,\n          [styles.selected]: selected,\n          [styles.active]: isActive,\n          [styles.activeOutline]: visualFocus\n        })}\n        style={{ height: optionLineHeight }}\n      >\n        {optionRendererValue || optionValue}\n      </div>\n    </Tooltip>\n  );\n};\n\ninterface ComboboxOptionStaticProps {\n  iconTypes: typeof ComboboxOptionIconTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ComboboxOptionProps, ComboboxOptionStaticProps>(ComboboxOption, {\n  iconTypes: ComboboxOptionIconTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","index","option","className","isActive","visualFocus","scrollRef","_ref$scrollOffset","scrollOffset","onOptionClick","onOptionLeave","onOptionHover","optionLineHeight","_ref$shouldScrollWhen","shouldScrollWhenActive","_ref$optionRenderer","optionRenderer","id","leftIcon","leftIconType","rightIcon","rightIconType","label","_option$iconSize","iconSize","disabled","selected","ariaLabel","_option$belongToCateg","belongToCategory","tooltipContent","ref","useRef","labelRef","isOptionOverflowing","useIsOverflowing","useEffect","element","current","scrollTop","offsetTop","_a","scrollIntoView","call","behaviour","renderIcon","icon","iconType","cx","styles","optionIcon","React","createElement","Icon","ignoreFocusStyle","onClick","useCallback","event","onMouseLeave","onMouseEnter","onKeyDown","key","keyCodes","ENTER","SPACE","optionRendererValue","useMemo","optionValue","Fragment","left","optionLabel","Tooltip","content","hideWhenReferenceHidden","getOptionId","getTestId","ComponentDefaultTestId","COMBOBOX_OPTION","comboboxOption","_defineProperty","active","activeOutline","style","height","iconTypes","ComboboxOptionIconTypeEnum"],"mappings":"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"}

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js

@@ -1,2 +0,0 @@
-var o={comboboxOption:"comboboxOption_7443ffc958",disabled:"disabled_5a5268625c",selected:"selected_8cb66006ef",active:"active_06a1a22c08",activeOutline:"activeOutline_261c553965",optionLabel:"optionLabel_94a5f0519a",optionIcon:"optionIcon_529384a050",left:"left_bff4265e91"};!function(o){const e="s_id-cc5db5fd586e_3_57_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable selector-class-pattern */\n.comboboxOption_7443ffc958 {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_7443ffc958.disabled_5a5268625c {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_7443ffc958.disabled_5a5268625c:hover {\n  background-color: transparent;\n}\n.comboboxOption_7443ffc958.selected_8cb66006ef {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_7443ffc958:hover:not(.disabled_5a5268625c):not(.selected_8cb66006ef),\n.comboboxOption_7443ffc958.active_06a1a22c08 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_7443ffc958.activeOutline_261c553965 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n.comboboxOption_7443ffc958 .optionLabel_94a5f0519a {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_7443ffc958 .optionIcon_529384a050 {\n  flex: 0 0 auto;\n}\n.comboboxOption_7443ffc958 .optionIcon_529384a050.left_bff4265e91 {\n  margin-right: 4px;\n}");export{o as default};
-//# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js.map

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

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.js

@@ -1,2 +0,0 @@
-import o from"react";import r from"classnames";import e from"./StickyCategoryHeader.module.scss.js";import m from"../../Combobox.module.scss.js";import a from"../ComboboxCategory/ComboboxCategory.module.scss.js";var s=function(s){var t=s.label,c=s.color;return void 0===t?null:o.createElement("div",{className:r(e.stickyCategoryHeader,m.comboboxCategory,a.comboboxCategory,s.className),style:c&&{color:c},"aria-hidden":!0},t)};export{s as StickyCategoryHeader};
-//# sourceMappingURL=StickyCategoryHeader.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StickyCategoryHeader.js","sources":["../../../../../../src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./StickyCategoryHeader.module.scss\";\nimport comboboxStyles from \"../../Combobox.module.scss\";\nimport comboboxCategoryStyles from \"../ComboboxCategory/ComboboxCategory.module.scss\";\n\nexport const StickyCategoryHeader = ({\n  label,\n  color,\n  className\n}: {\n  label: string;\n  color?: string;\n  className?: string;\n}) => {\n  return label === undefined ? null : (\n    <div\n      className={cx(\n        styles.stickyCategoryHeader,\n        comboboxStyles.comboboxCategory,\n        comboboxCategoryStyles.comboboxCategory,\n        className\n      )}\n      style={color && { color }}\n      aria-hidden\n    >\n      {label}\n    </div>\n  );\n};\n"],"names":["StickyCategoryHeader","_ref","label","color","undefined","React","createElement","className","cx","styles","stickyCategoryHeader","comboboxStyles","comboboxCategory","comboboxCategoryStyles","style"],"mappings":"wNAMaA,EAAuB,SAAHC,GAQ5B,IAPHC,EAAKD,EAALC,MACAC,EAAKF,EAALE,MAOA,YAAiBC,IAAVF,EAAsB,KAC3BG,EAAAC,cAAA,MAAA,CACEC,UAAWC,EACTC,EAAOC,qBACPC,EAAeC,iBACfC,EAAuBD,iBAXpBX,EAATM,WAcIO,MAAOX,GAAS,CAAEA,MAAAA,qBAGjBD,EAGP"}

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js

@@ -1,2 +0,0 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_beafde6435"};!function(e){const t="s_id-f549b49034f1_3_57_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_beafde6435 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
-//# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js.map

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

package/dist/src/components/Combobox/helpers.js

@@ -1,2 +0,0 @@
-function o(o,t){return"combobox-item-".concat(void 0!==o?o:t)}export{o as getOptionId};
-//# sourceMappingURL=helpers.js.map

package/dist/src/components/Combobox/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sources":["../../../../src/components/Combobox/helpers.ts"],"sourcesContent":["export function getOptionId(id: string, index: number) {\n  return id !== undefined ? `combobox-item-${id}` : `combobox-item-${index}`;\n}\n"],"names":["getOptionId","id","index","concat","undefined"],"mappings":"AAAgB,SAAAA,EAAYC,EAAYC,GACtC,MAAuBC,iBAAAA,YAATC,IAAPH,EAAoCA,EAAwBC,EACrE"}

package/dist/src/components/Counter/Counter.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as o}from"lodash-es";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import n from"classnames";import s,{useState as l,useRef as d,useCallback as m,useEffect as c,useMemo as u}from"react";import{SwitchTransition as f,CSSTransition as p}from"react-transition-group";import v from"../../hooks/useEventListener/index.js";import E from"../../hooks/useAfterFirstRender/index.js";import{NOOP as b}from"../../utils/function-utils.js";import{CounterSize as j,CounterColor as x,CounterType as h}from"./CounterConstants.js";import{withStaticPropsWithoutForwardRef as y}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import A from"./Counter.module.scss.js";var N=y((function(j){var x=j.className,h=j.counterClassName,y=j.count,N=void 0===y?0:y,k=j.size,C=void 0===k?"large":k,g=j.kind,w=void 0===g?"fill":g,L=j.color,M=void 0===L?"primary":L,R=j.maxDigits,z=void 0===R?3:R,D=j.ariaLabeledBy,P=void 0===D?"":D,T=j.ariaLabel,B=void 0===T?"":T,H=j.id,O=void 0===H?"":H,U=j.prefix,_=void 0===U?"":U,F=j.onMouseDown,I=void 0===F?b:F,S=j.noAnimation,q=void 0!==S&&S,G=j["data-testid"],J=l(!1),K=e(J,2),Q=K[0],V=K[1],W=d(null),X=d(null),Y=m((function(){V(!0)}),[V]),Z=m((function(){V(!1)}),[V]);v({eventName:"animationend",callback:Z,ref:W});var $=E();c((function(){$.current&&Y()}),[N,$,Y]),c((function(){z>0||console.error("Max digits must be a positive number")}),[z]);var ee=u((function(){return n(A.counter,i(A,o("size-"+C)),i(A,o("kind-"+w)),i(A,o("color-"+M)),t({},A.withAnimation,Q),h)}),[C,w,M,Q,h]),te="counter"+(O?"-".concat(O):""),oe=(null==N?void 0:(""+N).length)>z?"".concat(Math.pow(10,z)-1,"+"):N+"",ie=s.createElement("span",{id:te,"data-testid":G||r(a.COUNTER,O)},_+oe);return s.createElement("span",{className:x,"aria-label":"".concat(B," ").concat(oe),"aria-labelledby":P,onMouseDown:I},s.createElement("div",{className:ee,"aria-label":oe,ref:W},q?ie:s.createElement(f,{mode:"out-in"},s.createElement(p,{key:oe,nodeRef:X,classNames:{enter:A.fadeEnter,enterActive:A.fadeEnterActive,exit:A.fadeExit,exitActive:A.fadeExitActive},addEndListener:function(e,t){e.addEventListener("transitionend",t,!1)}},s.createElement("span",{ref:X,id:te,"data-testid":G||r(a.COUNTER,O)},_+oe)))))}),{sizes:j,colors:x,kinds:h});export{N as default};
-//# sourceMappingURL=Counter.js.map

package/dist/src/components/Counter/Counter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Counter.js","sources":["../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useAfterFirstRender from \"../../hooks/useAfterFirstRender\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport {\n  CounterColor as CounterColorEnum,\n  CounterSize as CounterSizeEnum,\n  CounterType as CounterTypeEnum\n} from \"./CounterConstants\";\nimport { CounterColor, CounterSize, CounterType } from \"./Counter.types\";\nimport { VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Counter.module.scss\";\n\nexport interface CounterProps extends VibeComponentProps {\n  /**\n   * The ID of the element describing the counter.\n   */\n  ariaLabeledBy?: string;\n  /**\n   * Class name applied to the counter element.\n   */\n  counterClassName?: string;\n  /**\n   * The numeric value displayed in the counter.\n   */\n  count?: number;\n  /**\n   * The label of the counter for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The size of the counter.\n   */\n  size?: CounterSize;\n  /**\n   * The visual style of the counter.\n   */\n  kind?: CounterType;\n  /**\n   * The color of the counter.\n   */\n  color?: CounterColor;\n  /**\n   * The maximum number of digits displayed before truncation.\n   */\n  maxDigits?: number;\n  /**\n   * Text prepended to the counter value.\n   */\n  prefix?: string;\n  /**\n   * Callback fired when the counter is clicked.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables counter animations.\n   */\n  noAnimation?: boolean;\n}\n\nconst Counter = ({\n  className,\n  counterClassName,\n  count = 0,\n  size = \"large\",\n  kind = \"fill\",\n  color = \"primary\",\n  maxDigits = 3,\n  ariaLabeledBy = \"\",\n  ariaLabel = \"\",\n  id = \"\",\n  prefix = \"\",\n  onMouseDown = NOOP,\n  noAnimation = false,\n  \"data-testid\": dataTestId\n}: CounterProps) => {\n  const [countChangeAnimationState, setCountChangeAnimationState] = useState(false);\n\n  const ref = useRef<HTMLDivElement>(null);\n  const nodeRef = useRef<HTMLSpanElement>(null);\n\n  const setCountChangedAnimationActive = useCallback(() => {\n    setCountChangeAnimationState(true);\n  }, [setCountChangeAnimationState]);\n\n  const setCountChangedAnimationNotActive = useCallback(() => {\n    setCountChangeAnimationState(false);\n  }, [setCountChangeAnimationState]);\n\n  useEventListener({\n    eventName: \"animationend\",\n    callback: setCountChangedAnimationNotActive,\n    ref\n  });\n\n  const isAfterFirstRender = useAfterFirstRender();\n\n  useEffect(() => {\n    if (isAfterFirstRender.current) {\n      setCountChangedAnimationActive();\n    }\n  }, [count, isAfterFirstRender, setCountChangedAnimationActive]);\n\n  useEffect(() => {\n    if (maxDigits <= 0) {\n      console.error(\"Max digits must be a positive number\");\n    }\n  }, [maxDigits]);\n\n  const classNames = useMemo(() => {\n    return cx(\n      styles.counter,\n      getStyle(styles, camelCase(\"size-\" + size)),\n      getStyle(styles, camelCase(\"kind-\" + kind)),\n      getStyle(styles, camelCase(\"color-\" + color)),\n      {\n        [styles.withAnimation]: countChangeAnimationState\n      },\n      counterClassName\n    );\n  }, [size, kind, color, countChangeAnimationState, counterClassName]);\n\n  const counterId = \"counter\" + (id ? `-${id}` : \"\");\n  const countText = count?.toString().length > maxDigits ? `${10 ** maxDigits - 1}+` : String(count);\n  const counter = (\n    <span id={counterId} data-testid={dataTestId || getTestId(ComponentDefaultTestId.COUNTER, id)}>\n      {prefix + countText}\n    </span>\n  );\n\n  return (\n    <span\n      className={className}\n      aria-label={`${ariaLabel} ${countText}`}\n      aria-labelledby={ariaLabeledBy}\n      onMouseDown={onMouseDown}\n    >\n      <div className={classNames} aria-label={countText} ref={ref}>\n        {noAnimation ? (\n          counter\n        ) : (\n          <SwitchTransition mode=\"out-in\">\n            <CSSTransition\n              key={countText}\n              nodeRef={nodeRef}\n              classNames={{\n                enter: styles.fadeEnter,\n                enterActive: styles.fadeEnterActive,\n                exit: styles.fadeExit,\n                exitActive: styles.fadeExitActive\n              }}\n              // @ts-expect-error @definitelyTyped typings expecting a single parameter for some reason when the function passed here is called with two parameters\n              // See https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L522-L534\n              addEndListener={(node: HTMLElement, done: () => void) => {\n                node.addEventListener(\"transitionend\", done, false);\n              }}\n            >\n              <span\n                ref={nodeRef}\n                id={counterId}\n                data-testid={dataTestId || getTestId(ComponentDefaultTestId.COUNTER, id)}\n              >\n                {prefix + countText}\n              </span>\n            </CSSTransition>\n          </SwitchTransition>\n        )}\n      </div>\n    </span>\n  );\n};\n\ninterface CounterStaticProps {\n  sizes: typeof CounterSizeEnum;\n  colors: typeof CounterColorEnum;\n  kinds: typeof CounterTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<CounterProps, CounterStaticProps>(Counter, {\n  sizes: CounterSizeEnum,\n  colors: CounterColorEnum,\n  kinds: CounterTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","className","counterClassName","_ref$count","count","_ref$size","size","_ref$kind","kind","_ref$color","color","_ref$maxDigits","maxDigits","_ref$ariaLabeledBy","ariaLabeledBy","_ref$ariaLabel","ariaLabel","_ref$id","id","_ref$prefix","prefix","_ref$onMouseDown","onMouseDown","NOOP","_ref$noAnimation","noAnimation","dataTestId","_useState","useState","_useState2","_slicedToArray","countChangeAnimationState","setCountChangeAnimationState","ref","useRef","nodeRef","setCountChangedAnimationActive","useCallback","setCountChangedAnimationNotActive","useEventListener","eventName","callback","isAfterFirstRender","useAfterFirstRender","useEffect","current","console","error","classNames","useMemo","cx","styles","counter","getStyle","camelCase","_defineProperty","withAnimation","counterId","concat","countText","length","Math","pow","String","React","createElement","getTestId","ComponentDefaultTestId","COUNTER","SwitchTransition","mode","CSSTransition","key","enter","fadeEnter","enterActive","fadeEnterActive","exit","fadeExit","exitActive","fadeExitActive","addEndListener","node","done","addEventListener","sizes","CounterSizeEnum","colors","CounterColorEnum","kinds","CounterTypeEnum"],"mappings":"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"}

package/dist/src/components/Counter/Counter.module.scss.js

@@ -1,2 +0,0 @@
-var n={counter:"counter_4b95191460",withAnimation:"withAnimation_418fc82e43",counterPopElastic:"counterPopElastic_7e02ed97d2",sizeXs:"sizeXs_d260ce70e0",sizeSmall:"sizeSmall_17bc15baaf",sizeLarge:"sizeLarge_7cddc785c6",kindFill:"kindFill_d109842dac",colorPrimary:"colorPrimary_d03be44d0f",colorDark:"colorDark_085d3180d5",colorNegative:"colorNegative_0db1004ef5",colorLight:"colorLight_366847d6e3",kindLine:"kindLine_eccd2273f9",fadeEnter:"fadeEnter_63b72fa1b8",fadeEnterActive:"fadeEnterActive_2175301935",fadeExit:"fadeExit_6e3bcdbd2f",fadeExitActive:"fadeExitActive_2e24efd02a","counter-pop-elastic":"counter-pop-elastic_988d3b63c3"};!function(n){const o="s_id-51f4f5079107_3_57_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_4b95191460 {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_988d3b63c3 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_418fc82e43 {\n  animation: counterPopElastic_7e02ed97d2 var(--motion-expressive-short);\n}\n.sizeXs_d260ce70e0 {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeSmall_17bc15baaf {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge_7cddc785c6 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill_d109842dac.colorPrimary_d03be44d0f {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_d109842dac.colorDark_085d3180d5 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_d109842dac.colorNegative_0db1004ef5 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_d109842dac.colorLight_366847d6e3 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_eccd2273f9 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_eccd2273f9.colorPrimary_d03be44d0f {\n  color: var(--primary-color);\n}\n.kindLine_eccd2273f9.colorDark_085d3180d5 {\n  color: var(--inverted-color-background);\n}\n.kindLine_eccd2273f9.colorNegative_0db1004ef5 {\n  color: var(--negative-color);\n}\n.kindLine_eccd2273f9.colorLight_366847d6e3 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_63b72fa1b8 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_2175301935 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_6e3bcdbd2f {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_2e24efd02a {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
-//# sourceMappingURL=Counter.module.scss.js.map

package/dist/src/components/Counter/Counter.module.scss.js.map

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

package/dist/src/components/Counter/CounterConstants.js

@@ -1,2 +0,0 @@
-var i,n,l;!function(i){i.FILL="fill",i.LINE="line"}(i||(i={})),function(i){i.PRIMARY="primary",i.DARK="dark",i.NEGATIVE="negative",i.LIGHT="light"}(n||(n={})),function(i){i.XS="xs",i.SMALL="small",i.LARGE="large"}(l||(l={}));export{n as CounterColor,l as CounterSize,i as CounterType};
-//# sourceMappingURL=CounterConstants.js.map

package/dist/src/components/Counter/CounterConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CounterConstants.js","sources":["../../../../src/components/Counter/CounterConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum CounterType {\n  FILL = \"fill\",\n  LINE = \"line\"\n}\n\n/**\n * @deprecated\n */\nexport enum CounterColor {\n  PRIMARY = \"primary\",\n  DARK = \"dark\",\n  NEGATIVE = \"negative\",\n  LIGHT = \"light\"\n}\n\n/**\n * @deprecated\n */\nexport enum CounterSize {\n  XS = \"xs\",\n  SMALL = \"small\",\n  LARGE = \"large\"\n}\n"],"names":["CounterType","CounterColor","CounterSize"],"mappings":"IAGYA,EAQAC,EAUAC,GAlBZ,SAAYF,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IAKD,SAAYC,GACVA,EAAA,GAAA,KACAA,EAAA,MAAA,QACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.js

@@ -1,2 +0,0 @@
-import t from"react";import o from"../../Icon/Icon.js";import e from"./DateNavigationItem.module.scss.js";import r from"../../../../icons/dist/react/MoveArrowLeft.js";import n from"../../../../icons/dist/react/MoveArrowRight.js";var i={prev:r,next:n},c=function(r){var n=r.onClick;return t.createElement("button",{type:"button",className:e.navigationItemContainer,onClick:function(){return n&&n()}},t.createElement(o,{iconType:"svg",icon:i[r.kind],iconSize:24}))};export{c as default};
-//# sourceMappingURL=DateNavigationItem.js.map

package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateNavigationItem.js","sources":["../../../../../src/components/DatePicker/DateNavigationItem/DateNavigationItem.tsx"],"sourcesContent":["import React from \"react\";\nimport Icon from \"../../Icon/Icon\";\nimport { MoveArrowLeft, MoveArrowRight } from \"@vibe/icons\";\nimport styles from \"./DateNavigationItem.module.scss\";\n\nconst ICONS = {\n  prev: MoveArrowLeft,\n  next: MoveArrowRight\n};\n\nexport interface DateNavigationItemProps {\n  /**\n   * The type of navigation button.\n   */\n  kind: keyof typeof ICONS;\n  /**\n   * Callback fired when the button is clicked.\n   */\n  onClick?: () => void;\n}\n\nconst DateNavigationItem = ({ kind, onClick }: DateNavigationItemProps) => {\n  return (\n    <button type=\"button\" className={styles.navigationItemContainer} onClick={() => onClick && onClick()}>\n      <Icon iconType=\"svg\" icon={ICONS[kind]} iconSize={24} />\n    </button>\n  );\n};\n\nexport default DateNavigationItem;\n"],"names":["ICONS","prev","MoveArrowLeft","next","MoveArrowRight","DateNavigationItem","_ref","onClick","React","type","className","styles","navigationItemContainer","createElement","Icon","iconType","icon","kind","iconSize"],"mappings":"qOAKA,IAAMA,EAAQ,CACZC,KAAMC,EACNC,KAAMC,GAcFC,EAAqB,SAAHC,GAAkD,IAAtCC,EAAOD,EAAPC,QAClC,OACEC,0BAAQC,KAAK,SAASC,UAAWC,EAAOC,wBAAyBL,QAAS,WAAA,OAAMA,GAAWA,GAAS,GAClGC,EAAAK,cAACC,EAAK,CAAAC,SAAS,MAAMC,KAAMhB,EAHCM,EAAJW,MAGgBC,SAAU,KAGxD"}

package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js

@@ -1,2 +0,0 @@
-var e={navigationItemContainer:"navigationItemContainer_9cddb2ed7b"};!function(e){const n="s_id-84193b4fa4fe_3_57_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".navigationItemContainer_9cddb2ed7b {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
-//# sourceMappingURL=DateNavigationItem.module.scss.js.map

package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js.map

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

package/dist/src/components/DatePicker/DatePicker.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as n,useState as r,useCallback as i}from"react";import o from"classnames";import s from"moment";import"react-dates/initialize.js";import{DayPickerRangeController as d,DayPickerSingleDateController as l}from"react-dates";import{DayPickerPhrases as c}from"react-dates/lib/defaultPhrases";import m from"./DatePickerHeader/DatePickerHeader.js";import u from"./DateNavigationItem/DateNavigationItem.js";import f from"./YearPicker/YearPicker.js";import{WEEK_FIRST_DAY as D,DAY_SIZE as v}from"./constants.js";import{FocusInput as h,Direction as p}from"./types.js";import{getTestId as k}from"../../tests/testIds.js";import{ComponentDefaultTestId as E}from"../../tests/constants.js";import{NOOP as y}from"../../utils/function-utils.js";import g from"./DatePicker.module.scss.js";import"./external_datepicker.scss.js";var b=n((function(n,b){var P=n.id,j=n.className,O=n.firstDayOfWeek,N=void 0===O?D:O,C=n.daySize,M=void 0===C?v:C,S=n.range,Y=void 0!==S&&S,I=n.shouldBlockDay,W=n.shouldBlockYear,B=n.numberOfMonths,K=void 0===B?1:B,R=n.hideNavigationKeys,x=void 0!==R&&R,A=n.date,T=n.endDate,_=n.onPickDate,z=void 0===_?y:_,H=n.enableOutsideDays,F=void 0!==H&&H,w=n.showWeekNumber,V=void 0!==w&&w,L=n.shouldBlockRange,q=n["data-testid"],G=n.phrases,J=r(h.startDate),Q=e(J,2),U=Q[0],X=Q[1],Z=r(!1),$=e(Z,2),ee=$[0],te=$[1],ae=r(null),ne=e(ae,2),re=ne[0],ie=ne[1],oe=r(null),se=e(oe,2),de=se[0],le=se[1],ce=i((function(e){var t=e.month,n=e.onYearSelect;return!de&&n&&le((function(){return n})),a.createElement(m,{"data-testid":q||k(E.DATEPICKER_HEADER,P),currentDate:t||s(),isMonthYearSelection:ee,onToggleMonthYearPicker:function(){return te((function(e){return!e}))},hideNavigationKeys:x})}),[ee,q,P,x,de]),me=i((function(e){var t=0===N?e.clone().add(1,"d").isoWeek():e.isoWeek();return a.createElement(a.Fragment,null,a.createElement("span",{className:g.calendarDayWeekNumber},t)," ",e.format("D"))}),[N]),ue=i((function(e){var t=re||A;ie(e),te(!1),de(t,s(e).year())}),[re,A,de]),fe=i((function(){return a.createElement(f,{"data-testid":q||k(E.DATEPICKER_YEAR_SELECTION,P),selectedDate:A,isYearBlocked:W,changeCurrentDate:ue})}),[q,P,re,A,W,ue]),De=i((function(e){z&&z(U===h.startDate?Object.assign(Object.assign({},e),{endDate:null}):e)}),[U,z]),ve=i((function(e){X(e||h.startDate)}),[]),he=Object.assign(Object.assign({},c),G),pe=!x&&!ee;return a.createElement("div",{"data-testid":q||k(E.DATEPICKER,P),ref:b,id:P,className:o(g.datepickerContainer,j,t(t(t({},g.withWeekNumber,V),g.rangePickerMode,Y),g.monthYearSelection,ee))},Y?a.createElement(d,{phrases:he,renderDayContents:V?me:void 0,firstDayOfWeek:N,hideKeyboardShortcutsPanel:!0,startDate:A,endDate:T,onDatesChange:De,focusedInput:U,minimumNights:0,onFocusChange:ve,navPrev:pe?a.createElement(u,{kind:p.prev}):a.createElement("div",null),navNext:pe?a.createElement(u,{kind:p.next}):a.createElement("div",null),daySize:M,isOutsideRange:L,isDayBlocked:I,renderMonthElement:ce,enableOutsideDays:F||V,numberOfMonths:K,initialVisibleMonth:function(){return re||A||s()}}):a.createElement(l,{phrases:he,renderDayContents:V?me:void 0,firstDayOfWeek:N,hideKeyboardShortcutsPanel:!0,onFocusChange:y,numberOfMonths:K,date:A,onDateChange:function(e){return z(e)},navPrev:pe?a.createElement(u,{kind:p.prev}):a.createElement("div",null),navNext:pe?a.createElement(u,{kind:p.next}):a.createElement("div",null),focused:!0,renderMonthElement:ce,enableOutsideDays:F||V,daySize:M,isDayBlocked:I,initialVisibleMonth:function(){return re||A||s()}}),ee&&fe())}));export{b as default};
-//# sourceMappingURL=DatePicker.js.map

package/dist/src/components/DatePicker/DatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from \"react\";\nimport cx from \"classnames\";\nimport moment from \"moment\";\nimport \"react-dates/initialize.js\";\nimport {\n  DayOfWeekShape,\n  DayPickerRangeController,\n  DayPickerSingleDateController,\n  type DayPickerPhrases\n} from \"react-dates\";\n/** @ts-expect-error this is exported, but not typed */\nimport { DayPickerPhrases as defaultPhrases } from \"react-dates/lib/defaultPhrases\";\nimport DatePickerHeaderComponent from \"./DatePickerHeader/DatePickerHeader\";\nimport DateNavigationItem from \"./DateNavigationItem/DateNavigationItem\";\nimport YearPicker from \"./YearPicker/YearPicker\";\nimport { DAY_SIZE, WEEK_FIRST_DAY } from \"./constants\";\nimport { Direction, FocusInput, Moment, RangeDate } from \"./types\";\nimport { VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport styles from \"./DatePicker.module.scss\";\n// Make sure to update when upgrading react-dates\nimport \"./external_datepicker.scss\";\n\nexport interface DatePickerProps extends VibeComponentProps {\n  /**\n   * The first day of the week to display.\n   */\n  firstDayOfWeek?: DayOfWeekShape;\n  /**\n   * The currently selected date.\n   */\n  date?: Moment;\n  /**\n   * The end date for range selection mode.\n   */\n  endDate?: Moment;\n  /**\n   * Callback fired when a date is selected.\n   */\n  onPickDate?: (date: Moment | RangeDate) => void;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  hideNavigationKeys?: boolean;\n  /**\n   * If true, allows selecting days outside the current month.\n   */\n  enableOutsideDays?: boolean;\n  /**\n   * If true, displays a column with week numbers.\n   */\n  showWeekNumber?: boolean;\n  /**\n   * The size of a single day cell.\n   */\n  daySize?: number;\n  /**\n   * Function to determine if a specific day should be disabled.\n   */\n  shouldBlockDay?: (date: Moment) => boolean;\n  /**\n   * If true, enables date range selection mode.\n   */\n  range?: boolean;\n  /**\n   * Custom phrases for accessibility and aria-labels.\n   */\n  phrases?: DayPickerPhrases;\n  /**\n   * The number of months displayed in the calendar.\n   */\n  numberOfMonths?: number;\n  /**\n   * Function to determine if a specific year should be disabled.\n   */\n  shouldBlockYear?: (year: number) => boolean;\n  /**\n   * Function to determine if a specific date range should be disabled.\n   */\n  shouldBlockRange?: (date: Moment) => boolean;\n}\n\nconst DatePicker = forwardRef(\n  (\n    {\n      id,\n      className,\n      firstDayOfWeek = WEEK_FIRST_DAY,\n      daySize = DAY_SIZE,\n      range = false,\n      shouldBlockDay,\n      shouldBlockYear,\n      numberOfMonths = 1,\n      hideNavigationKeys = false,\n      date,\n      endDate,\n      onPickDate = NOOP,\n      enableOutsideDays = false,\n      showWeekNumber = false,\n      shouldBlockRange,\n      \"data-testid\": dataTestId,\n      phrases\n    }: DatePickerProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [focusedInput, setFocusedInput] = useState(FocusInput.startDate);\n    const [isMonthYearSelection, setIsMonthYearSelection] = useState(false); //show Month/Year selection dropdown\n    const [overrideDateForView, setOverrideDateForView] = useState<Moment | null>(null);\n    const [yearFunc, setYearFunc] = useState(null);\n\n    const renderMonth = useCallback(\n      ({\n        month,\n        onYearSelect\n      }: {\n        month: moment.Moment;\n        onYearSelect: (currentMonth: moment.Moment, newMonthVal: string) => void;\n      }) => {\n        if (!yearFunc && onYearSelect) {\n          setYearFunc(() => onYearSelect);\n        }\n        return (\n          <DatePickerHeaderComponent\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.DATEPICKER_HEADER, id)}\n            currentDate={month || moment()}\n            isMonthYearSelection={isMonthYearSelection}\n            onToggleMonthYearPicker={() => setIsMonthYearSelection(val => !val)}\n            hideNavigationKeys={hideNavigationKeys}\n          />\n        );\n      },\n      [isMonthYearSelection, dataTestId, id, hideNavigationKeys, yearFunc]\n    );\n\n    const renderDay = useCallback(\n      (day: Moment) => {\n        const weekNumber = firstDayOfWeek === 0 ? day.clone().add(1, \"d\").isoWeek() : day.isoWeek();\n        return (\n          <>\n            <span className={styles.calendarDayWeekNumber}>{weekNumber}</span> {day.format(\"D\")}\n          </>\n        );\n      },\n      [firstDayOfWeek]\n    );\n\n    const changeCurrentDateFromMonthYearView = useCallback(\n      (newDate: Moment | null) => {\n        const oldDate = overrideDateForView || date;\n        setOverrideDateForView(newDate);\n        setIsMonthYearSelection(false);\n        yearFunc(oldDate, moment(newDate).year());\n      },\n      [overrideDateForView, date, yearFunc]\n    );\n\n    const renderMonthYearSelection = useCallback(() => {\n      return (\n        <YearPicker\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.DATEPICKER_YEAR_SELECTION, id)}\n          selectedDate={date}\n          isYearBlocked={shouldBlockYear}\n          changeCurrentDate={changeCurrentDateFromMonthYearView}\n        />\n      );\n    }, [dataTestId, id, overrideDateForView, date, shouldBlockYear, changeCurrentDateFromMonthYearView]);\n\n    const onDateRangeChange = useCallback(\n      (date: RangeDate) => {\n        if (!onPickDate) return;\n        if (focusedInput === FocusInput.startDate) {\n          onPickDate({ ...date, endDate: null });\n        } else {\n          onPickDate(date);\n        }\n      },\n      [focusedInput, onPickDate]\n    );\n\n    const onFocusChange = useCallback((focusedInput: FocusInput) => {\n      setFocusedInput(focusedInput || FocusInput.startDate);\n    }, []);\n\n    const mergedPhrases = { ...defaultPhrases, ...phrases };\n\n    const shouldShowNav = !hideNavigationKeys && !isMonthYearSelection;\n    return (\n      <div\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.DATEPICKER, id)}\n        ref={ref}\n        id={id}\n        className={cx(styles.datepickerContainer, className, {\n          [styles.withWeekNumber]: showWeekNumber,\n          [styles.rangePickerMode]: range,\n          [styles.monthYearSelection]: isMonthYearSelection\n        })}\n      >\n        {range ? (\n          <DayPickerRangeController\n            phrases={mergedPhrases}\n            renderDayContents={showWeekNumber ? renderDay : undefined}\n            firstDayOfWeek={firstDayOfWeek}\n            hideKeyboardShortcutsPanel\n            startDate={date}\n            endDate={endDate}\n            onDatesChange={onDateRangeChange}\n            focusedInput={focusedInput}\n            minimumNights={0}\n            onFocusChange={onFocusChange}\n            navPrev={shouldShowNav ? <DateNavigationItem kind={Direction.prev} /> : <div />}\n            navNext={shouldShowNav ? <DateNavigationItem kind={Direction.next} /> : <div />}\n            daySize={daySize}\n            isOutsideRange={shouldBlockRange}\n            isDayBlocked={shouldBlockDay}\n            renderMonthElement={renderMonth}\n            enableOutsideDays={enableOutsideDays || showWeekNumber}\n            numberOfMonths={numberOfMonths}\n            initialVisibleMonth={() => overrideDateForView || date || moment()}\n          />\n        ) : (\n          <DayPickerSingleDateController\n            phrases={mergedPhrases}\n            renderDayContents={showWeekNumber ? renderDay : undefined}\n            firstDayOfWeek={firstDayOfWeek}\n            hideKeyboardShortcutsPanel\n            onFocusChange={NOOP}\n            numberOfMonths={numberOfMonths}\n            date={date}\n            onDateChange={(date: Moment) => onPickDate(date)}\n            navPrev={shouldShowNav ? <DateNavigationItem kind={Direction.prev} /> : <div />}\n            navNext={shouldShowNav ? <DateNavigationItem kind={Direction.next} /> : <div />}\n            focused={true}\n            renderMonthElement={renderMonth}\n            enableOutsideDays={enableOutsideDays || showWeekNumber}\n            daySize={daySize}\n            isDayBlocked={shouldBlockDay}\n            initialVisibleMonth={() => overrideDateForView || date || moment()}\n          />\n        )}\n        {isMonthYearSelection && renderMonthYearSelection()}\n      </div>\n    );\n  }\n);\n\nexport default DatePicker;\n"],"names":["DatePicker","forwardRef","_ref","ref","id","className","_ref$firstDayOfWeek","firstDayOfWeek","WEEK_FIRST_DAY","_ref$daySize","daySize","DAY_SIZE","_ref$range","range","shouldBlockDay","shouldBlockYear","_ref$numberOfMonths","numberOfMonths","_ref$hideNavigationKe","hideNavigationKeys","date","endDate","_ref$onPickDate","onPickDate","NOOP","_ref$enableOutsideDay","enableOutsideDays","_ref$showWeekNumber","showWeekNumber","shouldBlockRange","dataTestId","phrases","_useState","useState","FocusInput","startDate","_useState2","_slicedToArray","focusedInput","setFocusedInput","_useState3","_useState4","isMonthYearSelection","setIsMonthYearSelection","_useState5","_useState6","overrideDateForView","setOverrideDateForView","_useState7","_useState8","yearFunc","setYearFunc","renderMonth","useCallback","_ref2","month","onYearSelect","React","DatePickerHeaderComponent","getTestId","ComponentDefaultTestId","DATEPICKER_HEADER","currentDate","moment","onToggleMonthYearPicker","val","renderDay","day","weekNumber","clone","add","isoWeek","createElement","Fragment","styles","calendarDayWeekNumber","format","changeCurrentDateFromMonthYearView","newDate","oldDate","year","renderMonthYearSelection","YearPicker","DATEPICKER_YEAR_SELECTION","selectedDate","isYearBlocked","changeCurrentDate","onDateRangeChange","onFocusChange","mergedPhrases","Object","assign","defaultPhrases","shouldShowNav","DATEPICKER","cx","datepickerContainer","_defineProperty","withWeekNumber","rangePickerMode","monthYearSelection","DayPickerRangeController","renderDayContents","undefined","hideKeyboardShortcutsPanel","onDatesChange","minimumNights","navPrev","DateNavigationItem","kind","Direction","prev","navNext","next","isOutsideRange","isDayBlocked","renderMonthElement","initialVisibleMonth","DayPickerSingleDateController","onDateChange","focused"],"mappings":"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"}

package/dist/src/components/DatePicker/DatePicker.module.scss.js

@@ -1,2 +0,0 @@
-var e={datepickerContainer:"datepickerContainer_9e8bb4a779",monthYearSelection:"monthYearSelection_6079d6deb1",rangePickerMode:"rangePickerMode_84c8e9a40a",withWeekNumber:"withWeekNumber_e168069360",calendarDayWeekNumber:"calendarDayWeekNumber_cd71abbcbc"};!function(e){const n="s_id-5bf64d458e6b_3_57_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable selector-class-pattern, no-duplicate-selectors */\n.datepickerContainer_9e8bb4a779 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_9e8bb4a779 table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer_9e8bb4a779 td {\n  border: none;\n}\n.datepickerContainer_9e8bb4a779.monthYearSelection_6079d6deb1 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_9e8bb4a779.monthYearSelection_6079d6deb1 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_9e8bb4a779 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_9e8bb4a779 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_9e8bb4a779 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_9e8bb4a779 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_9e8bb4a779 .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_9e8bb4a779 .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_9e8bb4a779 .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer_9e8bb4a779 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_9e8bb4a779 .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer_9e8bb4a779 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_9e8bb4a779 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_9e8bb4a779 .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_9e8bb4a779 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_9e8bb4a779 .CalendarDay__blocked_calendar, .datepickerContainer_9e8bb4a779 .CalendarDay__blocked_calendar:active, .datepickerContainer_9e8bb4a779 .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_9e8bb4a779 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_9e8bb4a779 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_9e8bb4a779 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_9e8bb4a779 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_9e8bb4a779 .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__hovered_span, .datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__hovered_span:hover::before, .datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_9e8bb4a779.rangePickerMode_84c8e9a40a.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_9e8bb4a779.withWeekNumber_e168069360 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_9e8bb4a779.withWeekNumber_e168069360 .CalendarDay .calendarDayWeekNumber_cd71abbcbc {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer_9e8bb4a779.withWeekNumber_e168069360 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_cd71abbcbc {\n  display: flex;\n}\n.datepickerContainer_9e8bb4a779.withWeekNumber_e168069360 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_cd71abbcbc {\n  display: none;\n}\n.datepickerContainer_9e8bb4a779.withWeekNumber_e168069360 .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer_9e8bb4a779.withWeekNumber_e168069360 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_9e8bb4a779.withWeekNumber_e168069360 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_9e8bb4a779.withWeekNumber_e168069360 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_9e8bb4a779.withWeekNumber_e168069360 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
-//# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/src/components/DatePicker/DatePicker.module.scss.js.map

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

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.js

@@ -1,2 +0,0 @@
-import e from"react";import t from"moment";import o from"./DatePickerHeader.module.scss.js";import r from"../../Icon/Icon.js";import a from"../../../../icons/dist/react/DropdownChevronUp.js";import n from"../../../../icons/dist/react/DropdownChevronDown.js";var i=function(i){var c=i.isMonthYearSelection,m=i.onToggleMonthYearPicker,s=i.hideNavigationKeys,l=i["data-testid"],d=i.ariaLabel,p=void 0===d?"Toggle select year":d,f=t(i.currentDate.valueOf()),u=f.format("MMMM"),v=f.format("YYYY");return e.createElement("div",{className:o.datePickerHeader},e.createElement("div",null,u+" "+v),!s&&e.createElement("button",{"data-testid":"".concat(l,"-year-toggle"),type:"button",className:o.button,"aria-label":p,onClick:m},e.createElement("div",{className:o.buttonContent},e.createElement(r,{iconType:"svg",icon:c?a:n,iconSize:24}))))};export{i as default};
-//# sourceMappingURL=DatePickerHeader.js.map

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownChevronUp, DropdownChevronDown } from \"@vibe/icons\";\nimport moment from \"moment\";\nimport { Moment } from \"../types\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport Icon from \"../../Icon/Icon\";\n\nexport interface DatePickerHeaderProps {\n  /**\n   * The currently shown date.\n   */\n  currentDate: Moment;\n  /**\n   * If true, the month and year selection view is active.\n   */\n  isMonthYearSelection: boolean;\n  /**\n   * Callback fired when toggling the month and year picker.\n   */\n  onToggleMonthYearPicker: () => void;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  hideNavigationKeys: boolean;\n  /**\n   * Test ID for testing purposes.\n   */\n  \"data-testid\"?: string;\n  /**\n   * The ARIA label for the toggle button.\n   */\n  ariaLabel?: string;\n}\n\nconst DatePickerHeader = (props: DatePickerHeaderProps) => {\n  const {\n    currentDate,\n    isMonthYearSelection,\n    onToggleMonthYearPicker,\n    hideNavigationKeys,\n    \"data-testid\": dateTestId,\n    ariaLabel = \"Toggle select year\"\n  } = props;\n\n  const localedDated = moment(currentDate.valueOf());\n  const month = localedDated.format(\"MMMM\");\n  const year = localedDated.format(\"YYYY\");\n  const string = month + \" \" + year;\n  return (\n    <div className={styles.datePickerHeader}>\n      <div>{string}</div>\n      {!hideNavigationKeys && (\n        <button\n          data-testid={`${dateTestId}-year-toggle`}\n          type=\"button\"\n          className={styles.button}\n          aria-label={ariaLabel}\n          onClick={onToggleMonthYearPicker}\n        >\n          <div className={styles.buttonContent}>\n            <Icon iconType=\"svg\" icon={isMonthYearSelection ? DropdownChevronUp : DropdownChevronDown} iconSize={24} />\n          </div>\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport default DatePickerHeader;\n"],"names":["DatePickerHeader","props","isMonthYearSelection","onToggleMonthYearPicker","hideNavigationKeys","dateTestId","_props$ariaLabel","ariaLabel","localedDated","moment","currentDate","valueOf","month","format","year","React","createElement","className","styles","datePickerHeader","concat","type","button","onClick","buttonContent","Icon","iconType","icon","DropdownChevronUp","DropdownChevronDown","iconSize"],"mappings":"kQAkCA,IAAMA,EAAmB,SAACC,GACxB,IAEEC,EAKED,EALFC,qBACAC,EAIEF,EAJFE,wBACAC,EAGEH,EAHFG,mBACeC,EAEbJ,EAFF,eAAaK,EAEXL,EADFM,UAAAA,OAAY,IAAHD,EAAG,qBAAoBA,EAG5BE,EAAeC,EAFjBR,EANFS,YAQsCC,WAClCC,EAAQJ,EAAaK,OAAO,QAC5BC,EAAON,EAAaK,OAAO,QAEjC,OACEE,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,kBACrBJ,EAAAC,cAAA,MAAA,KAHWJ,EAAQ,IAAME,IAIvBV,GACAW,EAAAC,cAAA,SAAA,CAAA,cAAAI,GAAAA,OACkBf,EAAwB,gBACxCgB,KAAK,SACLJ,UAAWC,EAAOI,oBACNf,EACZgB,QAASpB,GAETY,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOM,eACrBT,EAACC,cAAAS,EAAK,CAAAC,SAAS,MAAMC,KAAMzB,EAAuB0B,EAAoBC,EAAqBC,SAAU,OAMjH"}

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js

@@ -1,2 +0,0 @@
-var e={datePickerHeader:"datePickerHeader_5222aafb58",button:"button_f1d0555957",buttonContent:"buttonContent_37e2ad4809"};!function(e){const n="s_id-89778422f1e0_3_57_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader_5222aafb58 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_5222aafb58 .button_f1d0555957 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_5222aafb58 .button_f1d0555957 .buttonContent_37e2ad4809 {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_5222aafb58 .button_f1d0555957 .buttonContent_37e2ad4809:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
-//# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js.map

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

package/dist/src/components/DatePicker/YearPicker/YearPicker.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{useState as r}from"react";import a from"moment";import{CSSTransition as i}from"react-transition-group";import n from"classnames";import{YEAR_FORMAT as o}from"../constants.js";import s from"../DateNavigationItem/DateNavigationItem.js";import{Direction as m}from"../types.js";import c from"./YearPicker.module.scss.js";import{calcNewYearsPage as l}from"../date-picker-utils.js";import p from"./YearsList.js";var d={classNames:"slide-down",timeout:{enter:400,exit:400}},f=function(f){var u=f.selectedDate,v=f.isYearBlocked,g=f.changeCurrentDate,k=f["data-testid"],j=u?u.format(o):a().format(o),E=r(l(parseInt(j)-4,18)),N=e(E,2),Y=N[0],x=N[1],y=function(e){var t=Y[0],r=[];e===m.prev?r=l(t-18,18):e===m.next&&(r=l(t+18,18)),x(r)};return t.createElement("div",{"data-testid":"".concat(k,"-year-picker"),className:c.monthYearPicker},t.createElement("div",{className:n(c.navigationWrapper,c.navigationLeft)},t.createElement(s,{kind:m.prev,onClick:function(){return y(m.prev)}})),t.createElement("div",{className:n(c.navigationWrapper,c.navigationRight)},t.createElement(s,{kind:m.next,onClick:function(){return y(m.next)}})),t.createElement(i,Object.assign({},d,{in:!0,appear:!0}),t.createElement("div",{className:c.pickerOptions},t.createElement(p,{selectedYear:j,onSelect:function(e){g(a().year(e))},yearsItems:Y,isYearBlocked:v}))))};export{f as default};
-//# sourceMappingURL=YearPicker.js.map

package/dist/src/components/DatePicker/YearPicker/YearPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"YearPicker.js","sources":["../../../../../src/components/DatePicker/YearPicker/YearPicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport moment from \"moment\";\nimport { CSSTransition } from \"react-transition-group\";\nimport classnames from \"classnames\";\nimport { YEAR_FORMAT } from \"../constants\";\nimport DateNavigationItemComponent from \"../DateNavigationItem/DateNavigationItem\";\nimport { Moment, Direction } from \"../types\";\nimport styles from \"./YearPicker.module.scss\";\nimport { calcNewYearsPage } from \"../date-picker-utils\";\nimport YearsList from \"./YearsList\";\n\nconst transitionOptions = {\n  classNames: \"slide-down\",\n  timeout: { enter: 400, exit: 400 }\n};\n\nconst PAGE_SIZE = 18;\nconst BUFFER_FROM_CURRENT_YEAR = 4;\nexport interface YearPickerProps {\n  /**\n   * The currently selected date.\n   */\n  selectedDate?: Moment;\n  /**\n   * Function to determine if a year should be blocked.\n   */\n  isYearBlocked?: (year: number) => boolean;\n  /**\n   * Callback fired when changing the selected year.\n   */\n  changeCurrentDate: (date: Moment) => void;\n  /**\n   * Test ID for testing purposes.\n   */\n  \"data-testid\"?: string;\n}\n\nconst YearPicker = ({ selectedDate, isYearBlocked, changeCurrentDate, \"data-testid\": dateTestId }: YearPickerProps) => {\n  const selectedYear = selectedDate ? selectedDate.format(YEAR_FORMAT) : moment().format(YEAR_FORMAT);\n\n  const [yearsToDisplay, setYearsToDisplay] = useState(\n    calcNewYearsPage(parseInt(selectedYear) - BUFFER_FROM_CURRENT_YEAR, PAGE_SIZE)\n  );\n\n  const onYearNavigationClick = (direction: Direction) => {\n    const firstYearInPage = yearsToDisplay[0];\n    let newYearsArray: number[] = [];\n    if (direction === Direction.prev) {\n      newYearsArray = calcNewYearsPage(firstYearInPage - PAGE_SIZE, PAGE_SIZE);\n    } else if (direction === Direction.next) {\n      newYearsArray = calcNewYearsPage(firstYearInPage + PAGE_SIZE, PAGE_SIZE);\n    }\n    setYearsToDisplay(newYearsArray);\n  };\n\n  const onYearSelect = (year: number) => {\n    changeCurrentDate(moment().year(year));\n  };\n\n  return (\n    <div data-testid={`${dateTestId}-year-picker`} className={styles.monthYearPicker}>\n      <div className={classnames(styles.navigationWrapper, styles.navigationLeft)}>\n        <DateNavigationItemComponent kind={Direction.prev} onClick={() => onYearNavigationClick(Direction.prev)} />\n      </div>\n      <div className={classnames(styles.navigationWrapper, styles.navigationRight)}>\n        <DateNavigationItemComponent kind={Direction.next} onClick={() => onYearNavigationClick(Direction.next)} />\n      </div>\n      <CSSTransition {...transitionOptions} in appear>\n        <div className={styles.pickerOptions}>\n          <YearsList\n            selectedYear={selectedYear}\n            onSelect={onYearSelect}\n            yearsItems={yearsToDisplay}\n            isYearBlocked={isYearBlocked}\n          />\n        </div>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport default YearPicker;\n"],"names":["transitionOptions","classNames","timeout","enter","exit","YearPicker","_ref","selectedDate","isYearBlocked","changeCurrentDate","dateTestId","selectedYear","format","YEAR_FORMAT","moment","_useState","useState","calcNewYearsPage","parseInt","_useState2","_slicedToArray","yearsToDisplay","setYearsToDisplay","onYearNavigationClick","direction","firstYearInPage","newYearsArray","Direction","prev","next","React","createElement","concat","className","styles","monthYearPicker","classnames","navigationWrapper","navigationLeft","DateNavigationItemComponent","kind","onClick","navigationRight","CSSTransition","Object","assign","in","appear","pickerOptions","YearsList","onSelect","year","yearsItems"],"mappings":"kfAWA,IAAMA,EAAoB,CACxBC,WAAY,aACZC,QAAS,CAAEC,MAAO,IAAKC,KAAM,MAwBzBC,EAAa,SAAHC,GAAsG,IAAhGC,EAAYD,EAAZC,aAAcC,EAAaF,EAAbE,cAAeC,EAAiBH,EAAjBG,kBAAkCC,EAAUJ,EAAzB,eAC9DK,EAAeJ,EAAeA,EAAaK,OAAOC,GAAeC,IAASF,OAAOC,GAEvFE,EAA4CC,EAC1CC,EAAiBC,SAASP,GAxBG,EADf,KA0BfQ,EAAAC,EAAAL,EAAA,GAFMM,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAIlCI,EAAwB,SAACC,GAC7B,IAAMC,EAAkBJ,EAAe,GACnCK,EAA0B,GAC1BF,IAAcG,EAAUC,KAC1BF,EAAgBT,EAAiBQ,EAhCrB,OAiCHD,IAAcG,EAAUE,OACjCH,EAAgBT,EAAiBQ,EAlCrB,QAoCdH,EAAkBI,IAOpB,OACEI,EAAkBC,cAAA,MAAA,CAAA,cAAAC,GAAAA,OAAGtB,EAAwB,gBAAEuB,UAAWC,EAAOC,iBAC/DL,EAAKC,cAAA,MAAA,CAAAE,UAAWG,EAAWF,EAAOG,kBAAmBH,EAAOI,iBAC1DR,EAACC,cAAAQ,GAA4BC,KAAMb,EAAUC,KAAMa,QAAS,WAAA,OAAMlB,EAAsBI,EAAUC,KAAK,KAEzGE,EAAKC,cAAA,MAAA,CAAAE,UAAWG,EAAWF,EAAOG,kBAAmBH,EAAOQ,kBAC1DZ,EAACC,cAAAQ,GAA4BC,KAAMb,EAAUE,KAAMY,QAAS,WAAA,OAAMlB,EAAsBI,EAAUE,KAAK,KAEzGC,EAAAC,cAACY,EAAkBC,OAAAC,OAAA,CAAA,EAAA7C,EAAmB,CAAA8C,MAAGC,QAAM,IAC7CjB,EAAAC,cAAA,MAAA,CAAKE,UAAWC,EAAOc,eACrBlB,EAACC,cAAAkB,GACCtC,aAAcA,EACduC,SAhBW,SAACC,GACpB1C,EAAkBK,IAASqC,KAAKA,KAgBxBC,WAAY/B,EACZb,cAAeA,MAM3B"}

package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js

@@ -1,2 +0,0 @@
-var e={monthYearPicker:"monthYearPicker_367c1185ba",navigationWrapper:"navigationWrapper_08f41155d8",navigationLeft:"navigationLeft_b2f31f547e",navigationRight:"navigationRight_29c732785e",pickerOptions:"pickerOptions_ef94ae7d33",pickerOption:"pickerOption_7d5564b468"};!function(e){const n="s_id-dcd379d5f457_3_57_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_367c1185ba {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_367c1185ba .slide-down-appear { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n}\n.monthYearPicker_367c1185ba .slide-down-appear-active { /* stylelint-disable-line selector-class-pattern */\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_367c1185ba .navigationWrapper_08f41155d8 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_367c1185ba .navigationWrapper_08f41155d8.navigationLeft_b2f31f547e {\n  left: 21px;\n}\n.monthYearPicker_367c1185ba .navigationWrapper_08f41155d8.navigationRight_29c732785e {\n  right: 21px;\n}\n.monthYearPicker_367c1185ba .pickerOptions_ef94ae7d33 {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_367c1185ba .pickerOptions_ef94ae7d33 .pickerOption_7d5564b468 {\n  min-width: 66px;\n}\n.monthYearPicker_367c1185ba .CalendarYear--blocked { /* stylelint-disable-line selector-class-pattern */\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
-//# sourceMappingURL=YearPicker.module.scss.js.map

package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js.map

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

package/dist/src/components/DatePicker/YearPicker/YearsList.js

@@ -1,2 +0,0 @@
-import e from"react";import n from"../../Button/Button.js";import r from"./YearPicker.module.scss.js";var t=function(){},i=function(i){var o=i.isYearBlocked,a=i.onSelect,l=i.selectedYear;return e.createElement(e.Fragment,null,i.yearsItems.map((function(i){var s,u,c=o&&o(i),d=c?t:function(){return a(i)},m=parseInt(l,10)===i?null===(s=null==n?void 0:n.kinds)||void 0===s?void 0:s.PRIMARY:null===(u=null==n?void 0:n.kinds)||void 0===u?void 0:u.TERTIARY;return e.createElement(n,{className:r.pickerOption,key:i,kind:m,onClick:d,disabled:c,marginLeft:!0,marginRight:!0},""+i)})))};export{i as default};
-//# sourceMappingURL=YearsList.js.map

package/dist/src/components/DatePicker/YearPicker/YearsList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"YearsList.js","sources":["../../../../../src/components/DatePicker/YearPicker/YearsList.tsx"],"sourcesContent":["import React from \"react\";\nimport Button from \"../../Button/Button\";\nimport styles from \"./YearPicker.module.scss\";\n\nconst NOOP = () => {};\n\nexport interface YearsListProps {\n  /**\n   * The list of years to display.\n   */\n  yearsItems: number[];\n  /**\n   * Function to determine if a year should be blocked.\n   */\n  isYearBlocked?: (year: number) => boolean;\n  /**\n   * Callback fired when a year is selected.\n   */\n  onSelect: (year: number) => void;\n  /**\n   * The currently selected year.\n   */\n  selectedYear: string;\n}\n\nconst YearsList = ({ yearsItems, isYearBlocked, onSelect, selectedYear }: YearsListProps) => {\n  return (\n    <>\n      {yearsItems.map(currYear => {\n        const shouldBlockYear = isYearBlocked && isYearBlocked(currYear);\n        const onClick = !shouldBlockYear ? () => onSelect(currYear) : NOOP;\n        const kind = parseInt(selectedYear, 10) === currYear ? Button?.kinds?.PRIMARY : Button?.kinds?.TERTIARY;\n\n        return (\n          <Button\n            className={styles.pickerOption}\n            key={currYear}\n            kind={kind}\n            onClick={onClick}\n            disabled={shouldBlockYear}\n            marginLeft\n            marginRight\n          >\n            {currYear.toString()}\n          </Button>\n        );\n      })}\n    </>\n  );\n};\n\nexport default YearsList;\n"],"names":["NOOP","YearsList","_ref","isYearBlocked","onSelect","selectedYear","React","yearsItems","map","currYear","shouldBlockYear","onClick","kind","parseInt","_a","Button","kinds","PRIMARY","_b","TERTIARY","createElement","className","styles","pickerOption","key","disabled","marginLeft","marginRight"],"mappings":"sGAIA,IAAMA,EAAO,aAqBPC,EAAY,SAAHC,GAA6E,IAA3DC,EAAaD,EAAbC,cAAeC,EAAQF,EAARE,SAAUC,EAAYH,EAAZG,aACxD,OACEC,gCAF2BJ,EAAVK,WAGHC,KAAI,SAAAC,WACRC,EAAkBP,GAAiBA,EAAcM,GACjDE,EAAWD,EAA6CV,EAA3B,WAAA,OAAMI,EAASK,EAAS,EACrDG,EAAOC,SAASR,EAAc,MAAQI,EAA0B,QAAfK,EAAAC,aAAM,EAANA,EAAQC,aAAO,IAAAF,OAAA,EAAAA,EAAAG,QAAuB,QAAbC,EAAAH,eAAAA,EAAQC,aAAK,IAAAE,OAAA,EAAAA,EAAEC,SAE/F,OACEb,EAACc,cAAAL,EACC,CAAAM,UAAWC,EAAOC,aAClBC,IAAKf,EACLG,KAAMA,EACND,QAASA,EACTc,SAAUf,EACVgB,YAAU,EACVC,aAAW,GAEVlB,KAGN,IAGP"}

package/dist/src/components/DatePicker/constants.js

@@ -1,2 +0,0 @@
-var Y="YYYY",r=40,a=1;export{r as DAY_SIZE,a as WEEK_FIRST_DAY,Y as YEAR_FORMAT};
-//# sourceMappingURL=constants.js.map

package/dist/src/components/DatePicker/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/DatePicker/constants.ts"],"sourcesContent":["export const YEAR_FORMAT = \"YYYY\";\nexport const MONTH_FORMAT = \"MMMM\";\nexport const DAY_SIZE = 40;\nexport const WEEK_FIRST_DAY = 1;\n"],"names":["YEAR_FORMAT","DAY_SIZE","WEEK_FIRST_DAY"],"mappings":"AAAO,IAAMA,EAAc,OAEdC,EAAW,GACXC,EAAiB"}

package/dist/src/components/DatePicker/date-picker-utils.js

@@ -1,2 +0,0 @@
-import{times as r}from"lodash-es";var n=function(n,o){return r(o,(function(r){return n+r}))};export{n as calcNewYearsPage};
-//# sourceMappingURL=date-picker-utils.js.map

package/dist/src/components/DatePicker/date-picker-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker-utils.js","sources":["../../../../src/components/DatePicker/date-picker-utils.ts"],"sourcesContent":["import { times } from \"lodash-es\";\n\nexport const calcNewYearsPage = (firstYearInPage: number, pageSize: number) => {\n  return times(pageSize, n => firstYearInPage + n);\n};\n"],"names":["calcNewYearsPage","firstYearInPage","pageSize","times","n"],"mappings":"kCAEO,IAAMA,EAAmB,SAACC,EAAyBC,GACxD,OAAOC,EAAMD,GAAU,SAAAE,GAAC,OAAIH,EAAkBG,IAChD"}

package/dist/src/components/DatePicker/external_datepicker.scss.js

@@ -1,2 +0,0 @@
-var n='/*  stylelint-disable scss/no-global-function-names, selector-class-pattern */\n.PresetDateRangePicker_panel {\n  padding: 0 22px 11px;\n}\n.PresetDateRangePicker_button {\n  position: relative;\n  height: 100%;\n  text-align: center;\n  background: 0 0;\n  border: 2px solid #00a699;\n  color: #00a699;\n  padding: 4px 12px;\n  margin-right: 8px;\n  font: inherit;\n  font-weight: 700;\n  line-height: normal;\n  overflow: visible;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.PresetDateRangePicker_button:active {\n  outline: 0;\n}\n.PresetDateRangePicker_button__selected {\n  color: #fff;\n  background: #00a699;\n}\n.SingleDatePickerInput {\n  display: inline-block;\n  background-color: #fff;\n}\n.SingleDatePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.SingleDatePickerInput__rtl {\n  direction: rtl;\n}\n.SingleDatePickerInput__disabled {\n  background-color: #f2f2f2;\n}\n.SingleDatePickerInput__block {\n  display: block;\n}\n.SingleDatePickerInput__showClearDate {\n  padding-right: 30px;\n}\n.SingleDatePickerInput_clearDate {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.SingleDatePickerInput_clearDate__default:focus,\n.SingleDatePickerInput_clearDate__default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.SingleDatePickerInput_clearDate__small {\n  padding: 6px;\n}\n.SingleDatePickerInput_clearDate__hide {\n  visibility: hidden;\n}\n.SingleDatePickerInput_clearDate_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.SingleDatePickerInput_clearDate_svg__small {\n  height: 9px;\n}\n.SingleDatePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.SingleDatePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.SingleDatePicker {\n  position: relative;\n  display: inline-block;\n}\n.SingleDatePicker__block {\n  display: block;\n}\n.SingleDatePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.SingleDatePicker_picker__rtl {\n  direction: rtl;\n}\n.SingleDatePicker_picker__directionLeft {\n  left: 0;\n}\n.SingleDatePicker_picker__directionRight {\n  right: 0;\n}\n.SingleDatePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.SingleDatePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.SingleDatePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.SingleDatePicker_closeButton:focus,\n.SingleDatePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.SingleDatePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_buttonReset {\n  background: 0 0;\n  border: 0;\n  border-radius: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  padding: 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_buttonReset:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_show {\n  width: 33px;\n  height: 26px;\n  position: absolute;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_show::before {\n  content: "";\n  display: block;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight {\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight::before {\n  border-top: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topRight {\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight::before {\n  border-bottom: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topLeft {\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft::before {\n  border-bottom: 26px solid transparent;\n  border-left: 33px solid #00a699;\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n  border-left: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_showSpan {\n  color: #fff;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_showSpan__bottomRight {\n  bottom: 0;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topRight {\n  top: 1px;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topLeft {\n  top: 1px;\n  left: 5px;\n}\n.DayPickerKeyboardShortcuts_panel {\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #dbdbdb;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  padding: 22px;\n  margin: 33px;\n  text-align: left;\n}\n.DayPickerKeyboardShortcuts_title {\n  font-size: 16px;\n  font-weight: 700;\n  margin: 0;\n}\n.DayPickerKeyboardShortcuts_list {\n  list-style: none;\n  padding: 0;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_close {\n  position: absolute;\n  right: 22px;\n  top: 22px;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_close:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_closeSvg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_closeSvg:focus,\n.DayPickerKeyboardShortcuts_closeSvg:hover {\n  fill: #82888a;\n}\n.CalendarDay {\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: center;\n}\n.CalendarDay:active {\n  outline: 0;\n}\n.CalendarDay__defaultCursor {\n  cursor: default;\n}\n.CalendarDay__default {\n  border: 1px solid #e4e7e7;\n  color: #484848;\n  background: #fff;\n}\n.CalendarDay__default:hover {\n  background: #e4e7e7;\n  border: 1px solid #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__hovered_offset {\n  background: #f4f5f5;\n  border: 1px double #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__outside {\n  border: 0;\n  background: #fff;\n  color: #484848;\n}\n.CalendarDay__outside:hover {\n  border: 0;\n}\n.CalendarDay__blocked_minimum_nights {\n  background: #fff;\n  border: 1px solid #eceeee;\n  color: #cacccd;\n}\n.CalendarDay__blocked_minimum_nights:active,\n.CalendarDay__blocked_minimum_nights:hover {\n  background: #fff;\n  color: #cacccd;\n}\n.CalendarDay__highlighted_calendar {\n  background: #ffe8bc;\n  color: #484848;\n}\n.CalendarDay__highlighted_calendar:active,\n.CalendarDay__highlighted_calendar:hover {\n  background: #ffce71;\n  color: #484848;\n}\n.CalendarDay__selected_span {\n  background: #66e2da;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected_span:active,\n.CalendarDay__selected_span:hover {\n  background: #33dacd;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected,\n.CalendarDay__selected:active,\n.CalendarDay__selected:hover {\n  background: #00a699;\n  border: 1px double #00a699;\n  color: #fff;\n}\n.CalendarDay__hovered_span,\n.CalendarDay__hovered_span:hover {\n  background: #b2f1ec;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__hovered_span:active {\n  background: #80e8e0;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__blocked_calendar,\n.CalendarDay__blocked_calendar:active,\n.CalendarDay__blocked_calendar:hover {\n  background: #cacccd;\n  border: 1px solid #cacccd;\n  color: #82888a;\n}\n.CalendarDay__blocked_out_of_range,\n.CalendarDay__blocked_out_of_range:active,\n.CalendarDay__blocked_out_of_range:hover {\n  background: #fff;\n  border: 1px solid #e4e7e7;\n  color: #cacccd;\n}\n.CalendarDay__hovered_start_first_possible_end {\n  background: #eceeee;\n  border: 1px double #eceeee;\n}\n.CalendarDay__hovered_start_blocked_min_nights {\n  background: #eceeee;\n  border: 1px double #e4e7e7;\n}\n.CalendarMonth {\n  background: #fff;\n  text-align: center;\n  vertical-align: top;\n  user-select: none;\n}\n.CalendarMonth_table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.CalendarMonth_verticalSpacing {\n  border-collapse: separate;\n}\n.CalendarMonth_caption {\n  color: #484848;\n  font-size: 18px;\n  text-align: center;\n  padding-top: 22px;\n  padding-bottom: 37px;\n  caption-side: initial;\n}\n.CalendarMonth_caption__verticalScrollable {\n  padding-top: 12px;\n  padding-bottom: 7px;\n}\n.CalendarMonthGrid {\n  background: #fff;\n  text-align: left;\n  z-index: 0;\n}\n.CalendarMonthGrid__animating {\n  z-index: 1;\n}\n.CalendarMonthGrid__horizontal {\n  position: absolute;\n  left: 9px;\n}\n.CalendarMonthGrid__vertical,\n.CalendarMonthGrid__vertical_scrollable {\n  margin: 0 auto;\n}\n.CalendarMonthGrid_month__horizontal {\n  display: inline-block;\n  vertical-align: top;\n  min-height: 100%;\n}\n.CalendarMonthGrid_month__hideForAnimation {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n.CalendarMonthGrid_month__hidden {\n  visibility: hidden;\n}\n.DayPickerNavigation {\n  position: relative;\n  z-index: 2;\n}\n.DayPickerNavigation__horizontal {\n  height: 0;\n}\n.DayPickerNavigation__verticalScrollable_prevNav {\n  z-index: 1;\n}\n.DayPickerNavigation__verticalDefault {\n  position: absolute;\n  width: 100%;\n  height: 52px;\n  bottom: 0;\n  left: 0;\n}\n.DayPickerNavigation__verticalScrollableDefault {\n  position: relative;\n}\n.DayPickerNavigation__bottom {\n  height: auto;\n}\n.DayPickerNavigation__bottomDefault {\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  display: flex;\n  justify-content: space-between;\n}\n.DayPickerNavigation_button {\n  cursor: pointer;\n  user-select: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n.DayPickerNavigation_button__default {\n  border: 1px solid #e4e7e7;\n  background-color: #fff;\n  color: #757575;\n}\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n  border: 1px solid #c4c4c4;\n}\n.DayPickerNavigation_button__default:active {\n  background: #f2f2f2;\n}\n.DayPickerNavigation_button__disabled {\n  cursor: default;\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:focus,\n.DayPickerNavigation_button__disabled:hover {\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:active {\n  background: 0 0;\n}\n.DayPickerNavigation_button__horizontalDefault {\n  position: absolute;\n  top: 18px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.DayPickerNavigation_bottomButton__horizontalDefault {\n  position: static;\n  margin: -10px 22px 30px;\n}\n.DayPickerNavigation_leftButton__horizontalDefault {\n  left: 22px;\n}\n.DayPickerNavigation_rightButton__horizontalDefault {\n  right: 22px;\n}\n.DayPickerNavigation_button__verticalDefault {\n  padding: 5px;\n  background: #fff;\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  height: 100%;\n  width: 50%;\n}\n.DayPickerNavigation_nextButton__verticalDefault {\n  border-left: 0;\n}\n.DayPickerNavigation_nextButton__verticalScrollableDefault,\n.DayPickerNavigation_prevButton__verticalScrollableDefault {\n  width: 100%;\n}\n.DayPickerNavigation_svg__horizontal {\n  height: 19px;\n  width: 19px;\n  fill: #82888a;\n  display: block;\n}\n.DayPickerNavigation_svg__vertical {\n  height: 42px;\n  width: 42px;\n  fill: #484848;\n}\n.DayPickerNavigation_svg__disabled {\n  fill: #f2f2f2;\n}\n.DayPicker {\n  background: #fff;\n  position: relative;\n  text-align: left;\n}\n.DayPicker__horizontal {\n  background: #fff;\n}\n.DayPicker__verticalScrollable {\n  height: 100%;\n}\n.DayPicker__hidden {\n  visibility: hidden;\n}\n.DayPicker__withBorder {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n  border-radius: 3px;\n}\n.DayPicker_portal__horizontal {\n  box-shadow: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n.DayPicker_portal__vertical {\n  position: initial;\n}\n.DayPicker_focusRegion {\n  outline: 0;\n}\n.DayPicker_calendarInfo__horizontal,\n.DayPicker_wrapper__horizontal {\n  display: inline-block;\n  vertical-align: top;\n}\n.DayPicker_weekHeaders {\n  position: relative;\n}\n.DayPicker_weekHeaders__horizontal {\n  margin-left: 9px;\n}\n.DayPicker_weekHeader {\n  color: #757575;\n  position: absolute;\n  top: 62px;\n  z-index: 2;\n  text-align: left;\n}\n.DayPicker_weekHeader__vertical {\n  left: 50%;\n}\n.DayPicker_weekHeader__verticalScrollable {\n  top: 0;\n  display: table-row;\n  border-bottom: 1px solid #dbdbdb;\n  background: #fff;\n  margin-left: 0;\n  left: 0;\n  width: 100%;\n  text-align: center;\n}\n.DayPicker_weekHeader_ul {\n  list-style: none;\n  margin: 1px 0;\n  padding-left: 0;\n  padding-right: 0;\n  font-size: 14px;\n}\n.DayPicker_weekHeader_li {\n  display: inline-block;\n  text-align: center;\n}\n.DayPicker_transitionContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.DayPicker_transitionContainer__horizontal {\n  transition: height 0.2s ease-in-out;\n}\n.DayPicker_transitionContainer__vertical {\n  width: 100%;\n}\n.DayPicker_transitionContainer__verticalScrollable {\n  padding-top: 20px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow-y: scroll;\n}\n.DateInput {\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  position: relative;\n  display: inline-block;\n  width: 130px;\n  vertical-align: middle;\n}\n.DateInput__small {\n  width: 97px;\n}\n.DateInput__block {\n  width: 100%;\n}\n.DateInput__disabled {\n  background: #f2f2f2;\n  color: #dbdbdb;\n}\n.DateInput_input {\n  font-weight: 200;\n  font-size: 19px;\n  line-height: 24px;\n  color: #484848;\n  background-color: #fff;\n  width: 100%;\n  padding: 11px 11px 9px;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid transparent;\n  border-left: 0;\n  border-radius: 0;\n}\n.DateInput_input__small {\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: 0.2px;\n  padding: 7px 7px 5px;\n}\n.DateInput_input__regular {\n  font-weight: auto;\n}\n.DateInput_input__readOnly {\n  user-select: none;\n}\n.DateInput_input__focused {\n  outline: 0;\n  background: #fff;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid #008489;\n  border-left: 0;\n}\n.DateInput_input__disabled {\n  background: #f2f2f2;\n  font-style: italic;\n}\n.DateInput_screenReaderMessage {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n.DateInput_fang {\n  position: absolute;\n  width: 20px;\n  height: 10px;\n  left: 22px;\n  z-index: 2;\n}\n.DateInput_fangShape {\n  fill: #fff;\n}\n.DateInput_fangStroke {\n  stroke: #dbdbdb;\n  fill: transparent;\n}\n.DateRangePickerInput {\n  background-color: #fff;\n  display: inline-block;\n}\n.DateRangePickerInput__disabled {\n  background: #f2f2f2;\n}\n.DateRangePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.DateRangePickerInput__rtl {\n  direction: rtl;\n}\n.DateRangePickerInput__block {\n  display: block;\n}\n.DateRangePickerInput__showClearDates {\n  padding-right: 30px;\n}\n.DateRangePickerInput_arrow {\n  display: inline-block;\n  vertical-align: middle;\n  color: #484848;\n}\n.DateRangePickerInput_arrow_svg {\n  vertical-align: middle;\n  fill: #484848;\n  height: 24px;\n  width: 24px;\n}\n.DateRangePickerInput_clearDates {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.DateRangePickerInput_clearDates__small {\n  padding: 6px;\n}\n.DateRangePickerInput_clearDates_default:focus,\n.DateRangePickerInput_clearDates_default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.DateRangePickerInput_clearDates__hide {\n  visibility: hidden;\n}\n.DateRangePickerInput_clearDates_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.DateRangePickerInput_clearDates_svg__small {\n  height: 9px;\n}\n.DateRangePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.DateRangePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.DateRangePicker {\n  position: relative;\n  display: inline-block;\n}\n.DateRangePicker__block {\n  display: block;\n}\n.DateRangePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.DateRangePicker_picker__rtl {\n  direction: rtl;\n}\n.DateRangePicker_picker__directionLeft {\n  left: 0;\n}\n.DateRangePicker_picker__directionRight {\n  right: 0;\n}\n.DateRangePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.DateRangePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.DateRangePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.DateRangePicker_closeButton:focus,\n.DateRangePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.DateRangePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}';!function(n){const e="s_id-b47853b64474_3_57_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(n);export{n as default};
-//# sourceMappingURL=external_datepicker.scss.js.map