@hhgtech/hhg-components 1.19.7 → 1.19.9

package/build/index-c9b9e9d1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-c9b9e9d1.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":["_a","_b","type","className","style","React","createElement","StyledDivider","dividerType","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":"4PAsBgB,SAACA,OAAEC,EAAcD,EAAAE,KAAdA,OAAI,IAAAD,EAAG,QAAOA,EAAEE,EAASH,EAAAG,UAAEC,EAAKJ,EAAAI,MACjD,OACEC,EAAC,QAAAC,cAAAC,iBACCH,MAAOA,EACPD,UAAWA,EAAS,kBACHD,EACjBM,YAAaN,sBCUF,SAACF,OAChBG,EAASH,EAAAG,UACTM,EAAKT,EAAAS,MACLC,EAAOV,EAAAU,QACPT,EAAAD,EAAAW,SAAAA,OAAW,IAAAV,EAAA,aAAeA,EAC1BW,EAAEZ,EAAAY,GACFC,EAAeb,EAAAa,gBACfC,EAAWd,EAAAc,YACXV,EAAKJ,EAAAI,MACLW,EAAWf,EAAAgB,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAgBjB,EAAAiB,iBAChBC,EAAQlB,EAAAkB,SACRC,EAAoCnB,EAAAoB,gCAApCA,OAA+B,IAAAD,EAAG,GAAEA,EACpCE,EAAArB,EAAAsB,eAAAA,OAAiB,IAAAD,GAAKA,EAEhBE,EAAsClB,EAAAA,QAAMmB,UAAS,GAApDC,EAAcF,EAAA,GAAEG,OACjBC,EAAe,WAAM,OAACT,GAAYQ,GAAmBD,IAE3D,OAAIH,EAGAjB,EAAAA,QAAAC,cAACsB,iBAAc,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,GACCT,EAAAA,QAAQC,cAAA,SAAA,CAAAG,MAAOK,EAAaI,UAAS,EAAAkB,UAClC,GAAAtB,GAGJJ,EAAQ2B,KAAI,SAACJ,GAAW,OACvB5B,EAAAA,QAAAC,cAAA,SAAA,CACEgC,IAAK,UAAG1B,EAAE,KAAA2B,OAAIN,EAAOxB,OACrBA,MAAOwB,EAAOxB,MACdS,WAAUe,EAAOf,UAAWe,EAAOf,UAElCe,EAAOO,WAQhBnC,EAAC,QAAAC,cAAAsB,kBACCzB,UAAWA,EACS,qBAAAsB,QAAkBK,cAC3Bd,EACXJ,GAAIA,qBACcC,EAClBT,MAAOA,EACPqC,OAAQ,WAAM,OAAAf,GAAkB,IAChCgB,SAAU,kBACKxB,KAEZD,GACDZ,wBAACsC,EAAAA,oBAAmB,KAAE1B,GAGxBZ,EAAAA,QAAAC,cAACsC,qBAAkBC,EAAAA,SAAA,CACjBC,QAASnB,EACTxB,UAAWc,GAAoB,cAC3BG,GAEHP,EAAiB,IAClBR,EAAAA,QAAAC,cAAA,OAAA,KAAOG,GAASA,EAAMA,MAAQA,EAAM+B,MAAQ1B,IAG7CW,GACCpB,EAAC,QAAAC,cAAAyC,EAAAA,oBACCD,QAASnB,EAAY,mBACHd,GAEjBH,EAAQ2B,KAAI,SAACJ,GAAW,OACvB5B,EAAAA,QAAAC,cAAC0C,EAAoBA,qBAAA,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,MAAQ5C,UAAAC,cAAC4C,EAAAA,WAAY,KAAAjB,EAAOgB,MACnChB,EAAOO"}