@corva/ui 3.75.0-2 → 3.75.0-21

package/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import {\n  ChangeEvent,\n  cloneElement,\n  ComponentType,\n  KeyboardEvent,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { debounce, isEmpty, noop, omit } from 'lodash';\nimport { Autocomplete, AutocompleteProps, AutocompleteRenderGroupParams } from '@material-ui/lab';\nimport {\n  Checkbox,\n  Chip,\n  CircularProgress,\n  Fade,\n  InputAdornment,\n  MenuItem,\n  Popper,\n  TextField,\n  InputProps as MuiInputProps,\n  Tooltip,\n} from '@material-ui/core';\nimport { AccessTime as TimeIcon } from '@material-ui/icons';\n\nimport { Groups, ListboxComponent as Listbox, Paper, SelectAllListItem } from './components';\nimport { PaperContext } from './context';\nimport { useAutocompletOptions } from './effects';\nimport useStyles from './styles';\n\nimport { CloseSmallIcon, DownOneIcon } from '~/icons';\nimport { MiddleTruncatedText } from '~/components/MiddleTruncatedText';\nimport IconButton from '~/components/IconButton';\n\nconst PAGE_NAME = 'AutocompleteSearch';\n\nconst initialPopperProps = {};\n\nconst ARROW_LEFT_KEY_CODE = 'ArrowLeft';\n\ntype SearchProps = {\n  onChange: (event: ChangeEvent<{}>, selected: any | any[] | null) => void;\n  value?: object | object[];\n  options?: { label?: string; id: string; group?: string }[];\n  AutocompleteProps?: {\n    getOptionDisabled?: (option: any) => boolean;\n    forcePopupIcon?: boolean;\n  };\n  allChecked?: boolean;\n  TextFieldProps?: {\n    label?: string;\n    endAdornment?: ReactNode;\n  };\n  selectedGroup?: {\n    name?: string;\n    id?: string;\n  };\n  onGroupReset?: MouseEventHandler<HTMLSpanElement>;\n  onClose?: () => void;\n  disableClearable?: boolean;\n\n  /**\n   * MUI Autocomplete triggers onInputChange when startAdornment is changed (via selectedGroup update).\n   * If disableResetOnGroupChange is true, we won't store a new value in onInputChange when the 'reason' is \"reset\".\n   * Additionally, handleSelectedGroupChange won't trigger handleInputReset if disableResetOnGroupChange is true.\n   */\n  disableResetOnGroupChange?: boolean;\n  onInputChange?: (value: string) => void;\n  getOptionLabel?: (option: any) => string;\n  onGroupChange?: (group?: { name?: string; id?: string }) => void;\n  loading?: boolean;\n  disabled?: boolean;\n  multiple?: boolean;\n  optionSize?: 'large';\n  popupIcon?: ReactNode;\n  InputProps?: Partial<MuiInputProps>;\n  ListboxProps?: object;\n  classes?: Partial<\n    {\n      popper: string;\n      listbox: string;\n      popupIndicator: string;\n      popupIndicatorOpen: string;\n      groupChip: string;\n    } & Record<string, string>\n  >;\n  onInputChangeCallback?: (newInputValue: string, reason: string) => void;\n  placeholder?: string;\n  RecentSearchesComponent?: ComponentType<any>;\n  ListboxComponent?: any;\n  recentSearchesMaxCount?: number;\n  dataStorageKey?: string;\n  dataStorage?: object;\n\n  groups?: { id: string; name: string }[];\n  GroupsComponent?: ComponentType<{\n    onGroupClick: (id: string) => void;\n    groups: { id: string; name: string }[];\n  }>;\n  onOpen?: (e?: any) => void;\n  renderCustomOption?: (option: any, state: any) => ReactNode;\n  onInputReset?: () => void;\n  isHiddenAllOption?: boolean;\n  isHiddenAllLabel?: boolean;\n  paperFooter?: ReactNode;\n  isOpenedFromParent?: boolean;\n  popperProps?: Partial<{ style: object }>;\n  onFocus?: () => void;\n  inputProps?: object;\n  noOptionsText?: string;\n  isPrioritizedSelectedOptions?: boolean;\n  /**\n   * There is a check if it is multiple search then we should keep input value on autocomplete change\n   * But now there is another case, when we should reset input value on autocomplete change\n   * This new prop allows to have both options\n   */\n  shouldResetInputOnAutocompleteChange?: boolean;\n} & Omit<\n  AutocompleteProps<any, false, false, false>,\n  | 'value'\n  | 'onChange'\n  | 'options'\n  | 'onClose'\n  | 'disableClearable'\n  | 'onInputChange'\n  | 'getOptionLabel'\n  | 'loading'\n  | 'disabled'\n  | 'multiple'\n  | 'popupIcon'\n  | 'ListboxProps'\n  | 'classes'\n  | 'placeholder'\n  | 'ListboxComponent'\n  | 'onOpen'\n  | 'onFocus'\n  | 'inp'\n  | 'noOptionsText'\n  | 'renderInput'\n  | 'PopperComponent'\n  | 'open'\n  | 'forcePopupIcon'\n  | 'fullWidth'\n  | 'renderGroup'\n  | 'disableCloseOnSelect'\n  | 'renderOption'\n  | 'groupBy'\n  | 'PaperComponent'\n  | 'inputValue'\n  | 'getOptionDisabled'\n  | 'loadingText'\n  | 'InputProps'\n  | 'isNullable'\n>;\n\nexport const Search = ({\n  AutocompleteProps = {},\n  value,\n  disableClearable = false,\n  onChange,\n  onInputChange,\n  loading = false,\n  options = [],\n  optionSize,\n  placeholder = 'Search...',\n  onGroupChange = () => {},\n  disabled = false,\n  disableResetOnGroupChange,\n  multiple = false,\n  groups = [],\n  GroupsComponent,\n  recentSearchesMaxCount = 3,\n  dataStorageKey = 'Search:recentSearches',\n  RecentSearchesComponent,\n  dataStorage = sessionStorage,\n  onInputReset,\n  getOptionLabel = (option: any) => option.label || '',\n  TextFieldProps = { endAdornment: null },\n  ListboxProps,\n  onInputChangeCallback = () => {},\n  renderCustomOption,\n  isHiddenAllOption = false,\n  isHiddenAllLabel = false,\n  onOpen = noop,\n  selectedGroup,\n  onGroupReset = () => {},\n  onClose = () => {},\n  popperProps = initialPopperProps,\n  paperFooter,\n  noOptionsText = 'No Options',\n  ListboxComponent = Listbox,\n  isPrioritizedSelectedOptions = false,\n\n  isOpenedFromParent = undefined,\n  onFocus,\n  InputProps,\n  classes = {},\n  popupIcon = <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} />,\n  shouldResetInputOnAutocompleteChange,\n  ...props\n}: SearchProps) => {\n  const [inputValue, setInputValue] = useState('');\n  const [debouncedInputValue, setDebouncedInputValue] = useState('');\n  const [isOpened, setIsOpened] = useState(false);\n  const [isSelectedLabelExpanded, setIsSelectedLabelExpanded] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const paperRef = useRef<HTMLDivElement>(null);\n\n  const { autocompleteOptions, isGrouped, handleAutocompleOptionsUpdate } = useAutocompletOptions({\n    options,\n    value,\n    groups,\n    selectedGroup,\n    isPrioritizedSelectedOptions,\n  });\n\n  const styles = useStyles();\n\n  const {\n    popper,\n    listbox,\n    popupIndicator,\n    popupIndicatorOpen,\n    groupChip: groupChipClassName,\n    ...restClasses\n  } = classes;\n  const autocompleteClasses = {\n    popper: classNames(styles.popper, popper),\n    listbox: classNames(styles.listbox, listbox),\n    popupIndicator: classNames(styles.popupIndicator, popupIndicator),\n    popupIndicatorOpen: classNames(styles.popupIndicatorOpen, popupIndicatorOpen),\n    ...restClasses,\n  };\n\n  const groupBy = ({ group }: any) => group;\n\n  const handleInputChange = (_event: ChangeEvent<{}>, newInputValue: string, reason: string) => {\n    if (disableResetOnGroupChange)\n      setInputValue(prevValue => (reason === 'reset' ? prevValue : newInputValue));\n    else setInputValue(newInputValue);\n\n    onInputChangeCallback(newInputValue, reason);\n  };\n\n  const handleInputReset = () => {\n    setInputValue('');\n    onInputReset?.();\n  };\n\n  const handleDebouncedInputChange = (inputValue: string) => setDebouncedInputValue(inputValue);\n\n  const onDebouncedInputChange = useCallback(debounce(handleDebouncedInputChange, 500), []);\n\n  const handleSelectedGroupChange = (selectedGroupId: string) => {\n    const selectedGroup = groups.find(({ id }) => id === selectedGroupId);\n    if (!disableResetOnGroupChange) handleInputReset();\n    onGroupChange(selectedGroup);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (inputValue.length) return;\n\n    // NOTE: MUI try to focus tags for multiple Autocomplete\n    // need to stop event to prevent crash, as we render custom content in TextField\n    if (multiple && event.code === ARROW_LEFT_KEY_CODE) {\n      event.stopPropagation();\n    }\n  };\n\n  useEffect(() => {\n    if (isOpened) {\n      inputRef.current?.focus();\n      inputRef.current?.setSelectionRange(inputValue.length, inputValue.length);\n    }\n  });\n\n  const valueLength = multiple && Array.isArray(value) ? value.length : null;\n\n  const allSelected = multiple && autocompleteOptions?.length === valueLength;\n  const someSelected = multiple && !!valueLength && !allSelected;\n\n  const onAllSelectClick = () => {\n    handleInputReset();\n    if (AutocompleteProps.getOptionDisabled && allSelected)\n      return onChange(null as unknown as ChangeEvent<{}>, [options[options.length - 1]]);\n\n    return onChange(\n      null as unknown as ChangeEvent<{}>,\n      allSelected || someSelected ? [] : autocompleteOptions\n    );\n  };\n\n  useEffect(() => {\n    onDebouncedInputChange(inputValue);\n\n    if (!onInputChange) return;\n\n    onInputChange(inputValue);\n  }, [inputValue]);\n\n  const handleAutocompleteChange = (event: ChangeEvent<{}>, selected: any | any[]) => {\n    if (!multiple || shouldResetInputOnAutocompleteChange) {\n      setInputValue('');\n    }\n    onChange(event, selected);\n  };\n\n  const handleSearchOpen = (e: ChangeEvent<{}>) => {\n    handleAutocompleOptionsUpdate();\n    setIsOpened(true);\n    onOpen(e);\n  };\n\n  const handleSearchClose = (evt: ChangeEvent<{}>, reason: string) => {\n    const focusEvt = evt as unknown as React.FocusEvent<HTMLElement>;\n    const focusingDropdownElement =\n      reason === 'blur' &&\n      (!focusEvt.relatedTarget || paperRef.current?.contains(focusEvt.relatedTarget));\n\n    if (!focusingDropdownElement) {\n      onClose();\n      setIsOpened(false);\n    }\n  };\n\n  const handleSelectedOptionClick = () => {\n    if (isOpenedFromParent ?? isOpened) {\n      setIsOpened(false);\n\n      onClose();\n    } else {\n      setIsOpened(true);\n\n      onOpen();\n    }\n  };\n\n  const renderGroup = ({ key, group, children }: AutocompleteRenderGroupParams) => {\n    if (!group || (!isEmpty(selectedGroup) && multiple)) {\n      return children;\n    }\n\n    return (\n      <div className={styles.group} key={key}>\n        <Tooltip\n          title={group}\n          placement=\"right\"\n          TransitionComponent={Fade}\n          TransitionProps={{ timeout: 500 }}\n          enterDelay={500}\n        >\n          <Chip\n            data-not-migrated-muichip\n            className={classNames(styles.groupChip, groupChipClassName)}\n            variant=\"outlined\"\n            label={group}\n          />\n        </Tooltip>\n\n        {children}\n      </div>\n    );\n  };\n\n  const getSelectedLabel = (value: any) => {\n    if (allSelected && !isHiddenAllOption && !isHiddenAllLabel) return 'All';\n    const label = value[0].label || value[0].name || '';\n\n    return value?.length === 1 ? (\n      <div>\n        <MiddleTruncatedText>{label}</MiddleTruncatedText>\n      </div>\n    ) : (\n      `${value?.length} Selected`\n    );\n  };\n\n  const renderInput = (muiProps: any) => {\n    // MUI Autocomplete invokes renderInput during its OWN render, so this state belongs to the\n    // Autocomplete fiber. Hoisting it into Search re-targets the re-render and breaks the\n    // ArrowUp/ArrowDown focus handoff between the input and the chips.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [isFocused, setIsFocused] = useState(false);\n    const { InputProps: mUIInputProps, inputProps: mUIinputProps, ...restMuiProps } = muiProps;\n    const defaultEndAdornment =\n      mUIInputProps.endAdornment?.props?.children?.length > 1\n        ? cloneElement(mUIInputProps.endAdornment, {\n            // remove clear button, popupIcon is left\n            children: mUIInputProps.endAdornment.props.children.slice(1),\n            onMouseDown: e => e.stopPropagation(),\n            onMouseUp: e => e.stopPropagation(),\n          })\n        : mUIInputProps.endAdornment;\n\n    const isNeedExpandInput = valueLength === 1;\n\n    const isInputLabelShrink =\n      isFocused ||\n      isOpened ||\n      inputValue.length > 0 ||\n      !isEmpty(value) ||\n      !isEmpty(InputProps?.startAdornment);\n\n    const onInputBlur = () => {\n      setIsFocused(false);\n      if (isNeedExpandInput) {\n        setIsSelectedLabelExpanded(true);\n      }\n    };\n\n    const {\n      classes: { input: inputClasses = '', ...restInputClasses } = {},\n      style,\n      ...restInputProps\n    } = InputProps || {};\n\n    return (\n      <TextField\n        {...restMuiProps}\n        {...omit(TextFieldProps, ['endAdornment'])}\n        onBlur={onInputBlur}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onKeyDown={handleKeyDown}\n        inputRef={inputRef}\n        placeholder={placeholder}\n        classes={{ root: styles.searchInput }}\n        inputProps={{ style: { padding: 5 }, ...mUIinputProps, ...props.inputProps }}\n        InputLabelProps={{\n          shrink: isInputLabelShrink,\n        }}\n        InputProps={{\n          classes: {\n            input: classNames(\n              isSelectedLabelExpanded\n                ? styles.inputShrinked\n                : isNeedExpandInput && styles.inputExpanded,\n              inputClasses\n            ),\n            ...restInputClasses,\n          },\n          style: { paddingRight: 0, paddingBottom: 0, ...style },\n          ...mUIInputProps,\n          ...restInputProps,\n          startAdornment: (\n            <>\n              {InputProps?.startAdornment}\n              {selectedGroup && (\n                <Chip\n                  key={selectedGroup.id}\n                  className={styles.selectedGroup}\n                  data-not-migrated-muichip\n                  variant=\"outlined\"\n                  label={\n                    <div className={styles.selectedGroupLabel}>\n                      {selectedGroup.name}\n                      <CloseSmallIcon\n                        size={16}\n                        id=\"removeGroupIcon\"\n                        className={styles.removeIcon}\n                        onClick={onGroupReset}\n                      />\n                    </div>\n                  }\n                />\n              )}\n              {multiple && !isEmpty(value) && (\n                <div\n                  onClick={handleSelectedOptionClick}\n                  id=\"selectedOptions\"\n                  className={classNames(\n                    styles.selectedLabel,\n                    isSelectedLabelExpanded && styles.selectedLabelExpanded\n                  )}\n                >\n                  {getSelectedLabel(value)}\n                </div>\n              )}\n            </>\n          ),\n          endAdornment: (\n            <>\n              <InputAdornment\n                className={classNames(styles.endAdornment, {\n                  [styles.removeIconWithDropdown]: AutocompleteProps.forcePopupIcon,\n                })}\n                position=\"end\"\n              >\n                {TextFieldProps.endAdornment}\n                {loading && <CircularProgress color=\"primary\" size={20} />}\n                {isFocused && inputValue && !disableClearable && (\n                  <IconButton\n                    data-testid={`${PAGE_NAME}_clear_icon`}\n                    size=\"small\"\n                    className={styles.iconButton}\n                    onClick={() => {\n                      setInputValue('');\n                      if (onInputReset) {\n                        onInputReset();\n                      }\n                    }}\n                    tooltipProps={{ title: 'Clear' }}\n                  >\n                    <CloseSmallIcon size={20} className={styles.closeIcon} />\n                  </IconButton>\n                )}\n              </InputAdornment>\n              {AutocompleteProps.forcePopupIcon && defaultEndAdornment}\n            </>\n          ),\n        }}\n      />\n    );\n  };\n\n  const renderOption = (option: any, state: any) => {\n    const { label = '', id } = option;\n    if (!multiple)\n      return (\n        <MenuItem\n          className={styles.menuItem}\n          key={id}\n          value={id}\n          data-testid={`autocompleteOption_${label}MenuItem`}\n        >\n          <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n        </MenuItem>\n      );\n    return (\n      <div\n        className={classNames(styles.option, optionSize)}\n        key={id}\n        data-testid={`autocompleteOption_${label}MenuItem`}\n      >\n        <Checkbox size=\"small\" disableRipple className={styles.checkbox} checked={state.selected} />\n        <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n      </div>\n    );\n  };\n\n  const isEmptyOptions = isEmpty(autocompleteOptions);\n  const paperContext = useMemo(\n    () => ({\n      onOutsideClick: handleSearchClose,\n      isEmptyOptions,\n      loading,\n      AllSelectComponent: !isHiddenAllOption && multiple && !isEmptyOptions && (\n        <SelectAllListItem\n          className={styles.selectAllCheckbox}\n          onClick={onAllSelectClick}\n          someSelected={someSelected}\n          allSelected={allSelected}\n        />\n      ),\n      RecentSearchesComponent: RecentSearchesComponent && (\n        <RecentSearchesComponent\n          title=\"Recent Searches\"\n          Icon={TimeIcon}\n          dataStorage={dataStorage}\n          dataStorageKey={dataStorageKey}\n          maxCount={recentSearchesMaxCount}\n          isHidden={!isEmpty(inputValue)}\n          onInputChange={(value: any) => setInputValue(value)}\n          inputValue={debouncedInputValue}\n        />\n      ),\n      GroupsComponent: !selectedGroup && isGrouped && GroupsComponent && (\n        <GroupsComponent onGroupClick={handleSelectedGroupChange} groups={groups} />\n      ),\n    }),\n    [\n      selectedGroup,\n      loading,\n      isGrouped,\n      isEmptyOptions,\n      inputValue,\n      isHiddenAllOption,\n      multiple,\n      isEmptyOptions,\n      debouncedInputValue,\n      onClose,\n      handleSearchClose,\n    ]\n  );\n\n  const PaperComponent = useMemo(\n    () =>\n      ({ children, className, ...paperProps }: any) =>\n        (\n          <Paper {...paperProps} className={className} inputRef={inputRef} ref={paperRef}>\n            {children}\n            {paperFooter}\n          </Paper>\n        ),\n    [paperFooter]\n  );\n\n  const PopperComponent = useMemo(\n    () => (props: any) => {\n      const { style, ...restPopperProps } = popperProps;\n      return (\n        <Popper\n          {...props}\n          style={{ ...props.style, ...style }}\n          placement=\"bottom-start\"\n          {...restPopperProps}\n        />\n      );\n    },\n    [popperProps]\n  );\n\n  const handleRootFocus = () => {\n    setIsSelectedLabelExpanded(false);\n    onFocus?.();\n  };\n\n  return (\n    <PaperContext.Provider value={paperContext}>\n      <Autocomplete\n        {...omit(props, ['InputProps', 'isNullable', 'isOpenedFromParent'])}\n        PopperComponent={PopperComponent}\n        disableClearable={disableClearable}\n        onOpen={handleSearchOpen}\n        onClose={handleSearchClose}\n        open={isOpenedFromParent ?? isOpened}\n        onChange={handleAutocompleteChange}\n        forcePopupIcon={AutocompleteProps.forcePopupIcon}\n        fullWidth\n        disabled={disabled}\n        value={value}\n        classes={autocompleteClasses}\n        renderInput={renderInput}\n        loading={loading}\n        options={autocompleteOptions}\n        renderGroup={renderGroup}\n        disableCloseOnSelect={multiple}\n        multiple={multiple}\n        renderOption={renderCustomOption || renderOption}\n        groupBy={isGrouped ? groupBy : undefined}\n        PaperComponent={PaperComponent}\n        ListboxComponent={ListboxComponent}\n        inputValue={inputValue}\n        getOptionLabel={getOptionLabel}\n        getOptionDisabled={AutocompleteProps?.getOptionDisabled}\n        onInputChange={handleInputChange}\n        loadingText={<div className={styles.label}>Loading ...</div>}\n        noOptionsText={<div className={styles.label}>{noOptionsText}</div>}\n        ListboxProps={ListboxProps}\n        onFocus={handleRootFocus}\n      />\n    </PaperContext.Provider>\n  );\n};\n\nSearch.Groups = Groups;\n\nexport default Search;\n"],"names":["initialPopperProps","Search","_ref","_ref$AutocompleteProp","AutocompleteProps","value","_ref$disableClearable","disableClearable","onChange","onInputChange","_ref$loading","loading","_ref$options","options","optionSize","_ref$placeholder","placeholder","_ref$onGroupChange","onGroupChange","_ref$disabled","disabled","disableResetOnGroupChange","_ref$multiple","multiple","_ref$groups","groups","GroupsComponent","_ref$recentSearchesMa","recentSearchesMaxCount","_ref$dataStorageKey","dataStorageKey","RecentSearchesComponent","_ref$dataStorage","dataStorage","sessionStorage","onInputReset","_ref$getOptionLabel","getOptionLabel","option","label","_ref$TextFieldProps","TextFieldProps","endAdornment","ListboxProps","_ref$onInputChangeCal","onInputChangeCallback","renderCustomOption","_ref$isHiddenAllOptio","isHiddenAllOption","_ref$isHiddenAllLabel","isHiddenAllLabel","_ref$onOpen","onOpen","noop","selectedGroup","_ref$onGroupReset","onGroupReset","_ref$onClose","onClose","_ref$popperProps","popperProps","paperFooter","_ref$noOptionsText","noOptionsText","_ref$ListboxComponent","ListboxComponent","Listbox","_ref$isPrioritizedSel","isPrioritizedSelectedOptions","_ref$isOpenedFromPare","isOpenedFromParent","undefined","onFocus","InputProps","_ref$classes","classes","popupIcon","shouldResetInputOnAutocompleteChange","props","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","debouncedInputValue","setDebouncedInputValue","_useState6","_useState5","isOpened","setIsOpened","_useState8","_useState7","isSelectedLabelExpanded","setIsSelectedLabelExpanded","inputRef","useRef","paperRef","_useAutocompletOption","useAutocompletOptions","autocompleteOptions","isGrouped","handleAutocompleOptionsUpdate","styles","useStyles","popper","listbox","popupIndicator","popupIndicatorOpen","groupChipClassName","groupChip","restClasses","_excluded2","autocompleteClasses","_objectSpread","classNames","handleInputReset","onDebouncedInputChange","useCallback","debounce","handleSelectedGroupChange","selectedGroupId","find","_ref3","id","handleKeyDown","event","length","code","stopPropagation","useEffect","_inputRef$current","_inputRef$current2","current","focus","setSelectionRange","valueLength","Array","isArray","allSelected","someSelected","onAllSelectClick","getOptionDisabled","handleSearchClose","evt","reason","_paperRef$current","focusEvt","relatedTarget","contains","handleSelectedOptionClick","getSelectedLabel","name","_jsx","children","MiddleTruncatedText","concat","isEmptyOptions","isEmpty","paperContext","useMemo","onOutsideClick","AllSelectComponent","SelectAllListItem","className","selectAllCheckbox","onClick","title","Icon","TimeIcon","maxCount","isHidden","onGroupClick","PaperComponent","_ref6","paperProps","_excluded6","_jsxs","Paper","ref","PopperComponent","style","restPopperProps","_excluded7","Popper","placement","PaperContext","Provider","Autocomplete","omit","e","open","selected","forcePopupIcon","fullWidth","renderInput","muiProps","_mUIInputProps$endAdo","_mUIInputProps$endAdo2","_mUIInputProps$endAdo3","_useState10","_useState9","isFocused","setIsFocused","mUIInputProps","mUIinputProps","inputProps","restMuiProps","_excluded3","defaultEndAdornment","cloneElement","slice","onMouseDown","onMouseUp","isNeedExpandInput","isInputLabelShrink","startAdornment","_ref5$classes","_ref5","_ref5$classes$input","input","inputClasses","restInputClasses","_excluded4","restInputProps","_excluded5","TextField","onBlur","onKeyDown","root","searchInput","padding","InputLabelProps","shrink","inputShrinked","inputExpanded","paddingRight","paddingBottom","_Fragment","Chip","variant","selectedGroupLabel","CloseSmallIcon","size","removeIcon","selectedLabel","selectedLabelExpanded","InputAdornment","_defineProperty","removeIconWithDropdown","position","CircularProgress","color","IconButton","iconButton","tooltipProps","closeIcon","renderGroup","_ref4","key","group","Tooltip","TransitionComponent","Fade","TransitionProps","timeout","enterDelay","disableCloseOnSelect","renderOption","state","_option$label","Checkbox","disableRipple","checkbox","checked","optionLabelContainer","MenuItem","menuItem","groupBy","_ref2","_event","newInputValue","prevValue","loadingText","Groups"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import {\n  ChangeEvent,\n  cloneElement,\n  ComponentType,\n  KeyboardEvent,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { debounce, isEmpty, noop, omit } from 'lodash';\nimport { Autocomplete, AutocompleteProps, AutocompleteRenderGroupParams } from '@material-ui/lab';\nimport {\n  Checkbox,\n  Chip,\n  CircularProgress,\n  Fade,\n  InputAdornment,\n  MenuItem,\n  Popper,\n  TextField,\n  InputProps as MuiInputProps,\n  Tooltip,\n} from '@material-ui/core';\nimport { AccessTime as TimeIcon } from '@material-ui/icons';\n\nimport { Groups, ListboxComponent as Listbox, Paper, SelectAllListItem } from './components';\nimport { PaperContext } from './context';\nimport { useAutocompletOptions } from './effects';\nimport useStyles from './styles';\n\nimport { CloseSmallIcon, DownOneIcon } from '~/icons';\nimport { MiddleTruncatedText } from '~/components/MiddleTruncatedText';\nimport IconButton from '~/components/IconButton';\n\nconst PAGE_NAME = 'AutocompleteSearch';\n\nconst initialPopperProps = {};\n\nconst ARROW_LEFT_KEY_CODE = 'ArrowLeft';\n\ntype SearchProps = {\n  onChange: (event: ChangeEvent<{}>, selected: any | any[] | null) => void;\n  value?: object | object[];\n  options?: { label?: string; id: string; group?: string }[];\n  AutocompleteProps?: {\n    getOptionDisabled?: (option: any) => boolean;\n    forcePopupIcon?: boolean;\n  };\n  allChecked?: boolean;\n  TextFieldProps?: {\n    label?: string;\n    endAdornment?: ReactNode;\n  };\n  selectedGroup?: {\n    name?: string;\n    id?: string;\n  };\n  onGroupReset?: MouseEventHandler<HTMLSpanElement>;\n  onClose?: () => void;\n  disableClearable?: boolean;\n\n  /**\n   * MUI Autocomplete triggers onInputChange when startAdornment is changed (via selectedGroup update).\n   * If disableResetOnGroupChange is true, we won't store a new value in onInputChange when the 'reason' is \"reset\".\n   * Additionally, handleSelectedGroupChange won't trigger handleInputReset if disableResetOnGroupChange is true.\n   */\n  disableResetOnGroupChange?: boolean;\n  onInputChange?: (value: string) => void;\n  getOptionLabel?: (option: any) => string;\n  onGroupChange?: (group?: { name?: string; id?: string }) => void;\n  loading?: boolean;\n  disabled?: boolean;\n  multiple?: boolean;\n  optionSize?: 'large';\n  popupIcon?: ReactNode;\n  InputProps?: Partial<MuiInputProps>;\n  ListboxProps?: object;\n  classes?: Partial<\n    {\n      popper: string;\n      listbox: string;\n      popupIndicator: string;\n      popupIndicatorOpen: string;\n      groupChip: string;\n    } & Record<string, string>\n  >;\n  onInputChangeCallback?: (newInputValue: string, reason: string) => void;\n  placeholder?: string;\n  RecentSearchesComponent?: ComponentType<any>;\n  ListboxComponent?: any;\n  recentSearchesMaxCount?: number;\n  dataStorageKey?: string;\n  dataStorage?: object;\n\n  groups?: { id: string; name: string }[];\n  GroupsComponent?: ComponentType<{\n    onGroupClick: (id: string) => void;\n    groups: { id: string; name: string }[];\n  }>;\n  onOpen?: (e?: any) => void;\n  renderCustomOption?: (option: any, state: any) => ReactNode;\n  onInputReset?: () => void;\n  isHiddenAllOption?: boolean;\n  isHiddenAllLabel?: boolean;\n  paperFooter?: ReactNode;\n  isOpenedFromParent?: boolean;\n  popperProps?: Partial<{ style: object }>;\n  onFocus?: () => void;\n  inputProps?: object;\n  noOptionsText?: string;\n  isPrioritizedSelectedOptions?: boolean;\n  /**\n   * There is a check if it is multiple search then we should keep input value on autocomplete change\n   * But now there is another case, when we should reset input value on autocomplete change\n   * This new prop allows to have both options\n   */\n  shouldResetInputOnAutocompleteChange?: boolean;\n} & Omit<\n  AutocompleteProps<any, false, false, false>,\n  | 'value'\n  | 'onChange'\n  | 'options'\n  | 'onClose'\n  | 'disableClearable'\n  | 'onInputChange'\n  | 'getOptionLabel'\n  | 'loading'\n  | 'disabled'\n  | 'multiple'\n  | 'popupIcon'\n  | 'ListboxProps'\n  | 'classes'\n  | 'placeholder'\n  | 'ListboxComponent'\n  | 'onOpen'\n  | 'onFocus'\n  | 'inp'\n  | 'noOptionsText'\n  | 'renderInput'\n  | 'PopperComponent'\n  | 'open'\n  | 'forcePopupIcon'\n  | 'fullWidth'\n  | 'renderGroup'\n  | 'disableCloseOnSelect'\n  | 'renderOption'\n  | 'groupBy'\n  | 'PaperComponent'\n  | 'inputValue'\n  | 'getOptionDisabled'\n  | 'loadingText'\n  | 'InputProps'\n  | 'isNullable'\n>;\n\nexport const Search = ({\n  AutocompleteProps = {},\n  value,\n  disableClearable = false,\n  onChange,\n  onInputChange,\n  loading = false,\n  options = [],\n  optionSize,\n  placeholder = 'Search...',\n  onGroupChange = () => {},\n  disabled = false,\n  disableResetOnGroupChange,\n  multiple = false,\n  groups = [],\n  GroupsComponent,\n  recentSearchesMaxCount = 3,\n  dataStorageKey = 'Search:recentSearches',\n  RecentSearchesComponent,\n  dataStorage = sessionStorage,\n  onInputReset,\n  getOptionLabel = (option: any) => option.label || '',\n  TextFieldProps = { endAdornment: null },\n  ListboxProps,\n  onInputChangeCallback = () => {},\n  renderCustomOption,\n  isHiddenAllOption = false,\n  isHiddenAllLabel = false,\n  onOpen = noop,\n  selectedGroup,\n  onGroupReset = () => {},\n  onClose = () => {},\n  popperProps = initialPopperProps,\n  paperFooter,\n  noOptionsText = 'No Options',\n  ListboxComponent = Listbox,\n  isPrioritizedSelectedOptions = false,\n\n  isOpenedFromParent = undefined,\n  onFocus,\n  InputProps,\n  classes = {},\n  popupIcon = <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} />,\n  shouldResetInputOnAutocompleteChange,\n  ...props\n}: SearchProps) => {\n  const [inputValue, setInputValue] = useState('');\n  const [debouncedInputValue, setDebouncedInputValue] = useState('');\n  const [isOpened, setIsOpened] = useState(false);\n  const [isSelectedLabelExpanded, setIsSelectedLabelExpanded] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const paperRef = useRef<HTMLDivElement>(null);\n\n  const { autocompleteOptions, isGrouped, handleAutocompleOptionsUpdate } = useAutocompletOptions({\n    options,\n    value,\n    groups,\n    selectedGroup,\n    isPrioritizedSelectedOptions,\n  });\n\n  const styles = useStyles();\n\n  const {\n    popper,\n    listbox,\n    popupIndicator,\n    popupIndicatorOpen,\n    groupChip: groupChipClassName,\n    ...restClasses\n  } = classes;\n  const autocompleteClasses = {\n    popper: classNames(styles.popper, popper),\n    listbox: classNames(styles.listbox, listbox),\n    popupIndicator: classNames(styles.popupIndicator, popupIndicator),\n    popupIndicatorOpen: classNames(styles.popupIndicatorOpen, popupIndicatorOpen),\n    ...restClasses,\n  };\n\n  const groupBy = ({ group }: any) => group;\n\n  const handleInputChange = (_event: ChangeEvent<{}>, newInputValue: string, reason: string) => {\n    if (disableResetOnGroupChange)\n      setInputValue(prevValue => (reason === 'reset' ? prevValue : newInputValue));\n    else setInputValue(newInputValue);\n\n    onInputChangeCallback(newInputValue, reason);\n  };\n\n  const handleInputReset = () => {\n    setInputValue('');\n    onInputReset?.();\n  };\n\n  const handleDebouncedInputChange = (inputValue: string) => setDebouncedInputValue(inputValue);\n\n  const onDebouncedInputChange = useCallback(debounce(handleDebouncedInputChange, 500), []);\n\n  const handleSelectedGroupChange = (selectedGroupId: string) => {\n    const selectedGroup = groups.find(({ id }) => id === selectedGroupId);\n    if (!disableResetOnGroupChange) handleInputReset();\n    onGroupChange(selectedGroup);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (inputValue.length) return;\n\n    // NOTE: MUI try to focus tags for multiple Autocomplete\n    // need to stop event to prevent crash, as we render custom content in TextField\n    if (multiple && event.code === ARROW_LEFT_KEY_CODE) {\n      event.stopPropagation();\n    }\n  };\n\n  useEffect(() => {\n    if (isOpened) {\n      inputRef.current?.focus();\n      inputRef.current?.setSelectionRange(inputValue.length, inputValue.length);\n    }\n  });\n\n  const valueLength = multiple && Array.isArray(value) ? value.length : null;\n\n  const allSelected = multiple && autocompleteOptions?.length === valueLength;\n  const someSelected = multiple && !!valueLength && !allSelected;\n\n  const onAllSelectClick = () => {\n    handleInputReset();\n    if (AutocompleteProps.getOptionDisabled && allSelected)\n      return onChange(null as unknown as ChangeEvent<{}>, [options[options.length - 1]]);\n\n    return onChange(\n      null as unknown as ChangeEvent<{}>,\n      allSelected || someSelected ? [] : autocompleteOptions\n    );\n  };\n\n  useEffect(() => {\n    onDebouncedInputChange(inputValue);\n\n    if (!onInputChange) return;\n\n    onInputChange(inputValue);\n  }, [inputValue]);\n\n  const handleAutocompleteChange = (event: ChangeEvent<{}>, selected: any | any[]) => {\n    if (!multiple || shouldResetInputOnAutocompleteChange) {\n      setInputValue('');\n    }\n    onChange(event, selected);\n  };\n\n  const handleSearchOpen = (e: ChangeEvent<{}>) => {\n    handleAutocompleOptionsUpdate();\n    setIsOpened(true);\n    onOpen(e);\n  };\n\n  const handleSearchClose = (evt: ChangeEvent<{}>, reason: string) => {\n    const focusEvt = evt as unknown as React.FocusEvent<HTMLElement>;\n    const focusingDropdownElement =\n      reason === 'blur' &&\n      (!focusEvt.relatedTarget || paperRef.current?.contains(focusEvt.relatedTarget));\n\n    if (!focusingDropdownElement) {\n      onClose();\n      setIsOpened(false);\n    }\n  };\n\n  const handleSelectedOptionClick = () => {\n    if (isOpenedFromParent ?? isOpened) {\n      setIsOpened(false);\n\n      onClose();\n    } else {\n      setIsOpened(true);\n\n      onOpen();\n    }\n  };\n\n  const renderGroup = ({ key, group, children }: AutocompleteRenderGroupParams) => {\n    if (!group || (!isEmpty(selectedGroup) && multiple)) {\n      return children;\n    }\n\n    return (\n      <div className={styles.group} key={key}>\n        <Tooltip\n          title={group}\n          placement=\"right\"\n          TransitionComponent={Fade}\n          TransitionProps={{ timeout: 500 }}\n          enterDelay={500}\n        >\n          <Chip\n            data-not-migrated-muichip\n            className={classNames(styles.groupChip, groupChipClassName)}\n            variant=\"outlined\"\n            label={group}\n          />\n        </Tooltip>\n\n        {children}\n      </div>\n    );\n  };\n\n  const getSelectedLabel = (value: any) => {\n    if (allSelected && !isHiddenAllOption && !isHiddenAllLabel) return 'All';\n    const label = value[0].label || value[0].name || '';\n\n    return value?.length === 1 ? (\n      <div>\n        <MiddleTruncatedText>{label}</MiddleTruncatedText>\n      </div>\n    ) : (\n      `${value?.length} Selected`\n    );\n  };\n\n  const renderInput = (muiProps: any) => {\n    // MUI Autocomplete invokes renderInput during its OWN render, so this state belongs to the\n    // Autocomplete fiber. Hoisting it into Search re-targets the re-render and breaks the\n    // ArrowUp/ArrowDown focus handoff between the input and the chips.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [isFocused, setIsFocused] = useState(false);\n    const { InputProps: mUIInputProps, inputProps: mUIinputProps, ...restMuiProps } = muiProps;\n    const defaultEndAdornment =\n      mUIInputProps.endAdornment?.props?.children?.length > 1\n        ? cloneElement(mUIInputProps.endAdornment, {\n            // remove clear button, popupIcon is left\n            children: mUIInputProps.endAdornment.props.children.slice(1),\n            onMouseDown: e => e.stopPropagation(),\n            onMouseUp: e => e.stopPropagation(),\n          })\n        : mUIInputProps.endAdornment;\n\n    const isNeedExpandInput = valueLength === 1;\n\n    const isInputLabelShrink =\n      isFocused ||\n      isOpened ||\n      inputValue.length > 0 ||\n      !isEmpty(value) ||\n      !isEmpty(InputProps?.startAdornment);\n\n    const onInputBlur = () => {\n      setIsFocused(false);\n      if (isNeedExpandInput) {\n        setIsSelectedLabelExpanded(true);\n      }\n    };\n\n    const {\n      classes: { input: inputClasses = '', ...restInputClasses } = {},\n      style,\n      ...restInputProps\n    } = InputProps || {};\n\n    return (\n      <TextField\n        {...restMuiProps}\n        {...omit(TextFieldProps, ['endAdornment'])}\n        onBlur={onInputBlur}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onKeyDown={handleKeyDown}\n        inputRef={inputRef}\n        placeholder={placeholder}\n        classes={{ root: styles.searchInput }}\n        inputProps={{ style: { padding: 5 }, ...mUIinputProps, ...props.inputProps }}\n        InputLabelProps={{\n          shrink: isInputLabelShrink,\n        }}\n        InputProps={{\n          classes: {\n            input: classNames(\n              isSelectedLabelExpanded\n                ? styles.inputShrinked\n                : isNeedExpandInput && styles.inputExpanded,\n              inputClasses\n            ),\n            ...restInputClasses,\n          },\n          style: { paddingRight: 0, paddingBottom: 0, ...style },\n          ...mUIInputProps,\n          ...restInputProps,\n          startAdornment: (\n            <>\n              {InputProps?.startAdornment}\n              {selectedGroup && (\n                <Chip\n                  key={selectedGroup.id}\n                  className={styles.selectedGroup}\n                  data-not-migrated-muichip\n                  variant=\"outlined\"\n                  label={\n                    <div className={styles.selectedGroupLabel}>\n                      {selectedGroup.name}\n                      <CloseSmallIcon\n                        size={16}\n                        id=\"removeGroupIcon\"\n                        className={styles.removeIcon}\n                        onClick={onGroupReset}\n                      />\n                    </div>\n                  }\n                />\n              )}\n              {multiple && !isEmpty(value) && (\n                <div\n                  onClick={handleSelectedOptionClick}\n                  id=\"selectedOptions\"\n                  className={classNames(\n                    styles.selectedLabel,\n                    isSelectedLabelExpanded && styles.selectedLabelExpanded\n                  )}\n                >\n                  {getSelectedLabel(value)}\n                </div>\n              )}\n            </>\n          ),\n          endAdornment: (\n            <>\n              <InputAdornment\n                className={classNames(styles.endAdornment, {\n                  [styles.removeIconWithDropdown]: AutocompleteProps.forcePopupIcon,\n                })}\n                position=\"end\"\n              >\n                {TextFieldProps.endAdornment}\n                {loading && <CircularProgress color=\"primary\" size={20} />}\n                {isFocused && inputValue && !disableClearable && (\n                  <IconButton\n                    data-testid={`${PAGE_NAME}_clear_icon`}\n                    size=\"small\"\n                    className={styles.iconButton}\n                    onClick={() => {\n                      setInputValue('');\n                      if (onInputReset) {\n                        onInputReset();\n                      }\n                    }}\n                    tooltipProps={{ title: 'Clear' }}\n                  >\n                    <CloseSmallIcon size={20} className={styles.closeIcon} />\n                  </IconButton>\n                )}\n              </InputAdornment>\n              {AutocompleteProps.forcePopupIcon && defaultEndAdornment}\n            </>\n          ),\n        }}\n      />\n    );\n  };\n\n  const renderOption = (option: any, state: any) => {\n    const { label = '', id } = option;\n    if (!multiple)\n      return (\n        <MenuItem\n          className={styles.menuItem}\n          key={id}\n          value={id}\n          data-testid={`autocompleteOption_${label}MenuItem`}\n        >\n          <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n        </MenuItem>\n      );\n    return (\n      <div\n        className={classNames(styles.option, optionSize)}\n        key={id}\n        data-testid={`autocompleteOption_${label}MenuItem`}\n      >\n        <Checkbox size=\"small\" disableRipple className={styles.checkbox} checked={state.selected} />\n        <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n      </div>\n    );\n  };\n\n  const isEmptyOptions = isEmpty(autocompleteOptions);\n  const paperContext = useMemo(\n    () => ({\n      onOutsideClick: handleSearchClose,\n      isEmptyOptions,\n      loading,\n      AllSelectComponent: !isHiddenAllOption && multiple && !isEmptyOptions && (\n        <SelectAllListItem\n          className={styles.selectAllCheckbox}\n          onClick={onAllSelectClick}\n          someSelected={someSelected}\n          allSelected={allSelected}\n        />\n      ),\n      RecentSearchesComponent: RecentSearchesComponent && (\n        <RecentSearchesComponent\n          title=\"Recent Searches\"\n          Icon={TimeIcon}\n          dataStorage={dataStorage}\n          dataStorageKey={dataStorageKey}\n          maxCount={recentSearchesMaxCount}\n          isHidden={!isEmpty(inputValue)}\n          onInputChange={(value: any) => setInputValue(value)}\n          inputValue={debouncedInputValue}\n        />\n      ),\n      GroupsComponent: !selectedGroup && isGrouped && GroupsComponent && (\n        <GroupsComponent onGroupClick={handleSelectedGroupChange} groups={groups} />\n      ),\n    }),\n    [\n      selectedGroup,\n      loading,\n      isGrouped,\n      isEmptyOptions,\n      inputValue,\n      isHiddenAllOption,\n      multiple,\n      isEmptyOptions,\n      debouncedInputValue,\n      onClose,\n      handleSearchClose,\n    ]\n  );\n\n  const PaperComponent = useMemo(\n    () =>\n      ({ children, className, ...paperProps }: any) =>\n        (\n          <Paper {...paperProps} className={className} inputRef={inputRef} ref={paperRef}>\n            {children}\n            {paperFooter}\n          </Paper>\n        ),\n    [paperFooter]\n  );\n\n  const PopperComponent = useMemo(\n    () => (props: any) => {\n      const { style, ...restPopperProps } = popperProps;\n      return (\n        <Popper\n          {...props}\n          style={{ ...props.style, ...style }}\n          placement=\"bottom-start\"\n          {...restPopperProps}\n        />\n      );\n    },\n    [popperProps]\n  );\n\n  const handleRootFocus = () => {\n    setIsSelectedLabelExpanded(false);\n    onFocus?.();\n  };\n\n  return (\n    <PaperContext.Provider value={paperContext}>\n      <Autocomplete\n        {...omit(props, ['InputProps', 'isNullable', 'isOpenedFromParent'])}\n        PopperComponent={PopperComponent}\n        disableClearable={disableClearable}\n        onOpen={handleSearchOpen}\n        onClose={handleSearchClose}\n        open={isOpenedFromParent ?? isOpened}\n        onChange={handleAutocompleteChange}\n        forcePopupIcon={AutocompleteProps.forcePopupIcon}\n        fullWidth\n        disabled={disabled}\n        value={value}\n        classes={autocompleteClasses}\n        renderInput={renderInput}\n        loading={loading}\n        options={autocompleteOptions}\n        renderGroup={renderGroup}\n        disableCloseOnSelect={multiple}\n        multiple={multiple}\n        renderOption={renderCustomOption || renderOption}\n        groupBy={isGrouped ? groupBy : undefined}\n        PaperComponent={PaperComponent}\n        ListboxComponent={ListboxComponent}\n        inputValue={inputValue}\n        getOptionLabel={getOptionLabel}\n        getOptionDisabled={AutocompleteProps?.getOptionDisabled}\n        onInputChange={handleInputChange}\n        loadingText={<div className={styles.label}>Loading ...</div>}\n        noOptionsText={<div className={styles.label}>{noOptionsText}</div>}\n        ListboxProps={ListboxProps}\n        onFocus={handleRootFocus}\n      />\n    </PaperContext.Provider>\n  );\n};\n\nSearch.Groups = Groups;\n\nexport default Search;\n"],"names":["initialPopperProps","Search","_ref","_ref$AutocompleteProp","AutocompleteProps","value","_ref$disableClearable","disableClearable","onChange","onInputChange","_ref$loading","loading","_ref$options","options","optionSize","_ref$placeholder","placeholder","_ref$onGroupChange","onGroupChange","_ref$disabled","disabled","disableResetOnGroupChange","_ref$multiple","multiple","_ref$groups","groups","GroupsComponent","_ref$recentSearchesMa","recentSearchesMaxCount","_ref$dataStorageKey","dataStorageKey","RecentSearchesComponent","_ref$dataStorage","dataStorage","sessionStorage","onInputReset","_ref$getOptionLabel","getOptionLabel","option","label","_ref$TextFieldProps","TextFieldProps","endAdornment","ListboxProps","_ref$onInputChangeCal","onInputChangeCallback","renderCustomOption","_ref$isHiddenAllOptio","isHiddenAllOption","_ref$isHiddenAllLabel","isHiddenAllLabel","_ref$onOpen","onOpen","noop","selectedGroup","_ref$onGroupReset","onGroupReset","_ref$onClose","onClose","_ref$popperProps","popperProps","paperFooter","_ref$noOptionsText","noOptionsText","_ref$ListboxComponent","ListboxComponent","Listbox","_ref$isPrioritizedSel","isPrioritizedSelectedOptions","_ref$isOpenedFromPare","isOpenedFromParent","undefined","onFocus","InputProps","_ref$classes","classes","popupIcon","shouldResetInputOnAutocompleteChange","props","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","debouncedInputValue","setDebouncedInputValue","_useState6","_useState5","isOpened","setIsOpened","_useState8","_useState7","isSelectedLabelExpanded","setIsSelectedLabelExpanded","inputRef","useRef","paperRef","_useAutocompletOption","useAutocompletOptions","autocompleteOptions","isGrouped","handleAutocompleOptionsUpdate","styles","useStyles","popper","listbox","popupIndicator","popupIndicatorOpen","groupChipClassName","groupChip","restClasses","_excluded2","autocompleteClasses","_objectSpread","classNames","handleInputReset","onDebouncedInputChange","useCallback","debounce","handleSelectedGroupChange","selectedGroupId","find","_ref3","id","handleKeyDown","event","length","code","stopPropagation","useEffect","_inputRef$current","_inputRef$current2","current","focus","setSelectionRange","valueLength","Array","isArray","allSelected","someSelected","onAllSelectClick","getOptionDisabled","handleSearchClose","evt","reason","_paperRef$current","focusEvt","relatedTarget","contains","handleSelectedOptionClick","getSelectedLabel","name","_jsx","children","MiddleTruncatedText","concat","isEmptyOptions","isEmpty","paperContext","useMemo","onOutsideClick","AllSelectComponent","SelectAllListItem","className","selectAllCheckbox","onClick","title","Icon","TimeIcon","maxCount","isHidden","onGroupClick","PaperComponent","_ref6","paperProps","_excluded6","_jsxs","Paper","ref","PopperComponent","style","restPopperProps","_excluded7","Popper","placement","PaperContext","Provider","Autocomplete","omit","e","open","selected","forcePopupIcon","fullWidth","renderInput","muiProps","_mUIInputProps$endAdo","_mUIInputProps$endAdo2","_mUIInputProps$endAdo3","_useState10","_useState9","isFocused","setIsFocused","mUIInputProps","mUIinputProps","inputProps","restMuiProps","_excluded3","defaultEndAdornment","cloneElement","slice","onMouseDown","onMouseUp","isNeedExpandInput","isInputLabelShrink","startAdornment","_ref5$classes","_ref5","_ref5$classes$input","input","inputClasses","restInputClasses","_excluded4","restInputProps","_excluded5","TextField","onBlur","onKeyDown","root","searchInput","padding","InputLabelProps","shrink","inputShrinked","inputExpanded","paddingRight","paddingBottom","_Fragment","Chip","variant","selectedGroupLabel","CloseSmallIcon","size","removeIcon","selectedLabel","selectedLabelExpanded","InputAdornment","_defineProperty","removeIconWithDropdown","position","CircularProgress","color","IconButton","iconButton","tooltipProps","closeIcon","renderGroup","_ref4","key","group","Tooltip","TransitionComponent","Fade","TransitionProps","timeout","enterDelay","disableCloseOnSelect","renderOption","state","_option$label","Checkbox","disableRipple","checkbox","checked","optionLabelContainer","MenuItem","menuItem","groupBy","_ref2","_event","newInputValue","prevValue","loadingText","Groups"],"mappings":"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"}

package/components/Select/SelectFilterBy.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{makeStyles as s,InputAdornment as c}from"@material-ui/core";import{LayersIcon as i}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import n from"./index.js";import{jsx as t}from"react/jsx-runtime";function r(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}var m=s((function(o){return{emptyItem:{color:o.palette.primary.text6},formControlRoot:{"&:hover":{"& .MuiFormLabel-root":{color:o.palette.primary.text6},"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main}},"& .MuiFormLabel-root":{color:o.palette.primary.text6},"& .MuiSelect-filled":{paddingLeft:0},"& .MuiSelect-select:focus":{backgroundColor:"transparent"},"& .MuiFilledInput-root":{backgroundColor:"#FFFFFF10","&:hover":{backgroundColor:"#FFFFFF20"},"&.Mui-disabled":{backgroundColor:"#FFFFFF10"}}}}})),e=function(s){var e=m();return t(n,function(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?r(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):r(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}({disableUnderline:!0,displayEmpty:!0,FormControlProps:{variant:"filled",classes:{root:e.formControlRoot}},renderValue:function(o){return o||t("span",{className:e.emptyItem,children:"None"})},startAdornment:t(c,{position:"start",children:t(i,{size:16})})},s))};export{e as SelectFilterBy};
+import o from"@babel/runtime/helpers/defineProperty";import{makeStyles as s,InputAdornment as c}from"@material-ui/core";import{LayersIcon as i}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import n from"./index.js";import{jsx as t}from"react/jsx-runtime";function r(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}var m=s((function(o){return{emptyItem:{color:o.palette.primary.text6},formControlRoot:{"&:hover":{"& .MuiFormLabel-root":{color:o.palette.primary.text6},"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main}},"& .MuiFormLabel-root":{color:o.palette.primary.text6},"& .MuiSelect-filled":{paddingLeft:0},"& .MuiSelect-select:focus":{backgroundColor:"transparent"},"& .MuiFilledInput-root":{backgroundColor:"#FFFFFF10","&:hover":{backgroundColor:"#FFFFFF20"},"&.Mui-disabled":{backgroundColor:"#FFFFFF10"}}}}})),e=function(s){var e=m();return t(n,function(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?r(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):r(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}({disableUnderline:!0,displayEmpty:!0,FormControlProps:{variant:"filled",classes:{root:e.formControlRoot}},renderValue:function(o){return o||t("span",{className:e.emptyItem,children:"None"})},startAdornment:t(c,{position:"start",children:t(i,{size:16})})},s))};export{e as SelectFilterBy};
 //# sourceMappingURL=SelectFilterBy.js.map

package/components/Select/SelectFilterBy.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectFilterBy.js","sources":["../../../src/components/Select/SelectFilterBy.tsx"],"sourcesContent":["import { InputAdornment, makeStyles } from '@material-ui/core';\nimport { LayersIcon } from '~/icons';\nimport Select from './index';\nimport { SelectProps } from './types';\n\nconst useStyles = makeStyles(theme => ({\n  emptyItem: { color: theme.palette.primary.text6 },\n  formControlRoot: {\n    '&:hover': {\n      '& .MuiFormLabel-root': { color: theme.palette.primary.text6 },\n      '& .MuiFormLabel-root.Mui-focused': { color: theme.palette.primary.main },\n    },\n    '& .MuiFormLabel-root': { color: theme.palette.primary.text6 },\n    '& .MuiSelect-filled': { paddingLeft: 0 },\n    '& .MuiSelect-select:focus': { backgroundColor: 'transparent' },\n    '& .MuiFilledInput-root': {\n      backgroundColor: '#FFFFFF10',\n      '&:hover': { backgroundColor: '#FFFFFF20' },\n      '&.Mui-disabled': { backgroundColor: '#FFFFFF10' },\n    },\n  },\n}));\n\nexport const SelectFilterBy = <T extends unknown>(props: SelectProps<T>): JSX.Element => {\n  const classes = useStyles();\n\n  return (\n    <Select\n      disableUnderline\n      displayEmpty\n      FormControlProps={{\n        variant: 'filled',\n        classes: { root: classes.formControlRoot },\n      }}\n      renderValue={(value: any) =>\n        value ? value : <span className={classes.emptyItem}>None</span>\n      }\n      startAdornment={\n        <InputAdornment position=\"start\">\n          <LayersIcon size={16} />\n        </InputAdornment>\n      }\n      {...props}\n    />\n  );\n};\n"],"names":["useStyles","makeStyles","theme","emptyItem","color","palette","primary","text6","formControlRoot","main","paddingLeft","backgroundColor","SelectFilterBy","props","classes","_jsx","Select","_objectSpread","disableUnderline","displayEmpty","FormControlProps","variant","root","renderValue","value","className","children","startAdornment","InputAdornment","position","LayersIcon","size"],"mappings":"miIAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,UAAW,CAAEC,MAAOF,EAAMG,QAAQC,QAAQC,OAC1CC,gBAAiB,CACf,UAAW,CACT,uBAAwB,CAAEJ,MAAOF,EAAMG,QAAQC,QAAQC,OACvD,mCAAoC,CAAEH,MAAOF,EAAMG,QAAQC,QAAQG,OAErE,uBAAwB,CAAEL,MAAOF,EAAMG,QAAQC,QAAQC,OACvD,sBAAuB,CAAEG,YAAa,GACtC,4BAA6B,CAAEC,gBAAiB,eAChD,yBAA0B,CACxBA,gBAAiB,YACjB,UAAW,CAAEA,gBAAiB,aAC9B,iBAAkB,CAAEA,gBAAiB,eAG1C,IAEYC,EAAiB,SAAoBC,GAChD,IAAMC,EAAUd,IAEhB,OACEe,EAACC,iWAAMC,CAAA,CACLC,kBAAgB,EAChBC,cAAY,EACZC,iBAAkB,CAChBC,QAAS,SACTP,QAAS,CAAEQ,KAAMR,EAAQN,kBAE3Be,YAAa,SAACC,GAAU,OACtBA,GAAgBT,EAAA,OAAA,CAAMU,UAAWX,EAAQX,UAAUuB,SAAA,QACpD,EACDC,eACEZ,EAACa,EAAc,CAACC,SAAS,QAAOH,SAC9BX,EAACe,EAAU,CAACC,KAAM,QAGlBlB,GAGV"}
+{"version":3,"file":"SelectFilterBy.js","sources":["../../../src/components/Select/SelectFilterBy.tsx"],"sourcesContent":["import { InputAdornment, makeStyles } from '@material-ui/core';\nimport { LayersIcon } from '~/icons';\nimport Select from './index';\nimport { SelectProps } from './types';\n\nconst useStyles = makeStyles(theme => ({\n  emptyItem: { color: theme.palette.primary.text6 },\n  formControlRoot: {\n    '&:hover': {\n      '& .MuiFormLabel-root': { color: theme.palette.primary.text6 },\n      '& .MuiFormLabel-root.Mui-focused': { color: theme.palette.primary.main },\n    },\n    '& .MuiFormLabel-root': { color: theme.palette.primary.text6 },\n    '& .MuiSelect-filled': { paddingLeft: 0 },\n    '& .MuiSelect-select:focus': { backgroundColor: 'transparent' },\n    '& .MuiFilledInput-root': {\n      backgroundColor: '#FFFFFF10',\n      '&:hover': { backgroundColor: '#FFFFFF20' },\n      '&.Mui-disabled': { backgroundColor: '#FFFFFF10' },\n    },\n  },\n}));\n\nexport const SelectFilterBy = <T extends unknown>(props: SelectProps<T>): JSX.Element => {\n  const classes = useStyles();\n\n  return (\n    <Select\n      disableUnderline\n      displayEmpty\n      FormControlProps={{\n        variant: 'filled',\n        classes: { root: classes.formControlRoot },\n      }}\n      renderValue={(value: any) =>\n        value ? value : <span className={classes.emptyItem}>None</span>\n      }\n      startAdornment={\n        <InputAdornment position=\"start\">\n          <LayersIcon size={16} />\n        </InputAdornment>\n      }\n      {...props}\n    />\n  );\n};\n"],"names":["useStyles","makeStyles","theme","emptyItem","color","palette","primary","text6","formControlRoot","main","paddingLeft","backgroundColor","SelectFilterBy","props","classes","_jsx","Select","_objectSpread","disableUnderline","displayEmpty","FormControlProps","variant","root","renderValue","value","className","children","startAdornment","InputAdornment","position","LayersIcon","size"],"mappings":"ovIAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,UAAW,CAAEC,MAAOF,EAAMG,QAAQC,QAAQC,OAC1CC,gBAAiB,CACf,UAAW,CACT,uBAAwB,CAAEJ,MAAOF,EAAMG,QAAQC,QAAQC,OACvD,mCAAoC,CAAEH,MAAOF,EAAMG,QAAQC,QAAQG,OAErE,uBAAwB,CAAEL,MAAOF,EAAMG,QAAQC,QAAQC,OACvD,sBAAuB,CAAEG,YAAa,GACtC,4BAA6B,CAAEC,gBAAiB,eAChD,yBAA0B,CACxBA,gBAAiB,YACjB,UAAW,CAAEA,gBAAiB,aAC9B,iBAAkB,CAAEA,gBAAiB,eAG1C,IAEYC,EAAiB,SAAoBC,GAChD,IAAMC,EAAUd,IAEhB,OACEe,EAACC,iWAAMC,CAAA,CACLC,kBAAgB,EAChBC,cAAY,EACZC,iBAAkB,CAChBC,QAAS,SACTP,QAAS,CAAEQ,KAAMR,EAAQN,kBAE3Be,YAAa,SAACC,GAAU,OACtBA,GAAgBT,EAAA,OAAA,CAAMU,UAAWX,EAAQX,UAAUuB,SAAA,QACpD,EACDC,eACEZ,EAACa,EAAc,CAACC,SAAS,QAAOH,SAC9BX,EAACe,EAAU,CAACC,KAAM,QAGlBlB,GAGV"}

package/components/SettingEditors/ColorEditor/index.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s}from"react";import{GithubPicker as c,ChromePicker as i}from"react-color";import{Button as n,ClickAwayListener as t}from"@material-ui/core";import{PaletteIcon as r}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import m from"./style.css.js";import{jsxs as e,jsx as u}from"react/jsx-runtime";var p=function(p){var a=p.onChange,l=p.currentValue,j=p.defaultValue,I=void 0===j?"#FF0000":j,d=p.condensed,C=p.colors,h=void 0===C?["#FF0000","#00FF00","#0000FF"]:C,F=p.lensColor,f=void 0===F?"#fff":F,v=s(!1),b=o(v,2),O=b[0],g=b[1],A=s(l||I),k=o(A,2),P=k[0],M=k[1],x=function(){return a(P)};return e("div",{className:m.colorEditor,children:[u(n,{variant:"contained",color:"primary",onClick:function(){return g(!0)},className:m.button,style:{backgroundColor:P,color:f},size:"small",children:u(r,{size:16})}),O&&u(t,{mouseEvent:"onMouseDown",touchEvent:"onTouchStart",onClickAway:function(){g(!1),x()},children:u("div",{className:m.colorEditorPickerContainer,children:d?u(c,{color:P,onChange:function(o){M(o.hex),g(!1),x()},colors:h,triangle:"hide"}):u(i,{color:P,onChange:function(o){M(o.hex),x()}})})})]})};export{p as ColorEditor,p as default};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s}from"react";import{GithubPicker as c,ChromePicker as i}from"react-color";import{Button as n,ClickAwayListener as t}from"@material-ui/core";import{PaletteIcon as r}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import m from"./style.css.js";import{jsxs as e,jsx as u}from"react/jsx-runtime";var p=function(p){var l=p.onChange,a=p.currentValue,I=p.defaultValue,j=void 0===I?"#FF0000":I,d=p.condensed,C=p.colors,h=void 0===C?["#FF0000","#00FF00","#0000FF"]:C,F=p.lensColor,f=void 0===F?"#fff":F,v=s(!1),O=o(v,2),b=O[0],g=O[1],A=s(a||j),P=o(A,2),k=P[0],M=P[1],x=function(){return l(k)};return e("div",{className:m.colorEditor,children:[u(n,{variant:"contained",color:"primary",onClick:function(){return g(!0)},className:m.button,style:{backgroundColor:k,color:f},size:"small",children:u(r,{size:16})}),b&&u(t,{mouseEvent:"onMouseDown",touchEvent:"onTouchStart",onClickAway:function(){g(!1),x()},children:u("div",{className:m.colorEditorPickerContainer,children:d?u(c,{color:k,onChange:function(o){M(o.hex),g(!1),x()},colors:h,triangle:"hide"}):u(i,{color:k,onChange:function(o){M(o.hex),x()}})})})]})};export{p as ColorEditor,p as default};
 //# sourceMappingURL=index.js.map

package/components/SettingEditors/ColorEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/SettingEditors/ColorEditor/index.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { ChromePicker, ColorResult, GithubPicker } from 'react-color';\n\nimport { Button, ClickAwayListener } from '@material-ui/core';\nimport { PaletteIcon } from '~/icons';\n\nimport styles from './style.css';\n\nexport type ColorEditorProps = {\n  onChange: (color: string) => void;\n  currentValue?: string;\n  /**\n   * @default #FF0000\n   */\n  defaultValue?: string;\n  condensed?: boolean;\n  /**\n   * Used as swatches for `condensed`\n   * @default ['#FF0000', '#00FF00', '#0000FF']\n   */\n  colors?: string[];\n  /**\n   * @default #fff\n   */\n  lensColor?: string;\n};\n\nexport const ColorEditor = ({\n  onChange,\n  currentValue,\n  defaultValue = '#FF0000',\n  condensed,\n  colors = ['#FF0000', '#00FF00', '#0000FF'],\n  lensColor = '#fff',\n}: ColorEditorProps): JSX.Element => {\n  const [isPickerOpened, setIsPickerOpened] = useState(false);\n  const [color, setColor] = useState(currentValue || defaultValue);\n\n  const handlePickerOpen = () => setIsPickerOpened(true);\n\n  const handleSave = () => onChange(color);\n\n  const handlePickerClose = () => {\n    setIsPickerOpened(false);\n    handleSave();\n  };\n\n  const handleChange = (color: ColorResult) => {\n    setColor(color.hex);\n    handleSave();\n  };\n\n  const handleChangeAndClose = (color: ColorResult) => {\n    setColor(color.hex);\n    setIsPickerOpened(false);\n    handleSave();\n  };\n\n  return (\n    <div className={styles.colorEditor}>\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        onClick={handlePickerOpen}\n        className={styles.button}\n        style={{ backgroundColor: color, color: lensColor }}\n        size=\"small\"\n      >\n        <PaletteIcon size={16} />\n      </Button>\n      {isPickerOpened && (\n        <ClickAwayListener\n          mouseEvent=\"onMouseDown\"\n          touchEvent=\"onTouchStart\"\n          onClickAway={handlePickerClose}\n        >\n          <div className={styles.colorEditorPickerContainer}>\n            {condensed ? (\n              <GithubPicker\n                color={color}\n                onChange={handleChangeAndClose}\n                colors={colors}\n                triangle=\"hide\"\n              />\n            ) : (\n              <ChromePicker color={color} onChange={handleChange} />\n            )}\n          </div>\n        </ClickAwayListener>\n      )}\n    </div>\n  );\n};\n\nexport default ColorEditor;\n"],"names":["ColorEditor","_ref","onChange","currentValue","_ref$defaultValue","defaultValue","condensed","_ref$colors","colors","_ref$lensColor","lensColor","useState","_useState2","_slicedToArray","_useState","isPickerOpened","setIsPickerOpened","_useState3","_useState4","color","setColor","handleSave","_jsxs","className","styles","colorEditor","children","_jsx","Button","variant","onClick","button","style","backgroundColor","size","PaletteIcon","ClickAwayListener","mouseEvent","touchEvent","onClickAway","colorEditorPickerContainer","GithubPicker","hex","triangle","ChromePicker"],"mappings":"woIA2BaA,IAAAA,EAAc,SAOUC,GAAA,IANnCC,IAAAA,SACAC,IAAAA,aAAYC,EAAAH,EACZI,aAAAA,aAAe,UAASD,EACxBE,IAAAA,UAASC,EAAAN,EACTO,OAAAA,aAAS,CAAC,UAAW,UAAW,WAAUD,EAAAE,EAAAR,EAC1CS,UAAAA,aAAY,OAAMD,EAE0BE,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GACxCK,EAA0BN,EAASR,GAAgBE,GAAaa,EAAAL,EAAAI,EAAA,GAAzDE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GAIhBG,EAAa,WAAH,OAASnB,EAASiB,EAAM,EAkBxC,OACEG,EAAA,MAAA,CAAKC,UAAWC,EAAOC,YAAYC,SAAA,CACjCC,EAACC,EAAM,CACLC,QAAQ,YACRV,MAAM,UACNW,QAzBmB,WAAH,OAASd,GAAkB,EAAK,EA0BhDO,UAAWC,EAAOO,OAClBC,MAAO,CAAEC,gBAAiBd,EAAOA,MAAOT,GACxCwB,KAAK,QAAOR,SAEZC,EAACQ,EAAW,CAACD,KAAM,OAEpBnB,GACCY,EAACS,EAAiB,CAChBC,WAAW,cACXC,WAAW,eACXC,YAhCkB,WACxBvB,GAAkB,GAClBK,KA8BqCK,SAE/BC,EAAA,MAAA,CAAKJ,UAAWC,EAAOgB,2BAA2Bd,SAC/CpB,EACCqB,EAACc,EAAY,CACXtB,MAAOA,EACPjB,SA5Be,SAACiB,GAC5BC,EAASD,EAAMuB,KACf1B,GAAkB,GAClBK,KA0BYb,OAAQA,EACRmC,SAAS,SAGXhB,EAACiB,EAAY,CAACzB,MAAOA,EAAOjB,SAtCnB,SAACiB,GACpBC,EAASD,EAAMuB,KACfrB,aA2CJ"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/SettingEditors/ColorEditor/index.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { ChromePicker, ColorResult, GithubPicker } from 'react-color';\n\nimport { Button, ClickAwayListener } from '@material-ui/core';\nimport { PaletteIcon } from '~/icons';\n\nimport styles from './style.css';\n\nexport type ColorEditorProps = {\n  onChange: (color: string) => void;\n  currentValue?: string;\n  /**\n   * @default #FF0000\n   */\n  defaultValue?: string;\n  condensed?: boolean;\n  /**\n   * Used as swatches for `condensed`\n   * @default ['#FF0000', '#00FF00', '#0000FF']\n   */\n  colors?: string[];\n  /**\n   * @default #fff\n   */\n  lensColor?: string;\n};\n\nexport const ColorEditor = ({\n  onChange,\n  currentValue,\n  defaultValue = '#FF0000',\n  condensed,\n  colors = ['#FF0000', '#00FF00', '#0000FF'],\n  lensColor = '#fff',\n}: ColorEditorProps): JSX.Element => {\n  const [isPickerOpened, setIsPickerOpened] = useState(false);\n  const [color, setColor] = useState(currentValue || defaultValue);\n\n  const handlePickerOpen = () => setIsPickerOpened(true);\n\n  const handleSave = () => onChange(color);\n\n  const handlePickerClose = () => {\n    setIsPickerOpened(false);\n    handleSave();\n  };\n\n  const handleChange = (color: ColorResult) => {\n    setColor(color.hex);\n    handleSave();\n  };\n\n  const handleChangeAndClose = (color: ColorResult) => {\n    setColor(color.hex);\n    setIsPickerOpened(false);\n    handleSave();\n  };\n\n  return (\n    <div className={styles.colorEditor}>\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        onClick={handlePickerOpen}\n        className={styles.button}\n        style={{ backgroundColor: color, color: lensColor }}\n        size=\"small\"\n      >\n        <PaletteIcon size={16} />\n      </Button>\n      {isPickerOpened && (\n        <ClickAwayListener\n          mouseEvent=\"onMouseDown\"\n          touchEvent=\"onTouchStart\"\n          onClickAway={handlePickerClose}\n        >\n          <div className={styles.colorEditorPickerContainer}>\n            {condensed ? (\n              <GithubPicker\n                color={color}\n                onChange={handleChangeAndClose}\n                colors={colors}\n                triangle=\"hide\"\n              />\n            ) : (\n              <ChromePicker color={color} onChange={handleChange} />\n            )}\n          </div>\n        </ClickAwayListener>\n      )}\n    </div>\n  );\n};\n\nexport default ColorEditor;\n"],"names":["ColorEditor","_ref","onChange","currentValue","_ref$defaultValue","defaultValue","condensed","_ref$colors","colors","_ref$lensColor","lensColor","useState","_useState2","_slicedToArray","_useState","isPickerOpened","setIsPickerOpened","_useState3","_useState4","color","setColor","handleSave","_jsxs","className","styles","colorEditor","children","_jsx","Button","variant","onClick","button","style","backgroundColor","size","PaletteIcon","ClickAwayListener","mouseEvent","touchEvent","onClickAway","colorEditorPickerContainer","GithubPicker","hex","triangle","ChromePicker"],"mappings":"q2IA2BaA,IAAAA,EAAc,SAOUC,GAAA,IANnCC,IAAAA,SACAC,IAAAA,aAAYC,EAAAH,EACZI,aAAAA,aAAe,UAASD,EACxBE,IAAAA,UAASC,EAAAN,EACTO,OAAAA,aAAS,CAAC,UAAW,UAAW,WAAUD,EAAAE,EAAAR,EAC1CS,UAAAA,aAAY,OAAMD,EAE0BE,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GACxCK,EAA0BN,EAASR,GAAgBE,GAAaa,EAAAL,EAAAI,EAAA,GAAzDE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GAIhBG,EAAa,WAAH,OAASnB,EAASiB,EAAM,EAkBxC,OACEG,EAAA,MAAA,CAAKC,UAAWC,EAAOC,YAAYC,SAAA,CACjCC,EAACC,EAAM,CACLC,QAAQ,YACRV,MAAM,UACNW,QAzBmB,WAAH,OAASd,GAAkB,EAAK,EA0BhDO,UAAWC,EAAOO,OAClBC,MAAO,CAAEC,gBAAiBd,EAAOA,MAAOT,GACxCwB,KAAK,QAAOR,SAEZC,EAACQ,EAAW,CAACD,KAAM,OAEpBnB,GACCY,EAACS,EAAiB,CAChBC,WAAW,cACXC,WAAW,eACXC,YAhCkB,WACxBvB,GAAkB,GAClBK,KA8BqCK,SAE/BC,EAAA,MAAA,CAAKJ,UAAWC,EAAOgB,2BAA2Bd,SAC/CpB,EACCqB,EAACc,EAAY,CACXtB,MAAOA,EACPjB,SA5Be,SAACiB,GAC5BC,EAASD,EAAMuB,KACf1B,GAAkB,GAClBK,KA0BYb,OAAQA,EACRmC,SAAS,SAGXhB,EAACiB,EAAY,CAACzB,MAAOA,EAAOjB,SAtCnB,SAACiB,GACpBC,EAASD,EAAMuB,KACfrB,aA2CJ"}

package/components/Stepper/Step/Step.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{CheckSmallIcon as c}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{Regular20 as i,Regular16 as n,Regular14 as t}from"../../Typography.js";import{Tooltip as m}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{Size as r}from"../constants.js";import{useStyles as e}from"./styles.js";import{jsxs as p,jsx as u,Fragment as l}from"react/jsx-runtime";var a,j=(o(a={},r.Large,{value:i,label:n}),o(a,r.Medium,{value:n,label:t}),a),I=function(i){var n,t,a=i.label,I=i.value,d=i.canGoBack,h=void 0===d||d,C=i.className,b=i.goBackTooltip,v=void 0===b?"Go Back":b,F=i.tooltip,O=i.onClick,k=i.size,M=void 0===k?r.Medium:k,g=i.checked,f=i.active,A=i.error,P=i.disabled,T=e(),y=j[M]||j[r.Medium],x=h&&g,D=!(x&&O||F),G=p(l,{children:[x&&v,x&&F&&p(l,{children:[u("br",{}),u("br",{})]}),F]}),S=(o(n={},r.Large,""),o(n,r.Medium,T.medium),n),B=p("div",{className:s(T.step,(t={},o(t,T.error,A),o(t,T.disabled,P),o(t,T.passed,g),o(t,T.current,f),o(t,T.hoverable,h),t),S[M],C),onClick:x?O:void 0,children:[u(y.value,{className:T.value,children:h||!g?I:u(c,{})}),u(y.label,{className:T.label,children:a})]});return D?B:u(m,{title:G,placement:"bottom",children:B})};export{I as Step};
+import o from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{CheckSmallIcon as c}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{Regular20 as i,Regular16 as n,Regular14 as t}from"../../Typography.js";import{Tooltip as m}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{Size as r}from"../constants.js";import{useStyles as e}from"./styles.js";import{jsxs as p,jsx as u,Fragment as l}from"react/jsx-runtime";var a,j=(o(a={},r.Large,{value:i,label:n}),o(a,r.Medium,{value:n,label:t}),a),I=function(i){var n,t,a=i.label,I=i.value,d=i.canGoBack,C=void 0===d||d,h=i.className,b=i.goBackTooltip,v=void 0===b?"Go Back":b,F=i.tooltip,O=i.onClick,k=i.size,M=void 0===k?r.Medium:k,P=i.checked,f=i.active,g=i.error,A=i.disabled,T=e(),y=j[M]||j[r.Medium],x=C&&P,D=!(x&&O||F),G=p(l,{children:[x&&v,x&&F&&p(l,{children:[u("br",{}),u("br",{})]}),F]}),R=(o(n={},r.Large,""),o(n,r.Medium,T.medium),n),S=p("div",{className:s(T.step,(t={},o(t,T.error,g),o(t,T.disabled,A),o(t,T.passed,P),o(t,T.current,f),o(t,T.hoverable,C),t),R[M],h),onClick:x?O:void 0,children:[u(y.value,{className:T.value,children:C||!P?I:u(c,{})}),u(y.label,{className:T.label,children:a})]});return D?S:u(m,{title:G,placement:"bottom",children:S})};export{I as Step};
 //# sourceMappingURL=Step.js.map

package/components/Stepper/Step/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sources":["../../../../src/components/Stepper/Step/Step.tsx"],"sourcesContent":["import { ComponentProps, ComponentType, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { CheckSmallIcon } from '~/icons';\nimport { Regular14, Regular16, Regular20 } from '~/components/Typography';\nimport Tooltip from '~/components/Tooltip';\n\nimport { Size } from '../constants';\nimport { useStyles } from './styles';\n\ntype Component = ComponentType<ComponentProps<typeof Regular20>>;\n\nconst sizeToComponentMap: Record<Size, { label: Component; value: Component }> = {\n  [Size.Large]: {\n    value: Regular20,\n    label: Regular16,\n  },\n  [Size.Medium]: {\n    value: Regular16,\n    label: Regular14,\n  },\n};\n\n// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this type\ntype StepProps = {\n  // Content\n  value: ReactNode;\n  label?: ReactNode;\n  tooltip?: ReactNode;\n  goBackTooltip?: ReactNode;\n\n  // State\n  checked?: boolean;\n  active?: boolean;\n  error?: boolean;\n  disabled?: boolean;\n  size?: Size;\n\n  // Utility\n  className?: string;\n  canGoBack?: boolean;\n  onClick?: () => void;\n};\n\nexport const Step = (props: StepProps) => {\n  const {\n    label,\n    value,\n    canGoBack = true,\n    className,\n    goBackTooltip = 'Go Back',\n    tooltip,\n    onClick,\n    size = Size.Medium,\n    checked,\n    active,\n    error,\n    disabled,\n  } = props;\n\n  const classes = useStyles();\n  const Components = sizeToComponentMap[size] || sizeToComponentMap[Size.Medium];\n  const goBackEnabled = canGoBack && checked;\n  const disableTooltip = (!goBackEnabled || !onClick) && !tooltip;\n\n  const tooltipContent = (\n    <>\n      {goBackEnabled && goBackTooltip}\n      {goBackEnabled && tooltip && (\n        <>\n          <br />\n          <br />\n        </>\n      )}\n      {tooltip}\n    </>\n  );\n\n  const sizeToClassMap: Record<Size, string> = {\n    [Size.Large]: '',\n    [Size.Medium]: classes.medium,\n  };\n\n  const content = (\n    <div\n      className={classNames(\n        classes.step,\n        {\n          [classes.error]: error,\n          [classes.disabled]: disabled,\n          [classes.passed]: checked,\n          [classes.current]: active,\n          [classes.hoverable]: canGoBack,\n        },\n        sizeToClassMap[size],\n        className\n      )}\n      onClick={goBackEnabled ? onClick : undefined}\n    >\n      <Components.value className={classes.value}>\n        {canGoBack || !checked ? value : <CheckSmallIcon />}\n      </Components.value>\n      <Components.label className={classes.label}>{label}</Components.label>\n    </div>\n  );\n\n  if (disableTooltip) {\n    return content;\n  }\n\n  return (\n    <Tooltip title={tooltipContent} placement=\"bottom\">\n      {content}\n    </Tooltip>\n  );\n};\n"],"names":["sizeToComponentMap","_defineProperty","_sizeToComponentMap","Size","Large","value","Regular20","label","Regular16","Medium","Regular14","Step","props","_sizeToClassMap","_classNames","_props$canGoBack","canGoBack","className","_props$goBackTooltip","goBackTooltip","tooltip","onClick","_props$size","size","checked","active","error","disabled","classes","useStyles","Components","goBackEnabled","disableTooltip","tooltipContent","_jsxs","_Fragment","children","_jsx","sizeToClassMap","medium","content","classNames","step","passed","current","hoverable","undefined","CheckSmallIcon","Tooltip","title","placement"],"mappings":"uvIAYMA,GAAwEC,EAAAC,EAAA,CAAA,EAC3EC,EAAKC,MAAQ,CACZC,MAAOC,EACPC,MAAOC,IAERL,EAAAA,EAAAA,EAAKM,OAAS,CACbJ,MAAOG,EACPD,MAAOG,IAEVR,GAuBYS,EAAO,SAACC,GAAqB,IAAAC,EAAAC,EAEtCP,EAYEK,EAZFL,MACAF,EAWEO,EAXFP,MAAKU,EAWHH,EAVFI,UAAAA,cAAgBD,EAChBE,EASEL,EATFK,UAASC,EASPN,EARFO,cAAAA,aAAgB,UAASD,EACzBE,EAOER,EAPFQ,QACAC,EAMET,EANFS,QAAOC,EAMLV,EALFW,KAAAA,OAAI,IAAAD,EAAGnB,EAAKM,OAAMa,EAClBE,EAIEZ,EAJFY,QACAC,EAGEb,EAHFa,OACAC,EAEEd,EAFFc,MACAC,EACEf,EADFe,SAGIC,EAAUC,IACVC,EAAa9B,EAAmBuB,IAASvB,EAAmBG,EAAKM,QACjEsB,EAAgBf,GAAaQ,EAC7BQ,IAAmBD,GAAkBV,GAAaD,GAElDa,EACJC,EAAAC,EAAA,CAAAC,SAAA,CACGL,GAAiBZ,EACjBY,GAAiBX,GAChBc,EAAAC,EAAA,CAAAC,SACE,CAAAC,EAAA,KAAA,CAAA,GACAA,EAAM,KAAA,CAAA,MAGTjB,KAICkB,GAAoCrC,EAAAY,EAAA,CAAA,EACvCV,EAAKC,MAAQ,IACbD,EAAAA,EAAAA,EAAKM,OAASmB,EAAQW,QACxB1B,GAEK2B,EACJN,EAAA,MAAA,CACEjB,UAAWwB,EACTb,EAAQc,eAELd,EAAQF,MAAQA,OAChBE,EAAQD,SAAWA,OACnBC,EAAQe,OAASnB,OACjBI,EAAQgB,QAAUnB,OAClBG,EAAQiB,UAAY7B,MAEvBsB,EAAef,GACfN,GAEFI,QAASU,EAAgBV,OAAUyB,EAAUV,SAE7C,CAAAC,EAACP,EAAWzB,MAAK,CAACY,UAAWW,EAAQvB,MAAM+B,SACxCpB,IAAcQ,EAAUnB,EAAQgC,EAACU,EAAc,MAElDV,EAACP,EAAWvB,MAAK,CAACU,UAAWW,EAAQrB,MAAM6B,SAAE7B,OAIjD,OAAIyB,EACKQ,EAIPH,EAACW,EAAO,CAACC,MAAOhB,EAAgBiB,UAAU,SAAQd,SAC/CI,GAGP"}
+{"version":3,"file":"Step.js","sources":["../../../../src/components/Stepper/Step/Step.tsx"],"sourcesContent":["import { ComponentProps, ComponentType, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { CheckSmallIcon } from '~/icons';\nimport { Regular14, Regular16, Regular20 } from '~/components/Typography';\nimport Tooltip from '~/components/Tooltip';\n\nimport { Size } from '../constants';\nimport { useStyles } from './styles';\n\ntype Component = ComponentType<ComponentProps<typeof Regular20>>;\n\nconst sizeToComponentMap: Record<Size, { label: Component; value: Component }> = {\n  [Size.Large]: {\n    value: Regular20,\n    label: Regular16,\n  },\n  [Size.Medium]: {\n    value: Regular16,\n    label: Regular14,\n  },\n};\n\n// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this type\ntype StepProps = {\n  // Content\n  value: ReactNode;\n  label?: ReactNode;\n  tooltip?: ReactNode;\n  goBackTooltip?: ReactNode;\n\n  // State\n  checked?: boolean;\n  active?: boolean;\n  error?: boolean;\n  disabled?: boolean;\n  size?: Size;\n\n  // Utility\n  className?: string;\n  canGoBack?: boolean;\n  onClick?: () => void;\n};\n\nexport const Step = (props: StepProps) => {\n  const {\n    label,\n    value,\n    canGoBack = true,\n    className,\n    goBackTooltip = 'Go Back',\n    tooltip,\n    onClick,\n    size = Size.Medium,\n    checked,\n    active,\n    error,\n    disabled,\n  } = props;\n\n  const classes = useStyles();\n  const Components = sizeToComponentMap[size] || sizeToComponentMap[Size.Medium];\n  const goBackEnabled = canGoBack && checked;\n  const disableTooltip = (!goBackEnabled || !onClick) && !tooltip;\n\n  const tooltipContent = (\n    <>\n      {goBackEnabled && goBackTooltip}\n      {goBackEnabled && tooltip && (\n        <>\n          <br />\n          <br />\n        </>\n      )}\n      {tooltip}\n    </>\n  );\n\n  const sizeToClassMap: Record<Size, string> = {\n    [Size.Large]: '',\n    [Size.Medium]: classes.medium,\n  };\n\n  const content = (\n    <div\n      className={classNames(\n        classes.step,\n        {\n          [classes.error]: error,\n          [classes.disabled]: disabled,\n          [classes.passed]: checked,\n          [classes.current]: active,\n          [classes.hoverable]: canGoBack,\n        },\n        sizeToClassMap[size],\n        className\n      )}\n      onClick={goBackEnabled ? onClick : undefined}\n    >\n      <Components.value className={classes.value}>\n        {canGoBack || !checked ? value : <CheckSmallIcon />}\n      </Components.value>\n      <Components.label className={classes.label}>{label}</Components.label>\n    </div>\n  );\n\n  if (disableTooltip) {\n    return content;\n  }\n\n  return (\n    <Tooltip title={tooltipContent} placement=\"bottom\">\n      {content}\n    </Tooltip>\n  );\n};\n"],"names":["sizeToComponentMap","_defineProperty","_sizeToComponentMap","Size","Large","value","Regular20","label","Regular16","Medium","Regular14","Step","props","_sizeToClassMap","_classNames","_props$canGoBack","canGoBack","className","_props$goBackTooltip","goBackTooltip","tooltip","onClick","_props$size","size","checked","active","error","disabled","classes","useStyles","Components","goBackEnabled","disableTooltip","tooltipContent","_jsxs","_Fragment","children","_jsx","sizeToClassMap","medium","content","classNames","step","passed","current","hoverable","undefined","CheckSmallIcon","Tooltip","title","placement"],"mappings":"o9IAYMA,GAAwEC,EAAAC,EAAA,CAAA,EAC3EC,EAAKC,MAAQ,CACZC,MAAOC,EACPC,MAAOC,IAERL,EAAAA,EAAAA,EAAKM,OAAS,CACbJ,MAAOG,EACPD,MAAOG,IAEVR,GAuBYS,EAAO,SAACC,GAAqB,IAAAC,EAAAC,EAEtCP,EAYEK,EAZFL,MACAF,EAWEO,EAXFP,MAAKU,EAWHH,EAVFI,UAAAA,cAAgBD,EAChBE,EASEL,EATFK,UAASC,EASPN,EARFO,cAAAA,aAAgB,UAASD,EACzBE,EAOER,EAPFQ,QACAC,EAMET,EANFS,QAAOC,EAMLV,EALFW,KAAAA,OAAI,IAAAD,EAAGnB,EAAKM,OAAMa,EAClBE,EAIEZ,EAJFY,QACAC,EAGEb,EAHFa,OACAC,EAEEd,EAFFc,MACAC,EACEf,EADFe,SAGIC,EAAUC,IACVC,EAAa9B,EAAmBuB,IAASvB,EAAmBG,EAAKM,QACjEsB,EAAgBf,GAAaQ,EAC7BQ,IAAmBD,GAAkBV,GAAaD,GAElDa,EACJC,EAAAC,EAAA,CAAAC,SAAA,CACGL,GAAiBZ,EACjBY,GAAiBX,GAChBc,EAAAC,EAAA,CAAAC,SACE,CAAAC,EAAA,KAAA,CAAA,GACAA,EAAM,KAAA,CAAA,MAGTjB,KAICkB,GAAoCrC,EAAAY,EAAA,CAAA,EACvCV,EAAKC,MAAQ,IACbD,EAAAA,EAAAA,EAAKM,OAASmB,EAAQW,QACxB1B,GAEK2B,EACJN,EAAA,MAAA,CACEjB,UAAWwB,EACTb,EAAQc,eAELd,EAAQF,MAAQA,OAChBE,EAAQD,SAAWA,OACnBC,EAAQe,OAASnB,OACjBI,EAAQgB,QAAUnB,OAClBG,EAAQiB,UAAY7B,MAEvBsB,EAAef,GACfN,GAEFI,QAASU,EAAgBV,OAAUyB,EAAUV,SAE7C,CAAAC,EAACP,EAAWzB,MAAK,CAACY,UAAWW,EAAQvB,MAAM+B,SACxCpB,IAAcQ,EAAUnB,EAAQgC,EAACU,EAAc,MAElDV,EAACP,EAAWvB,MAAK,CAACU,UAAWW,EAAQrB,MAAM6B,SAAE7B,OAIjD,OAAIyB,EACKQ,EAIPH,EAACW,EAAO,CAACC,MAAOhB,EAAgBiB,UAAU,SAAQd,SAC/CI,GAGP"}

package/components/Table/TableCell/TableCell.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import c from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as i,useState as n,useMemo as t}from"react";import{makeStyles as e,TableCell as r}from"@material-ui/core";import m from"classnames";import l from"../../IconButton/index.js";import{Tooltip as p}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{LeftIcon as a,RightIcon as u}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as j,jsx as d}from"react/jsx-runtime";var I=["isExpanded","setIsExpanded","tooltipTitle","collapsibleHeader","collapsibleBody","maxCellWidth","cellWidth","maxCharsNumberFromStart","maxCharsNumberFromEnd","children","stickyCell","emptyCell","className"];function b(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function C(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?b(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):b(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var h=e((function(o){return{stickyCell:{position:"sticky",left:0,zIndex:2,background:o.palette.background.b4},stickyEmptyCell:{position:"sticky",right:0,zIndex:2},collapseHeader:{width:"var(--corvaui-tableCell-cellWidth)"},tableCellWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"var(--corvaui-tableCell-cellWidth)"},iconButton:{padding:0,fontSize:16,"&:hover":{backgroundColor:"transparent"}}}})),y=i((function(o,i){var e,b,y,f=o.isExpanded,O=o.setIsExpanded,v=o.tooltipTitle,g=o.collapsibleHeader,k=o.collapsibleBody,x=o.maxCellWidth,F=o.cellWidth,P=o.maxCharsNumberFromStart,E=o.maxCharsNumberFromEnd,N=o.children,W=o.stickyCell,A=o.emptyCell,S=o.className,T=c(o,I),D=W&&!A,M=h(),w=n(!1),z=s(w,2),B=z[0],H=z[1],R=t((function(){var o,s;return C(C({},T.style),{},{"--corvaui-tableCell-cellWidth":(s=null!==(o=f?x:F)&&void 0!==o?o:0,Number.isNaN(Number(s))?s:"".concat(s,"px"))})}),[f,F,x,T.style]);return j(r,C(C({},T),{},{className:m(g&&M.collapseHeader,D&&M.stickyCell,A&&M.stickyEmptyCell,D&&"stickyCell",A&&"stickyEmptyCell",S),ref:i,style:R,children:[g&&j("div",{className:M.tableCellWrapper,children:[N,d(l,{className:M.iconButton,size:"small",onClick:function(){H(!1),null==O||O(!f)},tooltipProps:{title:f?"Collapse":"Expand",open:B,disableHoverListener:!0,onMouseEnter:function(){return H(!0)},onMouseLeave:function(){return H(!1)}},children:d(f?a:u,{size:16})})]}),k&&d(p,{title:f?"":v,children:d("div",{children:f?N:(e=null!=v?v:"",b=null!=P?P:0,y=null!=E?E:0,e.length>b+y?"".concat(e.substring(0,b)," ... ").concat(e.substring(e.length-y)):e)})}),!g&&!k&&N]}))}));export{y as TableCell};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import c from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as i,useState as n,useMemo as t}from"react";import{makeStyles as e,TableCell as r}from"@material-ui/core";import m from"classnames";import l from"../../IconButton/index.js";import{Tooltip as p}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{LeftIcon as u,RightIcon as a}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as j,jsx as d}from"react/jsx-runtime";var I=["isExpanded","setIsExpanded","tooltipTitle","collapsibleHeader","collapsibleBody","maxCellWidth","cellWidth","maxCharsNumberFromStart","maxCharsNumberFromEnd","children","stickyCell","emptyCell","className"];function b(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function C(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?b(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):b(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var h=e((function(o){return{stickyCell:{position:"sticky",left:0,zIndex:2,background:o.palette.background.b4},stickyEmptyCell:{position:"sticky",right:0,zIndex:2},collapseHeader:{width:"var(--corvaui-tableCell-cellWidth)"},tableCellWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"var(--corvaui-tableCell-cellWidth)"},iconButton:{padding:0,fontSize:16,"&:hover":{backgroundColor:"transparent"}}}})),y=i((function(o,i){var e,b,y,f=o.isExpanded,O=o.setIsExpanded,v=o.tooltipTitle,g=o.collapsibleHeader,k=o.collapsibleBody,x=o.maxCellWidth,F=o.cellWidth,P=o.maxCharsNumberFromStart,E=o.maxCharsNumberFromEnd,N=o.children,W=o.stickyCell,A=o.emptyCell,S=o.className,T=c(o,I),D=W&&!A,M=h(),w=n(!1),z=s(w,2),B=z[0],R=z[1],H=t((function(){var o,s;return C(C({},T.style),{},{"--corvaui-tableCell-cellWidth":(s=null!==(o=f?x:F)&&void 0!==o?o:0,Number.isNaN(Number(s))?s:"".concat(s,"px"))})}),[f,F,x,T.style]);return j(r,C(C({},T),{},{className:m(g&&M.collapseHeader,D&&M.stickyCell,A&&M.stickyEmptyCell,D&&"stickyCell",A&&"stickyEmptyCell",S),ref:i,style:H,children:[g&&j("div",{className:M.tableCellWrapper,children:[N,d(l,{className:M.iconButton,size:"small",onClick:function(){R(!1),null==O||O(!f)},tooltipProps:{title:f?"Collapse":"Expand",open:B,disableHoverListener:!0,onMouseEnter:function(){return R(!0)},onMouseLeave:function(){return R(!1)}},children:d(f?u:a,{size:16})})]}),k&&d(p,{title:f?"":v,children:d("div",{children:f?N:(e=null!=v?v:"",b=null!=P?P:0,y=null!=E?E:0,e.length>b+y?"".concat(e.substring(0,b)," ... ").concat(e.substring(e.length-y)):e)})}),!g&&!k&&N]}))}));export{y as TableCell};
 //# sourceMappingURL=TableCell.js.map

package/components/Table/TableCell/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useMemo, useState } from 'react';\nimport {\n  makeStyles,\n  TableCell as MUITableCell,\n  TableCellProps as MUITableCellProps,\n} from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport IconButton from '~/components/IconButton';\nimport Tooltip from '~/components/Tooltip';\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  stickyCell: {\n    position: 'sticky',\n    left: 0,\n    zIndex: 2,\n    background: theme.palette.background.b4,\n  },\n  stickyEmptyCell: {\n    position: 'sticky',\n    right: 0,\n    zIndex: 2,\n  },\n  collapseHeader: {\n    width: 'var(--corvaui-tableCell-cellWidth)',\n  },\n  tableCellWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: 'var(--corvaui-tableCell-cellWidth)',\n  },\n  iconButton: {\n    padding: 0,\n    fontSize: 16,\n    '&:hover': {\n      backgroundColor: 'transparent',\n    },\n  },\n}));\n\nconst formatWidth = (value: string | number) =>\n  !Number.isNaN(Number(value)) ? `${value}px` : value;\n\nexport type TableCellProps = {\n  /**\n   * Cell Content\n   */\n  children?: ReactNode;\n  isExpanded?: boolean;\n  setIsExpanded?: (value: boolean) => void;\n  tooltipTitle?: string;\n  collapsibleHeader?: boolean;\n  collapsibleBody?: boolean;\n  /**\n   * Cell width when expanded\n   */\n  cellWidth?: string | number;\n  /**\n   * Cell width when collapsed\n   */\n  maxCellWidth?: string | number;\n  maxCharsNumberFromStart?: number;\n  maxCharsNumberFromEnd?: number;\n  stickyCell?: boolean;\n  emptyCell?: boolean;\n  className?: string;\n  align?: 'center' | 'inherit' | 'justify' | 'left' | 'right';\n  size?: 'medium' | 'small';\n} & Omit<MUITableCellProps, 'children' | 'className' | 'align' | 'size'>;\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(\n  (\n    {\n      isExpanded,\n      setIsExpanded,\n      tooltipTitle,\n      collapsibleHeader,\n      collapsibleBody,\n      maxCellWidth,\n      cellWidth,\n      maxCharsNumberFromStart,\n      maxCharsNumberFromEnd,\n      children,\n      stickyCell,\n      emptyCell,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const isStickyCell = stickyCell && !emptyCell;\n    const classes = useStyles();\n    const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n    const getTruncatedText = (text: string) => {\n      const fromStart = maxCharsNumberFromStart ?? 0;\n      const fromEnd = maxCharsNumberFromEnd ?? 0;\n      return text.length > fromStart + fromEnd\n        ? `${text.substring(0, fromStart)} ... ${text.substring(text.length - fromEnd)}`\n        : text;\n    };\n\n    const handleArrowIconClick = () => {\n      setIsTooltipOpen(false);\n      setIsExpanded?.(!isExpanded);\n    };\n\n    const cellStyle = useMemo(\n      () => ({\n        ...props.style,\n        '--corvaui-tableCell-cellWidth': formatWidth((isExpanded ? maxCellWidth : cellWidth) ?? 0),\n      }),\n      [isExpanded, cellWidth, maxCellWidth, props.style]\n    );\n\n    return (\n      <MUITableCell\n        {...props}\n        className={classNames(\n          collapsibleHeader && classes.collapseHeader,\n          isStickyCell && classes.stickyCell,\n          emptyCell && classes.stickyEmptyCell,\n          isStickyCell && 'stickyCell',\n          emptyCell && 'stickyEmptyCell',\n          className\n        )}\n        ref={ref}\n        style={cellStyle}\n      >\n        {collapsibleHeader && (\n          <div className={classes.tableCellWrapper}>\n            {children}\n            <IconButton\n              className={classes.iconButton}\n              size=\"small\"\n              onClick={handleArrowIconClick}\n              tooltipProps={{\n                title: isExpanded ? 'Collapse' : 'Expand',\n                open: isTooltipOpen,\n                disableHoverListener: true,\n                onMouseEnter: () => setIsTooltipOpen(true),\n                onMouseLeave: () => setIsTooltipOpen(false),\n              }}\n            >\n              {isExpanded ? <LeftIcon size={16} /> : <RightIcon size={16} />}\n            </IconButton>\n          </div>\n        )}\n        {collapsibleBody && (\n          <Tooltip title={isExpanded ? '' : tooltipTitle}>\n            <div>{isExpanded ? children : getTruncatedText(tooltipTitle ?? '')}</div>\n          </Tooltip>\n        )}\n        {!collapsibleHeader && !collapsibleBody && children}\n      </MUITableCell>\n    );\n  }\n);\n"],"names":["useStyles","makeStyles","theme","stickyCell","position","left","zIndex","background","palette","b4","stickyEmptyCell","right","collapseHeader","width","tableCellWrapper","display","alignItems","justifyContent","iconButton","padding","fontSize","backgroundColor","TableCell","forwardRef","_ref","ref","text","fromStart","fromEnd","isExpanded","setIsExpanded","tooltipTitle","collapsibleHeader","collapsibleBody","maxCellWidth","cellWidth","maxCharsNumberFromStart","maxCharsNumberFromEnd","children","emptyCell","className","props","_objectWithoutProperties","_excluded","isStickyCell","classes","useState","_useState2","_slicedToArray","_useState","isTooltipOpen","setIsTooltipOpen","cellStyle","useMemo","_ref2","value","style","Number","isNaN","_jsxs","MUITableCell","_objectSpread","classNames","_jsx","IconButton","size","onClick","tooltipProps","title","open","disableHoverListener","onMouseEnter","onMouseLeave","LeftIcon","RightIcon","Tooltip","length","concat","substring"],"mappings":"4nKAYA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,WAAY,CACVC,SAAU,SACVC,KAAM,EACNC,OAAQ,EACRC,WAAYL,EAAMM,QAAQD,WAAWE,IAEvCC,gBAAiB,CACfN,SAAU,SACVO,MAAO,EACPL,OAAQ,GAEVM,eAAgB,CACdC,MAAO,sCAETC,iBAAkB,CAChBC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBJ,MAAO,sCAETK,WAAY,CACVC,QAAS,EACTC,SAAU,GACV,UAAW,CACTC,gBAAiB,gBAGtB,IAgCYC,EAAYC,GACvB,SAAAC,EAiBEC,GACG,IAKuBC,EAClBC,EACAC,EAvBNC,IAAAA,WACAC,IAAAA,cACAC,IAAAA,aACAC,IAAAA,kBACAC,IAAAA,gBACAC,IAAAA,aACAC,IAAAA,UACAC,IAAAA,wBACAC,IAAAA,sBACAC,IAAAA,SACAnC,IAAAA,WACAoC,IAAAA,UACAC,IAAAA,UACGC,EAAKC,EAAAlB,EAAAmB,GAIJC,EAAezC,IAAeoC,EAC9BM,EAAU7C,IAC0B8C,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAlDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAehCK,EAAYC,GAChB,WAAA,IAAAC,EApEeC,EAoEf,OACKd,EAAAA,EAAAA,CAAAA,EAAAA,EAAMe,OAAK,GAAA,CACd,iCAtEaD,EAsEsE,QAArC1B,EAAAA,EAAaK,EAAeC,SAAS,IAAAmB,EAAAA,EAAK,EArE7FG,OAAOC,MAAMD,OAAOF,IAAyBA,EAAZA,GAAAA,OAAAA,UAqE8D,GAE5F,CAAC1B,EAAYM,EAAWD,EAAcO,EAAMe,QAG9C,OACEG,EAACC,EAAYC,EAAAA,EAAA,GACPpB,GAAK,GAAA,CACTD,UAAWsB,EACT9B,GAAqBa,EAAQjC,eAC7BgC,GAAgBC,EAAQ1C,WACxBoC,GAAaM,EAAQnC,gBACrBkC,GAAgB,aAChBL,GAAa,kBACbC,GAEFf,IAAKA,EACL+B,MAAOJ,EAAUd,SAAA,CAEhBN,GACC2B,EAAA,MAAA,CAAKnB,UAAWK,EAAQ/B,iBAAiBwB,SACtCA,CAAAA,EACDyB,EAACC,EAAU,CACTxB,UAAWK,EAAQ3B,WACnB+C,KAAK,QACLC,QAjCmB,WAC3Bf,GAAiB,GACjBrB,SAAAA,GAAiBD,IAgCTsC,aAAc,CACZC,MAAOvC,EAAa,WAAa,SACjCwC,KAAMnB,EACNoB,sBAAsB,EACtBC,aAAc,WAAA,OAAMpB,GAAiB,EAAK,EAC1CqB,aAAc,WAAA,OAAMrB,GAAiB,EAAM,GAC3Cb,SAEYyB,EAAblC,EAAc4C,EAAyBC,EAAjB,CAACT,KAAM,UAInChC,GACC8B,EAACY,EAAO,CAACP,MAAOvC,EAAa,GAAKE,EAAaO,SAC7CyB,EAAA,MAAA,CAAAzB,SAAMT,EAAaS,GAxDDZ,EAwD6BK,QAAAA,EAAgB,GAvD/DJ,EAAYS,QAAAA,EAA2B,EACvCR,EAAUS,QAAAA,EAAyB,EAClCX,EAAKkD,OAASjD,EAAYC,EAAO,GAAAiD,OACjCnD,EAAKoD,UAAU,EAAGnD,GAAkBD,SAAAA,OAAAA,EAAKoD,UAAUpD,EAAKkD,OAAShD,IACpEF,QAsDAM,IAAsBC,GAAmBK,KAGjD"}
+{"version":3,"file":"TableCell.js","sources":["../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useMemo, useState } from 'react';\nimport {\n  makeStyles,\n  TableCell as MUITableCell,\n  TableCellProps as MUITableCellProps,\n} from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport IconButton from '~/components/IconButton';\nimport Tooltip from '~/components/Tooltip';\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  stickyCell: {\n    position: 'sticky',\n    left: 0,\n    zIndex: 2,\n    background: theme.palette.background.b4,\n  },\n  stickyEmptyCell: {\n    position: 'sticky',\n    right: 0,\n    zIndex: 2,\n  },\n  collapseHeader: {\n    width: 'var(--corvaui-tableCell-cellWidth)',\n  },\n  tableCellWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: 'var(--corvaui-tableCell-cellWidth)',\n  },\n  iconButton: {\n    padding: 0,\n    fontSize: 16,\n    '&:hover': {\n      backgroundColor: 'transparent',\n    },\n  },\n}));\n\nconst formatWidth = (value: string | number) =>\n  !Number.isNaN(Number(value)) ? `${value}px` : value;\n\nexport type TableCellProps = {\n  /**\n   * Cell Content\n   */\n  children?: ReactNode;\n  isExpanded?: boolean;\n  setIsExpanded?: (value: boolean) => void;\n  tooltipTitle?: string;\n  collapsibleHeader?: boolean;\n  collapsibleBody?: boolean;\n  /**\n   * Cell width when expanded\n   */\n  cellWidth?: string | number;\n  /**\n   * Cell width when collapsed\n   */\n  maxCellWidth?: string | number;\n  maxCharsNumberFromStart?: number;\n  maxCharsNumberFromEnd?: number;\n  stickyCell?: boolean;\n  emptyCell?: boolean;\n  className?: string;\n  align?: 'center' | 'inherit' | 'justify' | 'left' | 'right';\n  size?: 'medium' | 'small';\n} & Omit<MUITableCellProps, 'children' | 'className' | 'align' | 'size'>;\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(\n  (\n    {\n      isExpanded,\n      setIsExpanded,\n      tooltipTitle,\n      collapsibleHeader,\n      collapsibleBody,\n      maxCellWidth,\n      cellWidth,\n      maxCharsNumberFromStart,\n      maxCharsNumberFromEnd,\n      children,\n      stickyCell,\n      emptyCell,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const isStickyCell = stickyCell && !emptyCell;\n    const classes = useStyles();\n    const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n    const getTruncatedText = (text: string) => {\n      const fromStart = maxCharsNumberFromStart ?? 0;\n      const fromEnd = maxCharsNumberFromEnd ?? 0;\n      return text.length > fromStart + fromEnd\n        ? `${text.substring(0, fromStart)} ... ${text.substring(text.length - fromEnd)}`\n        : text;\n    };\n\n    const handleArrowIconClick = () => {\n      setIsTooltipOpen(false);\n      setIsExpanded?.(!isExpanded);\n    };\n\n    const cellStyle = useMemo(\n      () => ({\n        ...props.style,\n        '--corvaui-tableCell-cellWidth': formatWidth((isExpanded ? maxCellWidth : cellWidth) ?? 0),\n      }),\n      [isExpanded, cellWidth, maxCellWidth, props.style]\n    );\n\n    return (\n      <MUITableCell\n        {...props}\n        className={classNames(\n          collapsibleHeader && classes.collapseHeader,\n          isStickyCell && classes.stickyCell,\n          emptyCell && classes.stickyEmptyCell,\n          isStickyCell && 'stickyCell',\n          emptyCell && 'stickyEmptyCell',\n          className\n        )}\n        ref={ref}\n        style={cellStyle}\n      >\n        {collapsibleHeader && (\n          <div className={classes.tableCellWrapper}>\n            {children}\n            <IconButton\n              className={classes.iconButton}\n              size=\"small\"\n              onClick={handleArrowIconClick}\n              tooltipProps={{\n                title: isExpanded ? 'Collapse' : 'Expand',\n                open: isTooltipOpen,\n                disableHoverListener: true,\n                onMouseEnter: () => setIsTooltipOpen(true),\n                onMouseLeave: () => setIsTooltipOpen(false),\n              }}\n            >\n              {isExpanded ? <LeftIcon size={16} /> : <RightIcon size={16} />}\n            </IconButton>\n          </div>\n        )}\n        {collapsibleBody && (\n          <Tooltip title={isExpanded ? '' : tooltipTitle}>\n            <div>{isExpanded ? children : getTruncatedText(tooltipTitle ?? '')}</div>\n          </Tooltip>\n        )}\n        {!collapsibleHeader && !collapsibleBody && children}\n      </MUITableCell>\n    );\n  }\n);\n"],"names":["useStyles","makeStyles","theme","stickyCell","position","left","zIndex","background","palette","b4","stickyEmptyCell","right","collapseHeader","width","tableCellWrapper","display","alignItems","justifyContent","iconButton","padding","fontSize","backgroundColor","TableCell","forwardRef","_ref","ref","text","fromStart","fromEnd","isExpanded","setIsExpanded","tooltipTitle","collapsibleHeader","collapsibleBody","maxCellWidth","cellWidth","maxCharsNumberFromStart","maxCharsNumberFromEnd","children","emptyCell","className","props","_objectWithoutProperties","_excluded","isStickyCell","classes","useState","_useState2","_slicedToArray","_useState","isTooltipOpen","setIsTooltipOpen","cellStyle","useMemo","_ref2","value","style","Number","isNaN","_jsxs","MUITableCell","_objectSpread","classNames","_jsx","IconButton","size","onClick","tooltipProps","title","open","disableHoverListener","onMouseEnter","onMouseLeave","LeftIcon","RightIcon","Tooltip","length","concat","substring"],"mappings":"y1KAYA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,WAAY,CACVC,SAAU,SACVC,KAAM,EACNC,OAAQ,EACRC,WAAYL,EAAMM,QAAQD,WAAWE,IAEvCC,gBAAiB,CACfN,SAAU,SACVO,MAAO,EACPL,OAAQ,GAEVM,eAAgB,CACdC,MAAO,sCAETC,iBAAkB,CAChBC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBJ,MAAO,sCAETK,WAAY,CACVC,QAAS,EACTC,SAAU,GACV,UAAW,CACTC,gBAAiB,gBAGtB,IAgCYC,EAAYC,GACvB,SAAAC,EAiBEC,GACG,IAKuBC,EAClBC,EACAC,EAvBNC,IAAAA,WACAC,IAAAA,cACAC,IAAAA,aACAC,IAAAA,kBACAC,IAAAA,gBACAC,IAAAA,aACAC,IAAAA,UACAC,IAAAA,wBACAC,IAAAA,sBACAC,IAAAA,SACAnC,IAAAA,WACAoC,IAAAA,UACAC,IAAAA,UACGC,EAAKC,EAAAlB,EAAAmB,GAIJC,EAAezC,IAAeoC,EAC9BM,EAAU7C,IAC0B8C,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAlDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAehCK,EAAYC,GAChB,WAAA,IAAAC,EApEeC,EAoEf,OACKd,EAAAA,EAAAA,CAAAA,EAAAA,EAAMe,OAAK,GAAA,CACd,iCAtEaD,EAsEsE,QAArC1B,EAAAA,EAAaK,EAAeC,SAAS,IAAAmB,EAAAA,EAAK,EArE7FG,OAAOC,MAAMD,OAAOF,IAAyBA,EAAZA,GAAAA,OAAAA,UAqE8D,GAE5F,CAAC1B,EAAYM,EAAWD,EAAcO,EAAMe,QAG9C,OACEG,EAACC,EAAYC,EAAAA,EAAA,GACPpB,GAAK,GAAA,CACTD,UAAWsB,EACT9B,GAAqBa,EAAQjC,eAC7BgC,GAAgBC,EAAQ1C,WACxBoC,GAAaM,EAAQnC,gBACrBkC,GAAgB,aAChBL,GAAa,kBACbC,GAEFf,IAAKA,EACL+B,MAAOJ,EAAUd,SAAA,CAEhBN,GACC2B,EAAA,MAAA,CAAKnB,UAAWK,EAAQ/B,iBAAiBwB,SACtCA,CAAAA,EACDyB,EAACC,EAAU,CACTxB,UAAWK,EAAQ3B,WACnB+C,KAAK,QACLC,QAjCmB,WAC3Bf,GAAiB,GACjBrB,SAAAA,GAAiBD,IAgCTsC,aAAc,CACZC,MAAOvC,EAAa,WAAa,SACjCwC,KAAMnB,EACNoB,sBAAsB,EACtBC,aAAc,WAAA,OAAMpB,GAAiB,EAAK,EAC1CqB,aAAc,WAAA,OAAMrB,GAAiB,EAAM,GAC3Cb,SAEYyB,EAAblC,EAAc4C,EAAyBC,EAAjB,CAACT,KAAM,UAInChC,GACC8B,EAACY,EAAO,CAACP,MAAOvC,EAAa,GAAKE,EAAaO,SAC7CyB,EAAA,MAAA,CAAAzB,SAAMT,EAAaS,GAxDDZ,EAwD6BK,QAAAA,EAAgB,GAvD/DJ,EAAYS,QAAAA,EAA2B,EACvCR,EAAUS,QAAAA,EAAyB,EAClCX,EAAKkD,OAASjD,EAAYC,EAAO,GAAAiD,OACjCnD,EAAKoD,UAAU,EAAGnD,GAAkBD,SAAAA,OAAAA,EAAKoD,UAAUpD,EAAKkD,OAAShD,IACpEF,QAsDAM,IAAsBC,GAAmBK,KAGjD"}

package/components/Table/TablePaginationActions/TablePaginationActions.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c}from"react";import{makeStyles as n}from"@material-ui/core";import{LeftIcon as i,RightIcon as t}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import r from"../../IconButton/index.js";import{jsxs as m,jsx as e}from"react/jsx-runtime";var p=["backIconButtonProps","count","nextIconButtonProps","onChangePage","page","rowsPerPage"];function u(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function j(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?u(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var a=n((function(o){return{icon:{color:o.palette.primary.text6}}})),I=c((function(o,c){var n=o.backIconButtonProps,u=o.count,I=o.nextIconButtonProps,l=o.onChangePage,d=o.page,b=o.rowsPerPage,O=s(o,p),h=-1!==u&&d>=Math.ceil(u/b)-1,P=a();return m("div",j(j({ref:c},O),{},{children:[e(r,j(j({onClick:function(o){l(o,d-1)},disabled:0===d},n),{},{children:e(i,{size:"small",className:P.icon})})),e(r,j(j({onClick:function(o){l(o,d+1)},disabled:h},I),{},{children:e(t,{size:"small",className:P.icon})}))]}))}));export{I as TablePaginationActions};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c}from"react";import{makeStyles as n}from"@material-ui/core";import{LeftIcon as i,RightIcon as t}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import r from"../../IconButton/index.js";import{jsxs as m,jsx as e}from"react/jsx-runtime";var p=["backIconButtonProps","count","nextIconButtonProps","onChangePage","page","rowsPerPage"];function u(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function j(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?u(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var a=n((function(o){return{icon:{color:o.palette.primary.text6}}})),I=c((function(o,c){var n=o.backIconButtonProps,u=o.count,I=o.nextIconButtonProps,l=o.onChangePage,d=o.page,b=o.rowsPerPage,O=s(o,p),P=-1!==u&&d>=Math.ceil(u/b)-1,h=a();return m("div",j(j({ref:c},O),{},{children:[e(r,j(j({onClick:function(o){l(o,d-1)},disabled:0===d},n),{},{children:e(i,{size:"small",className:h.icon})})),e(r,j(j({onClick:function(o){l(o,d+1)},disabled:P},I),{},{children:e(t,{size:"small",className:h.icon})}))]}))}));export{I as TablePaginationActions};
 //# sourceMappingURL=TablePaginationActions.js.map

package/components/Table/TablePaginationActions/TablePaginationActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePaginationActions.js","sources":["../../../../src/components/Table/TablePaginationActions/TablePaginationActions.tsx"],"sourcesContent":["import { type MouseEvent, forwardRef } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { TablePaginationActionsProps } from '@material-ui/core/TablePagination/TablePaginationActions';\nimport { LeftIcon, RightIcon } from '~/icons';\nimport IconButton from '../../IconButton';\n\nconst useStyles = makeStyles(theme => ({\n  icon: {\n    color: theme.palette.primary.text6,\n  },\n}));\n\nexport const TablePaginationActions = forwardRef<HTMLDivElement, TablePaginationActionsProps>(\n  (props, ref) => {\n    const {\n      backIconButtonProps,\n      count,\n      nextIconButtonProps,\n      onChangePage,\n      page,\n      rowsPerPage,\n      ...other\n    } = props;\n    const isNextButtonDisabled = count !== -1 && page >= Math.ceil(count / rowsPerPage) - 1;\n\n    const classes = useStyles();\n\n    const handleBackButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onChangePage(event, page - 1);\n    };\n\n    const handleNextButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onChangePage(event, page + 1);\n    };\n\n    return (\n      <div ref={ref} {...other}>\n        <IconButton onClick={handleBackButtonClick} disabled={page === 0} {...backIconButtonProps}>\n          <LeftIcon size=\"small\" className={classes.icon} />\n        </IconButton>\n        <IconButton\n          onClick={handleNextButtonClick}\n          disabled={isNextButtonDisabled}\n          {...nextIconButtonProps}\n        >\n          <RightIcon size=\"small\" className={classes.icon} />\n        </IconButton>\n      </div>\n    );\n  }\n);\n"],"names":["useStyles","makeStyles","theme","icon","color","palette","primary","text6","TablePaginationActions","forwardRef","props","ref","backIconButtonProps","count","nextIconButtonProps","onChangePage","page","rowsPerPage","other","_excluded","isNextButtonDisabled","Math","ceil","classes","_jsxs","_objectSpread","children","_jsx","IconButton","onClick","event","disabled","LeftIcon","size","className","RightIcon"],"mappings":"+yJAMA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CACJC,MAAOF,EAAMG,QAAQC,QAAQC,OAEhC,IAEYC,EAAyBC,GACpC,SAACC,EAAOC,GACN,IACEC,EAOEF,EAPFE,oBACAC,EAMEH,EANFG,MACAC,EAKEJ,EALFI,oBACAC,EAIEL,EAJFK,aACAC,EAGEN,EAHFM,KACAC,EAEEP,EAFFO,YACGC,IACDR,EAAKS,GACHC,GAAkC,IAAXP,GAAgBG,GAAQK,KAAKC,KAAKT,EAAQI,GAAe,EAEhFM,EAAUvB,IAUhB,OACEwB,EAAA,MAAAC,EAAAA,EAAA,CAAKd,IAAKA,GAASO,GAAK,GAAA,CAAAQ,SAAA,CACtBC,EAACC,EAAUH,EAAAA,EAAA,CAACI,QAVc,SAACC,GAC7Bf,EAAae,EAAOd,EAAO,IASmBe,SAAmB,IAATf,GAAgBJ,GAAmB,GAAA,CAAAc,SACvFC,EAACK,EAAQ,CAACC,KAAK,QAAQC,UAAWX,EAAQpB,UAE5CwB,EAACC,EAAUH,EAAAA,EAAA,CACTI,QAVwB,SAACC,GAC7Bf,EAAae,EAAOd,EAAO,IAUvBe,SAAUX,GACNN,GAAmB,GAAA,CAAAY,SAEvBC,EAACQ,EAAS,CAACF,KAAK,QAAQC,UAAWX,EAAQpB,aAInD"}
+{"version":3,"file":"TablePaginationActions.js","sources":["../../../../src/components/Table/TablePaginationActions/TablePaginationActions.tsx"],"sourcesContent":["import { type MouseEvent, forwardRef } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { TablePaginationActionsProps } from '@material-ui/core/TablePagination/TablePaginationActions';\nimport { LeftIcon, RightIcon } from '~/icons';\nimport IconButton from '../../IconButton';\n\nconst useStyles = makeStyles(theme => ({\n  icon: {\n    color: theme.palette.primary.text6,\n  },\n}));\n\nexport const TablePaginationActions = forwardRef<HTMLDivElement, TablePaginationActionsProps>(\n  (props, ref) => {\n    const {\n      backIconButtonProps,\n      count,\n      nextIconButtonProps,\n      onChangePage,\n      page,\n      rowsPerPage,\n      ...other\n    } = props;\n    const isNextButtonDisabled = count !== -1 && page >= Math.ceil(count / rowsPerPage) - 1;\n\n    const classes = useStyles();\n\n    const handleBackButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onChangePage(event, page - 1);\n    };\n\n    const handleNextButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onChangePage(event, page + 1);\n    };\n\n    return (\n      <div ref={ref} {...other}>\n        <IconButton onClick={handleBackButtonClick} disabled={page === 0} {...backIconButtonProps}>\n          <LeftIcon size=\"small\" className={classes.icon} />\n        </IconButton>\n        <IconButton\n          onClick={handleNextButtonClick}\n          disabled={isNextButtonDisabled}\n          {...nextIconButtonProps}\n        >\n          <RightIcon size=\"small\" className={classes.icon} />\n        </IconButton>\n      </div>\n    );\n  }\n);\n"],"names":["useStyles","makeStyles","theme","icon","color","palette","primary","text6","TablePaginationActions","forwardRef","props","ref","backIconButtonProps","count","nextIconButtonProps","onChangePage","page","rowsPerPage","other","_excluded","isNextButtonDisabled","Math","ceil","classes","_jsxs","_objectSpread","children","_jsx","IconButton","onClick","event","disabled","LeftIcon","size","className","RightIcon"],"mappings":"4gKAMA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CACJC,MAAOF,EAAMG,QAAQC,QAAQC,OAEhC,IAEYC,EAAyBC,GACpC,SAACC,EAAOC,GACN,IACEC,EAOEF,EAPFE,oBACAC,EAMEH,EANFG,MACAC,EAKEJ,EALFI,oBACAC,EAIEL,EAJFK,aACAC,EAGEN,EAHFM,KACAC,EAEEP,EAFFO,YACGC,IACDR,EAAKS,GACHC,GAAkC,IAAXP,GAAgBG,GAAQK,KAAKC,KAAKT,EAAQI,GAAe,EAEhFM,EAAUvB,IAUhB,OACEwB,EAAA,MAAAC,EAAAA,EAAA,CAAKd,IAAKA,GAASO,GAAK,GAAA,CAAAQ,SAAA,CACtBC,EAACC,EAAUH,EAAAA,EAAA,CAACI,QAVc,SAACC,GAC7Bf,EAAae,EAAOd,EAAO,IASmBe,SAAmB,IAATf,GAAgBJ,GAAmB,GAAA,CAAAc,SACvFC,EAACK,EAAQ,CAACC,KAAK,QAAQC,UAAWX,EAAQpB,UAE5CwB,EAACC,EAAUH,EAAAA,EAAA,CACTI,QAVwB,SAACC,GAC7Bf,EAAae,EAAOd,EAAO,IAUvBe,SAAUX,GACNN,GAAmB,GAAA,CAAAY,SAEvBC,EAACQ,EAAS,CAACF,KAAK,QAAQC,UAAWX,EAAQpB,aAInD"}