@hhgtech/hhg-components 1.18.64 → 1.18.67

package/build/esm/{index-6dc161c2.js → index-1b1f72cf.js}

@@ -1,2 +1,2 @@
-import e from"react";import{ac as a}from"./cookieHelper-3c199921.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-e833993c.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-6dc161c2.js.map
+import e from"react";import{ac as a}from"./cookieHelper-3c199921.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-c3644bb3.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-1b1f72cf.js.map

package/build/esm/{index-6dc161c2.js.map → index-1b1f72cf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-6dc161c2.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-1b1f72cf.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"}