@procore/core-react 12.52.0 → 12.53.1

package/dist/SuperSelect/presets/filterPreset.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterPreset.js","names":["React","Popover","Typography","StyledFilterPresetPopoverContent","StyledLabel","StyledTrigger","useSuperSelectContext","getFilterPresetProps","props","_props$filter","filter","getValueLabel","isValueEmpty","value","placeholder","filterName","prefixLabel","valueLabel","concat","filterPreset","components","Label","forwardRef","ctx","presetProps","config","undefined","includes","state","createElement","$hoverable","selectedLabel","TriggerContainer","ref","multipleProps","multiple","open","role","tabIndex","disabled","Array","isArray","_extends","$block","block","placement","trigger","length","overlay","map","v","option","options","find","label","join","MultiValueContainer","selectionStyle"],"sources":["../../../src/SuperSelect/presets/filterPreset.tsx"],"sourcesContent":["import React from 'react'\nimport { Popover } from '../../Popover'\nimport { Typography } from '../../Typography'\nimport { StyledFilterPresetPopoverContent } from '../SuperSelect.presets.styles'\nimport type { SuperSelectStyledTriggerProps } from '../SuperSelect.styles'\nimport { StyledLabel, StyledTrigger } from '../SuperSelect.styles'\nimport type {\n  SuperSelectConfig,\n  SuperSelectPresetProps,\n} from '../SuperSelect.types'\nimport { useSuperSelectContext } from '../useSuperSelect'\n\nconst getFilterPresetProps = (props?: SuperSelectPresetProps) => {\n  return props?.filter ?? {}\n}\n\nconst getValueLabel = (\n  isValueEmpty: boolean,\n  value?: string,\n  placeholder?: string,\n  filterName?: string\n) => {\n  const prefixLabel = isValueEmpty ? placeholder || filterName : filterName\n  const valueLabel = value ? `${prefixLabel ? ': ' : ''}${value}` : ''\n  return `${prefixLabel}${valueLabel}`\n}\n\nexport const filterPreset: SuperSelectConfig = {\n  components: {\n    Label: React.forwardRef(() => {\n      const ctx = useSuperSelectContext()\n      const presetProps = getFilterPresetProps(ctx.config.presetProps)\n      const isValueEmpty = ['', null, undefined].includes(\n        ctx.state.value as string\n      )\n\n      return (\n        <StyledLabel $hoverable={false}>\n          {getValueLabel(\n            isValueEmpty,\n            ctx.state.selectedLabel,\n            ctx.config.placeholder,\n            presetProps.filterName\n          )}\n        </StyledLabel>\n      )\n    }),\n    TriggerContainer: React.forwardRef<\n      HTMLDivElement,\n      SuperSelectStyledTriggerProps\n    >((props, ref) => {\n      const ctx = useSuperSelectContext()\n\n      const multipleProps = ctx.config.multiple\n        ? {\n            'aria-expanded': ctx.state.open,\n            role: 'button' as const,\n            tabIndex: ctx.config.disabled ? -1 : ctx.config.tabIndex,\n          }\n        : {}\n\n      if (!Array.isArray(ctx.state.value)) {\n        return (\n          <StyledTrigger\n            $block={ctx.config.block}\n            {...multipleProps}\n            {...props}\n            ref={ref}\n          />\n        )\n      }\n\n      return (\n        <Popover\n          placement=\"top\"\n          trigger={ctx.state.value.length > 1 ? ['hover', 'focus'] : 'none'}\n          overlay={\n            <StyledFilterPresetPopoverContent>\n              <Typography>\n                {ctx.state.value\n                  .map((v) => {\n                    const option = ctx.state.options.find(\n                      (option) => ctx.option.value(option) === v\n                    )\n                    return option ? ctx.option.label(option) : ''\n                  })\n                  .join(', ')}\n              </Typography>\n            </StyledFilterPresetPopoverContent>\n          }\n        >\n          <StyledTrigger\n            $block={ctx.config.block}\n            {...multipleProps}\n            {...props}\n            ref={ref}\n          />\n        </Popover>\n      )\n    }),\n    MultiValueContainer: () => {\n      const ctx = useSuperSelectContext()\n      const presetProps = getFilterPresetProps(ctx.config.presetProps)\n\n      if (Array.isArray(ctx.state.value)) {\n        const isValueEmpty = !ctx.state.value.length\n        const value =\n          ctx.state.value.length > 1\n            ? `(${ctx.state.value.length})`\n            : ctx.state.value.length === 1\n            ? `${ctx.state.selectedLabel}`\n            : ''\n\n        return (\n          <StyledLabel $hoverable={false}>\n            {getValueLabel(\n              isValueEmpty,\n              value,\n              ctx.config.placeholder,\n              presetProps.filterName\n            )}\n          </StyledLabel>\n        )\n      }\n\n      return <div>Value is not an array</div>\n    },\n  },\n  selectionStyle: 'highlight',\n}\n"],"mappings":"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"}
+{"version":3,"file":"filterPreset.js","names":["React","Popover","Typography","StyledFilterPresetPopoverContent","StyledLabel","StyledTrigger","useSuperSelectContext","getFilterPresetProps","props","_props$filter","filter","getValueLabel","isValueEmpty","value","placeholder","filterName","prefixLabel","valueLabel","concat","filterPreset","components","Label","forwardRef","ctx","presetProps","config","undefined","includes","state","createElement","$hoverable","selectedLabel","TriggerContainer","ref","multipleProps","multiple","open","role","tabIndex","disabled","Array","isArray","_extends","$block","block","placement","trigger","length","overlay","map","v","option","options","find","label","join","MultiValueContainer","selectionStyle"],"sources":["../../../src/SuperSelect/presets/filterPreset.tsx"],"sourcesContent":["import React from 'react'\nimport { Popover } from '../../Popover'\nimport { Typography } from '../../Typography'\nimport { StyledFilterPresetPopoverContent } from '../SuperSelect.presets.styles'\nimport type { SuperSelectStyledTriggerProps } from '../SuperSelect.styles'\nimport { StyledLabel, StyledTrigger } from '../SuperSelect.styles'\nimport type {\n  SuperSelectConfig,\n  SuperSelectPresetProps,\n} from '../SuperSelect.types'\nimport { useSuperSelectContext } from '../useSuperSelect'\n\nconst getFilterPresetProps = (props?: SuperSelectPresetProps) => {\n  return props?.filter ?? {}\n}\n\nconst getValueLabel = (\n  isValueEmpty: boolean,\n  value?: string,\n  placeholder?: string,\n  filterName?: string\n) => {\n  const prefixLabel = isValueEmpty ? placeholder || filterName : filterName\n  const valueLabel = value ? `${prefixLabel ? ': ' : ''}${value}` : ''\n  return `${prefixLabel}${valueLabel}`\n}\n\nexport const filterPreset: SuperSelectConfig = {\n  components: {\n    Label: React.forwardRef(() => {\n      const ctx = useSuperSelectContext()\n      const presetProps = getFilterPresetProps(ctx.config.presetProps)\n      const isValueEmpty = ['', null, undefined].includes(\n        ctx.state.value as string\n      )\n\n      return (\n        <StyledLabel $hoverable={false}>\n          {getValueLabel(\n            isValueEmpty,\n            ctx.state.selectedLabel,\n            ctx.config.placeholder,\n            presetProps.filterName\n          )}\n        </StyledLabel>\n      )\n    }),\n    TriggerContainer: React.forwardRef<\n      HTMLDivElement,\n      SuperSelectStyledTriggerProps\n    >((props, ref) => {\n      const ctx = useSuperSelectContext()\n\n      const multipleProps = ctx.config.multiple\n        ? {\n            'aria-expanded': ctx.state.open,\n            role: 'button' as const,\n            tabIndex: ctx.config.disabled ? -1 : ctx.config.tabIndex,\n          }\n        : {}\n\n      if (!Array.isArray(ctx.state.value)) {\n        return (\n          <StyledTrigger\n            $block={ctx.config.block}\n            {...multipleProps}\n            {...props}\n            ref={ref}\n          />\n        )\n      }\n\n      return (\n        <Popover\n          placement=\"top\"\n          trigger={ctx.state.value.length > 1 ? ['hover', 'focus'] : 'none'}\n          overlay={\n            <StyledFilterPresetPopoverContent>\n              <Typography>\n                {ctx.state.value\n                  .map((v) => {\n                    const option = ctx.state.options.find(\n                      (option) => ctx.option.value(option) === v\n                    )\n                    return option ? ctx.option.label(option) : ''\n                  })\n                  .join(', ')}\n              </Typography>\n            </StyledFilterPresetPopoverContent>\n          }\n        >\n          <StyledTrigger\n            $block={ctx.config.block}\n            {...multipleProps}\n            {...props}\n            ref={ref}\n          />\n        </Popover>\n      )\n    }),\n    MultiValueContainer: () => {\n      const ctx = useSuperSelectContext()\n      const presetProps = getFilterPresetProps(ctx.config.presetProps)\n\n      if (Array.isArray(ctx.state.value)) {\n        const isValueEmpty = !ctx.state.value.length\n        const value =\n          ctx.state.value.length > 1\n            ? `(${ctx.state.value.length})`\n            : ctx.state.value.length === 1\n            ? `${ctx.state.selectedLabel}`\n            : ''\n\n        return (\n          <StyledLabel $hoverable={false}>\n            {getValueLabel(\n              isValueEmpty,\n              value,\n              ctx.config.placeholder,\n              presetProps.filterName\n            )}\n          </StyledLabel>\n        )\n      }\n\n      return <div>Value is not an array</div>\n    },\n  },\n  selectionStyle: 'highlight',\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/SuperSelect/presets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["contactsPreset","filterPreset","pillPreset","presets","contacts","filter","pill"],"sources":["../../../src/SuperSelect/presets/index.ts"],"sourcesContent":["import type { SuperSelectConfig, SuperSelectPreset } from '../SuperSelect.types'\nimport { contactsPreset } from './contactsPreset'\nimport { filterPreset } from './filterPreset'\nimport { pillPreset } from './pillPreset'\n\nexport const presets: Record<SuperSelectPreset, SuperSelectConfig> = {\n  '': {},\n  contacts: contactsPreset,\n  filter: filterPreset,\n  pill: pillPreset,\n}\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,kBAAkB;AACjD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAO,IAAMC,OAAqD,GAAG;EACnE,EAAE,EAAE,CAAC,CAAC;EACNC,QAAQ,EAAEJ,cAAc;EACxBK,MAAM,EAAEJ,YAAY;EACpBK,IAAI,EAAEJ;AACR,CAAC"}
+{"version":3,"file":"index.js","names":["contactsPreset","filterPreset","pillPreset","presets","contacts","filter","pill"],"sources":["../../../src/SuperSelect/presets/index.ts"],"sourcesContent":["import type { SuperSelectConfig, SuperSelectPreset } from '../SuperSelect.types'\nimport { contactsPreset } from './contactsPreset'\nimport { filterPreset } from './filterPreset'\nimport { pillPreset } from './pillPreset'\n\nexport const presets: Record<SuperSelectPreset, SuperSelectConfig> = {\n  '': {},\n  contacts: contactsPreset,\n  filter: filterPreset,\n  pill: pillPreset,\n}\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,kBAAkB;AACjD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAO,IAAMC,OAAqD,GAAG;EACnE,EAAE,EAAE,CAAC,CAAC;EACNC,QAAQ,EAAEJ,cAAc;EACxBK,MAAM,EAAEJ,YAAY;EACpBK,IAAI,EAAEJ;AACR,CAAC","ignoreList":[]}

package/dist/SuperSelect/presets/pillPreset.js.map

@@ -1 +1 @@
-{"version":3,"file":"pillPreset.js","names":["Check","React","Pill","PillSelectCheckedContainer","Tooltip","OverflowObserver","Label","PillSelectLabel","PillSelectLabelWrapper","PillSelectOptionWrapper","StyledLabel","useSuperSelectContext","pillPreset","components","forwardRef","_ref","ref","hoverable","ctx","createElement","$hoverable","_ref2","_ctx$state$selectedOp","isOverflowing","trigger","overlay","state","selectedLabel","isEmpty","color","selectedOption","OptionLabel","_ref3","option","label","isSelected","size","MultiValue","_ref4"],"sources":["../../../src/SuperSelect/presets/pillPreset.tsx"],"sourcesContent":["import { Check } from '@procore/core-icons'\nimport React from 'react'\nimport { Pill } from '../../Pill/Pill'\nimport { PillSelectCheckedContainer } from '../../PillSelect/PillSelect.styles'\nimport { Tooltip } from '../../Tooltip/Tooltip'\nimport { OverflowObserver } from '../../_hooks/OverflowObserver'\nimport { Label } from '../SuperSelect.components'\nimport {\n  PillSelectLabel,\n  PillSelectLabelWrapper,\n  PillSelectOptionWrapper,\n  StyledLabel,\n} from '../SuperSelect.styles'\nimport type { SuperSelectConfig } from '../SuperSelect.types'\nimport { useSuperSelectContext } from '../useSuperSelect'\n\nexport const pillPreset: SuperSelectConfig = {\n  components: {\n    Label: React.forwardRef(({ hoverable }, ref) => {\n      const ctx = useSuperSelectContext()\n\n      return (\n        <StyledLabel $hoverable={hoverable}>\n          <PillSelectLabelWrapper>\n            <OverflowObserver>\n              {({ isOverflowing, ref }) => {\n                return (\n                  <Tooltip\n                    trigger={isOverflowing ? 'hover' : 'none'}\n                    overlay={ctx.state.selectedLabel}\n                  >\n                    {ctx.state.isEmpty() ? (\n                      <Label ref={ref} hoverable={hoverable} />\n                    ) : (\n                      <PillSelectLabel\n                        ref={ref}\n                        color={(ctx.state.selectedOption as any)?.color}\n                      >\n                        {ctx.state.selectedLabel}\n                      </PillSelectLabel>\n                    )}\n                  </Tooltip>\n                )\n              }}\n            </OverflowObserver>\n          </PillSelectLabelWrapper>\n        </StyledLabel>\n      )\n    }),\n    OptionLabel: ({ option }) => {\n      const ctx = useSuperSelectContext()\n\n      return (\n        <PillSelectOptionWrapper>\n          <Pill color={option.color}>{ctx.option.label(option)}</Pill>\n          <PillSelectCheckedContainer>\n            {ctx.option.isSelected(option) && <Check size=\"sm\" />}\n          </PillSelectCheckedContainer>\n        </PillSelectOptionWrapper>\n      )\n    },\n    MultiValue: ({ option }) => {\n      const ctx = useSuperSelectContext()\n\n      return <Pill color={option.color}>{ctx.option.label(option)}</Pill>\n    },\n  },\n}\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,qBAAqB;AAC3C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,0BAA0B,QAAQ,oCAAoC;AAC/E,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SACEC,eAAe,EACfC,sBAAsB,EACtBC,uBAAuB,EACvBC,WAAW,QACN,uBAAuB;AAE9B,SAASC,qBAAqB,QAAQ,mBAAmB;AAEzD,OAAO,IAAMC,UAA6B,GAAG;EAC3CC,UAAU,EAAE;IACVP,KAAK,eAAEL,KAAK,CAACa,UAAU,CAAC,UAAAC,IAAA,EAAgBC,GAAG,EAAK;MAAA,IAArBC,SAAS,GAAAF,IAAA,CAATE,SAAS;MAClC,IAAMC,GAAG,GAAGP,qBAAqB,CAAC,CAAC;MAEnC,oBACEV,KAAA,CAAAkB,aAAA,CAACT,WAAW;QAACU,UAAU,EAAEH;MAAU,gBACjChB,KAAA,CAAAkB,aAAA,CAACX,sBAAsB,qBACrBP,KAAA,CAAAkB,aAAA,CAACd,gBAAgB,QACd,UAAAgB,KAAA,EAA4B;QAAA,IAAAC,qBAAA;QAAA,IAAzBC,aAAa,GAAAF,KAAA,CAAbE,aAAa;UAAEP,GAAG,GAAAK,KAAA,CAAHL,GAAG;QACpB,oBACEf,KAAA,CAAAkB,aAAA,CAACf,OAAO;UACNoB,OAAO,EAAED,aAAa,GAAG,OAAO,GAAG,MAAO;UAC1CE,OAAO,EAAEP,GAAG,CAACQ,KAAK,CAACC;QAAc,GAEhCT,GAAG,CAACQ,KAAK,CAACE,OAAO,CAAC,CAAC,gBAClB3B,KAAA,CAAAkB,aAAA,CAACb,KAAK;UAACU,GAAG,EAAEA,GAAI;UAACC,SAAS,EAAEA;QAAU,CAAE,CAAC,gBAEzChB,KAAA,CAAAkB,aAAA,CAACZ,eAAe;UACdS,GAAG,EAAEA,GAAI;UACTa,KAAK,GAAAP,qBAAA,GAAGJ,GAAG,CAACQ,KAAK,CAACI,cAAc,cAAAR,qBAAA,uBAAzBA,qBAAA,CAAmCO;QAAM,GAE/CX,GAAG,CAACQ,KAAK,CAACC,aACI,CAEZ,CAAC;MAEd,CACgB,CACI,CACb,CAAC;IAElB,CAAC,CAAC;IACFI,WAAW,EAAE,SAAbA,WAAWA,CAAAC,KAAA,EAAkB;MAAA,IAAbC,MAAM,GAAAD,KAAA,CAANC,MAAM;MACpB,IAAMf,GAAG,GAAGP,qBAAqB,CAAC,CAAC;MAEnC,oBACEV,KAAA,CAAAkB,aAAA,CAACV,uBAAuB,qBACtBR,KAAA,CAAAkB,aAAA,CAACjB,IAAI;QAAC2B,KAAK,EAAEI,MAAM,CAACJ;MAAM,GAAEX,GAAG,CAACe,MAAM,CAACC,KAAK,CAACD,MAAM,CAAQ,CAAC,eAC5DhC,KAAA,CAAAkB,aAAA,CAAChB,0BAA0B,QACxBe,GAAG,CAACe,MAAM,CAACE,UAAU,CAACF,MAAM,CAAC,iBAAIhC,KAAA,CAAAkB,aAAA,CAACnB,KAAK;QAACoC,IAAI,EAAC;MAAI,CAAE,CAC1B,CACL,CAAC;IAE9B,CAAC;IACDC,UAAU,EAAE,SAAZA,UAAUA,CAAAC,KAAA,EAAkB;MAAA,IAAbL,MAAM,GAAAK,KAAA,CAANL,MAAM;MACnB,IAAMf,GAAG,GAAGP,qBAAqB,CAAC,CAAC;MAEnC,oBAAOV,KAAA,CAAAkB,aAAA,CAACjB,IAAI;QAAC2B,KAAK,EAAEI,MAAM,CAACJ;MAAM,GAAEX,GAAG,CAACe,MAAM,CAACC,KAAK,CAACD,MAAM,CAAQ,CAAC;IACrE;EACF;AACF,CAAC"}
+{"version":3,"file":"pillPreset.js","names":["Check","React","Pill","PillSelectCheckedContainer","Tooltip","OverflowObserver","Label","PillSelectLabel","PillSelectLabelWrapper","PillSelectOptionWrapper","StyledLabel","useSuperSelectContext","pillPreset","components","forwardRef","_ref","ref","hoverable","ctx","createElement","$hoverable","_ref2","_ctx$state$selectedOp","isOverflowing","trigger","overlay","state","selectedLabel","isEmpty","color","selectedOption","OptionLabel","_ref3","option","label","isSelected","size","MultiValue","_ref4"],"sources":["../../../src/SuperSelect/presets/pillPreset.tsx"],"sourcesContent":["import { Check } from '@procore/core-icons'\nimport React from 'react'\nimport { Pill } from '../../Pill/Pill'\nimport { PillSelectCheckedContainer } from '../../PillSelect/PillSelect.styles'\nimport { Tooltip } from '../../Tooltip/Tooltip'\nimport { OverflowObserver } from '../../_hooks/OverflowObserver'\nimport { Label } from '../SuperSelect.components'\nimport {\n  PillSelectLabel,\n  PillSelectLabelWrapper,\n  PillSelectOptionWrapper,\n  StyledLabel,\n} from '../SuperSelect.styles'\nimport type { SuperSelectConfig } from '../SuperSelect.types'\nimport { useSuperSelectContext } from '../useSuperSelect'\n\nexport const pillPreset: SuperSelectConfig = {\n  components: {\n    Label: React.forwardRef(({ hoverable }, ref) => {\n      const ctx = useSuperSelectContext()\n\n      return (\n        <StyledLabel $hoverable={hoverable}>\n          <PillSelectLabelWrapper>\n            <OverflowObserver>\n              {({ isOverflowing, ref }) => {\n                return (\n                  <Tooltip\n                    trigger={isOverflowing ? 'hover' : 'none'}\n                    overlay={ctx.state.selectedLabel}\n                  >\n                    {ctx.state.isEmpty() ? (\n                      <Label ref={ref} hoverable={hoverable} />\n                    ) : (\n                      <PillSelectLabel\n                        ref={ref}\n                        color={(ctx.state.selectedOption as any)?.color}\n                      >\n                        {ctx.state.selectedLabel}\n                      </PillSelectLabel>\n                    )}\n                  </Tooltip>\n                )\n              }}\n            </OverflowObserver>\n          </PillSelectLabelWrapper>\n        </StyledLabel>\n      )\n    }),\n    OptionLabel: ({ option }) => {\n      const ctx = useSuperSelectContext()\n\n      return (\n        <PillSelectOptionWrapper>\n          <Pill color={option.color}>{ctx.option.label(option)}</Pill>\n          <PillSelectCheckedContainer>\n            {ctx.option.isSelected(option) && <Check size=\"sm\" />}\n          </PillSelectCheckedContainer>\n        </PillSelectOptionWrapper>\n      )\n    },\n    MultiValue: ({ option }) => {\n      const ctx = useSuperSelectContext()\n\n      return <Pill color={option.color}>{ctx.option.label(option)}</Pill>\n    },\n  },\n}\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,qBAAqB;AAC3C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,0BAA0B,QAAQ,oCAAoC;AAC/E,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SACEC,eAAe,EACfC,sBAAsB,EACtBC,uBAAuB,EACvBC,WAAW,QACN,uBAAuB;AAE9B,SAASC,qBAAqB,QAAQ,mBAAmB;AAEzD,OAAO,IAAMC,UAA6B,GAAG;EAC3CC,UAAU,EAAE;IACVP,KAAK,eAAEL,KAAK,CAACa,UAAU,CAAC,UAAAC,IAAA,EAAgBC,GAAG,EAAK;MAAA,IAArBC,SAAS,GAAAF,IAAA,CAATE,SAAS;MAClC,IAAMC,GAAG,GAAGP,qBAAqB,CAAC,CAAC;MAEnC,oBACEV,KAAA,CAAAkB,aAAA,CAACT,WAAW;QAACU,UAAU,EAAEH;MAAU,gBACjChB,KAAA,CAAAkB,aAAA,CAACX,sBAAsB,qBACrBP,KAAA,CAAAkB,aAAA,CAACd,gBAAgB,QACd,UAAAgB,KAAA,EAA4B;QAAA,IAAAC,qBAAA;QAAA,IAAzBC,aAAa,GAAAF,KAAA,CAAbE,aAAa;UAAEP,GAAG,GAAAK,KAAA,CAAHL,GAAG;QACpB,oBACEf,KAAA,CAAAkB,aAAA,CAACf,OAAO;UACNoB,OAAO,EAAED,aAAa,GAAG,OAAO,GAAG,MAAO;UAC1CE,OAAO,EAAEP,GAAG,CAACQ,KAAK,CAACC;QAAc,GAEhCT,GAAG,CAACQ,KAAK,CAACE,OAAO,CAAC,CAAC,gBAClB3B,KAAA,CAAAkB,aAAA,CAACb,KAAK;UAACU,GAAG,EAAEA,GAAI;UAACC,SAAS,EAAEA;QAAU,CAAE,CAAC,gBAEzChB,KAAA,CAAAkB,aAAA,CAACZ,eAAe;UACdS,GAAG,EAAEA,GAAI;UACTa,KAAK,GAAAP,qBAAA,GAAGJ,GAAG,CAACQ,KAAK,CAACI,cAAc,cAAAR,qBAAA,uBAAzBA,qBAAA,CAAmCO;QAAM,GAE/CX,GAAG,CAACQ,KAAK,CAACC,aACI,CAEZ,CAAC;MAEd,CACgB,CACI,CACb,CAAC;IAElB,CAAC,CAAC;IACFI,WAAW,EAAE,SAAbA,WAAWA,CAAAC,KAAA,EAAkB;MAAA,IAAbC,MAAM,GAAAD,KAAA,CAANC,MAAM;MACpB,IAAMf,GAAG,GAAGP,qBAAqB,CAAC,CAAC;MAEnC,oBACEV,KAAA,CAAAkB,aAAA,CAACV,uBAAuB,qBACtBR,KAAA,CAAAkB,aAAA,CAACjB,IAAI;QAAC2B,KAAK,EAAEI,MAAM,CAACJ;MAAM,GAAEX,GAAG,CAACe,MAAM,CAACC,KAAK,CAACD,MAAM,CAAQ,CAAC,eAC5DhC,KAAA,CAAAkB,aAAA,CAAChB,0BAA0B,QACxBe,GAAG,CAACe,MAAM,CAACE,UAAU,CAACF,MAAM,CAAC,iBAAIhC,KAAA,CAAAkB,aAAA,CAACnB,KAAK;QAACoC,IAAI,EAAC;MAAI,CAAE,CAC1B,CACL,CAAC;IAE9B,CAAC;IACDC,UAAU,EAAE,SAAZA,UAAUA,CAAAC,KAAA,EAAkB;MAAA,IAAbL,MAAM,GAAAK,KAAA,CAANL,MAAM;MACnB,IAAMf,GAAG,GAAGP,qBAAqB,CAAC,CAAC;MAEnC,oBAAOV,KAAA,CAAAkB,aAAA,CAACjB,IAAI;QAAC2B,KAAK,EAAEI,MAAM,CAACJ;MAAM,GAAEX,GAAG,CAACe,MAAM,CAACC,KAAK,CAACD,MAAM,CAAQ,CAAC;IACrE;EACF;AACF,CAAC","ignoreList":[]}

package/dist/SuperSelect/useSuperSelect.js

@@ -75,7 +75,7 @@ function useTokenNavigation(context) {
         if (e.key === 'ArrowLeft') {
           var _tokenRemoveRefs$curr;
           e.preventDefault();
-          tokenRemoveRefs === null || tokenRemoveRefs === void 0 ? void 0 : (_tokenRemoveRefs$curr = tokenRemoveRefs.current[value.length - 1]) === null || _tokenRemoveRefs$curr === void 0 ? void 0 : _tokenRemoveRefs$curr.focus();
+          tokenRemoveRefs === null || tokenRemoveRefs === void 0 || (_tokenRemoveRefs$curr = tokenRemoveRefs.current[value.length - 1]) === null || _tokenRemoveRefs$curr === void 0 || _tokenRemoveRefs$curr.focus();
         }
       }
     }
@@ -526,7 +526,7 @@ export function useSuperSelect(_ref3) {
     return function () {
       var _debouncedAutoSelecti;
       // Cleanup debounced function
-      (_debouncedAutoSelecti = debouncedAutoSelection.cancel) === null || _debouncedAutoSelecti === void 0 ? void 0 : _debouncedAutoSelecti.call(debouncedAutoSelection);
+      (_debouncedAutoSelecti = debouncedAutoSelection.cancel) === null || _debouncedAutoSelecti === void 0 || _debouncedAutoSelecti.call(debouncedAutoSelection);
 
       // Reset processing flag
       isProcessingAutoSelectionRef.current = false;
@@ -821,7 +821,7 @@ export function useSuperSelect(_ref3) {
       if (!nextOpen && multiple) {
         requestAnimationFrame(function () {
           var _searchRef$current;
-          (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
+          (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 || _searchRef$current.focus();
         });
       }
     },
@@ -829,11 +829,9 @@ export function useSuperSelect(_ref3) {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      return (/* { animationFrame: true } is used to fix ResizeObserver issue with @floating-ui/react */
-        autoUpdate.apply(void 0, args.concat([{
-          animationFrame: true
-        }]))
-      );
+      return /* { animationFrame: true } is used to fix ResizeObserver issue with @floating-ui/react */autoUpdate.apply(void 0, args.concat([{
+        animationFrame: true
+      }]));
     },
     strategy: 'fixed',
     middleware: [offset(function (_ref0) {
@@ -850,9 +848,7 @@ export function useSuperSelect(_ref3) {
           boundWidthRef.current = false;
           setWidth(overlayMatchesTriggerWidth ? elements.reference.getBoundingClientRect().width : extendedSelectMenuWidth);
         }
-        if (availableHeight >= reasonableDropdownMinimumHeight) {
-          setMaxHeight(availableHeight);
-        }
+        setMaxHeight(availableHeight);
       },
       padding: 10
     })]
@@ -948,7 +944,7 @@ export function useSuperSelect(_ref3) {
             setOpen(false);
             requestAnimationFrame(function () {
               var _tokenRemoveRefs$curr2;
-              (_tokenRemoveRefs$curr2 = tokenRemoveRefs.current[value.length - 1]) === null || _tokenRemoveRefs$curr2 === void 0 ? void 0 : _tokenRemoveRefs$curr2.focus();
+              (_tokenRemoveRefs$curr2 = tokenRemoveRefs.current[value.length - 1]) === null || _tokenRemoveRefs$curr2 === void 0 || _tokenRemoveRefs$curr2.focus();
             });
           }
         },
@@ -998,7 +994,7 @@ export function useSuperSelect(_ref3) {
             var _floating$refs$floati;
             e.preventDefault();
             e.stopPropagation();
-            (_floating$refs$floati = floating.refs.floating.current) === null || _floating$refs$floati === void 0 ? void 0 : _floating$refs$floati.focus();
+            (_floating$refs$floati = floating.refs.floating.current) === null || _floating$refs$floati === void 0 || _floating$refs$floati.focus();
           }
         }
         if (e.key === 'ArrowLeft' && searchValue === '' && Array.isArray(value) && value.length > 0) {
@@ -1007,7 +1003,7 @@ export function useSuperSelect(_ref3) {
           setOpen(false);
           requestAnimationFrame(function () {
             var _tokenRemoveRefs$curr3;
-            (_tokenRemoveRefs$curr3 = tokenRemoveRefs.current[value.length - 1]) === null || _tokenRemoveRefs$curr3 === void 0 ? void 0 : _tokenRemoveRefs$curr3.focus();
+            (_tokenRemoveRefs$curr3 = tokenRemoveRefs.current[value.length - 1]) === null || _tokenRemoveRefs$curr3 === void 0 || _tokenRemoveRefs$curr3.focus();
           });
         }
       }
@@ -1023,13 +1019,13 @@ export function useSuperSelect(_ref3) {
       requestAnimationFrame(function () {
         if (nextVal.length === 0) {
           var _searchRef$current2;
-          (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.focus();
+          (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 || _searchRef$current2.focus();
         } else if (index >= nextVal.length) {
           var _tokenRemoveRefs$curr4;
-          (_tokenRemoveRefs$curr4 = tokenRemoveRefs.current[nextVal.length - 1]) === null || _tokenRemoveRefs$curr4 === void 0 ? void 0 : _tokenRemoveRefs$curr4.focus();
+          (_tokenRemoveRefs$curr4 = tokenRemoveRefs.current[nextVal.length - 1]) === null || _tokenRemoveRefs$curr4 === void 0 || _tokenRemoveRefs$curr4.focus();
         } else {
           var _tokenRemoveRefs$curr5;
-          (_tokenRemoveRefs$curr5 = tokenRemoveRefs.current[index]) === null || _tokenRemoveRefs$curr5 === void 0 ? void 0 : _tokenRemoveRefs$curr5.focus();
+          (_tokenRemoveRefs$curr5 = tokenRemoveRefs.current[index]) === null || _tokenRemoveRefs$curr5 === void 0 || _tokenRemoveRefs$curr5.focus();
         }
       });
     }
@@ -1051,24 +1047,24 @@ export function useSuperSelect(_ref3) {
           e.stopPropagation();
           if (index > 0) {
             var _tokenRemoveRefs$curr6;
-            (_tokenRemoveRefs$curr6 = tokenRemoveRefs.current[index - 1]) === null || _tokenRemoveRefs$curr6 === void 0 ? void 0 : _tokenRemoveRefs$curr6.focus();
+            (_tokenRemoveRefs$curr6 = tokenRemoveRefs.current[index - 1]) === null || _tokenRemoveRefs$curr6 === void 0 || _tokenRemoveRefs$curr6.focus();
           }
         } else if (e.key === 'ArrowRight') {
           e.preventDefault();
           e.stopPropagation();
           if (isMultiple(multiple, value) && index < value.length - 1) {
             var _tokenRemoveRefs$curr7;
-            (_tokenRemoveRefs$curr7 = tokenRemoveRefs.current[index + 1]) === null || _tokenRemoveRefs$curr7 === void 0 ? void 0 : _tokenRemoveRefs$curr7.focus();
+            (_tokenRemoveRefs$curr7 = tokenRemoveRefs.current[index + 1]) === null || _tokenRemoveRefs$curr7 === void 0 || _tokenRemoveRefs$curr7.focus();
           } else {
             var _searchRef$current3;
-            (_searchRef$current3 = searchRef.current) === null || _searchRef$current3 === void 0 ? void 0 : _searchRef$current3.focus();
+            (_searchRef$current3 = searchRef.current) === null || _searchRef$current3 === void 0 || _searchRef$current3.focus();
           }
         } else if (e.key === 'ArrowDown') {
           var _searchRef$current4;
           e.preventDefault();
           e.stopPropagation();
           setOpen(true);
-          (_searchRef$current4 = searchRef.current) === null || _searchRef$current4 === void 0 ? void 0 : _searchRef$current4.focus();
+          (_searchRef$current4 = searchRef.current) === null || _searchRef$current4 === void 0 || _searchRef$current4.focus();
         } else if (e.key === 'ArrowUp') {
           e.preventDefault();
           e.stopPropagation();
@@ -1149,11 +1145,11 @@ export function useSuperSelect(_ref3) {
           setValue(multiple ? [] : null);
           if (multiple) {
             var _searchRef$current5;
-            (_searchRef$current5 = searchRef.current) === null || _searchRef$current5 === void 0 ? void 0 : _searchRef$current5.focus();
+            (_searchRef$current5 = searchRef.current) === null || _searchRef$current5 === void 0 || _searchRef$current5.focus();
           } else {
             var _floating$refs$domRef;
             ;
-            (_floating$refs$domRef = floating.refs.domReference.current) === null || _floating$refs$domRef === void 0 ? void 0 : _floating$refs$domRef.focus();
+            (_floating$refs$domRef = floating.refs.domReference.current) === null || _floating$refs$domRef === void 0 || _floating$refs$domRef.focus();
           }
         }
         if (e.key === 'ArrowUp' || e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
@@ -1184,7 +1180,6 @@ export function useSuperSelect(_ref3) {
       components: {
         Item: components === null || components === void 0 ? void 0 : components.Item // TODO fix type
       },
-
       initialTopMostItemIndex: selectedIndex >= 0 ? selectedIndex : 0,
       style: {
         flex: '1 1 auto'
@@ -1284,7 +1279,7 @@ export function useSuperSelect(_ref3) {
         var virtuosoIndex = selectAllEnabled && multiple && activeMenuIndex > 0 ? activeMenuIndex + 1 : activeMenuIndex;
         if (virtuosoIndex >= 0) {
           var _virtuoso$current;
-          (_virtuoso$current = virtuoso.current) === null || _virtuoso$current === void 0 ? void 0 : _virtuoso$current.scrollIntoView({
+          (_virtuoso$current = virtuoso.current) === null || _virtuoso$current === void 0 || _virtuoso$current.scrollIntoView({
             index: virtuosoIndex
           });
         }