se-design 1.0.63-dev → 1.0.64

package/dist/index239.js.map

@@ -1 +1 @@
-{"version":3,"file":"index239.js","sources":["../node_modules/prop-types/factoryWithThrowingShims.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n  function shim(props, propName, componentName, location, propFullName, secret) {\n    if (secret === ReactPropTypesSecret) {\n      // It is still safe when called from React.\n      return;\n    }\n    var err = new Error(\n      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n      'Use PropTypes.checkPropTypes() to call them. ' +\n      'Read more at http://fb.me/use-check-prop-types'\n    );\n    err.name = 'Invariant Violation';\n    throw err;\n  };\n  shim.isRequired = shim;\n  function getShim() {\n    return shim;\n  };\n  // Important!\n  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n  var ReactPropTypes = {\n    array: shim,\n    bigint: shim,\n    bool: shim,\n    func: shim,\n    number: shim,\n    object: shim,\n    string: shim,\n    symbol: shim,\n\n    any: shim,\n    arrayOf: getShim,\n    element: shim,\n    elementType: shim,\n    instanceOf: getShim,\n    node: shim,\n    objectOf: getShim,\n    oneOf: getShim,\n    oneOfType: getShim,\n    shape: getShim,\n    exact: getShim,\n\n    checkPropTypes: emptyFunctionWithReset,\n    resetWarningCache: emptyFunction\n  };\n\n  ReactPropTypes.PropTypes = ReactPropTypes;\n\n  return ReactPropTypes;\n};\n"],"names":["ReactPropTypesSecret","require$$0","emptyFunction","emptyFunctionWithReset","factoryWithThrowingShims","shim","props","propName","componentName","location","propFullName","secret","err","getShim","ReactPropTypes"],"mappings":";;;;;AASA,MAAIA,IAAuBC,EAAA;AAE3B,WAASC,IAAgB;AAAA,EAAA;AACzB,WAASC,IAAyB;AAAA,EAAA;AAClC,SAAAA,EAAuB,oBAAoBD,GAE3CE,IAAiB,WAAW;AAC1B,aAASC,EAAKC,GAAOC,GAAUC,GAAeC,GAAUC,GAAcC,GAAQ;AAC5E,UAAIA,MAAWX,GAIf;AAAA,YAAIY,IAAM,IAAI;AAAA,UACZ;AAAA,QAGN;AACI,cAAAA,EAAI,OAAO,uBACLA;AAAA;AAAA,IACV;AACE,IAAAP,EAAK,aAAaA;AAClB,aAASQ,IAAU;AACjB,aAAOR;AAAA,IACX;AAGE,QAAIS,IAAiB;AAAA,MACnB,OAAOT;AAAA,MACP,QAAQA;AAAA,MACR,MAAMA;AAAA,MACN,MAAMA;AAAA,MACN,QAAQA;AAAA,MACR,QAAQA;AAAA,MACR,QAAQA;AAAA,MACR,QAAQA;AAAA,MAER,KAAKA;AAAA,MACL,SAASQ;AAAA,MACT,SAASR;AAAA,MACT,aAAaA;AAAA,MACb,YAAYQ;AAAA,MACZ,MAAMR;AAAA,MACN,UAAUQ;AAAA,MACV,OAAOA;AAAA,MACP,WAAWA;AAAA,MACX,OAAOA;AAAA,MACP,OAAOA;AAAA,MAEP,gBAAgBV;AAAA,MAChB,mBAAmBD;AAAA,IACvB;AAEE,WAAAY,EAAe,YAAYA,GAEpBA;AAAA,EACT;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index239.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index24.js

@@ -4,8 +4,8 @@ import { Icon as M } from "./index5.js";
 import { Checkbox as me } from "./index22.js";
 import { Button as R } from "./index3.js";
 import { InputWithIcon as fe } from "./index51.js";
-import { useStableId as T } from "./index184.js";
-import { useCombobox as pe } from "./index191.js";
+import { useStableId as T } from "./index188.js";
+import { useCombobox as pe } from "./index194.js";
 function m() {
   return m = Object.assign ? Object.assign.bind() : function(t) {
     for (var a = 1; a < arguments.length; a++) {
@@ -156,7 +156,7 @@ const Ee = (t) => {
     }, P && L(), /* @__PURE__ */ o.createElement("div", {
       className: "flex flex-col max-h-80 overflow-y-auto"
     }, e.length > 0 ? e.map((r) => re(r)) : /* @__PURE__ */ o.createElement("div", {
-      className: "px-3 py-4 text-center text-[var(--color-gray-500)] text-sm",
+      className: "px-3 py-4 text-center text-[var(--color-gray-700)] text-sm",
       role: "status",
       "aria-live": "polite"
     }, A)), /* @__PURE__ */ o.createElement("div", {

package/dist/index24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index24.js","sources":["../src/components/Dropdown/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef, useEffect } from 'react';\n\nimport { Popover, PopoverHandle } from 'src/components/Popover';\nimport { Icon } from 'components/Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport { InputWithIcon } from '../InputWithIcon';\nimport { useStableId } from '../../utils/useStableId';\nimport { useCombobox } from '../../utils/a11y/useCombobox';\n\ntype DropdownValue = {\n  [key: string]: any;\n};\n\ntype DropdownProps = {\n  label?: string;\n  ariaLabel?: string;\n  type: 'select' | 'multi-select';\n  dropDownOptions?: DropdownValue[];\n  defaultText?: string;\n  selectBy?: string;\n  optionsUniqueBy?: string;\n  displaySelected?: boolean;\n  defaultSelectedValue?: DropdownValue | DropdownValue[];\n  customSelectedValue?: string;\n  onOptionClick?: (selectedValue: DropdownValue) => void;\n  style?: React.CSSProperties;\n  renderOptionChip?: (option: DropdownValue, srcOption: boolean) => React.ReactNode;\n  className?: string;\n  iconColor?: string;\n  disabled?: boolean;\n  dropdownClassName?: string;\n  hasError?: boolean;\n  errorMessage?: string;\n  onApply?: (selectedValue: DropdownValue[]) => void;\n  onClear?: () => void;\n  customDropdownContent?: () => React.ReactNode;\n  isBorderless?: boolean;\n  dropDownSrcAutomationId?: string;\n  dropDownSelectAutomationId?: string;\n  dropDownContentAutomationId?: string;\n  shouldShowSearch?: boolean;\n  searchPlaceholder?: string;\n  searchResultEmptyMessage?: string;\n};\n\nexport const Dropdown: FC<DropdownProps> = (props) => {\n  const [isDropDownOpen, setIsDropDownOpen] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedDropDownValues, setSelectedDropDownValues] = useState<DropdownValue[]>(() =>\n    props?.defaultSelectedValue\n      ? Array.isArray(props?.defaultSelectedValue)\n        ? props?.defaultSelectedValue\n        : [props.defaultSelectedValue]\n      : []\n  );\n  const popoverRef = useRef<HTMLDivElement & PopoverHandle>(null);\n  const labelId = useStableId(undefined, 'dropdown-label');\n  const listboxId = useStableId(undefined, 'dropdown-listbox');\n\n  const {\n    selectBy = '',\n    optionsUniqueBy = '',\n    displaySelected = false,\n    dropDownOptions,\n    defaultText = 'Select',\n    iconColor = 'var(--color-gray-700)',\n    disabled = false,\n    dropdownClassName = '',\n    hasError = false,\n    errorMessage = '',\n    customDropdownContent = null,\n    isBorderless = false,\n    shouldShowSearch = false,\n    searchPlaceholder = 'Search...',\n    searchResultEmptyMessage = 'No results found',\n    ariaLabel = '',\n    customSelectedValue = ''\n  } = props;\n\n  useEffect(() => {\n    const newValues = props?.defaultSelectedValue\n      ? Array.isArray(props?.defaultSelectedValue)\n        ? props?.defaultSelectedValue\n        : [props.defaultSelectedValue]\n      : [];\n    setSelectedDropDownValues(newValues);\n  }, [props?.defaultSelectedValue]);\n\n  useEffect(() => {\n    if (!isDropDownOpen) {\n      setSearchQuery('');\n    }\n  }, [isDropDownOpen]);\n\n  const isMultiSelect = props?.type === 'multi-select';\n\n  const getFilteredOptions = () => {\n    if (!searchQuery.trim()) {\n      return dropDownOptions || [];\n    }\n    return (dropDownOptions || []).filter((option) => {\n      const optionValue = option?.[selectBy]?.toString().toLowerCase() || '';\n      return optionValue.includes(searchQuery.toLowerCase());\n    });\n  };\n\n  const handleDropDownOptionClick = (dropDownOption: any) => {\n    setSelectedDropDownValues([dropDownOption]);\n    setIsDropDownOpen(false);\n    props?.onOptionClick?.(dropDownOption);\n  };\n\n  // Use useCombobox hook for keyboard navigation (only for single-select)\n  const filteredOptions = getFilteredOptions();\n  const {\n    listboxProps,\n    getOptionProps,\n    highlightedIndex,\n    containerProps: comboboxContainerProps,\n    inputProps: comboboxInputProps\n  } = useCombobox({\n    items: isMultiSelect ? [] : filteredOptions, // Only use for single-select\n    isOpen: isDropDownOpen && !isMultiSelect,\n    onOpenChange: setIsDropDownOpen,\n    onSelect: (item: DropdownValue) => {\n      handleDropDownOptionClick(item);\n    },\n    listboxId,\n    disabled: isMultiSelect || disabled,\n    hasItems: filteredOptions.length > 0\n  });\n\n  const getSelectedDropDownValue = (option: DropdownValue, isSrcOption: boolean = false) => {\n    if (isMultiSelect) {\n      return defaultText;\n    }\n\n    // if custom selected value is provided, use it instead of the option value\n    if (isSrcOption && customSelectedValue) {\n      return customSelectedValue;\n    }\n\n    return option?.[selectBy] || defaultText;\n  };\n\n  const clearSelectedDropDownValues = () => {\n    setSelectedDropDownValues([]);\n    props?.onClear?.();\n  };\n\n  const optionChip = (option: DropdownValue, srcOption: boolean = false) => {\n    if (props?.renderOptionChip) {\n      return props?.renderOptionChip(option, srcOption);\n    }\n\n    if (isMultiSelect && selectedDropDownValues?.length > 0) {\n      const firstSelectedLabel = selectedDropDownValues[0]?.[selectBy] || '';\n      const remainingCount = selectedDropDownValues.length - 1;\n\n      // For multiple selections: text takes remaining space, count takes minimum space needed\n      return (\n        <div className={`option-chip flex items-center w-full`}>\n          <div\n            className={`${remainingCount > 0 ? 'w-full' : 'flex-1'} truncate`}\n          >{`${defaultText}: ${firstSelectedLabel}`}</div>\n          {remainingCount > 0 && <div className=\"flex-shrink-0\">+{remainingCount}</div>}\n        </div>\n      );\n    }\n\n    return (\n      <p className={`option-chip flex flex-1 items-center justify-between`}>\n        {getSelectedDropDownValue(option, srcOption)}\n      </p>\n    );\n  };\n\n  const renderSearchBar = () => {\n    return (\n      <div className=\" w-full relative flex items-center border-b border-[var(--color-gray-300)]\">\n        <InputWithIcon\n          leftIcon={{ name: 'search', position: 'left', style: { color: 'var(--color-gray-500)' } }}\n          value={searchQuery}\n          onChange={(value) => setSearchQuery(value)}\n          placeholder={searchPlaceholder}\n          style={{ margin: 0, gap: 0 }}\n          inputStyle={{ width: '100%', border: 'none', outline: 'none' }}\n        />\n      </div>\n    );\n  };\n\n  const dropDownOptionJsx = (dropDownOption: DropdownValue, index: number) => {\n    const optionTxt = dropDownOption[selectBy];\n    const dropDownSelectedValue = selectedDropDownValues[0]?.[selectBy] || defaultText;\n    const selectByUniqueId = optionsUniqueBy?.length\n      ? dropDownOption[optionsUniqueBy] == selectedDropDownValues[0]?.[optionsUniqueBy]\n      : true;\n    const isOptionSelected = displaySelected && optionTxt === dropDownSelectedValue && selectByUniqueId;\n    const isHighlighted = highlightedIndex === index;\n    const optionProps = !isMultiSelect ? getOptionProps(index, isOptionSelected) : {};\n    \n    return (\n      <div\n        key={dropDownOption.id || dropDownOption.value}\n        className={`option break-words px-3 py-2 hover:bg-gray-100 cursor-pointer select-none flex items-center justify-between ${\n          isOptionSelected ? 'selected' : ''\n        } ${isHighlighted ? 'bg-gray-100' : ''}`}\n        onClick={() => handleDropDownOptionClick(dropDownOption)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            handleDropDownOptionClick(dropDownOption);\n          }\n        }}\n        tabIndex={-1}\n        data-automation-id={`dropdown-option-${dropDownOption?.automationId || index}`}\n        {...optionProps}\n        aria-selected={isOptionSelected ? 'true' : 'false'}\n      >\n        {optionChip({ ...dropDownOption, isOptionSelected }, false)}\n        {isOptionSelected && <Icon name=\"checkmark\" stroke={iconColor} />}\n      </div>\n    );\n  };\n\n  const renderDropdownContents = () => {\n    return (\n      <div \n        className=\"dropdown-content dropdown-options\" \n        aria-label=\"Dropdown options\"\n        {...listboxProps}\n      >\n        {shouldShowSearch && renderSearchBar()}\n        <div className=\"flex flex-col max-h-80 overflow-y-auto\">\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((dropDownOption, index) => dropDownOptionJsx(dropDownOption, index))\n          ) : (\n            <div\n              className=\"px-3 py-4 text-center text-[var(--color-gray-700)] text-sm\"\n              role=\"status\"\n              aria-live=\"polite\"\n            >\n              {searchResultEmptyMessage}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  const handleMultiSelectDropdownOptionClick = (isSelected: boolean, dropDownOption: DropdownValue) => {\n    let newSelectedDropDownValues: DropdownValue[] = [];\n    if (isSelected) {\n      newSelectedDropDownValues = [...selectedDropDownValues, dropDownOption];\n    } else {\n      newSelectedDropDownValues = selectedDropDownValues?.filter(\n        (option) => option[optionsUniqueBy] !== dropDownOption[optionsUniqueBy]\n      );\n    }\n    setSelectedDropDownValues(newSelectedDropDownValues);\n  };\n\n  const handleApplySelectedDropDownValues = () => {\n    popoverRef.current?.togglePopover();\n    props?.onApply?.(selectedDropDownValues);\n  };\n\n  const multiSelectDropdownOptionJSX = (dropDownOption: DropdownValue) => {\n    const isOptionSelected = selectedDropDownValues.some(\n      (option) => option[optionsUniqueBy] === dropDownOption[optionsUniqueBy]\n    );\n    return (\n      <div\n        key={dropDownOption.id || dropDownOption.value}\n        className=\"option px-3 py-2 hover:bg-gray-100 cursor-pointer select-none flex items-center justify-between\"\n      >\n        <Checkbox\n          automationId=\"checkbox\"\n          className=\"checkbox\"\n          defaultChecked={isOptionSelected}\n          onChange={(value) => handleMultiSelectDropdownOptionClick(value, dropDownOption)}\n          label={dropDownOption?.label}\n        />\n      </div>\n    );\n  };\n\n  const renderMultiSelectDropdownContents = () => {\n    const filteredOptions = getFilteredOptions();\n    return (\n      <div\n        className=\"dropdown-content dropdown-options\"\n        role=\"listbox\"\n        aria-label=\"Multi-select dropdown options\"\n        aria-multiselectable=\"true\"\n      >\n        {shouldShowSearch && renderSearchBar()}\n        <div className=\"flex flex-col max-h-80 overflow-y-auto\">\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((dropDownOption) => multiSelectDropdownOptionJSX(dropDownOption))\n          ) : (\n            <div\n              className=\"px-3 py-4 text-center text-[var(--color-gray-500)] text-sm\"\n              role=\"status\"\n              aria-live=\"polite\"\n            >\n              {searchResultEmptyMessage}\n            </div>\n          )}\n        </div>\n        <div className=\"flex items-center justify-end gap-4 p-3 border-t border-[var(--color-gray-200)]\">\n          <Button label=\"Clear\" type=\"link\" size=\"sm\" onClick={clearSelectedDropDownValues} />\n          <Button label=\"Apply\" type=\"primary\" size=\"sm\" onClick={handleApplySelectedDropDownValues} />\n        </div>\n      </div>\n    );\n  };\n\n  const renderDropdownSelect = () => {\n    const borderColor = isDropDownOpen\n      ? 'border-[var(--color-blue-500)]'\n      : disabled\n      ? 'border-[var(--color-gray-300)]'\n      : 'border-[var(--color-gray-600)]';\n    const errorBorderColor = hasError ? 'border-[var(--color-red-500)]' : '';\n    const dropDownSelectClass = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 ${\n      isBorderless ? 'border-0' : `border rounded-md ${errorBorderColor ? errorBorderColor : borderColor}`\n    } flex items-center ${dropdownClassName}`;\n\n    return (\n      <div className={dropDownSelectClass}>\n        <div\n          className=\"flex-1 min-w-0\"\n          data-automation-id={props?.dropDownSelectAutomationId || 'selected-dropdown-value'}\n        >\n          {optionChip(selectedDropDownValues[0], true)}\n        </div>\n        <div className=\"flex-shrink-0 ml-2\" aria-hidden=\"true\">\n          <Icon\n            name={'chevron'}\n            rotation={isDropDownOpen ? '180' : '0'}\n            className={`transition-transform`}\n            stroke={iconColor}\n          />\n        </div>\n      </div>\n    );\n  };\n\n  const getDropdownAriaLabel = () => {\n    return ariaLabel || `Select option`;\n  };\n\n  return (\n    <div\n      className={`se-design-dropdown-container${props?.className ? ` ${props?.className}` : ''}`}\n      style={props?.style}\n    >\n      {props?.label && (\n        <div id={labelId} className=\"se-design-dropdown-label mb-[3px] text-[var(--color-gray-700)] text-sm\">\n          {props?.label}\n        </div>\n      )}\n      <div\n        style={props?.style}\n        className={`${disabled ? 'bg-[var(--color-gray-50)] rounded-md cursor-not-allowed' : ''}`}\n        {...(!isMultiSelect ? comboboxContainerProps : {})}\n      >\n        <Popover\n          ref={popoverRef}\n          isPopoverOpen={isDropDownOpen}\n          renderPopoverContents={\n            customDropdownContent\n              ? customDropdownContent\n              : isMultiSelect\n              ? renderMultiSelectDropdownContents\n              : renderDropdownContents\n          }\n          contentWidth={'full'}\n          renderPopoverSrcElement={renderDropdownSelect}\n          onPopoverToggle={(value) => setIsDropDownOpen(value)}\n          disabled={disabled}\n          automationId={props?.dropDownSrcAutomationId}\n          popoverContentAutomationId={props?.dropDownContentAutomationId}\n          ariaLabelledBy={props?.label ? labelId : undefined}\n          ariaLabel={props?.label ? undefined : getDropdownAriaLabel()}\n          sourceRole=\"combobox\"\n          {...(!isMultiSelect && comboboxInputProps ? {\n            'aria-activedescendant': comboboxInputProps['aria-activedescendant'],\n            'aria-controls': comboboxInputProps['aria-controls'],\n            'aria-expanded': comboboxInputProps['aria-expanded']\n          } : {})}\n        />\n      </div>\n      {hasError && <div className=\"text-[var(--color-red-500)] text-sm\">{errorMessage}</div>}\n    </div>\n  );\n};\n"],"names":["Dropdown","props","isDropDownOpen","setIsDropDownOpen","useState","searchQuery","setSearchQuery","selectedDropDownValues","setSelectedDropDownValues","defaultSelectedValue","Array","isArray","popoverRef","useRef","labelId","useStableId","undefined","listboxId","selectBy","optionsUniqueBy","displaySelected","dropDownOptions","defaultText","iconColor","disabled","dropdownClassName","hasError","errorMessage","customDropdownContent","isBorderless","shouldShowSearch","searchPlaceholder","searchResultEmptyMessage","ariaLabel","customSelectedValue","useEffect","newValues","isMultiSelect","type","getFilteredOptions","trim","filter","option","toString","toLowerCase","includes","handleDropDownOptionClick","dropDownOption","onOptionClick","filteredOptions","listboxProps","getOptionProps","highlightedIndex","containerProps","comboboxContainerProps","inputProps","comboboxInputProps","useCombobox","items","isOpen","onOpenChange","onSelect","item","hasItems","length","getSelectedDropDownValue","isSrcOption","clearSelectedDropDownValues","onClear","optionChip","srcOption","renderOptionChip","firstSelectedLabel","remainingCount","React","createElement","className","renderSearchBar","InputWithIcon","leftIcon","name","position","style","color","value","onChange","placeholder","margin","gap","inputStyle","width","border","outline","dropDownOptionJsx","index","optionTxt","dropDownSelectedValue","selectByUniqueId","isOptionSelected","isHighlighted","optionProps","_extends","key","id","onClick","onKeyDown","e","preventDefault","tabIndex","automationId","Icon","stroke","renderDropdownContents","map","role","handleMultiSelectDropdownOptionClick","isSelected","newSelectedDropDownValues","handleApplySelectedDropDownValues","current","togglePopover","onApply","multiSelectDropdownOptionJSX","some","Checkbox","defaultChecked","label","renderMultiSelectDropdownContents","Button","size","renderDropdownSelect","borderColor","errorBorderColor","dropDownSelectClass","dropDownSelectAutomationId","rotation","getDropdownAriaLabel","Popover","ref","isPopoverOpen","renderPopoverContents","contentWidth","renderPopoverSrcElement","onPopoverToggle","dropDownSrcAutomationId","popoverContentAutomationId","dropDownContentAutomationId","ariaLabelledBy","sourceRole"],"mappings":"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"}
+{"version":3,"file":"index24.js","sources":["../src/components/Dropdown/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef, useEffect } from 'react';\n\nimport { Popover, PopoverHandle } from 'src/components/Popover';\nimport { Icon } from 'components/Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport { InputWithIcon } from '../InputWithIcon';\nimport { useStableId } from '../../utils/useStableId';\nimport { useCombobox } from '../../utils/a11y/useCombobox';\n\ntype DropdownValue = {\n  [key: string]: any;\n};\n\ntype DropdownProps = {\n  label?: string;\n  ariaLabel?: string;\n  type: 'select' | 'multi-select';\n  dropDownOptions?: DropdownValue[];\n  defaultText?: string;\n  selectBy?: string;\n  optionsUniqueBy?: string;\n  displaySelected?: boolean;\n  defaultSelectedValue?: DropdownValue | DropdownValue[];\n  customSelectedValue?: string;\n  onOptionClick?: (selectedValue: DropdownValue) => void;\n  style?: React.CSSProperties;\n  renderOptionChip?: (option: DropdownValue, srcOption: boolean) => React.ReactNode;\n  className?: string;\n  iconColor?: string;\n  disabled?: boolean;\n  dropdownClassName?: string;\n  hasError?: boolean;\n  errorMessage?: string;\n  onApply?: (selectedValue: DropdownValue[]) => void;\n  onClear?: () => void;\n  customDropdownContent?: () => React.ReactNode;\n  isBorderless?: boolean;\n  dropDownSrcAutomationId?: string;\n  dropDownSelectAutomationId?: string;\n  dropDownContentAutomationId?: string;\n  shouldShowSearch?: boolean;\n  searchPlaceholder?: string;\n  searchResultEmptyMessage?: string;\n};\n\nexport const Dropdown: FC<DropdownProps> = (props) => {\n  const [isDropDownOpen, setIsDropDownOpen] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedDropDownValues, setSelectedDropDownValues] = useState<DropdownValue[]>(() =>\n    props?.defaultSelectedValue\n      ? Array.isArray(props?.defaultSelectedValue)\n        ? props?.defaultSelectedValue\n        : [props.defaultSelectedValue]\n      : []\n  );\n  const popoverRef = useRef<HTMLDivElement & PopoverHandle>(null);\n  const labelId = useStableId(undefined, 'dropdown-label');\n  const listboxId = useStableId(undefined, 'dropdown-listbox');\n\n  const {\n    selectBy = '',\n    optionsUniqueBy = '',\n    displaySelected = false,\n    dropDownOptions,\n    defaultText = 'Select',\n    iconColor = 'var(--color-gray-700)',\n    disabled = false,\n    dropdownClassName = '',\n    hasError = false,\n    errorMessage = '',\n    customDropdownContent = null,\n    isBorderless = false,\n    shouldShowSearch = false,\n    searchPlaceholder = 'Search...',\n    searchResultEmptyMessage = 'No results found',\n    ariaLabel = '',\n    customSelectedValue = ''\n  } = props;\n\n  useEffect(() => {\n    const newValues = props?.defaultSelectedValue\n      ? Array.isArray(props?.defaultSelectedValue)\n        ? props?.defaultSelectedValue\n        : [props.defaultSelectedValue]\n      : [];\n    setSelectedDropDownValues(newValues);\n  }, [props?.defaultSelectedValue]);\n\n  useEffect(() => {\n    if (!isDropDownOpen) {\n      setSearchQuery('');\n    }\n  }, [isDropDownOpen]);\n\n  const isMultiSelect = props?.type === 'multi-select';\n\n  const getFilteredOptions = () => {\n    if (!searchQuery.trim()) {\n      return dropDownOptions || [];\n    }\n    return (dropDownOptions || []).filter((option) => {\n      const optionValue = option?.[selectBy]?.toString().toLowerCase() || '';\n      return optionValue.includes(searchQuery.toLowerCase());\n    });\n  };\n\n  const handleDropDownOptionClick = (dropDownOption: any) => {\n    setSelectedDropDownValues([dropDownOption]);\n    setIsDropDownOpen(false);\n    props?.onOptionClick?.(dropDownOption);\n  };\n\n  // Use useCombobox hook for keyboard navigation (only for single-select)\n  const filteredOptions = getFilteredOptions();\n  const {\n    listboxProps,\n    getOptionProps,\n    highlightedIndex,\n    containerProps: comboboxContainerProps,\n    inputProps: comboboxInputProps\n  } = useCombobox({\n    items: isMultiSelect ? [] : filteredOptions, // Only use for single-select\n    isOpen: isDropDownOpen && !isMultiSelect,\n    onOpenChange: setIsDropDownOpen,\n    onSelect: (item: DropdownValue) => {\n      handleDropDownOptionClick(item);\n    },\n    listboxId,\n    disabled: isMultiSelect || disabled,\n    hasItems: filteredOptions.length > 0\n  });\n\n  const getSelectedDropDownValue = (option: DropdownValue, isSrcOption: boolean = false) => {\n    if (isMultiSelect) {\n      return defaultText;\n    }\n\n    // if custom selected value is provided, use it instead of the option value\n    if (isSrcOption && customSelectedValue) {\n      return customSelectedValue;\n    }\n\n    return option?.[selectBy] || defaultText;\n  };\n\n  const clearSelectedDropDownValues = () => {\n    setSelectedDropDownValues([]);\n    props?.onClear?.();\n  };\n\n  const optionChip = (option: DropdownValue, srcOption: boolean = false) => {\n    if (props?.renderOptionChip) {\n      return props?.renderOptionChip(option, srcOption);\n    }\n\n    if (isMultiSelect && selectedDropDownValues?.length > 0) {\n      const firstSelectedLabel = selectedDropDownValues[0]?.[selectBy] || '';\n      const remainingCount = selectedDropDownValues.length - 1;\n\n      // For multiple selections: text takes remaining space, count takes minimum space needed\n      return (\n        <div className={`option-chip flex items-center w-full`}>\n          <div\n            className={`${remainingCount > 0 ? 'w-full' : 'flex-1'} truncate`}\n          >{`${defaultText}: ${firstSelectedLabel}`}</div>\n          {remainingCount > 0 && <div className=\"flex-shrink-0\">+{remainingCount}</div>}\n        </div>\n      );\n    }\n\n    return (\n      <p className={`option-chip flex flex-1 items-center justify-between`}>\n        {getSelectedDropDownValue(option, srcOption)}\n      </p>\n    );\n  };\n\n  const renderSearchBar = () => {\n    return (\n      <div className=\" w-full relative flex items-center border-b border-[var(--color-gray-300)]\">\n        <InputWithIcon\n          leftIcon={{ name: 'search', position: 'left', style: { color: 'var(--color-gray-500)' } }}\n          value={searchQuery}\n          onChange={(value) => setSearchQuery(value)}\n          placeholder={searchPlaceholder}\n          style={{ margin: 0, gap: 0 }}\n          inputStyle={{ width: '100%', border: 'none', outline: 'none' }}\n        />\n      </div>\n    );\n  };\n\n  const dropDownOptionJsx = (dropDownOption: DropdownValue, index: number) => {\n    const optionTxt = dropDownOption[selectBy];\n    const dropDownSelectedValue = selectedDropDownValues[0]?.[selectBy] || defaultText;\n    const selectByUniqueId = optionsUniqueBy?.length\n      ? dropDownOption[optionsUniqueBy] == selectedDropDownValues[0]?.[optionsUniqueBy]\n      : true;\n    const isOptionSelected = displaySelected && optionTxt === dropDownSelectedValue && selectByUniqueId;\n    const isHighlighted = highlightedIndex === index;\n    const optionProps = !isMultiSelect ? getOptionProps(index, isOptionSelected) : {};\n    \n    return (\n      <div\n        key={dropDownOption.id || dropDownOption.value}\n        className={`option break-words px-3 py-2 hover:bg-gray-100 cursor-pointer select-none flex items-center justify-between ${\n          isOptionSelected ? 'selected' : ''\n        } ${isHighlighted ? 'bg-gray-100' : ''}`}\n        onClick={() => handleDropDownOptionClick(dropDownOption)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            handleDropDownOptionClick(dropDownOption);\n          }\n        }}\n        tabIndex={-1}\n        data-automation-id={`dropdown-option-${dropDownOption?.automationId || index}`}\n        {...optionProps}\n        aria-selected={isOptionSelected ? 'true' : 'false'}\n      >\n        {optionChip({ ...dropDownOption, isOptionSelected }, false)}\n        {isOptionSelected && <Icon name=\"checkmark\" stroke={iconColor} />}\n      </div>\n    );\n  };\n\n  const renderDropdownContents = () => {\n    return (\n      <div \n        className=\"dropdown-content dropdown-options\" \n        aria-label=\"Dropdown options\"\n        {...listboxProps}\n      >\n        {shouldShowSearch && renderSearchBar()}\n        <div className=\"flex flex-col max-h-80 overflow-y-auto\">\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((dropDownOption, index) => dropDownOptionJsx(dropDownOption, index))\n          ) : (\n            <div\n              className=\"px-3 py-4 text-center text-[var(--color-gray-700)] text-sm\"\n              role=\"status\"\n              aria-live=\"polite\"\n            >\n              {searchResultEmptyMessage}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  const handleMultiSelectDropdownOptionClick = (isSelected: boolean, dropDownOption: DropdownValue) => {\n    let newSelectedDropDownValues: DropdownValue[] = [];\n    if (isSelected) {\n      newSelectedDropDownValues = [...selectedDropDownValues, dropDownOption];\n    } else {\n      newSelectedDropDownValues = selectedDropDownValues?.filter(\n        (option) => option[optionsUniqueBy] !== dropDownOption[optionsUniqueBy]\n      );\n    }\n    setSelectedDropDownValues(newSelectedDropDownValues);\n  };\n\n  const handleApplySelectedDropDownValues = () => {\n    popoverRef.current?.togglePopover();\n    props?.onApply?.(selectedDropDownValues);\n  };\n\n  const multiSelectDropdownOptionJSX = (dropDownOption: DropdownValue) => {\n    const isOptionSelected = selectedDropDownValues.some(\n      (option) => option[optionsUniqueBy] === dropDownOption[optionsUniqueBy]\n    );\n    return (\n      <div\n        key={dropDownOption.id || dropDownOption.value}\n        className=\"option px-3 py-2 hover:bg-gray-100 cursor-pointer select-none flex items-center justify-between\"\n      >\n        <Checkbox\n          automationId=\"checkbox\"\n          className=\"checkbox\"\n          defaultChecked={isOptionSelected}\n          onChange={(value) => handleMultiSelectDropdownOptionClick(value, dropDownOption)}\n          label={dropDownOption?.label}\n        />\n      </div>\n    );\n  };\n\n  const renderMultiSelectDropdownContents = () => {\n    const filteredOptions = getFilteredOptions();\n    return (\n      <div\n        className=\"dropdown-content dropdown-options\"\n        role=\"listbox\"\n        aria-label=\"Multi-select dropdown options\"\n        aria-multiselectable=\"true\"\n      >\n        {shouldShowSearch && renderSearchBar()}\n        <div className=\"flex flex-col max-h-80 overflow-y-auto\">\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((dropDownOption) => multiSelectDropdownOptionJSX(dropDownOption))\n          ) : (\n            <div\n              className=\"px-3 py-4 text-center text-[var(--color-gray-700)] text-sm\"\n              role=\"status\"\n              aria-live=\"polite\"\n            >\n              {searchResultEmptyMessage}\n            </div>\n          )}\n        </div>\n        <div className=\"flex items-center justify-end gap-4 p-3 border-t border-[var(--color-gray-200)]\">\n          <Button label=\"Clear\" type=\"link\" size=\"sm\" onClick={clearSelectedDropDownValues} />\n          <Button label=\"Apply\" type=\"primary\" size=\"sm\" onClick={handleApplySelectedDropDownValues} />\n        </div>\n      </div>\n    );\n  };\n\n  const renderDropdownSelect = () => {\n    const borderColor = isDropDownOpen\n      ? 'border-[var(--color-blue-500)]'\n      : disabled\n      ? 'border-[var(--color-gray-300)]'\n      : 'border-[var(--color-gray-600)]';\n    const errorBorderColor = hasError ? 'border-[var(--color-red-500)]' : '';\n    const dropDownSelectClass = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 ${\n      isBorderless ? 'border-0' : `border rounded-md ${errorBorderColor ? errorBorderColor : borderColor}`\n    } flex items-center ${dropdownClassName}`;\n\n    return (\n      <div className={dropDownSelectClass}>\n        <div\n          className=\"flex-1 min-w-0\"\n          data-automation-id={props?.dropDownSelectAutomationId || 'selected-dropdown-value'}\n        >\n          {optionChip(selectedDropDownValues[0], true)}\n        </div>\n        <div className=\"flex-shrink-0 ml-2\" aria-hidden=\"true\">\n          <Icon\n            name={'chevron'}\n            rotation={isDropDownOpen ? '180' : '0'}\n            className={`transition-transform`}\n            stroke={iconColor}\n          />\n        </div>\n      </div>\n    );\n  };\n\n  const getDropdownAriaLabel = () => {\n    return ariaLabel || `Select option`;\n  };\n\n  return (\n    <div\n      className={`se-design-dropdown-container${props?.className ? ` ${props?.className}` : ''}`}\n      style={props?.style}\n    >\n      {props?.label && (\n        <div id={labelId} className=\"se-design-dropdown-label mb-[3px] text-[var(--color-gray-700)] text-sm\">\n          {props?.label}\n        </div>\n      )}\n      <div\n        style={props?.style}\n        className={`${disabled ? 'bg-[var(--color-gray-50)] rounded-md cursor-not-allowed' : ''}`}\n        {...(!isMultiSelect ? comboboxContainerProps : {})}\n      >\n        <Popover\n          ref={popoverRef}\n          isPopoverOpen={isDropDownOpen}\n          renderPopoverContents={\n            customDropdownContent\n              ? customDropdownContent\n              : isMultiSelect\n              ? renderMultiSelectDropdownContents\n              : renderDropdownContents\n          }\n          contentWidth={'full'}\n          renderPopoverSrcElement={renderDropdownSelect}\n          onPopoverToggle={(value) => setIsDropDownOpen(value)}\n          disabled={disabled}\n          automationId={props?.dropDownSrcAutomationId}\n          popoverContentAutomationId={props?.dropDownContentAutomationId}\n          ariaLabelledBy={props?.label ? labelId : undefined}\n          ariaLabel={props?.label ? undefined : getDropdownAriaLabel()}\n          sourceRole=\"combobox\"\n          {...(!isMultiSelect && comboboxInputProps ? {\n            'aria-activedescendant': comboboxInputProps['aria-activedescendant'],\n            'aria-controls': comboboxInputProps['aria-controls'],\n            'aria-expanded': comboboxInputProps['aria-expanded']\n          } : {})}\n        />\n      </div>\n      {hasError && <div className=\"text-[var(--color-red-500)] text-sm\">{errorMessage}</div>}\n    </div>\n  );\n};\n"],"names":["Dropdown","props","isDropDownOpen","setIsDropDownOpen","useState","searchQuery","setSearchQuery","selectedDropDownValues","setSelectedDropDownValues","defaultSelectedValue","Array","isArray","popoverRef","useRef","labelId","useStableId","undefined","listboxId","selectBy","optionsUniqueBy","displaySelected","dropDownOptions","defaultText","iconColor","disabled","dropdownClassName","hasError","errorMessage","customDropdownContent","isBorderless","shouldShowSearch","searchPlaceholder","searchResultEmptyMessage","ariaLabel","customSelectedValue","useEffect","newValues","isMultiSelect","type","getFilteredOptions","trim","filter","option","toString","toLowerCase","includes","handleDropDownOptionClick","dropDownOption","onOptionClick","filteredOptions","listboxProps","getOptionProps","highlightedIndex","containerProps","comboboxContainerProps","inputProps","comboboxInputProps","useCombobox","items","isOpen","onOpenChange","onSelect","item","hasItems","length","getSelectedDropDownValue","isSrcOption","clearSelectedDropDownValues","onClear","optionChip","srcOption","renderOptionChip","firstSelectedLabel","remainingCount","React","createElement","className","renderSearchBar","InputWithIcon","leftIcon","name","position","style","color","value","onChange","placeholder","margin","gap","inputStyle","width","border","outline","dropDownOptionJsx","index","optionTxt","dropDownSelectedValue","selectByUniqueId","isOptionSelected","isHighlighted","optionProps","_extends","key","id","onClick","onKeyDown","e","preventDefault","tabIndex","automationId","Icon","stroke","renderDropdownContents","map","role","handleMultiSelectDropdownOptionClick","isSelected","newSelectedDropDownValues","handleApplySelectedDropDownValues","current","togglePopover","onApply","multiSelectDropdownOptionJSX","some","Checkbox","defaultChecked","label","renderMultiSelectDropdownContents","Button","size","renderDropdownSelect","borderColor","errorBorderColor","dropDownSelectClass","dropDownSelectAutomationId","rotation","getDropdownAriaLabel","Popover","ref","isPopoverOpen","renderPopoverContents","contentWidth","renderPopoverSrcElement","onPopoverToggle","dropDownSrcAutomationId","popoverContentAutomationId","dropDownContentAutomationId","ariaLabelledBy","sourceRole"],"mappings":"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"}

package/dist/index240.js

@@ -1,5 +1,11 @@
-var e = { exports: {} };
+import { __module as e } from "./index243.js";
+import { __require as o } from "./index244.js";
+import { __require as t } from "./index245.js";
+var r;
+function p() {
+  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
+}
 export {
-  e as __module
+  p as __require
 };
 //# sourceMappingURL=index240.js.map

package/dist/index240.js.map

@@ -1 +1 @@
-{"version":3,"file":"index240.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index240.js","sources":["../node_modules/prop-types/node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;;;iCAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,EAAA,IAEjBD,EAAA,UAAiBE,EAAA;;","x_google_ignoreList":[0]}

package/dist/index241.js

@@ -1,79 +1,330 @@
-import { __exports as r } from "./index247.js";
-/** @license React v16.13.1
-* react-is.production.min.js
-*
-* Copyright (c) Facebook, Inc. and its affiliates.
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-var _;
-function g() {
-  if (_) return r;
-  _ = 1;
-  var t = typeof Symbol == "function" && Symbol.for, a = t ? Symbol.for("react.element") : 60103, b = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, c = t ? Symbol.for("react.strict_mode") : 60108, f = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, s = t ? Symbol.for("react.context") : 60110, d = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, y = t ? Symbol.for("react.forward_ref") : 60112, l = t ? Symbol.for("react.suspense") : 60113, x = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, p = t ? Symbol.for("react.lazy") : 60116, C = t ? Symbol.for("react.block") : 60121, M = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, w = t ? Symbol.for("react.scope") : 60119;
-  function o(e) {
-    if (typeof e == "object" && e !== null) {
-      var S = e.$$typeof;
-      switch (S) {
-        case a:
-          switch (e = e.type, e) {
-            case d:
-            case u:
-            case n:
-            case f:
-            case c:
-            case l:
-              return e;
-            default:
-              switch (e = e && e.$$typeof, e) {
-                case s:
-                case y:
-                case p:
-                case m:
-                case i:
-                  return e;
-                default:
-                  return S;
-              }
+import { __require as F } from "./index240.js";
+import { __require as N } from "./index246.js";
+import { __require as ee } from "./index247.js";
+import { __require as re } from "./index248.js";
+import { __require as ne } from "./index249.js";
+var A, C;
+function oe() {
+  if (C) return A;
+  C = 1;
+  var k = F(), W = N(), h = ee(), j = re(), R = ne(), T = function() {
+  };
+  process.env.NODE_ENV !== "production" && (T = function(x) {
+    var S = "Warning: " + x;
+    typeof console < "u" && console.error(S);
+    try {
+      throw new Error(S);
+    } catch {
+    }
+  });
+  function E() {
+    return null;
+  }
+  return A = function(x, S) {
+    var _ = typeof Symbol == "function" && Symbol.iterator, D = "@@iterator";
+    function m(e) {
+      var r = e && (_ && e[_] || e[D]);
+      if (typeof r == "function")
+        return r;
+    }
+    var P = "<<anonymous>>", w = {
+      array: p("array"),
+      bigint: p("bigint"),
+      bool: p("boolean"),
+      func: p("function"),
+      number: p("number"),
+      object: p("object"),
+      string: p("string"),
+      symbol: p("symbol"),
+      any: M(),
+      arrayOf: U,
+      element: B(),
+      elementType: J(),
+      instanceOf: z,
+      node: G(),
+      objectOf: H,
+      oneOf: L,
+      oneOfType: X,
+      shape: K,
+      exact: Q
+    };
+    function Y(e, r) {
+      return e === r ? e !== 0 || 1 / e === 1 / r : e !== e && r !== r;
+    }
+    function d(e, r) {
+      this.message = e, this.data = r && typeof r == "object" ? r : {}, this.stack = "";
+    }
+    d.prototype = Error.prototype;
+    function v(e) {
+      if (process.env.NODE_ENV !== "production")
+        var r = {}, u = 0;
+      function i(f, t, a, o, c, s, y) {
+        if (o = o || P, s = s || a, y !== h) {
+          if (S) {
+            var l = new Error(
+              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+            );
+            throw l.name = "Invariant Violation", l;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var b = o + ":" + a;
+            !r[b] && // Avoid spamming the console because they are often not actionable except for lib authors
+            u < 3 && (T(
+              "You are manually calling a React.PropTypes validation function for the `" + s + "` prop on `" + o + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), r[b] = !0, u++);
           }
-        case b:
-          return S;
+        }
+        return t[a] == null ? f ? t[a] === null ? new d("The " + c + " `" + s + "` is marked as required " + ("in `" + o + "`, but its value is `null`.")) : new d("The " + c + " `" + s + "` is marked as required in " + ("`" + o + "`, but its value is `undefined`.")) : null : e(t, a, o, c, s);
       }
+      var n = i.bind(null, !1);
+      return n.isRequired = i.bind(null, !0), n;
     }
-  }
-  function $(e) {
-    return o(e) === u;
-  }
-  return r.AsyncMode = d, r.ConcurrentMode = u, r.ContextConsumer = s, r.ContextProvider = i, r.Element = a, r.ForwardRef = y, r.Fragment = n, r.Lazy = p, r.Memo = m, r.Portal = b, r.Profiler = f, r.StrictMode = c, r.Suspense = l, r.isAsyncMode = function(e) {
-    return $(e) || o(e) === d;
-  }, r.isConcurrentMode = $, r.isContextConsumer = function(e) {
-    return o(e) === s;
-  }, r.isContextProvider = function(e) {
-    return o(e) === i;
-  }, r.isElement = function(e) {
-    return typeof e == "object" && e !== null && e.$$typeof === a;
-  }, r.isForwardRef = function(e) {
-    return o(e) === y;
-  }, r.isFragment = function(e) {
-    return o(e) === n;
-  }, r.isLazy = function(e) {
-    return o(e) === p;
-  }, r.isMemo = function(e) {
-    return o(e) === m;
-  }, r.isPortal = function(e) {
-    return o(e) === b;
-  }, r.isProfiler = function(e) {
-    return o(e) === f;
-  }, r.isStrictMode = function(e) {
-    return o(e) === c;
-  }, r.isSuspense = function(e) {
-    return o(e) === l;
-  }, r.isValidElementType = function(e) {
-    return typeof e == "string" || typeof e == "function" || e === n || e === u || e === f || e === c || e === l || e === x || typeof e == "object" && e !== null && (e.$$typeof === p || e.$$typeof === m || e.$$typeof === i || e.$$typeof === s || e.$$typeof === y || e.$$typeof === M || e.$$typeof === v || e.$$typeof === w || e.$$typeof === C);
-  }, r.typeOf = o, r;
+    function p(e) {
+      function r(u, i, n, f, t, a) {
+        var o = u[i], c = g(o);
+        if (c !== e) {
+          var s = O(o);
+          return new d(
+            "Invalid " + f + " `" + t + "` of type " + ("`" + s + "` supplied to `" + n + "`, expected ") + ("`" + e + "`."),
+            { expectedType: e }
+          );
+        }
+        return null;
+      }
+      return v(r);
+    }
+    function M() {
+      return v(E);
+    }
+    function U(e) {
+      function r(u, i, n, f, t) {
+        if (typeof e != "function")
+          return new d("Property `" + t + "` of component `" + n + "` has invalid PropType notation inside arrayOf.");
+        var a = u[i];
+        if (!Array.isArray(a)) {
+          var o = g(a);
+          return new d("Invalid " + f + " `" + t + "` of type " + ("`" + o + "` supplied to `" + n + "`, expected an array."));
+        }
+        for (var c = 0; c < a.length; c++) {
+          var s = e(a, c, n, f, t + "[" + c + "]", h);
+          if (s instanceof Error)
+            return s;
+        }
+        return null;
+      }
+      return v(r);
+    }
+    function B() {
+      function e(r, u, i, n, f) {
+        var t = r[u];
+        if (!x(t)) {
+          var a = g(t);
+          return new d("Invalid " + n + " `" + f + "` of type " + ("`" + a + "` supplied to `" + i + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return v(e);
+    }
+    function J() {
+      function e(r, u, i, n, f) {
+        var t = r[u];
+        if (!k.isValidElementType(t)) {
+          var a = g(t);
+          return new d("Invalid " + n + " `" + f + "` of type " + ("`" + a + "` supplied to `" + i + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return v(e);
+    }
+    function z(e) {
+      function r(u, i, n, f, t) {
+        if (!(u[i] instanceof e)) {
+          var a = e.name || P, o = V(u[i]);
+          return new d("Invalid " + f + " `" + t + "` of type " + ("`" + o + "` supplied to `" + n + "`, expected ") + ("instance of `" + a + "`."));
+        }
+        return null;
+      }
+      return v(r);
+    }
+    function L(e) {
+      if (!Array.isArray(e))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? T(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : T("Invalid argument supplied to oneOf, expected an array.")), E;
+      function r(u, i, n, f, t) {
+        for (var a = u[i], o = 0; o < e.length; o++)
+          if (Y(a, e[o]))
+            return null;
+        var c = JSON.stringify(e, function(y, l) {
+          var b = O(l);
+          return b === "symbol" ? String(l) : l;
+        });
+        return new d("Invalid " + f + " `" + t + "` of value `" + String(a) + "` " + ("supplied to `" + n + "`, expected one of " + c + "."));
+      }
+      return v(r);
+    }
+    function H(e) {
+      function r(u, i, n, f, t) {
+        if (typeof e != "function")
+          return new d("Property `" + t + "` of component `" + n + "` has invalid PropType notation inside objectOf.");
+        var a = u[i], o = g(a);
+        if (o !== "object")
+          return new d("Invalid " + f + " `" + t + "` of type " + ("`" + o + "` supplied to `" + n + "`, expected an object."));
+        for (var c in a)
+          if (j(a, c)) {
+            var s = e(a, c, n, f, t + "." + c, h);
+            if (s instanceof Error)
+              return s;
+          }
+        return null;
+      }
+      return v(r);
+    }
+    function X(e) {
+      if (!Array.isArray(e))
+        return process.env.NODE_ENV !== "production" && T("Invalid argument supplied to oneOfType, expected an instance of array."), E;
+      for (var r = 0; r < e.length; r++) {
+        var u = e[r];
+        if (typeof u != "function")
+          return T(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + $(u) + " at index " + r + "."
+          ), E;
+      }
+      function i(n, f, t, a, o) {
+        for (var c = [], s = 0; s < e.length; s++) {
+          var y = e[s], l = y(n, f, t, a, o, h);
+          if (l == null)
+            return null;
+          l.data && j(l.data, "expectedType") && c.push(l.data.expectedType);
+        }
+        var b = c.length > 0 ? ", expected one of type [" + c.join(", ") + "]" : "";
+        return new d("Invalid " + a + " `" + o + "` supplied to " + ("`" + t + "`" + b + "."));
+      }
+      return v(i);
+    }
+    function G() {
+      function e(r, u, i, n, f) {
+        return I(r[u]) ? null : new d("Invalid " + n + " `" + f + "` supplied to " + ("`" + i + "`, expected a ReactNode."));
+      }
+      return v(e);
+    }
+    function q(e, r, u, i, n) {
+      return new d(
+        (e || "React class") + ": " + r + " type `" + u + "." + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + n + "`."
+      );
+    }
+    function K(e) {
+      function r(u, i, n, f, t) {
+        var a = u[i], o = g(a);
+        if (o !== "object")
+          return new d("Invalid " + f + " `" + t + "` of type `" + o + "` " + ("supplied to `" + n + "`, expected `object`."));
+        for (var c in e) {
+          var s = e[c];
+          if (typeof s != "function")
+            return q(n, f, t, c, O(s));
+          var y = s(a, c, n, f, t + "." + c, h);
+          if (y)
+            return y;
+        }
+        return null;
+      }
+      return v(r);
+    }
+    function Q(e) {
+      function r(u, i, n, f, t) {
+        var a = u[i], o = g(a);
+        if (o !== "object")
+          return new d("Invalid " + f + " `" + t + "` of type `" + o + "` " + ("supplied to `" + n + "`, expected `object`."));
+        var c = W({}, u[i], e);
+        for (var s in c) {
+          var y = e[s];
+          if (j(e, s) && typeof y != "function")
+            return q(n, f, t, s, O(y));
+          if (!y)
+            return new d(
+              "Invalid " + f + " `" + t + "` key `" + s + "` supplied to `" + n + "`.\nBad object: " + JSON.stringify(u[i], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(e), null, "  ")
+            );
+          var l = y(a, s, n, f, t + "." + s, h);
+          if (l)
+            return l;
+        }
+        return null;
+      }
+      return v(r);
+    }
+    function I(e) {
+      switch (typeof e) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !e;
+        case "object":
+          if (Array.isArray(e))
+            return e.every(I);
+          if (e === null || x(e))
+            return !0;
+          var r = m(e);
+          if (r) {
+            var u = r.call(e), i;
+            if (r !== e.entries) {
+              for (; !(i = u.next()).done; )
+                if (!I(i.value))
+                  return !1;
+            } else
+              for (; !(i = u.next()).done; ) {
+                var n = i.value;
+                if (n && !I(n[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function Z(e, r) {
+      return e === "symbol" ? !0 : r ? r["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && r instanceof Symbol : !1;
+    }
+    function g(e) {
+      var r = typeof e;
+      return Array.isArray(e) ? "array" : e instanceof RegExp ? "object" : Z(r, e) ? "symbol" : r;
+    }
+    function O(e) {
+      if (typeof e > "u" || e === null)
+        return "" + e;
+      var r = g(e);
+      if (r === "object") {
+        if (e instanceof Date)
+          return "date";
+        if (e instanceof RegExp)
+          return "regexp";
+      }
+      return r;
+    }
+    function $(e) {
+      var r = O(e);
+      switch (r) {
+        case "array":
+        case "object":
+          return "an " + r;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + r;
+        default:
+          return r;
+      }
+    }
+    function V(e) {
+      return !e.constructor || !e.constructor.name ? P : e.constructor.name;
+    }
+    return w.checkPropTypes = R, w.resetWarningCache = R.resetWarningCache, w.PropTypes = w, w;
+  }, A;
 }
 export {
-  g as __require
+  oe as __require
 };
 //# sourceMappingURL=index241.js.map