npm - @vibe/core - Versions diffs - 3.60.0 → 3.61.1 - Mend

@vibe/core 3.60.0 → 3.61.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (472) hide show

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_9335900c40",clearColorButton:"clearColorButton_18c3788f8c"};!function(e){const n="s_id-774e60a23ee3_3_59_0";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)}(".clearColorIcon_9335900c40 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_18c3788f8c {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_e15e830f67",clearColorButton:"clearColorButton_bfd4ef6c89"};!function(e){const n="s_id-774e60a23ee3_3_61_0";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)}(".clearColorIcon_e15e830f67 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_bfd4ef6c89 {\n  margin-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_59a59b24a7"};!function(e){const n="s_id-0a5f0eb78ee4_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".colorsGrid_59a59b24a7 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_acaf37a244"};!function(e){const n="s_id-0a5f0eb78ee4_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".colorsGrid_acaf37a244 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
 //# sourceMappingURL=ColorPickerColorsGrid.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_e1058ab081",circle:"circle_ec19e8f77f",feedbackIndicator:"feedbackIndicator_1ff71dc128",active:"active_27f281b647",selectedColor:"selectedColor_f098753845",colorItem:"colorItem_2c7ca1b62d",colorIndicatorWrapper:"colorIndicatorWrapper_d1977ab385",colorItemSizeSmall:"colorItemSizeSmall_32f9ad7434",colorItemSizeMedium:"colorItemSizeMedium_f1136ed14d",colorItemSizeLarge:"colorItemSizeLarge_57688133b9",colorItemTextMode:"colorItemTextMode_f1b0a9c10d",colorIconWhite:"colorIconWhite_c0604ccf30"};!function(e){const r="s_id-4f41e3ef6859_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_e1058ab081.circle_ec19e8f77f {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_e1058ab081 {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_e1058ab081 .feedbackIndicator_1ff71dc128 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_e1058ab081:focus,\n.itemWrapper_e1058ab081:focus-visible,\n.itemWrapper_e1058ab081.active_27f281b647 {\n  outline: none;\n}\n\n.itemWrapper_e1058ab081:focus .feedbackIndicator_1ff71dc128:before,\n.itemWrapper_e1058ab081:focus-visible .feedbackIndicator_1ff71dc128:before,\n.itemWrapper_e1058ab081.active_27f281b647 .feedbackIndicator_1ff71dc128:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_e1058ab081:focus .feedbackIndicator_1ff71dc128:after,\n.itemWrapper_e1058ab081:focus-visible .feedbackIndicator_1ff71dc128:after,\n.itemWrapper_e1058ab081.active_27f281b647 .feedbackIndicator_1ff71dc128:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_e1058ab081:hover:not(.active_27f281b647):not(.selectedColor_f098753845) .feedbackIndicator_1ff71dc128 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_e1058ab081 .colorItem_2c7ca1b62d {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_e1058ab081 .colorItem_2c7ca1b62d .colorIndicatorWrapper_d1977ab385 {\n  display: flex;\n}\n\n.itemWrapper_e1058ab081 .colorItem_2c7ca1b62d.colorItemSizeSmall_32f9ad7434 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_e1058ab081 .colorItem_2c7ca1b62d.colorItemSizeMedium_f1136ed14d {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_e1058ab081 .colorItem_2c7ca1b62d.colorItemSizeLarge_57688133b9 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_e1058ab081.selectedColor_f098753845 {\n  position: relative;\n}\n\n.itemWrapper_e1058ab081.selectedColor_f098753845:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_e1058ab081.selectedColor_f098753845 .feedbackIndicator_1ff71dc128:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_e1058ab081 .colorItemTextMode_f1b0a9c10d:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_e1058ab081 .colorIconWhite_c0604ccf30 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_a7092d6938",circle:"circle_c16b3e7334",feedbackIndicator:"feedbackIndicator_0e2f5efca6",active:"active_d421013587",selectedColor:"selectedColor_60df150cc3",colorItem:"colorItem_7842a4c4b6",colorIndicatorWrapper:"colorIndicatorWrapper_3729738e28",colorItemSizeSmall:"colorItemSizeSmall_850b09c5fc",colorItemSizeMedium:"colorItemSizeMedium_dbab0247d7",colorItemSizeLarge:"colorItemSizeLarge_caee41ed6c",colorItemTextMode:"colorItemTextMode_001bb15b07",colorIconWhite:"colorIconWhite_0856259bd1"};!function(e){const r="s_id-4f41e3ef6859_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_a7092d6938.circle_c16b3e7334 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_a7092d6938 {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_a7092d6938 .feedbackIndicator_0e2f5efca6 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_a7092d6938:focus,\n.itemWrapper_a7092d6938:focus-visible,\n.itemWrapper_a7092d6938.active_d421013587 {\n  outline: none;\n}\n\n.itemWrapper_a7092d6938:focus .feedbackIndicator_0e2f5efca6:before,\n.itemWrapper_a7092d6938:focus-visible .feedbackIndicator_0e2f5efca6:before,\n.itemWrapper_a7092d6938.active_d421013587 .feedbackIndicator_0e2f5efca6:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_a7092d6938:focus .feedbackIndicator_0e2f5efca6:after,\n.itemWrapper_a7092d6938:focus-visible .feedbackIndicator_0e2f5efca6:after,\n.itemWrapper_a7092d6938.active_d421013587 .feedbackIndicator_0e2f5efca6:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_a7092d6938:hover:not(.active_d421013587):not(.selectedColor_60df150cc3) .feedbackIndicator_0e2f5efca6 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_a7092d6938 .colorItem_7842a4c4b6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_a7092d6938 .colorItem_7842a4c4b6 .colorIndicatorWrapper_3729738e28 {\n  display: flex;\n}\n\n.itemWrapper_a7092d6938 .colorItem_7842a4c4b6.colorItemSizeSmall_850b09c5fc {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_a7092d6938 .colorItem_7842a4c4b6.colorItemSizeMedium_dbab0247d7 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_a7092d6938 .colorItem_7842a4c4b6.colorItemSizeLarge_caee41ed6c {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_a7092d6938.selectedColor_60df150cc3 {\n  position: relative;\n}\n\n.itemWrapper_a7092d6938.selectedColor_60df150cc3:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_a7092d6938.selectedColor_60df150cc3 .feedbackIndicator_0e2f5efca6:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_a7092d6938 .colorItemTextMode_001bb15b07:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_a7092d6938 .colorIconWhite_0856259bd1 {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

package/dist/src/components/Combobox/Combobox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as t,noop as i,isFunction as s}from"lodash-es";import r from"classnames";import a,{forwardRef as n,useRef as l,useState as c,useCallback as d,useMemo as m}from"react";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as u,ComponentDefaultTestId as v}from"../../tests/testIds.js";import b from"../../hooks/useMergeRef.js";import f from"../Search/Search.js";import{BASE_SIZES as h}from"../../constants/sizes.js";import C from"../Button/Button.js";import g from"../Text/Text.js";import x from"./components/ComboboxOption/ComboboxOption.js";import{defaultFilter as y}from"./ComboboxService.js";import{ComboboxItems as I}from"./components/ComboboxItems/ComboboxItems.js";import{StickyCategoryHeader as O}from"./components/StickyCategoryHeader/StickyCategoryHeader.js";import{useItemsData as N,useKeyboardNavigation as j}from"./ComboboxHelpers/ComboboxHelpers.js";import{getOptionId as S}from"./helpers.js";import{withStaticProps as R}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{COMBOBOX_LISTBOX_ID as k}from"./components/ComboboxConstants.js";import F from"./Combobox.module.scss.js";var H=R(n((function(n,h){var x=n.className,R=void 0===x?"":x,H=n.optionClassName,E=void 0===H?"":H,A=n.searchWrapperClassName,L=n.stickyCategoryClassName,M=n.searchIcon,w=n.id,T=void 0===w?"":w,z=n.placeholder,B=void 0===z?"":z,V=n.size,W=void 0===V?"medium":V,P=n.defaultVisualFocusFirstIndex,D=n.optionLineHeight,_=void 0===D?32:D,X=n.optionsListHeight,q=n.autoFocus,G=void 0!==q&&q,J=n.disabled,K=void 0!==J&&J,Q=n.options,U=void 0===Q?[]:Q,Y=n.categories,Z=n.withCategoriesDivider,$=void 0!==Z&&Z,ee=n.noResultsMessage,oe=void 0===ee?"No results found":ee,te=n.onAddNew,ie=n.addNewLabel,se=void 0===ie?"Add new":ie,re=n.onClick,ae=void 0===re?function(e){}:re,ne=n.filter,le=void 0===ne?y:ne,ce=n.disableFilter,de=void 0!==ce&&ce,me=n.filterValue,pe=n.onFilterChanged,ue=n.loading,ve=void 0!==ue&&ue,be=n.onOptionHover,fe=void 0===be?i:be,he=n.onOptionLeave,Ce=void 0===he?i:he,ge=n.shouldScrollToSelectedItem,xe=void 0===ge||ge,ye=n.noResultsRenderer,Ie=n.stickyCategories,Oe=void 0!==Ie&&Ie,Ne=n.optionRenderer,je=void 0===Ne?null:Ne,Se=n.renderOnlyVisibleOptions,Re=void 0!==Se&&Se,ke=n.clearFilterOnSelection,Fe=void 0!==ke&&ke,He=n.maxOptionsWithoutScroll,Ee=n.defaultFilter,Ae=void 0===Ee?"":Ee,Le=n.searchInputAriaLabel,Me=void 0===Le?"Search for content":Le,we=n["data-testid"],Te=n.debounceRate,ze=n.searchInputRef,Be=n.renderAction,Ve=n.hideRenderActionOnInput,We=l(null),Pe=l(null),De=b(h,We),_e=b(Pe,ze),Xe=c(me||Ae),qe=e(Xe,2),Ge=qe[0],Je=qe[1];void 0!==me&&me!==Ge&&Je(me);var Ke=d((function(e){eo(-1),pe&&pe(e),Je(e)}),[Je,pe]),Qe=d((function(e,o,t){fe(e,o,t)}),[fe]),Ue=m((function(){return de?U:le(Ge,U)}),[U,Ge,le,de]),Ye=c(-1),Ze=e(Ye,2),$e=Ze[0],eo=Ze[1],oo=d((function(e){return void 0!==e&&Ue[e]&&!Ue[e].disabled}),[Ue]),to=d((function(){te&&te(Ge),Je("")}),[te,Ge,Je]),io=Ue.length>0,so=Ge.length>0;var ro=c(),ao=e(ro,2),no=ao[0],lo=ao[1],co=d((function(e){var o;(null===(o=null==e?void 0:e.category)||void 0===o?void 0:o.label)!==(null==no?void 0:no.label)&&lo(null==e?void 0:e.category)}),[no]),mo=N({categories:Y,options:Ue,filterValue:Ge,withCategoriesDivider:$,optionLineHeight:_}),po=mo.items,uo=mo.itemsMap,vo=mo.selectableItems,bo=d((function(e,o){ae(vo[o]),oo(o)&&eo(o),Fe&&Ke("")}),[ae,vo,oo,Fe,Ke]),fo=j({getOptionId:S,defaultVisualFocusFirstIndex:P,onClick:bo,isChildSelectable:oo,options:vo,inputRef:_e}),ho=fo.visualFocusItemIndex,Co=fo.visualFocusItemId,go=fo.onOptionClick;return a.createElement(g,{type:"text2",ref:De,className:r(F.combobox,R,p(F,t("size-"+W)),o(o({},F.empty,!io),F.stickyCategory,Oe)),id:T,"data-testid":we||u(v.COMBOBOX,T),ellipsis:!1},a.createElement("div",{className:F.comboboxList,style:{maxHeight:X}},a.createElement(f,{ref:_e,value:Ge,className:r(F.comboboxSearchWrapper,A),inputAriaLabel:Me,currentAriaResultId:Co,id:"combobox-search",placeholder:B,size:W,disabled:K,onChange:Ke,autoFocus:G,loading:ve,searchIconName:M,ariaExpanded:so||io,ariaHasPopup:"listbox",searchResultsContainerId:T?"".concat(T,"-listbox"):k,debounceRate:Te,renderAction:Be,hideRenderActionOnInput:Ve}),Oe&&a.createElement(O,{label:null==no?void 0:no.label,color:null==no?void 0:no.color,className:L}),io&&a.createElement(I,{stickyCategories:Oe,categories:Y,options:po,itemsMap:uo,optionClassName:E,optionRenderer:je,activeItemIndex:$e,onActiveCategoryChanged:co,onOptionClick:go,onOptionEnter:Qe,onOptionLeave:Ce,optionLineHeight:_,shouldScrollToSelectedItem:xe,renderOnlyVisibleOptions:Re,maxOptionsWithoutScroll:He,visualFocusItemIndex:ho,id:T?"".concat(T,"-listbox"):k})),so&&!io&&!ve&&(ye?ye():a.createElement("div",{className:F.comboboxNoResults},a.createElement("div",{className:F.comboboxMessageWrapper},a.createElement("span",{className:F.comboboxMessage},oe)),te&&!K&&a.createElement(C,{className:F.addNewButton,size:W,kind:"tertiary",onClick:to},a.createElement("span",{className:F.buttonLabel},s(se)?se(Ge):se)))))})),{sizes:h,iconTypes:x.iconTypes});export{H as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as t,noop as i,isFunction as s}from"lodash-es";import r from"classnames";import a,{forwardRef as n,useRef as l,useState as c,useCallback as d,useMemo as m}from"react";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as u,ComponentDefaultTestId as v}from"../../tests/testIds.js";import b from"../../hooks/useMergeRef.js";import f from"../Search/Search.js";import{BASE_SIZES as h}from"../../constants/sizes.js";import C from"../Button/Button.js";import g from"../Text/Text.js";import x from"./components/ComboboxOption/ComboboxOption.js";import{defaultFilter as y}from"./ComboboxService.js";import{ComboboxItems as I}from"./components/ComboboxItems/ComboboxItems.js";import{StickyCategoryHeader as O}from"./components/StickyCategoryHeader/StickyCategoryHeader.js";import{useItemsData as N,useKeyboardNavigation as j}from"./ComboboxHelpers/ComboboxHelpers.js";import{getOptionId as S}from"./helpers.js";import{withStaticProps as R}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{COMBOBOX_LISTBOX_ID as k}from"./components/ComboboxConstants.js";import F from"./Combobox.module.scss.js";import{ComponentVibeId as H}from"../../tests/constants.js";var E=R(n((function(n,h){var x=n.className,R=void 0===x?"":x,E=n.optionClassName,A=void 0===E?"":E,L=n.searchWrapperClassName,M=n.stickyCategoryClassName,B=n.searchIcon,w=n.id,T=void 0===w?"":w,z=n.placeholder,V=void 0===z?"":z,W=n.size,P=void 0===W?"medium":W,D=n.defaultVisualFocusFirstIndex,X=n.optionLineHeight,_=void 0===X?32:X,q=n.optionsListHeight,G=n.autoFocus,J=void 0!==G&&G,K=n.disabled,Q=void 0!==K&&K,U=n.options,Y=void 0===U?[]:U,Z=n.categories,$=n.withCategoriesDivider,ee=void 0!==$&&$,oe=n.noResultsMessage,te=void 0===oe?"No results found":oe,ie=n.onAddNew,se=n.addNewLabel,re=void 0===se?"Add new":se,ae=n.onClick,ne=void 0===ae?function(e){}:ae,le=n.filter,ce=void 0===le?y:le,de=n.disableFilter,me=void 0!==de&&de,pe=n.filterValue,ue=n.onFilterChanged,ve=n.loading,be=void 0!==ve&&ve,fe=n.onOptionHover,he=void 0===fe?i:fe,Ce=n.onOptionLeave,ge=void 0===Ce?i:Ce,xe=n.shouldScrollToSelectedItem,ye=void 0===xe||xe,Ie=n.noResultsRenderer,Oe=n.stickyCategories,Ne=void 0!==Oe&&Oe,je=n.optionRenderer,Se=void 0===je?null:je,Re=n.renderOnlyVisibleOptions,ke=void 0!==Re&&Re,Fe=n.clearFilterOnSelection,He=void 0!==Fe&&Fe,Ee=n.maxOptionsWithoutScroll,Ae=n.defaultFilter,Le=void 0===Ae?"":Ae,Me=n.searchInputAriaLabel,Be=void 0===Me?"Search for content":Me,we=n["data-testid"],Te=n.debounceRate,ze=n.searchInputRef,Ve=n.renderAction,We=n.hideRenderActionOnInput,Pe=l(null),De=l(null),Xe=b(h,Pe),_e=b(De,ze),qe=c(pe||Le),Ge=e(qe,2),Je=Ge[0],Ke=Ge[1];void 0!==pe&&pe!==Je&&Ke(pe);var Qe=d((function(e){oo(-1),ue&&ue(e),Ke(e)}),[Ke,ue]),Ue=d((function(e,o,t){he(e,o,t)}),[he]),Ye=m((function(){return me?Y:ce(Je,Y)}),[Y,Je,ce,me]),Ze=c(-1),$e=e(Ze,2),eo=$e[0],oo=$e[1],to=d((function(e){return void 0!==e&&Ye[e]&&!Ye[e].disabled}),[Ye]),io=d((function(){ie&&ie(Je),Ke("")}),[ie,Je,Ke]),so=Ye.length>0,ro=Je.length>0;var ao=c(),no=e(ao,2),lo=no[0],co=no[1],mo=d((function(e){var o;(null===(o=null==e?void 0:e.category)||void 0===o?void 0:o.label)!==(null==lo?void 0:lo.label)&&co(null==e?void 0:e.category)}),[lo]),po=N({categories:Z,options:Ye,filterValue:Je,withCategoriesDivider:ee,optionLineHeight:_}),uo=po.items,vo=po.itemsMap,bo=po.selectableItems,fo=d((function(e,o){ne(bo[o]),to(o)&&oo(o),He&&Qe("")}),[ne,bo,to,He,Qe]),ho=j({getOptionId:S,defaultVisualFocusFirstIndex:D,onClick:fo,isChildSelectable:to,options:bo,inputRef:_e}),Co=ho.visualFocusItemIndex,go=ho.visualFocusItemId,xo=ho.onOptionClick;return a.createElement(g,{type:"text2",ref:Xe,className:r(F.combobox,R,p(F,t("size-"+P)),o(o({},F.empty,!so),F.stickyCategory,Ne)),id:T,"data-testid":we||u(v.COMBOBOX,T),ellipsis:!1,"data-vibe":H.COMBOBOX},a.createElement("div",{className:F.comboboxList,style:{maxHeight:q}},a.createElement(f,{ref:_e,value:Je,className:r(F.comboboxSearchWrapper,L),inputAriaLabel:Be,currentAriaResultId:go,id:"combobox-search",placeholder:V,size:P,disabled:Q,onChange:Qe,autoFocus:J,loading:be,searchIconName:B,ariaExpanded:ro||so,ariaHasPopup:"listbox",searchResultsContainerId:T?"".concat(T,"-listbox"):k,debounceRate:Te,renderAction:Ve,hideRenderActionOnInput:We}),Ne&&a.createElement(O,{label:null==lo?void 0:lo.label,color:null==lo?void 0:lo.color,className:M}),so&&a.createElement(I,{stickyCategories:Ne,categories:Z,options:uo,itemsMap:vo,optionClassName:A,optionRenderer:Se,activeItemIndex:eo,onActiveCategoryChanged:mo,onOptionClick:xo,onOptionEnter:Ue,onOptionLeave:ge,optionLineHeight:_,shouldScrollToSelectedItem:ye,renderOnlyVisibleOptions:ke,maxOptionsWithoutScroll:Ee,visualFocusItemIndex:Co,id:T?"".concat(T,"-listbox"):k})),ro&&!so&&!be&&(Ie?Ie():a.createElement("div",{className:F.comboboxNoResults},a.createElement("div",{className:F.comboboxMessageWrapper},a.createElement("span",{className:F.comboboxMessage},te)),ie&&!Q&&a.createElement(C,{className:F.addNewButton,size:P,kind:"tertiary",onClick:io},a.createElement("span",{className:F.buttonLabel},s(re)?re(Je):re)))))})),{sizes:h,iconTypes:x.iconTypes});export{E as default};
 //# sourceMappingURL=Combobox.js.map

package/dist/src/components/Combobox/Combobox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport React, { useRef, useState, forwardRef, useMemo, useCallback } from \"react\";\nimport { isFunction, noop as NOOP } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Search from \"../Search/Search\";\nimport { BASE_SIZES } from \"../../constants\";\nimport Button from \"../Button/Button\";\nimport Text from \"../Text/Text\";\nimport ComboboxOption from \"./components/ComboboxOption/ComboboxOption\";\nimport { defaultFilter } from \"./ComboboxService\";\nimport { ComboboxItems } from \"./components/ComboboxItems/ComboboxItems\";\nimport { StickyCategoryHeader } from \"./components/StickyCategoryHeader/StickyCategoryHeader\";\nimport { useItemsData, useKeyboardNavigation } from \"./ComboboxHelpers/ComboboxHelpers\";\nimport { getOptionId } from \"./helpers\";\nimport { type ElementContent, type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n type IComboboxCategoryMap,\n type IComboboxItem,\n type IComboboxOption,\n COMBOBOX_LISTBOX_ID,\n type IComboboxCategory\n} from \"./components/ComboboxConstants\";\nimport styles from \"./Combobox.module.scss\";\nimport { type ComboboxSizes } from \"./Combobox.types\";\nimport type IconButton from \"../IconButton/IconButton\";\nimport type MenuButton from \"../MenuButton/MenuButton\";\n\nexport interface ComboboxProps extends VibeComponentProps {\n /*\n Class name applied to each option item.\n /\n optionClassName?: string;\n /\n Class name applied to the search wrapper.\n /\n searchWrapperClassName?: string;\n /\n Class name applied to the sticky category header.\n /\n stickyCategoryClassName?: string;\n /\n Placeholder text displayed in the search input.\n /\n placeholder?: string;\n /\n Message displayed when no results are found.\n /\n noResultsMessage?: string;\n /\n If true, the combobox is disabled.\n /\n disabled?: boolean;\n /\n The list of available options.\n /\n options?: IComboboxOption[];\n /\n The list of available categories.\n /\n categories?: IComboboxCategoryMap;\n /\n If true, displays a divider between category sections.\n /\n withCategoriesDivider?: boolean;\n /\n The size of the combobox.\n /\n size?: ComboboxSizes;\n /\n The height of each option item.\n /\n optionLineHeight?: number;\n /\n The height of the options list.\n /\n optionsListHeight?: number;\n /\n If true, the search input is focused when the component mounts.\n /\n autoFocus?: boolean;\n /\n Callback fired when the \"Add new\" button is clicked.\n /\n onAddNew?: (value: string) => void;\n /\n Label displayed for the \"Add new\" button.\n /\n addNewLabel?: ((label: string) => ElementContent) \| string;\n /\n Custom filter function for searching options.\n /\n filter?: (filterValue: string, options: IComboboxOption[]) => IComboboxOption[];\n /\n The default search input\n /\n defaultFilter?: string;\n /\n If true, disables filtering.\n /\n disableFilter?: boolean;\n /\n Controlled search input value.\n /\n filterValue?: string;\n /\n Callback fired when the search input value changes.\n /\n onFilterChanged?: (value: string) => void;\n /\n If true, displays a loading state.\n /\n loading?: boolean;\n /\n Callback fired when an option is hovered.\n /\n onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption) => void;\n /\n Callback fired when the mouse leaves an option.\n /\n onOptionLeave?: () => void;\n /\n If true, automatically scrolls to the selected option.\n /\n shouldScrollToSelectedItem?: boolean;\n /\n Custom renderer for when no results are found.\n /\n noResultsRenderer?: () => JSX.Element;\n /\n If true, keeps categories visible when scrolling.\n /\n stickyCategories?: boolean;\n /\n If true, visually focuses the first item by default.\n /\n defaultVisualFocusFirstIndex?: boolean;\n /\n If true, clears the search input when an option is selected.\n /\n clearFilterOnSelection?: boolean;\n /\n Custom renderer for options.\n /\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n /\n Maximum number of options displayed before scrolling.\n /\n maxOptionsWithoutScroll?: number;\n /\n If true, renders only visible options for performance optimization.\n /\n renderOnlyVisibleOptions?: boolean;\n /\n Callback fired when an option is clicked.\n /\n onClick?: (optionData: IComboboxOption) => void;\n /\n Custom search icon.\n /\n searchIcon?: SubIcon;\n /\n ARIA label for the search input.\n /\n searchInputAriaLabel?: string;\n /\n The debounce rate for filtering.\n /\n debounceRate?: number;\n /\n Ref for the search input element.\n /\n searchInputRef?: React.RefObject<HTMLInputElement>;\n /\n Additional action button inside the search input.\n /\n renderAction?: React.ReactElement<typeof IconButton \| typeof MenuButton>;\n /\n If true, hides the additional action when the user types in the search input.\n */\n hideRenderActionOnInput?: boolean;\n}\n\nconst Combobox = forwardRef(\n (\n {\n className = \"\",\n optionClassName = \"\",\n searchWrapperClassName,\n stickyCategoryClassName,\n searchIcon,\n id = \"\",\n placeholder = \"\",\n size = \"medium\",\n defaultVisualFocusFirstIndex,\n optionLineHeight = 32,\n optionsListHeight,\n autoFocus = false,\n disabled = false,\n options = [],\n categories,\n withCategoriesDivider = false,\n noResultsMessage = \"No results found\",\n onAddNew,\n addNewLabel = \"Add new\",\n onClick = (_optionData: IComboboxOption) => {},\n filter = defaultFilter,\n disableFilter = false,\n filterValue: filterValueProp,\n onFilterChanged,\n loading = false,\n onOptionHover = NOOP,\n onOptionLeave = NOOP,\n shouldScrollToSelectedItem = true,\n noResultsRenderer,\n stickyCategories = false,\n optionRenderer = null,\n renderOnlyVisibleOptions = false,\n clearFilterOnSelection = false,\n maxOptionsWithoutScroll,\n defaultFilter: defaultFilterValue = \"\",\n searchInputAriaLabel = \"Search for content\",\n \"data-testid\": dataTestId,\n debounceRate,\n searchInputRef,\n renderAction: RenderAction,\n hideRenderActionOnInput\n }: ComboboxProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const mergedInputRef = useMergeRef(inputRef, searchInputRef);\n\n const [filterValue, setFilterValue] = useState(filterValueProp \|\| defaultFilterValue);\n\n if (filterValueProp !== undefined && filterValueProp !== filterValue) {\n setFilterValue(filterValueProp);\n }\n\n const onChangeCallback = useCallback(\n (value: string) => {\n setActiveOptionIndex(-1);\n if (onFilterChanged) {\n onFilterChanged(value);\n }\n setFilterValue(value);\n },\n [setFilterValue, onFilterChanged]\n );\n\n const onOptionHoverCB = useCallback(\n (event: React.MouseEvent, index: number, option: IComboboxOption) => {\n onOptionHover(event, index, option);\n },\n [onOptionHover]\n );\n\n const filteredOptions: IComboboxOption[] = useMemo(() => {\n if (disableFilter) {\n return options;\n }\n return filter(filterValue, options);\n }, [options, filterValue, filter, disableFilter]);\n\n const [activeOptionIndex, setActiveOptionIndex] = useState(-1);\n\n const isChildSelectable = useCallback(\n (index: number) => {\n return index !== undefined && filteredOptions[index] && !filteredOptions[index].disabled;\n },\n [filteredOptions]\n );\n\n const onAddNewCallback = useCallback(() => {\n onAddNew && onAddNew(filterValue);\n // clear filter after adding\n setFilterValue(\"\");\n }, [onAddNew, filterValue, setFilterValue]);\n\n const hasResults = filteredOptions.length > 0;\n const hasFilter = filterValue.length > 0;\n\n function getAddNewLabel() {\n if (isFunction(addNewLabel)) {\n return addNewLabel(filterValue);\n }\n return addNewLabel;\n }\n\n function renderNoResults() {\n if (noResultsRenderer) {\n return noResultsRenderer();\n }\n\n return (\n <div className={styles.comboboxNoResults}>\n <div className={styles.comboboxMessageWrapper}>\n <span className={styles.comboboxMessage}>{noResultsMessage}</span>\n </div>\n {onAddNew && !disabled && (\n <Button className={styles.addNewButton} size={size} kind=\"tertiary\" onClick={onAddNewCallback}>\n <span className={styles.buttonLabel}>{getAddNewLabel()}</span>\n </Button>\n )}\n </div>\n );\n }\n\n const [activeCategory, setActiveCategory] = useState<IComboboxCategory>();\n\n const onActiveCategoryChanged = useCallback(\n (categoryData: IComboboxItem) => {\n if (categoryData?.category?.label !== activeCategory?.label) {\n setActiveCategory(categoryData?.category);\n }\n },\n [activeCategory]\n );\n\n const { items, itemsMap, selectableItems } = useItemsData({\n categories,\n options: filteredOptions,\n filterValue,\n withCategoriesDivider,\n optionLineHeight\n });\n\n const overrideOnClick = useCallback(\n (_event: React.MouseEvent \| React.KeyboardEvent, itemIndex: number) => {\n onClick(selectableItems[itemIndex]);\n if (isChildSelectable(itemIndex)) {\n setActiveOptionIndex(itemIndex);\n }\n if (clearFilterOnSelection) {\n // clear filter after adding\n onChangeCallback(\"\");\n }\n },\n [onClick, selectableItems, isChildSelectable, clearFilterOnSelection, onChangeCallback]\n );\n\n const {\n visualFocusItemIndex,\n visualFocusItemId,\n onOptionClick: overrideOnOptionClick\n } = useKeyboardNavigation({\n getOptionId,\n defaultVisualFocusFirstIndex,\n onClick: overrideOnClick,\n isChildSelectable,\n options: selectableItems,\n inputRef: mergedInputRef\n });\n\n return (\n <Text\n type=\"text2\"\n ref={mergedRef}\n className={cx(styles.combobox, className, getStyle(styles, camelCase(\"size-\" + size)), {\n [styles.empty]: !hasResults,\n [styles.stickyCategory]: stickyCategories\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.COMBOBOX, id)}\n ellipsis={false}\n >\n <div className={styles.comboboxList} style={{ maxHeight: optionsListHeight }}>\n <Search\n ref={mergedInputRef}\n value={filterValue}\n className={cx(styles.comboboxSearchWrapper, searchWrapperClassName)}\n inputAriaLabel={searchInputAriaLabel}\n currentAriaResultId={visualFocusItemId}\n id=\"combobox-search\"\n placeholder={placeholder}\n size={size}\n disabled={disabled}\n onChange={onChangeCallback}\n autoFocus={autoFocus}\n loading={loading}\n searchIconName={searchIcon}\n ariaExpanded={hasFilter \|\| hasResults}\n ariaHasPopup=\"listbox\"\n searchResultsContainerId={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n debounceRate={debounceRate}\n renderAction={RenderAction}\n hideRenderActionOnInput={hideRenderActionOnInput}\n />\n {stickyCategories && (\n <StickyCategoryHeader\n label={activeCategory?.label}\n color={activeCategory?.color}\n className={stickyCategoryClassName}\n />\n )}\n {hasResults && (\n <ComboboxItems\n stickyCategories={stickyCategories}\n categories={categories}\n options={items}\n itemsMap={itemsMap}\n optionClassName={optionClassName}\n optionRenderer={optionRenderer}\n activeItemIndex={activeOptionIndex}\n onActiveCategoryChanged={onActiveCategoryChanged}\n onOptionClick={overrideOnOptionClick}\n onOptionEnter={onOptionHoverCB}\n onOptionLeave={onOptionLeave}\n optionLineHeight={optionLineHeight}\n shouldScrollToSelectedItem={shouldScrollToSelectedItem}\n renderOnlyVisibleOptions={renderOnlyVisibleOptions}\n maxOptionsWithoutScroll={maxOptionsWithoutScroll}\n visualFocusItemIndex={visualFocusItemIndex}\n id={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n />\n )}\n </div>\n {hasFilter && !hasResults && !loading && renderNoResults()}\n </Text>\n );\n }\n);\n\n// Locate loading next to search icon\n// color it with --secondary-text-color\n// size it like the icon - we think it's 16px - make sure it's not fat\n\ninterface ComboboxStaticProps {\n sizes: typeof BASE_SIZES;\n iconTypes: typeof ComboboxOption.iconTypes;\n}\n\nexport default withStaticProps<ComboboxProps, ComboboxStaticProps>(Combobox, {\n sizes: BASE_SIZES,\n iconTypes: ComboboxOption.iconTypes\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_ref$className","className","_ref$optionClassName","optionClassName","searchWrapperClassName","stickyCategoryClassName","searchIcon","_ref$id","id","_ref$placeholder","placeholder","_ref$size","size","defaultVisualFocusFirstIndex","_ref$optionLineHeight","optionLineHeight","optionsListHeight","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$options","options","categories","_ref$withCategoriesDi","withCategoriesDivider","_ref$noResultsMessage","noResultsMessage","onAddNew","_ref$addNewLabel","addNewLabel","_ref$onClick","onClick","_optionData","_ref$filter","filter","defaultFilter","_ref$disableFilter","disableFilter","filterValueProp","filterValue","onFilterChanged","_ref$loading","loading","_ref$onOptionHover","onOptionHover","NOOP","_ref$onOptionLeave","onOptionLeave","_ref$shouldScrollToSe","shouldScrollToSelectedItem","noResultsRenderer","_ref$stickyCategories","stickyCategories","_ref$optionRenderer","optionRenderer","_ref$renderOnlyVisibl","renderOnlyVisibleOptions","_ref$clearFilterOnSel","clearFilterOnSelection","maxOptionsWithoutScroll","_ref$defaultFilter","defaultFilterValue","_ref$searchInputAriaL","searchInputAriaLabel","dataTestId","debounceRate","searchInputRef","RenderAction","renderAction","hideRenderActionOnInput","componentRef","useRef","inputRef","mergedRef","useMergeRef","mergedInputRef","_useState","useState","_useState2","_slicedToArray","setFilterValue","undefined","onChangeCallback","useCallback","value","setActiveOptionIndex","onOptionHoverCB","event","index","option","filteredOptions","useMemo","_useState3","_useState4","activeOptionIndex","isChildSelectable","onAddNewCallback","hasResults","length","hasFilter","_useState5","_useState6","activeCategory","setActiveCategory","onActiveCategoryChanged","categoryData","category","_a","label","_useItemsData","useItemsData","items","itemsMap","selectableItems","overrideOnClick","_event","itemIndex","_useKeyboardNavigatio","useKeyboardNavigation","getOptionId","visualFocusItemIndex","visualFocusItemId","overrideOnOptionClick","onOptionClick","React","createElement","Text","type","cx","styles","combobox","getStyle","camelCase","_defineProperty","empty","stickyCategory","getTestId","ComponentDefaultTestId","COMBOBOX","ellipsis","comboboxList","style","maxHeight","Search","comboboxSearchWrapper","inputAriaLabel","currentAriaResultId","onChange","searchIconName","ariaExpanded","ariaHasPopup","searchResultsContainerId","concat","COMBOBOX_LISTBOX_ID","StickyCategoryHeader","color","ComboboxItems","activeItemIndex","onOptionEnter","comboboxNoResults","comboboxMessageWrapper","comboboxMessage","Button","addNewButton","kind","buttonLabel","isFunction","sizes","BASE_SIZES","iconTypes","ComboboxOption"],"mappings":"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"}
1	+ {"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport React, { useRef, useState, forwardRef, useMemo, useCallback } from \"react\";\nimport { isFunction, noop as NOOP } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Search from \"../Search/Search\";\nimport { BASE_SIZES } from \"../../constants\";\nimport Button from \"../Button/Button\";\nimport Text from \"../Text/Text\";\nimport ComboboxOption from \"./components/ComboboxOption/ComboboxOption\";\nimport { defaultFilter } from \"./ComboboxService\";\nimport { ComboboxItems } from \"./components/ComboboxItems/ComboboxItems\";\nimport { StickyCategoryHeader } from \"./components/StickyCategoryHeader/StickyCategoryHeader\";\nimport { useItemsData, useKeyboardNavigation } from \"./ComboboxHelpers/ComboboxHelpers\";\nimport { getOptionId } from \"./helpers\";\nimport { type ElementContent, type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n type IComboboxCategoryMap,\n type IComboboxItem,\n type IComboboxOption,\n COMBOBOX_LISTBOX_ID,\n type IComboboxCategory\n} from \"./components/ComboboxConstants\";\nimport styles from \"./Combobox.module.scss\";\nimport { type ComboboxSizes } from \"./Combobox.types\";\nimport type IconButton from \"../IconButton/IconButton\";\nimport type MenuButton from \"../MenuButton/MenuButton\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ComboboxProps extends VibeComponentProps {\n /*\n Class name applied to each option item.\n /\n optionClassName?: string;\n /\n Class name applied to the search wrapper.\n /\n searchWrapperClassName?: string;\n /\n Class name applied to the sticky category header.\n /\n stickyCategoryClassName?: string;\n /\n Placeholder text displayed in the search input.\n /\n placeholder?: string;\n /\n Message displayed when no results are found.\n /\n noResultsMessage?: string;\n /\n If true, the combobox is disabled.\n /\n disabled?: boolean;\n /\n The list of available options.\n /\n options?: IComboboxOption[];\n /\n The list of available categories.\n /\n categories?: IComboboxCategoryMap;\n /\n If true, displays a divider between category sections.\n /\n withCategoriesDivider?: boolean;\n /\n The size of the combobox.\n /\n size?: ComboboxSizes;\n /\n The height of each option item.\n /\n optionLineHeight?: number;\n /\n The height of the options list.\n /\n optionsListHeight?: number;\n /\n If true, the search input is focused when the component mounts.\n /\n autoFocus?: boolean;\n /\n Callback fired when the \"Add new\" button is clicked.\n /\n onAddNew?: (value: string) => void;\n /\n Label displayed for the \"Add new\" button.\n /\n addNewLabel?: ((label: string) => ElementContent) \| string;\n /\n Custom filter function for searching options.\n /\n filter?: (filterValue: string, options: IComboboxOption[]) => IComboboxOption[];\n /\n The default search input\n /\n defaultFilter?: string;\n /\n If true, disables filtering.\n /\n disableFilter?: boolean;\n /\n Controlled search input value.\n /\n filterValue?: string;\n /\n Callback fired when the search input value changes.\n /\n onFilterChanged?: (value: string) => void;\n /\n If true, displays a loading state.\n /\n loading?: boolean;\n /\n Callback fired when an option is hovered.\n /\n onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption) => void;\n /\n Callback fired when the mouse leaves an option.\n /\n onOptionLeave?: () => void;\n /\n If true, automatically scrolls to the selected option.\n /\n shouldScrollToSelectedItem?: boolean;\n /\n Custom renderer for when no results are found.\n /\n noResultsRenderer?: () => JSX.Element;\n /\n If true, keeps categories visible when scrolling.\n /\n stickyCategories?: boolean;\n /\n If true, visually focuses the first item by default.\n /\n defaultVisualFocusFirstIndex?: boolean;\n /\n If true, clears the search input when an option is selected.\n /\n clearFilterOnSelection?: boolean;\n /\n Custom renderer for options.\n /\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n /\n Maximum number of options displayed before scrolling.\n /\n maxOptionsWithoutScroll?: number;\n /\n If true, renders only visible options for performance optimization.\n /\n renderOnlyVisibleOptions?: boolean;\n /\n Callback fired when an option is clicked.\n /\n onClick?: (optionData: IComboboxOption) => void;\n /\n Custom search icon.\n /\n searchIcon?: SubIcon;\n /\n ARIA label for the search input.\n /\n searchInputAriaLabel?: string;\n /\n The debounce rate for filtering.\n /\n debounceRate?: number;\n /\n Ref for the search input element.\n /\n searchInputRef?: React.RefObject<HTMLInputElement>;\n /\n Additional action button inside the search input.\n /\n renderAction?: React.ReactElement<typeof IconButton \| typeof MenuButton>;\n /\n If true, hides the additional action when the user types in the search input.\n */\n hideRenderActionOnInput?: boolean;\n}\n\nconst Combobox = forwardRef(\n (\n {\n className = \"\",\n optionClassName = \"\",\n searchWrapperClassName,\n stickyCategoryClassName,\n searchIcon,\n id = \"\",\n placeholder = \"\",\n size = \"medium\",\n defaultVisualFocusFirstIndex,\n optionLineHeight = 32,\n optionsListHeight,\n autoFocus = false,\n disabled = false,\n options = [],\n categories,\n withCategoriesDivider = false,\n noResultsMessage = \"No results found\",\n onAddNew,\n addNewLabel = \"Add new\",\n onClick = (_optionData: IComboboxOption) => {},\n filter = defaultFilter,\n disableFilter = false,\n filterValue: filterValueProp,\n onFilterChanged,\n loading = false,\n onOptionHover = NOOP,\n onOptionLeave = NOOP,\n shouldScrollToSelectedItem = true,\n noResultsRenderer,\n stickyCategories = false,\n optionRenderer = null,\n renderOnlyVisibleOptions = false,\n clearFilterOnSelection = false,\n maxOptionsWithoutScroll,\n defaultFilter: defaultFilterValue = \"\",\n searchInputAriaLabel = \"Search for content\",\n \"data-testid\": dataTestId,\n debounceRate,\n searchInputRef,\n renderAction: RenderAction,\n hideRenderActionOnInput\n }: ComboboxProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const mergedInputRef = useMergeRef(inputRef, searchInputRef);\n\n const [filterValue, setFilterValue] = useState(filterValueProp \|\| defaultFilterValue);\n\n if (filterValueProp !== undefined && filterValueProp !== filterValue) {\n setFilterValue(filterValueProp);\n }\n\n const onChangeCallback = useCallback(\n (value: string) => {\n setActiveOptionIndex(-1);\n if (onFilterChanged) {\n onFilterChanged(value);\n }\n setFilterValue(value);\n },\n [setFilterValue, onFilterChanged]\n );\n\n const onOptionHoverCB = useCallback(\n (event: React.MouseEvent, index: number, option: IComboboxOption) => {\n onOptionHover(event, index, option);\n },\n [onOptionHover]\n );\n\n const filteredOptions: IComboboxOption[] = useMemo(() => {\n if (disableFilter) {\n return options;\n }\n return filter(filterValue, options);\n }, [options, filterValue, filter, disableFilter]);\n\n const [activeOptionIndex, setActiveOptionIndex] = useState(-1);\n\n const isChildSelectable = useCallback(\n (index: number) => {\n return index !== undefined && filteredOptions[index] && !filteredOptions[index].disabled;\n },\n [filteredOptions]\n );\n\n const onAddNewCallback = useCallback(() => {\n onAddNew && onAddNew(filterValue);\n // clear filter after adding\n setFilterValue(\"\");\n }, [onAddNew, filterValue, setFilterValue]);\n\n const hasResults = filteredOptions.length > 0;\n const hasFilter = filterValue.length > 0;\n\n function getAddNewLabel() {\n if (isFunction(addNewLabel)) {\n return addNewLabel(filterValue);\n }\n return addNewLabel;\n }\n\n function renderNoResults() {\n if (noResultsRenderer) {\n return noResultsRenderer();\n }\n\n return (\n <div className={styles.comboboxNoResults}>\n <div className={styles.comboboxMessageWrapper}>\n <span className={styles.comboboxMessage}>{noResultsMessage}</span>\n </div>\n {onAddNew && !disabled && (\n <Button className={styles.addNewButton} size={size} kind=\"tertiary\" onClick={onAddNewCallback}>\n <span className={styles.buttonLabel}>{getAddNewLabel()}</span>\n </Button>\n )}\n </div>\n );\n }\n\n const [activeCategory, setActiveCategory] = useState<IComboboxCategory>();\n\n const onActiveCategoryChanged = useCallback(\n (categoryData: IComboboxItem) => {\n if (categoryData?.category?.label !== activeCategory?.label) {\n setActiveCategory(categoryData?.category);\n }\n },\n [activeCategory]\n );\n\n const { items, itemsMap, selectableItems } = useItemsData({\n categories,\n options: filteredOptions,\n filterValue,\n withCategoriesDivider,\n optionLineHeight\n });\n\n const overrideOnClick = useCallback(\n (_event: React.MouseEvent \| React.KeyboardEvent, itemIndex: number) => {\n onClick(selectableItems[itemIndex]);\n if (isChildSelectable(itemIndex)) {\n setActiveOptionIndex(itemIndex);\n }\n if (clearFilterOnSelection) {\n // clear filter after adding\n onChangeCallback(\"\");\n }\n },\n [onClick, selectableItems, isChildSelectable, clearFilterOnSelection, onChangeCallback]\n );\n\n const {\n visualFocusItemIndex,\n visualFocusItemId,\n onOptionClick: overrideOnOptionClick\n } = useKeyboardNavigation({\n getOptionId,\n defaultVisualFocusFirstIndex,\n onClick: overrideOnClick,\n isChildSelectable,\n options: selectableItems,\n inputRef: mergedInputRef\n });\n\n return (\n <Text\n type=\"text2\"\n ref={mergedRef}\n className={cx(styles.combobox, className, getStyle(styles, camelCase(\"size-\" + size)), {\n [styles.empty]: !hasResults,\n [styles.stickyCategory]: stickyCategories\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.COMBOBOX, id)}\n ellipsis={false}\n data-vibe={ComponentVibeId.COMBOBOX}\n >\n <div className={styles.comboboxList} style={{ maxHeight: optionsListHeight }}>\n <Search\n ref={mergedInputRef}\n value={filterValue}\n className={cx(styles.comboboxSearchWrapper, searchWrapperClassName)}\n inputAriaLabel={searchInputAriaLabel}\n currentAriaResultId={visualFocusItemId}\n id=\"combobox-search\"\n placeholder={placeholder}\n size={size}\n disabled={disabled}\n onChange={onChangeCallback}\n autoFocus={autoFocus}\n loading={loading}\n searchIconName={searchIcon}\n ariaExpanded={hasFilter \|\| hasResults}\n ariaHasPopup=\"listbox\"\n searchResultsContainerId={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n debounceRate={debounceRate}\n renderAction={RenderAction}\n hideRenderActionOnInput={hideRenderActionOnInput}\n />\n {stickyCategories && (\n <StickyCategoryHeader\n label={activeCategory?.label}\n color={activeCategory?.color}\n className={stickyCategoryClassName}\n />\n )}\n {hasResults && (\n <ComboboxItems\n stickyCategories={stickyCategories}\n categories={categories}\n options={items}\n itemsMap={itemsMap}\n optionClassName={optionClassName}\n optionRenderer={optionRenderer}\n activeItemIndex={activeOptionIndex}\n onActiveCategoryChanged={onActiveCategoryChanged}\n onOptionClick={overrideOnOptionClick}\n onOptionEnter={onOptionHoverCB}\n onOptionLeave={onOptionLeave}\n optionLineHeight={optionLineHeight}\n shouldScrollToSelectedItem={shouldScrollToSelectedItem}\n renderOnlyVisibleOptions={renderOnlyVisibleOptions}\n maxOptionsWithoutScroll={maxOptionsWithoutScroll}\n visualFocusItemIndex={visualFocusItemIndex}\n id={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n />\n )}\n </div>\n {hasFilter && !hasResults && !loading && renderNoResults()}\n </Text>\n );\n }\n);\n\n// Locate loading next to search icon\n// color it with --secondary-text-color\n// size it like the icon - we think it's 16px - make sure it's not fat\n\ninterface ComboboxStaticProps {\n sizes: typeof BASE_SIZES;\n iconTypes: typeof ComboboxOption.iconTypes;\n}\n\nexport default withStaticProps<ComboboxProps, ComboboxStaticProps>(Combobox, {\n sizes: BASE_SIZES,\n iconTypes: ComboboxOption.iconTypes\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_ref$className","className","_ref$optionClassName","optionClassName","searchWrapperClassName","stickyCategoryClassName","searchIcon","_ref$id","id","_ref$placeholder","placeholder","_ref$size","size","defaultVisualFocusFirstIndex","_ref$optionLineHeight","optionLineHeight","optionsListHeight","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$options","options","categories","_ref$withCategoriesDi","withCategoriesDivider","_ref$noResultsMessage","noResultsMessage","onAddNew","_ref$addNewLabel","addNewLabel","_ref$onClick","onClick","_optionData","_ref$filter","filter","defaultFilter","_ref$disableFilter","disableFilter","filterValueProp","filterValue","onFilterChanged","_ref$loading","loading","_ref$onOptionHover","onOptionHover","NOOP","_ref$onOptionLeave","onOptionLeave","_ref$shouldScrollToSe","shouldScrollToSelectedItem","noResultsRenderer","_ref$stickyCategories","stickyCategories","_ref$optionRenderer","optionRenderer","_ref$renderOnlyVisibl","renderOnlyVisibleOptions","_ref$clearFilterOnSel","clearFilterOnSelection","maxOptionsWithoutScroll","_ref$defaultFilter","defaultFilterValue","_ref$searchInputAriaL","searchInputAriaLabel","dataTestId","debounceRate","searchInputRef","RenderAction","renderAction","hideRenderActionOnInput","componentRef","useRef","inputRef","mergedRef","useMergeRef","mergedInputRef","_useState","useState","_useState2","_slicedToArray","setFilterValue","undefined","onChangeCallback","useCallback","value","setActiveOptionIndex","onOptionHoverCB","event","index","option","filteredOptions","useMemo","_useState3","_useState4","activeOptionIndex","isChildSelectable","onAddNewCallback","hasResults","length","hasFilter","_useState5","_useState6","activeCategory","setActiveCategory","onActiveCategoryChanged","categoryData","category","_a","label","_useItemsData","useItemsData","items","itemsMap","selectableItems","overrideOnClick","_event","itemIndex","_useKeyboardNavigatio","useKeyboardNavigation","getOptionId","visualFocusItemIndex","visualFocusItemId","overrideOnOptionClick","onOptionClick","React","createElement","Text","type","cx","styles","combobox","getStyle","camelCase","_defineProperty","empty","stickyCategory","getTestId","ComponentDefaultTestId","COMBOBOX","ellipsis","ComponentVibeId","comboboxList","style","maxHeight","Search","comboboxSearchWrapper","inputAriaLabel","currentAriaResultId","onChange","searchIconName","ariaExpanded","ariaHasPopup","searchResultsContainerId","concat","COMBOBOX_LISTBOX_ID","StickyCategoryHeader","color","ComboboxItems","activeItemIndex","onOptionEnter","comboboxNoResults","comboboxMessageWrapper","comboboxMessage","Button","addNewButton","kind","buttonLabel","isFunction","sizes","BASE_SIZES","iconTypes","ComboboxOption"],"mappings":"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"}

package/dist/src/components/Combobox/Combobox.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_7953d59962",stickyCategory:"stickyCategory_854cb58daa",comboboxCategory:"comboboxCategory_5d0ffa20c0",sizeSmall:"sizeSmall_6879796743",sizeMedium:"sizeMedium_25140a0d9e",sizeLarge:"sizeLarge_6879796743",empty:"empty_774fdbc19d",comboboxSearchWrapper:"comboboxSearchWrapper_fe9dd3f48c",comboboxNoResults:"comboboxNoResults_99dfed4be8",comboboxMessageWrapper:"comboboxMessageWrapper_77f56d3e93",comboboxMessage:"comboboxMessage_30e6ffc98b",addNewButton:"addNewButton_658647bca8",buttonLabel:"buttonLabel_30e6ffc98b",comboboxList:"comboboxList_d751b2cc9c"};!function(o){const e="s_id-140391bb7df9_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable selector-class-pattern */\n.combobox_7953d59962 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n.combobox_7953d59962.stickyCategory_854cb58daa .comboboxCategory_5d0ffa20c0 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_7953d59962.stickyCategory_854cb58daa.sizeSmall_6879796743 .comboboxCategory_5d0ffa20c0 {\n  top: 32px;\n}\n.combobox_7953d59962.stickyCategory_854cb58daa.sizeMedium_25140a0d9e .comboboxCategory_5d0ffa20c0 {\n  top: 40px;\n}\n.combobox_7953d59962.stickyCategory_854cb58daa.sizeLarge_6879796743 .comboboxCategory_5d0ffa20c0 {\n  top: 48px;\n}\n.combobox_7953d59962.empty_774fdbc19d {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_fe9dd3f48c {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_99dfed4be8 {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_99dfed4be8 .comboboxMessageWrapper_77f56d3e93 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_99dfed4be8 .comboboxMessageWrapper_77f56d3e93 .comboboxMessage_30e6ffc98b {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_99dfed4be8 .addNewButton_658647bca8 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_99dfed4be8 .addNewButton_658647bca8 .buttonLabel_30e6ffc98b {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_d751b2cc9c {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox_6d4b97d6d4",stickyCategory:"stickyCategory_5b8bcf42ec",comboboxCategory:"comboboxCategory_83a2cac152",sizeSmall:"sizeSmall_2c177d7aa8",sizeMedium:"sizeMedium_5cef835237",sizeLarge:"sizeLarge_2c177d7aa8",empty:"empty_42426e042e",comboboxSearchWrapper:"comboboxSearchWrapper_5f3eef4ce5",comboboxNoResults:"comboboxNoResults_8471ab20a5",comboboxMessageWrapper:"comboboxMessageWrapper_443c2eaf31",comboboxMessage:"comboboxMessage_8cb9745d10",addNewButton:"addNewButton_8c3429f70e",buttonLabel:"buttonLabel_8cb9745d10",comboboxList:"comboboxList_6505082e24"};!function(o){const e="s_id-140391bb7df9_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable selector-class-pattern */\n.combobox_6d4b97d6d4 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n.combobox_6d4b97d6d4.stickyCategory_5b8bcf42ec .comboboxCategory_83a2cac152 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_6d4b97d6d4.stickyCategory_5b8bcf42ec.sizeSmall_2c177d7aa8 .comboboxCategory_83a2cac152 {\n  top: 32px;\n}\n.combobox_6d4b97d6d4.stickyCategory_5b8bcf42ec.sizeMedium_5cef835237 .comboboxCategory_83a2cac152 {\n  top: 40px;\n}\n.combobox_6d4b97d6d4.stickyCategory_5b8bcf42ec.sizeLarge_2c177d7aa8 .comboboxCategory_83a2cac152 {\n  top: 48px;\n}\n.combobox_6d4b97d6d4.empty_42426e042e {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_5f3eef4ce5 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_8471ab20a5 {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_8471ab20a5 .comboboxMessageWrapper_443c2eaf31 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_8471ab20a5 .comboboxMessageWrapper_443c2eaf31 .comboboxMessage_8cb9745d10 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_8471ab20a5 .addNewButton_8c3429f70e {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_8471ab20a5 .addNewButton_8c3429f70e .buttonLabel_8cb9745d10 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_6505082e24 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_78e8f461b7",dividerContainer:"dividerContainer_83985c3eb8",divider:"divider_30a2a356f2",sticky:"sticky_08f4728fbf"};!function(e){const n="s_id-78c8179b7fe9_3_59_0";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_78e8f461b7 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_83985c3eb8 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_30a2a356f2 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_08f4728fbf {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_3c38ea3eb9",dividerContainer:"dividerContainer_f5d6bb9194",divider:"divider_f89f0224f8",sticky:"sticky_bfa36ab363"};!function(e){const n="s_id-78c8179b7fe9_3_61_0";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_3c38ea3eb9 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_f5d6bb9194 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_f89f0224f8 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_bfa36ab363 {\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/components/ComboboxCategory/ComboboxCategory.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_d6c6b39c33"};!function(e){const t="s_id-a004d249e1c1_3_59_0";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_d6c6b39c33 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory_85c6e529f5"};!function(e){const t="s_id-a004d249e1c1_3_61_0";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_85c6e529f5 {\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/ComboboxItems/ComboboxItems.module.scss.js CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_4113f89c13",disabled:"disabled_51c495605f",selected:"selected_95b31819b3",active:"active_360d860d7c",activeOutline:"activeOutline_46365b69b7",optionLabel:"optionLabel_081cdada4e",optionIcon:"optionIcon_52e5480e17",left:"left_799e870190"};!function(o){const e="s_id-cc5db5fd586e_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable selector-class-pattern */\n.comboboxOption_4113f89c13 {\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_4113f89c13.disabled_51c495605f {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_4113f89c13.disabled_51c495605f:hover {\n  background-color: transparent;\n}\n.comboboxOption_4113f89c13.selected_95b31819b3 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_4113f89c13:hover:not(.disabled_51c495605f):not(.selected_95b31819b3),\n.comboboxOption_4113f89c13.active_360d860d7c {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_4113f89c13.activeOutline_46365b69b7 {\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_4113f89c13 .optionLabel_081cdada4e {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_4113f89c13 .optionIcon_52e5480e17 {\n  flex: 0 0 auto;\n}\n.comboboxOption_4113f89c13 .optionIcon_52e5480e17.left_799e870190 {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption_486cdf1752",disabled:"disabled_0c206bc52d",selected:"selected_5037a5e8ee",active:"active_da4a4e3abe",activeOutline:"activeOutline_302241873d",optionLabel:"optionLabel_30f9fe3ea6",optionIcon:"optionIcon_290a3c26f4",left:"left_d7341b7f0f"};!function(o){const e="s_id-cc5db5fd586e_3_61_0";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_486cdf1752 {\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_486cdf1752.disabled_0c206bc52d {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_486cdf1752.disabled_0c206bc52d:hover {\n  background-color: transparent;\n}\n.comboboxOption_486cdf1752.selected_5037a5e8ee {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_486cdf1752:hover:not(.disabled_0c206bc52d):not(.selected_5037a5e8ee),\n.comboboxOption_486cdf1752.active_da4a4e3abe {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_486cdf1752.activeOutline_302241873d {\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_486cdf1752 .optionLabel_30f9fe3ea6 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_486cdf1752 .optionIcon_290a3c26f4 {\n  flex: 0 0 auto;\n}\n.comboboxOption_486cdf1752 .optionIcon_290a3c26f4.left_d7341b7f0f {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_07ee022c5c"};!function(e){const t="s_id-f549b49034f1_3_59_0";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_07ee022c5c {\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};
+var e={stickyCategoryHeader:"stickyCategoryHeader_7639771459"};!function(e){const t="s_id-f549b49034f1_3_61_0";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_7639771459 {\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/Counter/Counter.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"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 { type CounterColor, type CounterSize, type CounterType } from \"./Counter.types\";\nimport { type 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 addEndListener={done => {\n nodeRef.current?.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","done","_a","addEventListener","sizes","CounterSizeEnum","colors","CounterColorEnum","kinds","CounterTypeEnum"],"mappings":"~~43BAiEA~~,~~IAoHeA~~,EAAAA,~~GApHC~~,SAAHC,GAeM,IAdjBC,EAASD,EAATC,UACAC,EAAgBF,EAAhBE,iBAAgBC,EAAAH,EAChBI,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAL,EACTM,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAP,EACdQ,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAT,EACbU,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAX,EACjBY,UAAAA,OAAY,IAAHD,EAAG,EAACA,EAAAE,EAAAb,EACbc,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAf,EAClBgB,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAjB,EACdkB,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAnB,EACPoB,OAAAA,OAAS,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACXsB,YAAAA,OAAcC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAxB,EAClByB,YAAAA,OAAc,IAAHD,GAAQA,EACJE,EAAU1B,EAAzB,eAEA2B,EAAkEC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1EI,EAAyBF,EAAA,GAAEG,EAA4BH,EAAA,GAExDI,EAAMC,EAAuB,MAC7BC,EAAUD,EAAwB,MAElCE,EAAiCC,GAAY,WACjDL,GAA6B,EAC/B,GAAG,CAACA,IAEEM,EAAoCD,GAAY,WACpDL,GAA6B,EAC/B,GAAG,CAACA,IAEJO,EAAiB,CACfC,UAAW,eACXC,SAAUH,EACVL,IAAAA,IAGF,IAAMS,~~EAAqBC~~,IAE3BC,GAAU,WACJF,~~EAAmBG~~,SACrBT,GAEH,GAAE,CAAChC,EAAOsC,~~EAAoBN~~,IAE/BQ,GAAU,WACJhC,EAAa,GACfkC,QAAQC,MAAM,uCAElB,GAAG,CAACnC,IAEJ,IAAMoC,GAAaC,GAAQ,WACzB,OAAOC,EACLC,EAAOC,QACPC,EAASF,EAAQG,EAAU,QAAUhD,IACrC+C,EAASF,EAAQG,EAAU,QAAU9C,IACrC6C,EAASF,EAAQG,EAAU,SAAW5C,IAAO6C,EAAA,CAAA,EAE1CJ,EAAOK,cAAgBzB,GAE1B7B,EAEJ,GAAG,CAACI,EAAME,EAAME,EAAOqB,EAA2B7B,IAE5CuD,GAAY,WAAavC,EAAEwC,IAAAA,OAAOxC,GAAO,IACzCyC,IAAYvD,aAAK,GAALA,MAAkBwD,QAAShD,EAAS,GAAA8C,OAAMG,KAAAC,IAAA,GAAMlD,GAAY,OAAcR,EAAP2D,GAC/EX,GACJY,EAAMC,cAAA,OAAA,CAAA/C,GAAIuC,GAAS,cAAe/B,GAAcwC,EAAUC,EAAuBC,QAASlD,IACvFE,EAASuC,IAId,OACEK,~~EACEC~~,~~cAAA~~,~~OAAA~~,~~CAAAhE~~,~~UAAWA~~,~~yBACIe~~,OAAS0C,OAAIC,IACX,kBAAA7C,EACjBQ,YAAaA,~~GAEb0C~~,EAAKC,cAAA,MAAA,CAAAhE,UAAW+C,GAAwB,aAAAW,GAAW1B,IAAKA,GACrDR,EACC2B,GAEAY,EAAAC,~~cAACI~~,EAAgB,CAACC,KAAK,~~UACrBN~~,EAACC,~~cAAAM~~,EACC,CAAAC,~~IAAKb~~,GACLxB,QAASA,EACTa,WAAY,~~CACVyB~~,~~MAAOtB~~,~~EAAOuB~~,UACdC,~~YAAaxB~~,~~EAAOyB~~,gBACpBC,~~KAAM1B~~,~~EAAO2B~~,SACbC,~~WAAY5B~~,~~EAAO6B~~,gBAErBC,eAAgB,SAAAC,SACC,QAAfC,~~EAAAhD~~,EAAQU,eAAO,~~IAAAsC~~,GAAAA,EAAEC,iBAAiB,gBAAiBF,GAAM,EAC3D,~~GAEAlB~~,EAAAC,cAAA,OAAA,CACEhC,IAAKE,EACLjB,GAAIuC,GAAS,cACA/B,GAAcwC,EAAUC,EAAuBC,QAASlD,IAEpEE,EAASuC,OAQ1B,GAQ2F,~~CACzF0B~~,MAAOC,EACPC,OAAQC,EACRC,MAAOC"}
1	+ {"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 { type CounterColor, type CounterSize, type CounterType } from \"./Counter.types\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Counter.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\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 data-vibe={ComponentVibeId.COUNTER}\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 addEndListener={done => {\n nodeRef.current?.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","ComponentVibeId","SwitchTransition","mode","CSSTransition","key","enter","fadeEnter","enterActive","fadeEnterActive","exit","fadeExit","exitActive","fadeExitActive","addEndListener","done","_a","addEventListener","sizes","CounterSizeEnum","colors","CounterColorEnum","kinds","CounterTypeEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={counter:"counter_8b07db8714",withAnimation:"withAnimation_229dd4be17",counterPopElastic:"counterPopElastic_f2a4bdcb6b",sizeXs:"sizeXs_ef0fbcbcf8",sizeSmall:"sizeSmall_4f253561bb",sizeLarge:"sizeLarge_9b07bb5bce",kindFill:"kindFill_f69ae24f56",colorPrimary:"colorPrimary_cb84de8dc2",colorDark:"colorDark_a0290b57f9",colorNegative:"colorNegative_e31ed1af01",colorLight:"colorLight_aa59ba4f3e",kindLine:"kindLine_72127cd2c6",fadeEnter:"fadeEnter_7de05eddce",fadeEnterActive:"fadeEnterActive_efe9eac639",fadeExit:"fadeExit_6d512037c8",fadeExitActive:"fadeExitActive_1903d488ba","counter-pop-elastic":"counter-pop-elastic_ce0632d46e"};!function(n){const o="s_id-51f4f5079107_3_59_0";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_8b07db8714 {\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_ce0632d46e {\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_229dd4be17 {\n  animation: counterPopElastic_f2a4bdcb6b var(--motion-expressive-short);\n}\n.sizeXs_ef0fbcbcf8 {\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_4f253561bb {\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_9b07bb5bce {\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_f69ae24f56.colorPrimary_cb84de8dc2 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_f69ae24f56.colorDark_a0290b57f9 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_f69ae24f56.colorNegative_e31ed1af01 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_f69ae24f56.colorLight_aa59ba4f3e {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_72127cd2c6 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_72127cd2c6.colorPrimary_cb84de8dc2 {\n  color: var(--primary-color);\n}\n.kindLine_72127cd2c6.colorDark_a0290b57f9 {\n  color: var(--inverted-color-background);\n}\n.kindLine_72127cd2c6.colorNegative_e31ed1af01 {\n  color: var(--negative-color);\n}\n.kindLine_72127cd2c6.colorLight_aa59ba4f3e {\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_7de05eddce {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_efe9eac639 {\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_6d512037c8 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_1903d488ba {\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};
+var n={counter:"counter_b0cedf5cd9",withAnimation:"withAnimation_58db934f2f",counterPopElastic:"counterPopElastic_819f409041",sizeXs:"sizeXs_05a293cfdd",sizeSmall:"sizeSmall_6cf3268a72",sizeLarge:"sizeLarge_bb3f464859",kindFill:"kindFill_ef685f8e08",colorPrimary:"colorPrimary_33824db945",colorDark:"colorDark_e5bb11e714",colorNegative:"colorNegative_048b7921de",colorLight:"colorLight_629a1f8fcb",kindLine:"kindLine_aca069e377",fadeEnter:"fadeEnter_3b7e4535fb",fadeEnterActive:"fadeEnterActive_7103a7b0bb",fadeExit:"fadeExit_f661f09797",fadeExitActive:"fadeExitActive_e22df6dd27","counter-pop-elastic":"counter-pop-elastic_36d77ce4af"};!function(n){const o="s_id-51f4f5079107_3_61_0";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_b0cedf5cd9 {\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_36d77ce4af {\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_58db934f2f {\n  animation: counterPopElastic_819f409041 var(--motion-expressive-short);\n}\n.sizeXs_05a293cfdd {\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_6cf3268a72 {\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_bb3f464859 {\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_ef685f8e08.colorPrimary_33824db945 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_ef685f8e08.colorDark_e5bb11e714 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_ef685f8e08.colorNegative_048b7921de {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_ef685f8e08.colorLight_629a1f8fcb {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_aca069e377 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_aca069e377.colorPrimary_33824db945 {\n  color: var(--primary-color);\n}\n.kindLine_aca069e377.colorDark_e5bb11e714 {\n  color: var(--inverted-color-background);\n}\n.kindLine_aca069e377.colorNegative_048b7921de {\n  color: var(--negative-color);\n}\n.kindLine_aca069e377.colorLight_629a1f8fcb {\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_3b7e4535fb {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_7103a7b0bb {\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_f661f09797 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_e22df6dd27 {\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/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer_b810f34e2f"};!function(e){const n="s_id-84193b4fa4fe_3_59_0";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_b810f34e2f {\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};
+var e={navigationItemContainer:"navigationItemContainer_d59062695e"};!function(e){const n="s_id-84193b4fa4fe_3_61_0";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_d59062695e {\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/DatePicker.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"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 type 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.js\";\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, type Moment, type RangeDate } from \"./types\";\nimport { type 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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"}
1	+ {"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 type 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.js\";\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, type Moment, type RangeDate } from \"./types\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } 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 data-vibe={ComponentVibeId.DATE_PICKER}\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","ComponentVibeId","DATE_PICKER","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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer_a52e023ae5",monthYearSelection:"monthYearSelection_d1b141d2fb",rangePickerMode:"rangePickerMode_eb2d40e9d4",withWeekNumber:"withWeekNumber_9bf37de718",calendarDayWeekNumber:"calendarDayWeekNumber_af03a3570e"};!function(e){const n="s_id-5bf64d458e6b_3_59_0";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_a52e023ae5 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_a52e023ae5 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_a52e023ae5 td {\n  border: none;\n}\n.datepickerContainer_a52e023ae5.monthYearSelection_d1b141d2fb table tbody {\n  opacity: 0;\n}\n.datepickerContainer_a52e023ae5.monthYearSelection_d1b141d2fb .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_a52e023ae5 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_a52e023ae5 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_a52e023ae5 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_a52e023ae5 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_a52e023ae5 .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_a52e023ae5 .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_a52e023ae5 .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_a52e023ae5 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_a52e023ae5 .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_a52e023ae5 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_a52e023ae5 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_a52e023ae5 .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_a52e023ae5 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_a52e023ae5 .CalendarDay__blocked_calendar, .datepickerContainer_a52e023ae5 .CalendarDay__blocked_calendar:active, .datepickerContainer_a52e023ae5 .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_a52e023ae5 .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_a52e023ae5 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_a52e023ae5 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_a52e023ae5 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_a52e023ae5 .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_a52e023ae5.rangePickerMode_eb2d40e9d4 .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_a52e023ae5.rangePickerMode_eb2d40e9d4 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_a52e023ae5.rangePickerMode_eb2d40e9d4 .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_a52e023ae5.rangePickerMode_eb2d40e9d4 .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_a52e023ae5.rangePickerMode_eb2d40e9d4 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_a52e023ae5.rangePickerMode_eb2d40e9d4 .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_a52e023ae5.rangePickerMode_eb2d40e9d4 .CalendarDay__hovered_span, .datepickerContainer_a52e023ae5.rangePickerMode_eb2d40e9d4 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_a52e023ae5.rangePickerMode_eb2d40e9d4 .CalendarDay__hovered_span:hover::before, .datepickerContainer_a52e023ae5.rangePickerMode_eb2d40e9d4 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_a52e023ae5.rangePickerMode_eb2d40e9d4 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_a52e023ae5.rangePickerMode_eb2d40e9d4 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_a52e023ae5.rangePickerMode_eb2d40e9d4 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_a52e023ae5.rangePickerMode_eb2d40e9d4 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_a52e023ae5.rangePickerMode_eb2d40e9d4.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_a52e023ae5.rangePickerMode_eb2d40e9d4.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_a52e023ae5.rangePickerMode_eb2d40e9d4.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_a52e023ae5.withWeekNumber_9bf37de718 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_a52e023ae5.withWeekNumber_9bf37de718 .CalendarDay .calendarDayWeekNumber_af03a3570e {\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_a52e023ae5.withWeekNumber_9bf37de718 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_af03a3570e {\n  display: flex;\n}\n.datepickerContainer_a52e023ae5.withWeekNumber_9bf37de718 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_af03a3570e {\n  display: none;\n}\n.datepickerContainer_a52e023ae5.withWeekNumber_9bf37de718 .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_a52e023ae5.withWeekNumber_9bf37de718 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_a52e023ae5.withWeekNumber_9bf37de718 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_a52e023ae5.withWeekNumber_9bf37de718 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_a52e023ae5.withWeekNumber_9bf37de718 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_2cf58dac81",monthYearSelection:"monthYearSelection_a0b67c909c",rangePickerMode:"rangePickerMode_891053f6c4",withWeekNumber:"withWeekNumber_a872a8641e",calendarDayWeekNumber:"calendarDayWeekNumber_8f91810560"};!function(e){const n="s_id-5bf64d458e6b_3_61_0";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_2cf58dac81 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_2cf58dac81 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_2cf58dac81 td {\n  border: none;\n}\n.datepickerContainer_2cf58dac81.monthYearSelection_a0b67c909c table tbody {\n  opacity: 0;\n}\n.datepickerContainer_2cf58dac81.monthYearSelection_a0b67c909c .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_2cf58dac81 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_2cf58dac81 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_2cf58dac81 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_2cf58dac81 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_2cf58dac81 .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_2cf58dac81 .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_2cf58dac81 .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_2cf58dac81 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_2cf58dac81 .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_2cf58dac81 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_2cf58dac81 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_2cf58dac81 .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_2cf58dac81 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_2cf58dac81 .CalendarDay__blocked_calendar, .datepickerContainer_2cf58dac81 .CalendarDay__blocked_calendar:active, .datepickerContainer_2cf58dac81 .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_2cf58dac81 .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_2cf58dac81 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_2cf58dac81 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_2cf58dac81 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_2cf58dac81 .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_2cf58dac81.rangePickerMode_891053f6c4 .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_2cf58dac81.rangePickerMode_891053f6c4 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_2cf58dac81.rangePickerMode_891053f6c4 .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_2cf58dac81.rangePickerMode_891053f6c4 .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_2cf58dac81.rangePickerMode_891053f6c4 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_2cf58dac81.rangePickerMode_891053f6c4 .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_2cf58dac81.rangePickerMode_891053f6c4 .CalendarDay__hovered_span, .datepickerContainer_2cf58dac81.rangePickerMode_891053f6c4 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_2cf58dac81.rangePickerMode_891053f6c4 .CalendarDay__hovered_span:hover::before, .datepickerContainer_2cf58dac81.rangePickerMode_891053f6c4 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_2cf58dac81.rangePickerMode_891053f6c4 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_2cf58dac81.rangePickerMode_891053f6c4 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_2cf58dac81.rangePickerMode_891053f6c4 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_2cf58dac81.rangePickerMode_891053f6c4 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_2cf58dac81.rangePickerMode_891053f6c4.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_2cf58dac81.rangePickerMode_891053f6c4.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_2cf58dac81.rangePickerMode_891053f6c4.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_2cf58dac81.withWeekNumber_a872a8641e {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_2cf58dac81.withWeekNumber_a872a8641e .CalendarDay .calendarDayWeekNumber_8f91810560 {\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_2cf58dac81.withWeekNumber_a872a8641e .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_8f91810560 {\n  display: flex;\n}\n.datepickerContainer_2cf58dac81.withWeekNumber_a872a8641e .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_8f91810560 {\n  display: none;\n}\n.datepickerContainer_2cf58dac81.withWeekNumber_a872a8641e .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_2cf58dac81.withWeekNumber_a872a8641e .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_2cf58dac81.withWeekNumber_a872a8641e .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_2cf58dac81.withWeekNumber_a872a8641e .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_2cf58dac81.withWeekNumber_a872a8641e .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader_44446ece0a",button:"button_1159792f43",buttonContent:"buttonContent_ba10a95b81"};!function(e){const n="s_id-89778422f1e0_3_59_0";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)}(".datePickerHeader_44446ece0a {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_44446ece0a .button_1159792f43 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_44446ece0a .button_1159792f43 .buttonContent_ba10a95b81 {\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_44446ece0a .button_1159792f43 .buttonContent_ba10a95b81:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_7c31ca014e",button:"button_9b5b14d0ec",buttonContent:"buttonContent_09efe4490f"};!function(e){const n="s_id-89778422f1e0_3_61_0";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)}(".datePickerHeader_7c31ca014e {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_7c31ca014e .button_9b5b14d0ec {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_7c31ca014e .button_9b5b14d0ec .buttonContent_09efe4490f {\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_7c31ca014e .button_9b5b14d0ec .buttonContent_09efe4490f: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