@hhgtech/hhg-components 1.19.0-beta-3 → 1.19.0-beta-4

package/build/esm/core-3d8a3f90.js

@@ -0,0 +1,2 @@
+import{d as t,e}from"./tslib.es6-fd0a5c98.js";var a={},n=function(t){if("undefined"!=typeof window){var e=void 0;try{e=JSON.parse(localStorage.getItem("hhg-cache-"+t)||"{}")}catch(t){}return e||{}}return a[t]},r=function(t,e){try{"undefined"!=typeof window?localStorage.setItem("hhg-cache-"+t,JSON.stringify({data:e,time:Date.now()})):a[t]={data:e,time:Date.now()}}catch(t){}},i=function(a,i,o,c){return void 0===c&&(c=9e5),t(void 0,void 0,void 0,(function(){var t,s;return e(this,(function(e){switch(e.label){case 0:return(t=n(a))&&t.data&&t.time&&Date.now()-t.time<c?[2,t.data]:[3,1];case 1:return i?[4,i()]:[3,3];case 2:return s=e.sent(),o&&!o(s)||r(a,s),[2,s];case 3:return[2,null]}}))}))};export{n as a,i as g,r as s};
+//# sourceMappingURL=core-3d8a3f90.js.map

package/build/esm/core-3d8a3f90.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-3d8a3f90.js","sources":["../../src/cache/core.ts"],"sourcesContent":["export type CacheItem<T = any> = {\n  data: T\n  time: number\n}\n\nconst ServerCache: { [key: string]: CacheItem } = {}\nexport const getCachedItem = <T>(key: string): CacheItem<T> => {\n  if (typeof window !== 'undefined') {\n    let res\n    try {\n      res = JSON.parse(localStorage.getItem('hhg-cache-' + key) || '{}')\n    } catch {}\n    return res || {}\n  } else {\n    return ServerCache[key]\n  }\n}\nexport const setCachedItem = (key: string, value: any) => {\n  try {\n    if (typeof window !== 'undefined') {\n      localStorage.setItem(\n        'hhg-cache-' + key,\n        JSON.stringify({ data: value, time: Date.now() }),\n      )\n    } else {\n      ServerCache[key] = { data: value, time: Date.now() }\n    }\n  } catch {}\n}\nexport const getDataWithCache = async <T>(\n  key: string,\n  dataGetter?: () => Promise<T> | T,\n  validator?: (data: T) => boolean,\n  cacheTime = 1000 * 60 * 15,\n): Promise<T | null | undefined> => {\n  const persistData = getCachedItem<T>(key)\n  if (\n    persistData &&\n    persistData.data &&\n    persistData.time &&\n    Date.now() - persistData.time < cacheTime\n  ) {\n    return persistData.data\n  } else if (dataGetter) {\n    const data = await dataGetter()\n    if (!validator || validator(data)) {\n      setCachedItem(key, data)\n    }\n    return data\n  }\n  return null\n}\n"],"names":["ServerCache","getCachedItem","key","window","res","JSON","parse","localStorage","getItem","_a","setCachedItem","value","setItem","stringify","data","time","Date","now","getDataWithCache","dataGetter","validator","cacheTime","persistData","sent"],"mappings":"8CAKA,IAAMA,EAA4C,GACrCC,EAAgB,SAAIC,GAC/B,GAAsB,oBAAXC,OAAwB,CACjC,IAAIC,SACJ,IACEA,EAAMC,KAAKC,MAAMC,aAAaC,QAAQ,aAAeN,IAAQ,MAC7D,MAAAO,IACF,OAAOL,GAAO,GAEd,OAAOJ,EAAYE,IAGVQ,EAAgB,SAACR,EAAaS,GACzC,IACwB,oBAAXR,OACTI,aAAaK,QACX,aAAeV,EACfG,KAAKQ,UAAU,CAAEC,KAAMH,EAAOI,KAAMC,KAAKC,SAG3CjB,EAAYE,GAAO,CAAEY,KAAMH,EAAOI,KAAMC,KAAKC,OAE/C,MAAAR,MAESS,EAAmB,SAC9BhB,EACAiB,EACAC,EACAC,eAAA,IAAAA,IAAAA,EAAY,kGAIV,OAFIC,EAAcrB,EAAiBC,KAGnCoB,EAAYR,MACZQ,EAAYP,MACZC,KAAKC,MAAQK,EAAYP,KAAOM,EAEzB,CAAA,EAAAC,EAAYR,MAFsB,CAAA,EAAA,UAGhC,OAAAK,EACU,CAAA,EAAAA,KADA,CAAA,EAAA,UAKnB,OAJML,EAAOL,EAAkBc,OAC1BH,IAAaA,EAAUN,IAC1BJ,EAAcR,EAAKY,GAErB,CAAA,EAAOA,GAET,KAAA,EAAA,MAAA,CAAA,EAAO"}

package/build/esm/core.d.ts

@@ -4,3 +4,4 @@ export * from './misc/theme';
 export * from './misc/utils';
 export * from './hooks/useTranslations';
 export * from './hooks/useScrollbarSize';
+export * from './hooks/useFbDataLayer';

package/build/esm/core.js

@@ -1,2 +1,2 @@
-export{t as Types}from"./types-4a772485.js";export{c as Constants,t as theme}from"./theme-d85b3a33.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as makeParams,m as mbLayout,p as pcLayout,s as spLayout,t as tdLayout,b as toggleNoScroll,u as useTranslations}from"./useTranslations-824bc4ba.js";export{M as MEASURE_ELEMENT_CLASS,u as useScrollbarSize}from"./useScrollbarSize-99db33e1.js";import"./tslib.es6-fd0a5c98.js";import"styled-components";import"react";import"./translationsContext-977d7bc4.js";import"lodash/debounce";
+export{t as Types,u as useFbDataLayer}from"./useFbDataLayer-58443cc1.js";export{c as Constants,t as theme}from"./theme-d85b3a33.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as makeParams,m as mbLayout,p as pcLayout,s as spLayout,t as tdLayout,b as toggleNoScroll,u as useTranslations}from"./useTranslations-0c13f2cb.js";export{M as MEASURE_ELEMENT_CLASS,u as useScrollbarSize}from"./useScrollbarSize-99db33e1.js";import"react";import"./tslib.es6-fd0a5c98.js";import"styled-components";import"./translationsContext-b0b4655d.js";import"lodash/debounce";
 //# sourceMappingURL=core.js.map

package/build/esm/hooks/useCSSFocusPopupHelper.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export declare const useCSSFocusPopupHelper: <T = HTMLDivElement>(configs?: {
+import { MouseEvent } from 'react';
+export declare const useCSSFocusPopupHelper: <T = HTMLDivElement, ButtonType = HTMLDivElement>(configs?: {
     allowBgScroll?: boolean;
 }) => {
     containerRef: import("react").MutableRefObject<T & HTMLElement>;
-    focusTimeRef: import("react").MutableRefObject<number>;
     onContainerFocus: () => void;
     onContainerBlur: () => void;
-    onButtonClick: () => void;
+    onButtonMouseDown: (e: MouseEvent<ButtonType, globalThis.MouseEvent>) => void;
     onClose: () => void;
 };

package/build/esm/hooks/useFbDataLayer.d.ts

@@ -0,0 +1,2 @@
+import { UserInfo } from 'interfaces/types';
+export declare const useFbDataLayer: (userInfo?: UserInfo | null) => void;

package/build/esm/i18n.js

@@ -1,2 +1,2 @@
-export{T as TranslationsProvider,t as translationsMap}from"./translationsProvider-94e1d5d1.js";export{T as TranslationsContext,d as defaultTranslations}from"./translationsContext-977d7bc4.js";import"./tslib.es6-fd0a5c98.js";import"react";
+export{T as TranslationsProvider,t as translationsMap}from"./translationsProvider-a15863c9.js";export{T as TranslationsContext,d as defaultTranslations}from"./translationsContext-b0b4655d.js";import"./tslib.es6-fd0a5c98.js";import"react";
 //# sourceMappingURL=i18n.js.map

package/build/esm/{index-2e9c7339.js → index-0348b56b.js}

@@ -1,2 +1,2 @@
-import e from"react";import{ac as a}from"./cookieHelper-6f220950.js";import{_ as t}from"./tslib.es6-fd0a5c98.js";import{p as l,q as n,r as i,s as o,t as d,v as s}from"./index.styled-1585c8b9.js";var r=function(t){var l=t.type,n=void 0===l?"solid":l,i=t.className,o=t.style;return e.createElement(a,{style:o,className:i,"data-diver-type":n,dividerType:n})},c=function(a){var r=a.className,c=a.value,u=a.options,v=a.onChange,m=void 0===v?function(){}:v,p=a.id,b=a.placeholderIcon,f=a.placeholder,y=a.style,E=a.size,g=void 0===E?"lg":E,h=a.groupedWithLabel,k=a.disabled,N=a.dropdownLabelTrackingAttributes,C=void 0===N?{}:N,j=a.isNativeSelect,w=void 0!==j&&j,x=e.useState(!1),z=x[0],I=x[1],L=function(){return!k&&I(!z)};return w?e.createElement(l,{as:"select","data-is-native":"true",value:(null==c?void 0:c.value)||void 0,disabled:k,onChange:function(e){if("string"==typeof e.target.value){var a=u.find((function(a){return a.value===e.target.value}));a&&m(a)}}},f&&e.createElement("option",{value:f,disabled:!0,selected:!0},f),u.map((function(a){return e.createElement("option",{key:"".concat(p,"-").concat(a.value),value:a.value,disabled:!!a.disabled&&a.disabled},a.label)}))):e.createElement(l,{className:r,"data-dropdown-open":z||void 0,"data-size":g,id:p,"data-has-icons":!!b,style:y,onBlur:function(){return I(!1)},tabIndex:0,"data-disabled":k},!!h&&e.createElement(n,null,h),e.createElement(i,t({onClick:L,className:h&&"with-label"},C),b," ",e.createElement("span",null,c&&c.value?c.label:f)),z&&e.createElement(o,{onClick:L,"data-has-icons":!!b},u.map((function(a){return e.createElement(d,{key:"".concat(p,"-").concat(a.value),"data-selected":c&&c.value===a.value||void 0,onClick:function(){return!a.disabled&&!k&&(null==m?void 0:m(a))},"data-disabled":!!a.disabled&&a.disabled},a.icon&&e.createElement(s,null,a.icon),a.label)}))))};export{r as D,c as a};
-//# sourceMappingURL=index-2e9c7339.js.map
+import e from"react";import{ac as a}from"./cookieHelper-caf76f93.js";import{_ as t}from"./tslib.es6-fd0a5c98.js";import{p as l,q as n,r as i,s as o,t as d,v as s}from"./index.styled-64f8f6e8.js";var r=function(t){var l=t.type,n=void 0===l?"solid":l,i=t.className,o=t.style;return e.createElement(a,{style:o,className:i,"data-diver-type":n,dividerType:n})},c=function(a){var r=a.className,c=a.value,u=a.options,v=a.onChange,m=void 0===v?function(){}:v,p=a.id,f=a.placeholderIcon,b=a.placeholder,y=a.style,E=a.size,g=void 0===E?"lg":E,h=a.groupedWithLabel,k=a.disabled,N=a.dropdownLabelTrackingAttributes,C=void 0===N?{}:N,j=a.isNativeSelect,w=void 0!==j&&j,x=e.useState(!1),z=x[0],I=x[1],L=function(){return!k&&I(!z)};return w?e.createElement(l,{as:"select","data-is-native":"true",value:(null==c?void 0:c.value)||void 0,disabled:k,onChange:function(e){if("string"==typeof e.target.value){var a=u.find((function(a){return a.value===e.target.value}));a&&m(a)}}},b&&e.createElement("option",{value:b,disabled:!0,selected:!0},b),u.map((function(a){return e.createElement("option",{key:"".concat(p,"-").concat(a.value),value:a.value,disabled:!!a.disabled&&a.disabled},a.label)}))):e.createElement(l,{className:r,"data-dropdown-open":z||void 0,"data-size":g,id:p,"data-has-icons":!!f,style:y,onBlur:function(){return I(!1)},tabIndex:0,"data-disabled":k},!!h&&e.createElement(n,null,h),e.createElement(i,t({onClick:L,className:h&&"with-label"},C),f," ",e.createElement("span",null,c&&c.value?c.label:b)),z&&e.createElement(o,{onClick:L,"data-has-icons":!!f},u.map((function(a){return e.createElement(d,{key:"".concat(p,"-").concat(a.value),"data-selected":c&&c.value===a.value||void 0,onClick:function(){return!a.disabled&&!k&&(null==m?void 0:m(a))},"data-disabled":!!a.disabled&&a.disabled},a.icon&&e.createElement(s,null,a.icon),a.label)}))))};export{r as D,c as a};
+//# sourceMappingURL=index-0348b56b.js.map

package/build/esm/{index-2e9c7339.js.map → index-0348b56b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-2e9c7339.js","sources":["../../src/components/atoms/divider/index.tsx","../../src/components/molecules/dropdown/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CSSProperties } from 'styled-components'\n\nimport { StyledDivider } from './index.styled'\n\nexport type BorderTypes =\n  | 'dotted'\n  | 'dashed'\n  | 'solid'\n  | 'double'\n  | 'groove'\n  | 'ridge'\n  | 'inset'\n  | 'outset'\n\nexport type Props = {\n  type: BorderTypes\n  className?: string\n  style?: CSSProperties\n}\n\nconst Divider = ({ type = 'solid', className, style }: Props) => {\n  return (\n    <StyledDivider\n      style={style}\n      className={className}\n      data-diver-type={type}\n      dividerType={type}\n    />\n  )\n}\n\nexport { Divider }\n","import React from 'react'\n\nimport { CSSProperties } from 'styled-components'\n\nimport {\n  StyledDropdown,\n  StyledDropdownName,\n  StyledDropdownList,\n  StyledDropdownOption,\n  StyledIcon,\n  StyledDropdownLabel,\n} from './index.styled'\n\nexport type Option = {\n  label: string | JSX.Element\n  value: string | Date | number\n  icon?: JSX.Element\n  disabled?: boolean\n}\n\nexport type Props = {\n  options: Array<Option>\n  placeholder: string\n  disabled?: boolean\n  id: string\n  size?: 'sm' | 'md' | 'lg'\n  placeholderIcon?: JSX.Element\n  onChange?: (o: Option) => void\n  value?: Option\n  className?: string\n  style?: CSSProperties\n  groupedWithLabel?: string | JSX.Element\n  dropdownLabelTrackingAttributes?: {\n    [key: string]: string\n  }\n  isNativeSelect?: boolean\n}\n\nconst Dropdown = ({\n  className,\n  value,\n  options,\n  onChange = () => undefined,\n  id,\n  placeholderIcon,\n  placeholder,\n  style,\n  size = 'lg',\n  groupedWithLabel,\n  disabled,\n  dropdownLabelTrackingAttributes = {},\n  isNativeSelect = false,\n}: Props) => {\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false)\n  const showDropdown = () => !disabled && setIsDropdownOpen(!isDropdownOpen)\n\n  if (isNativeSelect) {\n    return (\n      // @ts-ignore\n      <StyledDropdown\n        as=\"select\"\n        data-is-native=\"true\"\n        value={value?.value || undefined}\n        disabled={disabled}\n        onChange={(e: any) => {\n          if (typeof e.target.value === 'string') {\n            const option = options.find((o) => o.value === e.target.value)\n            if (option) {\n              onChange(option)\n            }\n          }\n        }}\n      >\n        {placeholder && (\n          <option value={placeholder} disabled selected>\n            {placeholder}\n          </option>\n        )}\n        {options.map((option) => (\n          <option\n            key={`${id}-${option.value}`}\n            value={option.value as string}\n            disabled={option.disabled ? option.disabled : false}\n          >\n            {option.label}\n          </option>\n        ))}\n      </StyledDropdown>\n    )\n  }\n\n  return (\n    <StyledDropdown\n      className={className}\n      data-dropdown-open={isDropdownOpen || undefined}\n      data-size={size}\n      id={id}\n      data-has-icons={!!placeholderIcon}\n      style={style}\n      onBlur={() => setIsDropdownOpen(false)}\n      tabIndex={0}\n      data-disabled={disabled}\n    >\n      {!!groupedWithLabel && (\n        <StyledDropdownLabel>{groupedWithLabel}</StyledDropdownLabel>\n      )}\n\n      <StyledDropdownName\n        onClick={showDropdown}\n        className={groupedWithLabel && 'with-label'}\n        {...dropdownLabelTrackingAttributes}\n      >\n        {placeholderIcon}{' '}\n        <span>{value && value.value ? value.label : placeholder}</span>\n      </StyledDropdownName>\n\n      {isDropdownOpen && (\n        <StyledDropdownList\n          onClick={showDropdown}\n          data-has-icons={!!placeholderIcon}\n        >\n          {options.map((option) => (\n            <StyledDropdownOption\n              key={`${id}-${option.value}`}\n              data-selected={\n                (value && value.value === option.value) || undefined\n              }\n              onClick={() =>\n                !option.disabled && !disabled && onChange?.(option)\n              }\n              data-disabled={option.disabled ? option.disabled : false}\n            >\n              {option.icon && <StyledIcon>{option.icon}</StyledIcon>}\n              {option.label}\n            </StyledDropdownOption>\n          ))}\n        </StyledDropdownList>\n      )}\n    </StyledDropdown>\n  )\n}\n\nexport { Dropdown }\n"],"names":["Divider","_a","_b","type","className","style","React","createElement","StyledDivider","dividerType","Dropdown","value","options","onChange","id","placeholderIcon","placeholder","_c","size","groupedWithLabel","disabled","_d","dropdownLabelTrackingAttributes","_e","isNativeSelect","_f","useState","isDropdownOpen","setIsDropdownOpen","showDropdown","StyledDropdown","as","undefined","e","target","option","find","o","selected","map","key","concat","label","onBlur","tabIndex","StyledDropdownLabel","StyledDropdownName","__assign","onClick","StyledDropdownList","StyledDropdownOption","icon","StyledIcon"],"mappings":"mMAsBM,IAAAA,EAAU,SAACC,OAAEC,EAAcD,EAAAE,KAAdA,OAAI,IAAAD,EAAG,QAAOA,EAAEE,EAASH,EAAAG,UAAEC,EAAKJ,EAAAI,MACjD,OACEC,EAACC,cAAAC,GACCH,MAAOA,EACPD,UAAWA,EAAS,kBACHD,EACjBM,YAAaN,KCUbO,EAAW,SAACT,OAChBG,EAASH,EAAAG,UACTO,EAAKV,EAAAU,MACLC,EAAOX,EAAAW,QACPV,EAAAD,EAAAY,SAAAA,OAAW,IAAAX,EAAA,aAAeA,EAC1BY,EAAEb,EAAAa,GACFC,EAAed,EAAAc,gBACfC,EAAWf,EAAAe,YACXX,EAAKJ,EAAAI,MACLY,EAAWhB,EAAAiB,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAgBlB,EAAAkB,iBAChBC,EAAQnB,EAAAmB,SACRC,EAAoCpB,EAAAqB,gCAApCA,OAA+B,IAAAD,EAAG,GAAEA,EACpCE,EAAAtB,EAAAuB,eAAAA,OAAiB,IAAAD,GAAKA,EAEhBE,EAAsCnB,EAAMoB,UAAS,GAApDC,EAAcF,EAAA,GAAEG,OACjBC,EAAe,WAAM,OAACT,GAAYQ,GAAmBD,IAE3D,OAAIH,EAGAlB,EAAAC,cAACuB,EAAc,CACbC,GAAG,SAAQ,iBACI,OACfpB,OAAOA,aAAA,EAAAA,EAAOA,aAASqB,EACvBZ,SAAUA,EACVP,SAAU,SAACoB,GACT,GAA8B,iBAAnBA,EAAEC,OAAOvB,MAAoB,CACtC,IAAMwB,EAASvB,EAAQwB,MAAK,SAACC,GAAM,OAAAA,EAAE1B,QAAUsB,EAAEC,OAAOvB,SACpDwB,GACFtB,EAASsB,MAKdnB,GACCV,EAAQC,cAAA,SAAA,CAAAI,MAAOK,EAAaI,UAAS,EAAAkB,UAClC,GAAAtB,GAGJJ,EAAQ2B,KAAI,SAACJ,GAAW,OACvB7B,EAAAC,cAAA,SAAA,CACEiC,IAAK,UAAG1B,EAAE,KAAA2B,OAAIN,EAAOxB,OACrBA,MAAOwB,EAAOxB,MACdS,WAAUe,EAAOf,UAAWe,EAAOf,UAElCe,EAAOO,WAQhBpC,EAACC,cAAAuB,GACC1B,UAAWA,EACS,qBAAAuB,QAAkBK,cAC3Bd,EACXJ,GAAIA,qBACcC,EAClBV,MAAOA,EACPsC,OAAQ,WAAM,OAAAf,GAAkB,IAChCgB,SAAU,kBACKxB,KAEZD,GACDb,gBAACuC,EAAmB,KAAE1B,GAGxBb,EAAAC,cAACuC,EAAkBC,EAAA,CACjBC,QAASnB,EACTzB,UAAWe,GAAoB,cAC3BG,GAEHP,EAAiB,IAClBT,EAAAC,cAAA,OAAA,KAAOI,GAASA,EAAMA,MAAQA,EAAM+B,MAAQ1B,IAG7CW,GACCrB,EAACC,cAAA0C,GACCD,QAASnB,EAAY,mBACHd,GAEjBH,EAAQ2B,KAAI,SAACJ,GAAW,OACvB7B,EAAAC,cAAC2C,EAAoB,CACnBV,IAAK,GAAAC,OAAG3B,EAAM,KAAA2B,OAAAN,EAAOxB,OAEnB,gBAACA,GAASA,EAAMA,QAAUwB,EAAOxB,YAAUqB,EAE7CgB,QAAS,WACP,OAACb,EAAOf,WAAaA,IAAYP,aAAA,EAAAA,EAAWsB,KAE/B,kBAAAA,EAAOf,UAAWe,EAAOf,UAEvCe,EAAOgB,MAAQ7C,EAAAC,cAAC6C,EAAY,KAAAjB,EAAOgB,MACnChB,EAAOO"}
+{"version":3,"file":"index-0348b56b.js","sources":["../../src/components/atoms/divider/index.tsx","../../src/components/molecules/dropdown/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CSSProperties } from 'styled-components'\n\nimport { StyledDivider } from './index.styled'\n\nexport type BorderTypes =\n  | 'dotted'\n  | 'dashed'\n  | 'solid'\n  | 'double'\n  | 'groove'\n  | 'ridge'\n  | 'inset'\n  | 'outset'\n\nexport type Props = {\n  type: BorderTypes\n  className?: string\n  style?: CSSProperties\n}\n\nconst Divider = ({ type = 'solid', className, style }: Props) => {\n  return (\n    <StyledDivider\n      style={style}\n      className={className}\n      data-diver-type={type}\n      dividerType={type}\n    />\n  )\n}\n\nexport { Divider }\n","import React from 'react'\n\nimport { CSSProperties } from 'styled-components'\n\nimport {\n  StyledDropdown,\n  StyledDropdownName,\n  StyledDropdownList,\n  StyledDropdownOption,\n  StyledIcon,\n  StyledDropdownLabel,\n} from './index.styled'\n\nexport type Option = {\n  label: string | JSX.Element\n  value: string | Date | number\n  icon?: JSX.Element\n  disabled?: boolean\n}\n\nexport type Props = {\n  options: Array<Option>\n  placeholder: string\n  disabled?: boolean\n  id: string\n  size?: 'sm' | 'md' | 'lg'\n  placeholderIcon?: JSX.Element\n  onChange?: (o: Option) => void\n  value?: Option\n  className?: string\n  style?: CSSProperties\n  groupedWithLabel?: string | JSX.Element\n  dropdownLabelTrackingAttributes?: {\n    [key: string]: string\n  }\n  isNativeSelect?: boolean\n}\n\nconst Dropdown = ({\n  className,\n  value,\n  options,\n  onChange = () => undefined,\n  id,\n  placeholderIcon,\n  placeholder,\n  style,\n  size = 'lg',\n  groupedWithLabel,\n  disabled,\n  dropdownLabelTrackingAttributes = {},\n  isNativeSelect = false,\n}: Props) => {\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false)\n  const showDropdown = () => !disabled && setIsDropdownOpen(!isDropdownOpen)\n\n  if (isNativeSelect) {\n    return (\n      // @ts-ignore\n      <StyledDropdown\n        as=\"select\"\n        data-is-native=\"true\"\n        value={value?.value || undefined}\n        disabled={disabled}\n        onChange={(e: any) => {\n          if (typeof e.target.value === 'string') {\n            const option = options.find((o) => o.value === e.target.value)\n            if (option) {\n              onChange(option)\n            }\n          }\n        }}\n      >\n        {placeholder && (\n          <option value={placeholder} disabled selected>\n            {placeholder}\n          </option>\n        )}\n        {options.map((option) => (\n          <option\n            key={`${id}-${option.value}`}\n            value={option.value as string}\n            disabled={option.disabled ? option.disabled : false}\n          >\n            {option.label}\n          </option>\n        ))}\n      </StyledDropdown>\n    )\n  }\n\n  return (\n    <StyledDropdown\n      className={className}\n      data-dropdown-open={isDropdownOpen || undefined}\n      data-size={size}\n      id={id}\n      data-has-icons={!!placeholderIcon}\n      style={style}\n      onBlur={() => setIsDropdownOpen(false)}\n      tabIndex={0}\n      data-disabled={disabled}\n    >\n      {!!groupedWithLabel && (\n        <StyledDropdownLabel>{groupedWithLabel}</StyledDropdownLabel>\n      )}\n\n      <StyledDropdownName\n        onClick={showDropdown}\n        className={groupedWithLabel && 'with-label'}\n        {...dropdownLabelTrackingAttributes}\n      >\n        {placeholderIcon}{' '}\n        <span>{value && value.value ? value.label : placeholder}</span>\n      </StyledDropdownName>\n\n      {isDropdownOpen && (\n        <StyledDropdownList\n          onClick={showDropdown}\n          data-has-icons={!!placeholderIcon}\n        >\n          {options.map((option) => (\n            <StyledDropdownOption\n              key={`${id}-${option.value}`}\n              data-selected={\n                (value && value.value === option.value) || undefined\n              }\n              onClick={() =>\n                !option.disabled && !disabled && onChange?.(option)\n              }\n              data-disabled={option.disabled ? option.disabled : false}\n            >\n              {option.icon && <StyledIcon>{option.icon}</StyledIcon>}\n              {option.label}\n            </StyledDropdownOption>\n          ))}\n        </StyledDropdownList>\n      )}\n    </StyledDropdown>\n  )\n}\n\nexport { Dropdown }\n"],"names":["Divider","_a","_b","type","className","style","React","createElement","StyledDivider","dividerType","Dropdown","value","options","onChange","id","placeholderIcon","placeholder","_c","size","groupedWithLabel","disabled","_d","dropdownLabelTrackingAttributes","_e","isNativeSelect","_f","useState","isDropdownOpen","setIsDropdownOpen","showDropdown","StyledDropdown","as","undefined","e","target","option","find","o","selected","map","key","concat","label","onBlur","tabIndex","StyledDropdownLabel","StyledDropdownName","__assign","onClick","StyledDropdownList","StyledDropdownOption","icon","StyledIcon"],"mappings":"mMAsBM,IAAAA,EAAU,SAACC,OAAEC,EAAcD,EAAAE,KAAdA,OAAI,IAAAD,EAAG,QAAOA,EAAEE,EAASH,EAAAG,UAAEC,EAAKJ,EAAAI,MACjD,OACEC,EAACC,cAAAC,GACCH,MAAOA,EACPD,UAAWA,EAAS,kBACHD,EACjBM,YAAaN,KCUbO,EAAW,SAACT,OAChBG,EAASH,EAAAG,UACTO,EAAKV,EAAAU,MACLC,EAAOX,EAAAW,QACPV,EAAAD,EAAAY,SAAAA,OAAW,IAAAX,EAAA,aAAeA,EAC1BY,EAAEb,EAAAa,GACFC,EAAed,EAAAc,gBACfC,EAAWf,EAAAe,YACXX,EAAKJ,EAAAI,MACLY,EAAWhB,EAAAiB,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAgBlB,EAAAkB,iBAChBC,EAAQnB,EAAAmB,SACRC,EAAoCpB,EAAAqB,gCAApCA,OAA+B,IAAAD,EAAG,GAAEA,EACpCE,EAAAtB,EAAAuB,eAAAA,OAAiB,IAAAD,GAAKA,EAEhBE,EAAsCnB,EAAMoB,UAAS,GAApDC,EAAcF,EAAA,GAAEG,OACjBC,EAAe,WAAM,OAACT,GAAYQ,GAAmBD,IAE3D,OAAIH,EAGAlB,EAAAC,cAACuB,EAAc,CACbC,GAAG,SAAQ,iBACI,OACfpB,OAAOA,aAAA,EAAAA,EAAOA,aAASqB,EACvBZ,SAAUA,EACVP,SAAU,SAACoB,GACT,GAA8B,iBAAnBA,EAAEC,OAAOvB,MAAoB,CACtC,IAAMwB,EAASvB,EAAQwB,MAAK,SAACC,GAAM,OAAAA,EAAE1B,QAAUsB,EAAEC,OAAOvB,SACpDwB,GACFtB,EAASsB,MAKdnB,GACCV,EAAQC,cAAA,SAAA,CAAAI,MAAOK,EAAaI,UAAS,EAAAkB,UAClC,GAAAtB,GAGJJ,EAAQ2B,KAAI,SAACJ,GAAW,OACvB7B,EAAAC,cAAA,SAAA,CACEiC,IAAK,UAAG1B,EAAE,KAAA2B,OAAIN,EAAOxB,OACrBA,MAAOwB,EAAOxB,MACdS,WAAUe,EAAOf,UAAWe,EAAOf,UAElCe,EAAOO,WAQhBpC,EAACC,cAAAuB,GACC1B,UAAWA,EACS,qBAAAuB,QAAkBK,cAC3Bd,EACXJ,GAAIA,qBACcC,EAClBV,MAAOA,EACPsC,OAAQ,WAAM,OAAAf,GAAkB,IAChCgB,SAAU,kBACKxB,KAEZD,GACDb,gBAACuC,EAAmB,KAAE1B,GAGxBb,EAAAC,cAACuC,EAAkBC,EAAA,CACjBC,QAASnB,EACTzB,UAAWe,GAAoB,cAC3BG,GAEHP,EAAiB,IAClBT,EAAAC,cAAA,OAAA,KAAOI,GAASA,EAAMA,MAAQA,EAAM+B,MAAQ1B,IAG7CW,GACCrB,EAACC,cAAA0C,GACCD,QAASnB,EAAY,mBACHd,GAEjBH,EAAQ2B,KAAI,SAACJ,GAAW,OACvB7B,EAAAC,cAAC2C,EAAoB,CACnBV,IAAK,GAAAC,OAAG3B,EAAM,KAAA2B,OAAAN,EAAOxB,OAEnB,gBAACA,GAASA,EAAMA,QAAUwB,EAAOxB,YAAUqB,EAE7CgB,QAAS,WACP,OAACb,EAAOf,WAAaA,IAAYP,aAAA,EAAAA,EAAWsB,KAE/B,kBAAAA,EAAOf,UAAWe,EAAOf,UAEvCe,EAAOgB,MAAQ7C,EAAAC,cAAC6C,EAAY,KAAAjB,EAAOgB,MACnChB,EAAOO"}