@corva/ui 3.75.0-10 → 3.75.0-12

package/componentsV2/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/componentsV2/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import {\n  Autocomplete as MuiAutocomplete,\n  AutocompleteChangeReason as MuiAutocompleteChangeReason,\n  AutocompleteProps as MuiAutocompleteBaseProps,\n  AutocompleteRenderGroupParams,\n  AutocompleteRenderInputParams,\n  createFilterOptions,\n} from '@material-ui/lab';\nimport {\n  ChangeEvent,\n  ComponentType,\n  HTMLAttributes,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { MenuItemProps } from '../Menu/MenuItem';\nimport { CloseSmallIcon, DownIcon } from '../../icons';\nimport { TextInputNextProps } from '../TextInputNext';\nimport { TextInputProps } from '../TextInput';\n\nimport { AutocompleteInput } from './AutocompleteInput';\nimport { AutocompletePaper } from './AutocompletePaper';\nimport {\n  AllOptionMark,\n  AutocompleteOption,\n  CreateOptionMark,\n  InternalOption,\n  isRealOption,\n  OwnAddedOption,\n  renderOptionDefault,\n  renderSelectedValue,\n  renderSelectedValueChips,\n} from './utils';\nimport { AutocompleteMenuItem } from './AutocompleteMenuItem';\nimport { AutocompleteListBox } from './AutocompleteListBox';\n\nimport styles from './Autocomplete.scss';\nimport { Menu } from '../Menu';\n\ntype MuiAutocompleteProps<T extends AutocompleteOption> = Required<\n  MuiAutocompleteBaseProps<InternalOption<T>, boolean, false, false>\n>;\n\ntype ChangeReason =\n  | MuiAutocompleteChangeReason\n  | 'select-option-all'\n  | 'remove-option-all'\n  | 'select-only-option';\ntype AutocompletePopperProps = Omit<PopperProps, 'open' | 'anchorEl' | 'children'>;\n\ntype AutocompleteBaseProps<\n  T extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = {\n  /**\n   * Options to allow selection from. Has to be assignable to `{ id: string | number; title: string; prefix?: ReactNode; }[]`\n   */\n  options?: T[];\n  /**\n   * Selected value. If `multiple` is `false | undefined`, and the value is an array, only the first element will be used\n   *\n   * There's a [bug in TS](https://github.com/microsoft/TypeScript/issues/47599) which causes `onChange` prop\n   * to have incorrect typing if we mix T and T['id'] in `value`. Therefore, we can't use the \"correct\" typing\n   * ```\n   * value?: T['id'] | T | (T['id'] | T)[];\n   * ```\n   *\n   * You may need to provide additional typings\n   */\n  value?: string | number | T | (string | number | T)[];\n  /**\n   * If `true`, the component will support multiple selection\n   */\n  multiple?: Multiple;\n  /**\n   * Selection change handler\n   * Receives an array of options if `multiple` is `true`, a single selected option or `undefined` otherwise\n   */\n  onChange?: (\n    value: Multiple extends undefined | false ? T | undefined : T[],\n    reason: ChangeReason,\n    event?: ChangeEvent<unknown>\n  ) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  /**\n   * Controls the size of the options rendered\n   */\n  optionSize?: MenuItemProps['size'];\n  disabled?: boolean;\n  /**\n   * If exists - allows user to create own options. Called when 'Add \"whatever\"' option is selected\n   */\n  onCreate?: (title: string) => void;\n\n  prefix?: ReactNode;\n  loading?: boolean;\n  showPopupIcon?: boolean;\n  /**\n   * Controls the \"Clear\" button that's shown to the right if there is a value\n   */\n  clearable?: boolean;\n  /**\n   * Controls if the field should keep/gain focus after \"Clear\" button is clicked\n   */\n  focusOnClear?: boolean;\n  /**\n   * Triggered when user types something\n   */\n  onInputChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;\n  status?: TextInputNextProps['status'];\n  message?: TextInputNextProps['message'];\n  size?: TextInputNextProps['size'];\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  /**\n   * Makes internal text field readonly, effectively turning component into a simple `<select/>`\n   */\n  disableFiltering?: boolean;\n\n  renderOption?: (item: T) => ReactNode;\n  /**\n   * Message to show when there are no options\n   */\n  noOptionsMessage?: ReactNode;\n  spacing?: TextInputProps['spacing'];\n  /**\n   * Function that filters options based on input value\n   */\n  filterOptions?: (options: T[], inputValue: string) => T[];\n  /**\n   * Function that determines if an option is disabled. Used to override the default\n   * @param option\n   */\n  getOptionDisabled?: (option: T) => boolean;\n  /**\n   * If `multiple === true` shows an \"All\" option that selects/deselects all options\n   */\n  useAllOption?: boolean;\n  /**\n   * If `multiple === true` shows a \"Select Only\" button on option that selects only the corresponding option\n   */\n  useOnlyOptionButton?: boolean;\n\n  /**\n   * Used to render selected values when `multiple === true`\n   */\n  renderSelected?: (\n    data: { option: T; onDelete: MouseEventHandler }[],\n    options: { useAllOption: boolean; allOptions: T[] }\n  ) => ReactNode;\n\n  /**\n   * Defines option grouping\n   */\n  groupBy?: (option: T) => string;\n  /**\n   * Group render override\n   */\n  renderGroup?: (props: AutocompleteRenderGroupParams) => ReactNode;\n\n  /**\n   * A classname that will be applied to dropdown (`<Paper/>` component)\n   */\n  dropdownClassName?: string;\n  /**\n   * Escape hatch to customize dropdown popper behavior.\n   * `open`, `anchorEl`, and `children` are controlled internally.\n   */\n  popperProps?: Partial<AutocompletePopperProps>;\n\n  type?: 'default' | 'search';\n\n  className?: string;\n  testId?: string;\n\n  /**\n   * Escape hatch to fine-tune the styling of underlying elements\n   */\n  elementsClassNames?: TextInputNextProps['elementsClassNames'];\n\n  /** HTML attributes forwarded to the underlying input. */\n  htmlAttributes?: TextInputNextProps['htmlAttributes'];\n\n  /**\n   * Custom listbox component for rendering options (e.g., virtualized list)\n   */\n  listboxComponent?: ComponentType<HTMLAttributes<HTMLElement>>;\n\n  // TODO Remove when making next a new baseline\n  isNext?: boolean;\n};\n\nexport type AutocompleteChangeHandler<\n  Option extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = Required<AutocompleteBaseProps<Option, Multiple>>['onChange'];\n\nconst AutocompleteBase = <\n  T extends AutocompleteOption,\n  Multiple extends boolean | undefined = false\n>({\n  label,\n  options = [],\n  value,\n  onChange,\n  multiple,\n  renderOption = renderOptionDefault,\n  optionSize = 'medium',\n  showPopupIcon = true,\n  clearable = true,\n  loading,\n  noOptionsMessage,\n  filterOptions,\n  prefix,\n  disabled,\n  getOptionDisabled,\n  renderSelected = renderSelectedValue,\n  onInputChange,\n  className,\n  testId,\n  status,\n  message,\n  useAllOption = false,\n  useOnlyOptionButton = false,\n  groupBy,\n  renderGroup,\n  disableFiltering,\n  onCreate,\n  dropdownClassName,\n  popperProps,\n  placeholder,\n  focusOnClear = true,\n  listboxComponent,\n  size = 'small',\n  labelPlacement = 'top',\n  elementsClassNames,\n  htmlAttributes,\n\n  // Old props\n  type,\n  spacing,\n  isNext,\n}: AutocompleteBaseProps<T, Multiple>) => {\n  const [inputValue, setInputValue] = useState('');\n\n  const muiValue = useMemo(() => {\n    if (value === undefined || (value instanceof Array && value.length === 0)) {\n      return multiple ? [] : null;\n    }\n\n    // Array of either ids or actual values\n    const mixedValues = value instanceof Array ? value : [value];\n\n    if (multiple) {\n      const valuesArray = mixedValues.filter(value => typeof value !== 'object');\n      const objectValues = mixedValues\n        .filter(value => typeof value === 'object')\n        // MUI Autocomplete doesn't like react nodes in value, so we strip everything from the object to the bare minimum\n        .map(({ id, title }) => ({ id, title }));\n      const optionsById = options.filter(option => valuesArray.includes(option.id));\n\n      return [...optionsById, ...objectValues];\n    } else {\n      return typeof mixedValues[0] === 'object'\n        ? mixedValues[0]\n        : options.find(option => mixedValues[0] === option.id) || null;\n    }\n  }, [multiple, value, options]) as MuiAutocompleteBaseProps<T, Multiple, false, false>['value'];\n\n  const hasMultiSelected = muiValue instanceof Array && muiValue.length > 0;\n  const hasAllMultiSelected = muiValue instanceof Array && muiValue.length === options.length;\n  const defaultNoOptionsText = loading ? 'Loading  ...' : 'No options';\n  const disableClearable =\n    !clearable || !muiValue || (muiValue instanceof Array && !muiValue?.length);\n\n  const renderInput = useCallback(\n    (inputProps: AutocompleteRenderInputParams) => (\n      <AutocompleteInput\n        {...inputProps}\n        label={label}\n        loading={loading}\n        prefix={prefix}\n        status={status}\n        message={message}\n        readOnly={disableFiltering}\n        placeholder={placeholder}\n        size={size}\n        labelPlacement={labelPlacement}\n        elementsClassNames={elementsClassNames}\n        htmlAttributes={htmlAttributes}\n        // Old props\n        type={type}\n        spacing={spacing}\n        isNext={isNext}\n      />\n    ),\n    [\n      label,\n      loading,\n      prefix,\n      status,\n      message,\n      disableFiltering,\n      placeholder,\n      size,\n      labelPlacement,\n      elementsClassNames,\n      htmlAttributes,\n      type,\n      spacing,\n      isNext,\n    ]\n  );\n\n  const actualOnChange = useCallback<MuiAutocompleteProps<T>['onChange']>(\n    (event, optionOrArray, reason) => {\n      if (reason === 'clear' && !focusOnClear) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n\n      // Handling of \"Add\" option\n      if (onCreate && optionOrArray) {\n        const optionArray = optionOrArray instanceof Array ? optionOrArray : [optionOrArray];\n        const foundAddOption: OwnAddedOption | undefined = optionArray.find(\n          option => !isRealOption(option) && !!option[CreateOptionMark]\n        );\n\n        if (foundAddOption) {\n          onCreate(foundAddOption.newOptionTitle || '');\n          return;\n        }\n      }\n\n      // Handling of \"All\" option - only multiselect\n      if (multiple && optionOrArray instanceof Array) {\n        const allOptionExists = optionOrArray.some(\n          option => !isRealOption(option) && !!option[AllOptionMark]\n        );\n\n        if (allOptionExists) {\n          // Selecting \"All\"\n          if (muiValue instanceof Array && muiValue.length < options.length) {\n            onChange?.(options.filter(isRealOption) as never, reason, event);\n          }\n          // Deselecting \"All\"\n          else {\n            onChange?.([] as never, reason, event);\n          }\n          return;\n        }\n      }\n\n      onChange?.((optionOrArray || undefined) as never, reason, event);\n    },\n    [focusOnClear, onCreate, multiple, onChange, muiValue, options]\n  );\n\n  const onSelectOnly = useCallback(\n    (option: T, event: ChangeEvent<object>) =>\n      onChange?.([option] as never, 'select-only-option', event),\n    [onChange]\n  );\n\n  const actualRenderOption = useCallback<MuiAutocompleteProps<T>['renderOption']>(\n    (option: InternalOption<T>, { selected }) => {\n      if (isRealOption(option)) {\n        return (\n          <AutocompleteMenuItem\n            size={optionSize}\n            selected={selected}\n            prefix={option.prefix}\n            multiple={multiple}\n            useOnlyButton={useOnlyOptionButton}\n            option={option}\n            onSelectOnly={onSelectOnly}\n          >\n            {renderOption(option)}\n          </AutocompleteMenuItem>\n        );\n      } else if (option[AllOptionMark]) {\n        return (\n          <div className={styles.allOptionContainer}>\n            <AutocompleteMenuItem\n              size={optionSize}\n              selected={hasMultiSelected}\n              indeterminate={hasMultiSelected && !hasAllMultiSelected}\n              multiple\n            >\n              {option.title}\n            </AutocompleteMenuItem>\n            <Menu.Divider className={styles.allOptionDivider} />\n          </div>\n        );\n      } else {\n        return (\n          <AutocompleteMenuItem size={optionSize} selected={hasMultiSelected}>\n            {option.title}\n          </AutocompleteMenuItem>\n        );\n      }\n    },\n    [\n      optionSize,\n      multiple,\n      useOnlyOptionButton,\n      onSelectOnly,\n      renderOption,\n      hasMultiSelected,\n      hasAllMultiSelected,\n    ]\n  );\n\n  const actualFilterOptions = useCallback<MuiAutocompleteProps<T>['filterOptions']>(\n    (options, params): InternalOption<T>[] => {\n      const filteredOptions = filterOptions\n        ? filterOptions(options as T[], params.inputValue)\n        : createFilterOptions<T>()(options as T[], params);\n\n      // Adding \"All\" option if needed\n      const optionsWithAll =\n        useAllOption && multiple && filteredOptions.length && options.length > 1\n          ? [{ title: 'All', [AllOptionMark]: true }, ...filteredOptions]\n          : filteredOptions;\n\n      // Adding \"Add\" option if needed\n      return onCreate && params.inputValue.trim() !== ''\n        ? [\n            ...optionsWithAll,\n            {\n              title: `Add \"${params.inputValue}\"`,\n              [CreateOptionMark]: true,\n              newOptionTitle: params.inputValue,\n            },\n          ]\n        : optionsWithAll;\n    },\n    [filterOptions, onCreate, useAllOption, multiple]\n  );\n\n  const actualGetOptionDisabled = useCallback<MuiAutocompleteProps<T>['getOptionDisabled']>(\n    option => isRealOption(option) && !!getOptionDisabled?.(option),\n    [getOptionDisabled]\n  );\n\n  const getOptionLabel = useCallback<MuiAutocompleteProps<T>['getOptionLabel']>(\n    option => option.title,\n    []\n  );\n\n  const renderTags = useCallback<MuiAutocompleteProps<T>['renderTags']>(\n    (tags, getTagProps) => {\n      const tagsArray = tags.filter(isRealOption).map((option, index) => {\n        // Untyped in MUI, so we have to do it ourselves\n        const { onDelete } = getTagProps({ index }) as { onDelete: MouseEventHandler };\n        return { option, onDelete };\n      });\n\n      return renderSelected(tagsArray, { useAllOption, allOptions: options });\n    },\n    [renderSelected, useAllOption, options]\n  );\n\n  const actualOnInputChange = useCallback<MuiAutocompleteProps<T>['onInputChange']>(\n    (event, value, reason) => {\n      if (event && event.type === 'blur') {\n        setInputValue('');\n      } else if (reason !== 'reset') {\n        setInputValue(value);\n      }\n\n      if (reason !== 'reset') {\n        onInputChange?.(value, event as ChangeEvent<HTMLInputElement>);\n      }\n    },\n    [onInputChange]\n  );\n\n  const actualGroupBy = useMemo<MuiAutocompleteProps<T>['groupBy'] | undefined>(() => {\n    if (groupBy) {\n      return option => {\n        if (isRealOption(option)) {\n          return groupBy(option);\n        }\n\n        return '';\n      };\n    }\n\n    return undefined;\n  }, [groupBy]);\n\n  const classes = useMemo(() => ({ paper: dropdownClassName }), [dropdownClassName]);\n\n  const getOptionSelected = useCallback((a: InternalOption<T>, b: InternalOption<T>) => {\n    return isRealOption(a) && isRealOption(b) ? a.id === b.id : false;\n  }, []);\n\n  const Component = MuiAutocomplete<InternalOption<T>, Multiple, boolean, false>;\n\n  const PopperComponent = useCallback(\n    (props: PopperProps) => <Popper {...props} {...popperProps} />,\n    [popperProps]\n  ) as NonNullable<MuiAutocompleteProps<T>['PopperComponent']>;\n\n  return (\n    <div\n      className={classNames(\n        styles.root,\n        showPopupIcon && styles.withArrow,\n        !disableClearable && styles.withClear,\n        className\n      )}\n      data-testid={testId}\n    >\n      <Component\n        value={muiValue}\n        options={options}\n        getOptionLabel={getOptionLabel}\n        renderInput={renderInput}\n        PopperComponent={PopperComponent}\n        PaperComponent={AutocompletePaper}\n        multiple={multiple}\n        disableCloseOnSelect={multiple}\n        blurOnSelect={!multiple}\n        onChange={actualOnChange}\n        renderOption={actualRenderOption}\n        popupIcon={<DownIcon size={16} />}\n        forcePopupIcon={!!showPopupIcon}\n        closeIcon={<CloseSmallIcon size={16} />}\n        disableClearable={disableClearable}\n        clearText=\"\"\n        noOptionsText={noOptionsMessage || defaultNoOptionsText}\n        filterOptions={actualFilterOptions}\n        disabled={disabled}\n        getOptionDisabled={actualGetOptionDisabled}\n        renderTags={renderTags}\n        inputValue={multiple ? inputValue : undefined}\n        onInputChange={actualOnInputChange}\n        groupBy={actualGroupBy}\n        renderGroup={renderGroup}\n        clearOnBlur\n        selectOnFocus={!disableFiltering}\n        classes={classes}\n        getOptionSelected={getOptionSelected}\n        ListboxComponent={listboxComponent ?? AutocompleteListBox}\n      />\n    </div>\n  );\n};\n\n// Old version\n/**\n * @deprecated use `AutocompleteNext`, and see migration guide for `TextInputNext` for details\n */\nexport type AutocompleteProps<\n  T extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = Omit<\n  AutocompleteBaseProps<T, Multiple>,\n  'size' | 'labelPlacement' | 'elementsClassNames' | 'htmlAttributes' | 'isNext'\n>;\n\n/**\n * @deprecated use `AutocompleteNext`, and see migration guide for `TextInputNext` for details\n */\nexport const Autocomplete = <\n  T extends AutocompleteOption,\n  Multiple extends boolean | undefined = false\n>(\n  props: AutocompleteProps<T, Multiple>\n) => AutocompleteBase<T, Multiple>({ ...props, isNext: false });\n\n// New version\nexport type AutocompleteNextProps<\n  T extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = Omit<AutocompleteBaseProps<T, Multiple>, 'type' | 'spacing' | 'isNext'>;\n\nexport const AutocompleteNext = <\n  T extends AutocompleteOption,\n  Multiple extends boolean | undefined = false\n>(\n  props: AutocompleteNextProps<T, Multiple>\n) => AutocompleteBase<T, Multiple>({ ...props, isNext: true });\n\nAutocompleteNext.selectedValueRenderers = {\n  default: renderSelectedValue,\n  chipsMultiline: renderSelectedValueChips,\n};\n"],"names":["AutocompleteBase","_ref","label","_ref$options","options","value","onChange","multiple","_ref$renderOption","renderOption","renderOptionDefault","_ref$optionSize","optionSize","_ref$showPopupIcon","showPopupIcon","_ref$clearable","clearable","loading","noOptionsMessage","filterOptions","prefix","disabled","getOptionDisabled","_ref$renderSelected","renderSelected","renderSelectedValue","onInputChange","className","testId","status","message","_ref$useAllOption","useAllOption","_ref$useOnlyOptionBut","useOnlyOptionButton","groupBy","renderGroup","disableFiltering","onCreate","dropdownClassName","popperProps","placeholder","_ref$focusOnClear","focusOnClear","listboxComponent","_ref$size","size","_ref$labelPlacement","labelPlacement","elementsClassNames","htmlAttributes","type","spacing","isNext","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","muiValue","useMemo","undefined","Array","length","mixedValues","valuesArray","filter","_typeof","objectValues","map","_ref2","id","title","optionsById","option","includes","find","hasMultiSelected","hasAllMultiSelected","defaultNoOptionsText","disableClearable","renderInput","useCallback","inputProps","_jsx","AutocompleteInput","_objectSpread","readOnly","actualOnChange","event","optionOrArray","reason","stopPropagation","preventDefault","foundAddOption","isRealOption","CreateOptionMark","newOptionTitle","some","AllOptionMark","onSelectOnly","actualRenderOption","_ref3","selected","AutocompleteMenuItem","useOnlyButton","children","_jsxs","styles","allOptionContainer","indeterminate","Menu","Divider","allOptionDivider","actualFilterOptions","params","_ref5","filteredOptions","createFilterOptions","optionsWithAll","_defineProperty","trim","concat","_toConsumableArray","actualGetOptionDisabled","getOptionLabel","renderTags","tags","getTagProps","tagsArray","index","onDelete","allOptions","actualOnInputChange","actualGroupBy","classes","paper","getOptionSelected","a","b","Component","MuiAutocomplete","PopperComponent","props","Popper","classNames","root","withArrow","withClear","PaperComponent","AutocompletePaper","disableCloseOnSelect","blurOnSelect","popupIcon","DownIcon","forcePopupIcon","closeIcon","CloseSmallIcon","clearText","noOptionsText","clearOnBlur","selectOnFocus","ListboxComponent","AutocompleteListBox","Autocomplete","AutocompleteNext","selectedValueRenderers","default","chipsMultiline","renderSelectedValueChips"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/componentsV2/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import {\n  Autocomplete as MuiAutocomplete,\n  AutocompleteChangeReason as MuiAutocompleteChangeReason,\n  AutocompleteProps as MuiAutocompleteBaseProps,\n  AutocompleteRenderGroupParams,\n  AutocompleteRenderInputParams,\n  createFilterOptions,\n} from '@material-ui/lab';\nimport {\n  ChangeEvent,\n  ComponentType,\n  HTMLAttributes,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { MenuItemProps } from '../Menu/MenuItem';\nimport { CloseSmallIcon, DownIcon } from '../../icons';\nimport { TextInputNextProps } from '../TextInputNext';\nimport { TextInputProps } from '../TextInput';\n\nimport { AutocompleteInput } from './AutocompleteInput';\nimport { AutocompletePaper } from './AutocompletePaper';\nimport {\n  AllOptionMark,\n  AutocompleteOption,\n  CreateOptionMark,\n  InternalOption,\n  isRealOption,\n  OwnAddedOption,\n  renderOptionDefault,\n  renderSelectedValue,\n  renderSelectedValueChips,\n} from './utils';\nimport { AutocompleteMenuItem } from './AutocompleteMenuItem';\nimport { AutocompleteListBox } from './AutocompleteListBox';\n\nimport styles from './Autocomplete.scss';\nimport { Menu } from '../Menu';\n\ntype MuiAutocompleteProps<T extends AutocompleteOption> = Required<\n  MuiAutocompleteBaseProps<InternalOption<T>, boolean, false, false>\n>;\n\ntype ChangeReason =\n  | MuiAutocompleteChangeReason\n  | 'select-option-all'\n  | 'remove-option-all'\n  | 'select-only-option';\ntype AutocompletePopperProps = Omit<PopperProps, 'open' | 'anchorEl' | 'children'>;\n\ntype AutocompleteBaseProps<\n  T extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = {\n  /**\n   * Options to allow selection from. Has to be assignable to `{ id: string | number; title: string; prefix?: ReactNode; }[]`\n   */\n  options?: T[];\n  /**\n   * Selected value. If `multiple` is `false | undefined`, and the value is an array, only the first element will be used\n   *\n   * There's a [bug in TS](https://github.com/microsoft/TypeScript/issues/47599) which causes `onChange` prop\n   * to have incorrect typing if we mix T and T['id'] in `value`. Therefore, we can't use the \"correct\" typing\n   * ```\n   * value?: T['id'] | T | (T['id'] | T)[];\n   * ```\n   *\n   * You may need to provide additional typings\n   */\n  value?: string | number | T | (string | number | T)[];\n  /**\n   * If `true`, the component will support multiple selection\n   */\n  multiple?: Multiple;\n  /**\n   * Selection change handler\n   * Receives an array of options if `multiple` is `true`, a single selected option or `undefined` otherwise\n   */\n  onChange?: (\n    value: Multiple extends undefined | false ? T | undefined : T[],\n    reason: ChangeReason,\n    event?: ChangeEvent<unknown>\n  ) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  /**\n   * Controls the size of the options rendered\n   */\n  optionSize?: MenuItemProps['size'];\n  disabled?: boolean;\n  /**\n   * If exists - allows user to create own options. Called when 'Add \"whatever\"' option is selected\n   */\n  onCreate?: (title: string) => void;\n\n  prefix?: ReactNode;\n  loading?: boolean;\n  showPopupIcon?: boolean;\n  /**\n   * Controls the \"Clear\" button that's shown to the right if there is a value\n   */\n  clearable?: boolean;\n  /**\n   * Controls if the field should keep/gain focus after \"Clear\" button is clicked\n   */\n  focusOnClear?: boolean;\n  /**\n   * Triggered when user types something\n   */\n  onInputChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;\n  status?: TextInputNextProps['status'];\n  message?: TextInputNextProps['message'];\n  size?: TextInputNextProps['size'];\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  /**\n   * Makes internal text field readonly, effectively turning component into a simple `<select/>`\n   */\n  disableFiltering?: boolean;\n\n  renderOption?: (item: T) => ReactNode;\n  /**\n   * Message to show when there are no options\n   */\n  noOptionsMessage?: ReactNode;\n  spacing?: TextInputProps['spacing'];\n  /**\n   * Function that filters options based on input value\n   */\n  filterOptions?: (options: T[], inputValue: string) => T[];\n  /**\n   * Function that determines if an option is disabled. Used to override the default\n   * @param option\n   */\n  getOptionDisabled?: (option: T) => boolean;\n  /**\n   * If `multiple === true` shows an \"All\" option that selects/deselects all options\n   */\n  useAllOption?: boolean;\n  /**\n   * If `multiple === true` shows a \"Select Only\" button on option that selects only the corresponding option\n   */\n  useOnlyOptionButton?: boolean;\n\n  /**\n   * Used to render selected values when `multiple === true`\n   */\n  renderSelected?: (\n    data: { option: T; onDelete: MouseEventHandler }[],\n    options: { useAllOption: boolean; allOptions: T[] }\n  ) => ReactNode;\n\n  /**\n   * Defines option grouping\n   */\n  groupBy?: (option: T) => string;\n  /**\n   * Group render override\n   */\n  renderGroup?: (props: AutocompleteRenderGroupParams) => ReactNode;\n\n  /**\n   * A classname that will be applied to dropdown (`<Paper/>` component)\n   */\n  dropdownClassName?: string;\n  /**\n   * Escape hatch to customize dropdown popper behavior.\n   * `open`, `anchorEl`, and `children` are controlled internally.\n   */\n  popperProps?: Partial<AutocompletePopperProps>;\n\n  type?: 'default' | 'search';\n\n  className?: string;\n  testId?: string;\n\n  /**\n   * Escape hatch to fine-tune the styling of underlying elements\n   */\n  elementsClassNames?: TextInputNextProps['elementsClassNames'];\n\n  /** HTML attributes forwarded to the underlying input. */\n  htmlAttributes?: TextInputNextProps['htmlAttributes'];\n\n  /**\n   * Custom listbox component for rendering options (e.g., virtualized list)\n   */\n  listboxComponent?: ComponentType<HTMLAttributes<HTMLElement>>;\n\n  // TODO Remove when making next a new baseline\n  isNext?: boolean;\n};\n\nexport type AutocompleteChangeHandler<\n  Option extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = Required<AutocompleteBaseProps<Option, Multiple>>['onChange'];\n\nconst AutocompleteBase = <\n  T extends AutocompleteOption,\n  Multiple extends boolean | undefined = false\n>({\n  label,\n  options = [],\n  value,\n  onChange,\n  multiple,\n  renderOption = renderOptionDefault,\n  optionSize = 'medium',\n  showPopupIcon = true,\n  clearable = true,\n  loading,\n  noOptionsMessage,\n  filterOptions,\n  prefix,\n  disabled,\n  getOptionDisabled,\n  renderSelected = renderSelectedValue,\n  onInputChange,\n  className,\n  testId,\n  status,\n  message,\n  useAllOption = false,\n  useOnlyOptionButton = false,\n  groupBy,\n  renderGroup,\n  disableFiltering,\n  onCreate,\n  dropdownClassName,\n  popperProps,\n  placeholder,\n  focusOnClear = true,\n  listboxComponent,\n  size = 'small',\n  labelPlacement = 'top',\n  elementsClassNames,\n  htmlAttributes,\n\n  // Old props\n  type,\n  spacing,\n  isNext,\n}: AutocompleteBaseProps<T, Multiple>) => {\n  const [inputValue, setInputValue] = useState('');\n\n  const muiValue = useMemo(() => {\n    if (value === undefined || (value instanceof Array && value.length === 0)) {\n      return multiple ? [] : null;\n    }\n\n    // Array of either ids or actual values\n    const mixedValues = value instanceof Array ? value : [value];\n\n    if (multiple) {\n      const valuesArray = mixedValues.filter(value => typeof value !== 'object');\n      const objectValues = mixedValues\n        .filter(value => typeof value === 'object')\n        // MUI Autocomplete doesn't like react nodes in value, so we strip everything from the object to the bare minimum\n        .map(({ id, title }) => ({ id, title }));\n      const optionsById = options.filter(option => valuesArray.includes(option.id));\n\n      return [...optionsById, ...objectValues];\n    } else {\n      return typeof mixedValues[0] === 'object'\n        ? mixedValues[0]\n        : options.find(option => mixedValues[0] === option.id) || null;\n    }\n  }, [multiple, value, options]) as MuiAutocompleteBaseProps<T, Multiple, false, false>['value'];\n\n  const hasMultiSelected = muiValue instanceof Array && muiValue.length > 0;\n  const hasAllMultiSelected = muiValue instanceof Array && muiValue.length === options.length;\n  const defaultNoOptionsText = loading ? 'Loading  ...' : 'No options';\n  const disableClearable =\n    !clearable || !muiValue || (muiValue instanceof Array && !muiValue?.length);\n\n  const renderInput = useCallback(\n    (inputProps: AutocompleteRenderInputParams) => (\n      <AutocompleteInput\n        {...inputProps}\n        label={label}\n        loading={loading}\n        prefix={prefix}\n        status={status}\n        message={message}\n        readOnly={disableFiltering}\n        placeholder={placeholder}\n        size={size}\n        labelPlacement={labelPlacement}\n        elementsClassNames={elementsClassNames}\n        htmlAttributes={htmlAttributes}\n        // Old props\n        type={type}\n        spacing={spacing}\n        isNext={isNext}\n      />\n    ),\n    [\n      label,\n      loading,\n      prefix,\n      status,\n      message,\n      disableFiltering,\n      placeholder,\n      size,\n      labelPlacement,\n      elementsClassNames,\n      htmlAttributes,\n      type,\n      spacing,\n      isNext,\n    ]\n  );\n\n  const actualOnChange = useCallback<MuiAutocompleteProps<T>['onChange']>(\n    (event, optionOrArray, reason) => {\n      if (reason === 'clear' && !focusOnClear) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n\n      // Handling of \"Add\" option\n      if (onCreate && optionOrArray) {\n        const optionArray = optionOrArray instanceof Array ? optionOrArray : [optionOrArray];\n        const foundAddOption: OwnAddedOption | undefined = optionArray.find(\n          option => !isRealOption(option) && !!option[CreateOptionMark]\n        );\n\n        if (foundAddOption) {\n          onCreate(foundAddOption.newOptionTitle || '');\n          return;\n        }\n      }\n\n      // Handling of \"All\" option - only multiselect\n      if (multiple && optionOrArray instanceof Array) {\n        const allOptionExists = optionOrArray.some(\n          option => !isRealOption(option) && !!option[AllOptionMark]\n        );\n\n        if (allOptionExists) {\n          // Selecting \"All\"\n          if (muiValue instanceof Array && muiValue.length < options.length) {\n            onChange?.(options.filter(isRealOption) as never, reason, event);\n          }\n          // Deselecting \"All\"\n          else {\n            onChange?.([] as never, reason, event);\n          }\n          return;\n        }\n      }\n\n      onChange?.((optionOrArray || undefined) as never, reason, event);\n    },\n    [focusOnClear, onCreate, multiple, onChange, muiValue, options]\n  );\n\n  const onSelectOnly = useCallback(\n    (option: T, event: ChangeEvent<object>) =>\n      onChange?.([option] as never, 'select-only-option', event),\n    [onChange]\n  );\n\n  const actualRenderOption = useCallback<MuiAutocompleteProps<T>['renderOption']>(\n    (option: InternalOption<T>, { selected }) => {\n      if (isRealOption(option)) {\n        return (\n          <AutocompleteMenuItem\n            size={optionSize}\n            selected={selected}\n            prefix={option.prefix}\n            multiple={multiple}\n            useOnlyButton={useOnlyOptionButton}\n            option={option}\n            onSelectOnly={onSelectOnly}\n          >\n            {renderOption(option)}\n          </AutocompleteMenuItem>\n        );\n      } else if (option[AllOptionMark]) {\n        return (\n          <div className={styles.allOptionContainer}>\n            <AutocompleteMenuItem\n              size={optionSize}\n              selected={hasMultiSelected}\n              indeterminate={hasMultiSelected && !hasAllMultiSelected}\n              multiple\n            >\n              {option.title}\n            </AutocompleteMenuItem>\n            <Menu.Divider className={styles.allOptionDivider} />\n          </div>\n        );\n      } else {\n        return (\n          <AutocompleteMenuItem size={optionSize} selected={hasMultiSelected}>\n            {option.title}\n          </AutocompleteMenuItem>\n        );\n      }\n    },\n    [\n      optionSize,\n      multiple,\n      useOnlyOptionButton,\n      onSelectOnly,\n      renderOption,\n      hasMultiSelected,\n      hasAllMultiSelected,\n    ]\n  );\n\n  const actualFilterOptions = useCallback<MuiAutocompleteProps<T>['filterOptions']>(\n    (options, params): InternalOption<T>[] => {\n      const filteredOptions = filterOptions\n        ? filterOptions(options as T[], params.inputValue)\n        : createFilterOptions<T>()(options as T[], params);\n\n      // Adding \"All\" option if needed\n      const optionsWithAll =\n        useAllOption && multiple && filteredOptions.length && options.length > 1\n          ? [{ title: 'All', [AllOptionMark]: true }, ...filteredOptions]\n          : filteredOptions;\n\n      // Adding \"Add\" option if needed\n      return onCreate && params.inputValue.trim() !== ''\n        ? [\n            ...optionsWithAll,\n            {\n              title: `Add \"${params.inputValue}\"`,\n              [CreateOptionMark]: true,\n              newOptionTitle: params.inputValue,\n            },\n          ]\n        : optionsWithAll;\n    },\n    [filterOptions, onCreate, useAllOption, multiple]\n  );\n\n  const actualGetOptionDisabled = useCallback<MuiAutocompleteProps<T>['getOptionDisabled']>(\n    option => isRealOption(option) && !!getOptionDisabled?.(option),\n    [getOptionDisabled]\n  );\n\n  const getOptionLabel = useCallback<MuiAutocompleteProps<T>['getOptionLabel']>(\n    option => option.title,\n    []\n  );\n\n  const renderTags = useCallback<MuiAutocompleteProps<T>['renderTags']>(\n    (tags, getTagProps) => {\n      const tagsArray = tags.filter(isRealOption).map((option, index) => {\n        // Untyped in MUI, so we have to do it ourselves\n        const { onDelete } = getTagProps({ index }) as { onDelete: MouseEventHandler };\n        return { option, onDelete };\n      });\n\n      return renderSelected(tagsArray, { useAllOption, allOptions: options });\n    },\n    [renderSelected, useAllOption, options]\n  );\n\n  const actualOnInputChange = useCallback<MuiAutocompleteProps<T>['onInputChange']>(\n    (event, value, reason) => {\n      if (event && event.type === 'blur') {\n        setInputValue('');\n      } else if (reason !== 'reset') {\n        setInputValue(value);\n      }\n\n      if (reason !== 'reset') {\n        onInputChange?.(value, event as ChangeEvent<HTMLInputElement>);\n      }\n    },\n    [onInputChange]\n  );\n\n  const actualGroupBy = useMemo<MuiAutocompleteProps<T>['groupBy'] | undefined>(() => {\n    if (groupBy) {\n      return option => {\n        if (isRealOption(option)) {\n          return groupBy(option);\n        }\n\n        return '';\n      };\n    }\n\n    return undefined;\n  }, [groupBy]);\n\n  const classes = useMemo(() => ({ paper: dropdownClassName }), [dropdownClassName]);\n\n  const getOptionSelected = useCallback((a: InternalOption<T>, b: InternalOption<T>) => {\n    return isRealOption(a) && isRealOption(b) ? a.id === b.id : false;\n  }, []);\n\n  const Component = MuiAutocomplete<InternalOption<T>, Multiple, boolean, false>;\n\n  const PopperComponent = useCallback(\n    (props: PopperProps) => <Popper {...props} {...popperProps} />,\n    [popperProps]\n  ) as NonNullable<MuiAutocompleteProps<T>['PopperComponent']>;\n\n  return (\n    <div\n      className={classNames(\n        styles.root,\n        showPopupIcon && styles.withArrow,\n        !disableClearable && styles.withClear,\n        className\n      )}\n      data-testid={testId}\n    >\n      <Component\n        value={muiValue}\n        options={options}\n        getOptionLabel={getOptionLabel}\n        renderInput={renderInput}\n        PopperComponent={PopperComponent}\n        PaperComponent={AutocompletePaper}\n        multiple={multiple}\n        disableCloseOnSelect={multiple}\n        blurOnSelect={!multiple}\n        onChange={actualOnChange}\n        renderOption={actualRenderOption}\n        popupIcon={<DownIcon size={16} />}\n        forcePopupIcon={!!showPopupIcon}\n        closeIcon={<CloseSmallIcon size={16} />}\n        disableClearable={disableClearable}\n        clearText=\"\"\n        noOptionsText={noOptionsMessage || defaultNoOptionsText}\n        filterOptions={actualFilterOptions}\n        disabled={disabled}\n        getOptionDisabled={actualGetOptionDisabled}\n        renderTags={renderTags}\n        inputValue={multiple ? inputValue : undefined}\n        onInputChange={actualOnInputChange}\n        groupBy={actualGroupBy}\n        renderGroup={renderGroup}\n        clearOnBlur\n        selectOnFocus={!disableFiltering}\n        classes={classes}\n        getOptionSelected={getOptionSelected}\n        ListboxComponent={listboxComponent ?? AutocompleteListBox}\n      />\n    </div>\n  );\n};\n\n// Old version\n/**\n * @deprecated use `AutocompleteNext`, and see migration guide for `TextInputNext` for details\n */\nexport type AutocompleteProps<\n  T extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = Omit<\n  AutocompleteBaseProps<T, Multiple>,\n  'size' | 'labelPlacement' | 'elementsClassNames' | 'htmlAttributes' | 'isNext'\n>;\n\n/**\n * @deprecated use `AutocompleteNext`, and see migration guide for `TextInputNext` for details\n */\nexport const Autocomplete = <\n  T extends AutocompleteOption,\n  Multiple extends boolean | undefined = false\n>(\n  props: AutocompleteProps<T, Multiple>\n) => AutocompleteBase<T, Multiple>({ ...props, isNext: false });\n\n// New version\nexport type AutocompleteNextProps<\n  T extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = Omit<AutocompleteBaseProps<T, Multiple>, 'type' | 'spacing' | 'isNext'>;\n\nexport const AutocompleteNext = <\n  T extends AutocompleteOption,\n  Multiple extends boolean | undefined = false\n>(\n  props: AutocompleteNextProps<T, Multiple>\n) => AutocompleteBase<T, Multiple>({ ...props, isNext: true });\n\nAutocompleteNext.selectedValueRenderers = {\n  default: renderSelectedValue,\n  chipsMultiline: renderSelectedValueChips,\n};\n"],"names":["AutocompleteBase","_ref","label","_ref$options","options","value","onChange","multiple","_ref$renderOption","renderOption","renderOptionDefault","_ref$optionSize","optionSize","_ref$showPopupIcon","showPopupIcon","_ref$clearable","clearable","loading","noOptionsMessage","filterOptions","prefix","disabled","getOptionDisabled","_ref$renderSelected","renderSelected","renderSelectedValue","onInputChange","className","testId","status","message","_ref$useAllOption","useAllOption","_ref$useOnlyOptionBut","useOnlyOptionButton","groupBy","renderGroup","disableFiltering","onCreate","dropdownClassName","popperProps","placeholder","_ref$focusOnClear","focusOnClear","listboxComponent","_ref$size","size","_ref$labelPlacement","labelPlacement","elementsClassNames","htmlAttributes","type","spacing","isNext","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","muiValue","useMemo","undefined","Array","length","mixedValues","valuesArray","filter","_typeof","objectValues","map","_ref2","id","title","optionsById","option","includes","find","hasMultiSelected","hasAllMultiSelected","defaultNoOptionsText","disableClearable","renderInput","useCallback","inputProps","_jsx","AutocompleteInput","_objectSpread","readOnly","actualOnChange","event","optionOrArray","reason","stopPropagation","preventDefault","foundAddOption","isRealOption","CreateOptionMark","newOptionTitle","some","AllOptionMark","onSelectOnly","actualRenderOption","_ref3","selected","AutocompleteMenuItem","useOnlyButton","children","_jsxs","styles","allOptionContainer","indeterminate","Menu","Divider","allOptionDivider","actualFilterOptions","params","_ref5","filteredOptions","createFilterOptions","optionsWithAll","_defineProperty","trim","concat","_toConsumableArray","actualGetOptionDisabled","getOptionLabel","renderTags","tags","getTagProps","tagsArray","index","onDelete","allOptions","actualOnInputChange","actualGroupBy","classes","paper","getOptionSelected","a","b","Component","MuiAutocomplete","PopperComponent","props","Popper","classNames","root","withArrow","withClear","PaperComponent","AutocompletePaper","disableCloseOnSelect","blurOnSelect","popupIcon","DownIcon","forcePopupIcon","closeIcon","CloseSmallIcon","clearText","noOptionsText","clearOnBlur","selectOnFocus","ListboxComponent","AutocompleteListBox","Autocomplete","AutocompleteNext","selectedValueRenderers","default","chipsMultiline","renderSelectedValueChips"],"mappings":"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"}

package/componentsV2/Breadcrumbs/Breadcrumbs.js

@@ -1,2 +1,2 @@
-import o from"classnames";import{Fragment as s}from"react";import c from"./Breadcrumbs.scss.js";import{LeftIcon 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{jsxs as n,jsx as t}from"react/jsx-runtime";var m=function(m){var r=m.showBackIcon,e=m.testId,p=m.items,u=m.className,a=m.onItemClick,I=m.activeIndex;return n("nav",{className:o(c.root,u),"data-testid":e,children:[r&&p.length>0&&t("span",{className:c.item,onClick:function(){var o;return null==a?void 0:a(null==p||null===(o=p[0])||void 0===o?void 0:o.to)},children:t(i,{size:16})}),p.map((function(i,m){var r=i.className,e=i.testId,p=i.title,u=i.to;return n(s,{children:[m>0&&t("div",{className:c.separator,children:"/"}),t("span",{className:o(c.item,m===I&&c.active,r),"data-testid":e,onClick:function(){return null==a?void 0:a(u)},children:p})]},m)}))]})};export{m as Breadcrumbs};
+import o from"classnames";import{Fragment as s}from"react";import c from"./Breadcrumbs.scss.js";import{LeftIcon 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/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 n,jsx as t}from"react/jsx-runtime";var m=function(m){var r=m.showBackIcon,e=m.testId,p=m.items,u=m.className,a=m.onItemClick,I=m.activeIndex;return n("nav",{className:o(c.root,u),"data-testid":e,children:[r&&p.length>0&&t("span",{className:c.item,onClick:function(){var o;return null==a?void 0:a(null==p||null===(o=p[0])||void 0===o?void 0:o.to)},children:t(i,{size:16})}),p.map((function(i,m){var r=i.className,e=i.testId,p=i.title,u=i.to;return n(s,{children:[m>0&&t("div",{className:c.separator,children:"/"}),t("span",{className:o(c.item,m===I&&c.active,r),"data-testid":e,onClick:function(){return null==a?void 0:a(u)},children:p})]},m)}))]})};export{m as Breadcrumbs};
 //# sourceMappingURL=Breadcrumbs.js.map

package/componentsV2/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/componentsV2/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Fragment, ReactNode } from 'react';\n\nimport styles from './Breadcrumbs.scss';\n\nimport { LeftIcon } from '~/icons';\n\nexport type BreadcrumbsProps = {\n  items: {\n    title: ReactNode;\n    to?: string;\n\n    className?: string;\n    testId?: string;\n  }[];\n  onItemClick?: (to?: string) => void;\n  activeIndex?: number;\n  /**\n   * Renders a back button before items. Clicking on it will call `onItemClick` with the arguments for the first item\n   */\n  showBackIcon?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const Breadcrumbs = ({\n  showBackIcon,\n  testId,\n  items,\n  className,\n  onItemClick,\n  activeIndex,\n}: BreadcrumbsProps) => {\n  return (\n    <nav className={classNames(styles.root, className)} data-testid={testId}>\n      {showBackIcon && items.length > 0 && (\n        <span className={styles.item} onClick={() => onItemClick?.(items?.[0]?.to)}>\n          <LeftIcon size={16} />\n        </span>\n      )}\n\n      {items.map(({ className: itemClassName, testId, title, to }, index) => (\n        <Fragment key={index}>\n          {index > 0 && <div className={styles.separator}>/</div>}\n          <span\n            className={classNames(\n              styles.item,\n              index === activeIndex && styles.active,\n              itemClassName\n            )}\n            data-testid={testId}\n            onClick={() => onItemClick?.(to)}\n          >\n            {title}\n          </span>\n        </Fragment>\n      ))}\n    </nav>\n  );\n};\n"],"names":["Breadcrumbs","_ref","showBackIcon","testId","items","className","onItemClick","activeIndex","_jsxs","classNames","styles","root","children","length","_jsx","item","onClick","_items$","to","LeftIcon","size","map","index","itemClassName","title","Fragment","separator","active"],"mappings":"2xHA0BaA,IAAAA,EAAc,SAOHC,GAAA,IANtBC,IAAAA,aACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YAEA,OACEC,EAAA,MAAA,CAAKH,UAAWI,EAAWC,EAAOC,KAAMN,GAAY,cAAaF,EAAOS,SAAA,CACrEV,GAAgBE,EAAMS,OAAS,GAC9BC,EAAA,OAAA,CAAMT,UAAWK,EAAOK,KAAMC,QAAS,WAAA,IAAAC,EAAA,OAAMX,aAAAA,EAAAA,EAAcF,SAAA,QAAKa,EAALb,EAAQ,UAAR,IAAAa,OAAK,EAALA,EAAYC,GAAI,EAAAN,SACzEE,EAACK,EAAQ,CAACC,KAAM,OAInBhB,EAAMiB,KAAI,WAAkDC,GAAK,IAAzCC,IAAXlB,UAA0BF,IAAAA,OAAQqB,IAAAA,MAAON,IAAAA,GAAE,OACvDV,EAACiB,EAAQ,CAAAb,SACNU,CAAAA,EAAQ,GAAKR,EAAA,MAAA,CAAKT,UAAWK,EAAOgB,UAAUd,SAAA,MAC/CE,EAAA,OAAA,CACET,UAAWI,EACTC,EAAOK,KACPO,IAAUf,GAAeG,EAAOiB,OAChCJ,GAEF,cAAapB,EACba,QAAS,WAAA,OAAMV,eAAAA,EAAcY,EAAI,EAAAN,SAEhCY,MAXUF,EAaJ,MAInB"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/componentsV2/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Fragment, ReactNode } from 'react';\n\nimport styles from './Breadcrumbs.scss';\n\nimport { LeftIcon } from '~/icons';\n\nexport type BreadcrumbsProps = {\n  items: {\n    title: ReactNode;\n    to?: string;\n\n    className?: string;\n    testId?: string;\n  }[];\n  onItemClick?: (to?: string) => void;\n  activeIndex?: number;\n  /**\n   * Renders a back button before items. Clicking on it will call `onItemClick` with the arguments for the first item\n   */\n  showBackIcon?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const Breadcrumbs = ({\n  showBackIcon,\n  testId,\n  items,\n  className,\n  onItemClick,\n  activeIndex,\n}: BreadcrumbsProps) => {\n  return (\n    <nav className={classNames(styles.root, className)} data-testid={testId}>\n      {showBackIcon && items.length > 0 && (\n        <span className={styles.item} onClick={() => onItemClick?.(items?.[0]?.to)}>\n          <LeftIcon size={16} />\n        </span>\n      )}\n\n      {items.map(({ className: itemClassName, testId, title, to }, index) => (\n        <Fragment key={index}>\n          {index > 0 && <div className={styles.separator}>/</div>}\n          <span\n            className={classNames(\n              styles.item,\n              index === activeIndex && styles.active,\n              itemClassName\n            )}\n            data-testid={testId}\n            onClick={() => onItemClick?.(to)}\n          >\n            {title}\n          </span>\n        </Fragment>\n      ))}\n    </nav>\n  );\n};\n"],"names":["Breadcrumbs","_ref","showBackIcon","testId","items","className","onItemClick","activeIndex","_jsxs","classNames","styles","root","children","length","_jsx","item","onClick","_items$","to","LeftIcon","size","map","index","itemClassName","title","Fragment","separator","active"],"mappings":"q4HA0BaA,IAAAA,EAAc,SAOHC,GAAA,IANtBC,IAAAA,aACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YAEA,OACEC,EAAA,MAAA,CAAKH,UAAWI,EAAWC,EAAOC,KAAMN,GAAY,cAAaF,EAAOS,SAAA,CACrEV,GAAgBE,EAAMS,OAAS,GAC9BC,EAAA,OAAA,CAAMT,UAAWK,EAAOK,KAAMC,QAAS,WAAA,IAAAC,EAAA,OAAMX,aAAAA,EAAAA,EAAcF,SAAA,QAAKa,EAALb,EAAQ,UAAR,IAAAa,OAAK,EAALA,EAAYC,GAAI,EAAAN,SACzEE,EAACK,EAAQ,CAACC,KAAM,OAInBhB,EAAMiB,KAAI,WAAkDC,GAAK,IAAzCC,IAAXlB,UAA0BF,IAAAA,OAAQqB,IAAAA,MAAON,IAAAA,GAAE,OACvDV,EAACiB,EAAQ,CAAAb,SACNU,CAAAA,EAAQ,GAAKR,EAAA,MAAA,CAAKT,UAAWK,EAAOgB,UAAUd,SAAA,MAC/CE,EAAA,OAAA,CACET,UAAWI,EACTC,EAAOK,KACPO,IAAUf,GAAeG,EAAOiB,OAChCJ,GAEF,cAAapB,EACba,QAAS,WAAA,OAAMV,eAAAA,EAAcY,EAAI,EAAAN,SAEhCY,MAXUF,EAaJ,MAInB"}

package/componentsV2/ButtonLive/ButtonLive.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 i from"classnames";import{Button as n}from"../Button/Button.js";import{Tooltip as t}from"../Tooltip/Tooltip.js";import r from"./ButtonLive.scss.js";import{ArrowRightIcon as m}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{jsx as e}from"react/jsx-runtime";var p=["children","tooltip","size","className"];function u(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 j(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?u(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):u(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var a={large:r.large,medium:r.medium,small:r.small},l=c((function(o,c){var u=o.children,l=void 0===u?"Live":u,I=o.tooltip,d=void 0===I?"Go to Live data":I,b=o.size,O=void 0===b?"medium":b,h=o.className,f=s(o,p);return e(t,{title:d,disabled:!d,placement:"bottom-start",children:e(n,j(j({className:i(r.root,a[O],h),size:O,ref:c,type:"tertiary",prefix:e(m,{})},f),{},{children:l}))})}));export{l as ButtonLive};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c}from"react";import i from"classnames";import{Button as n}from"../Button/Button.js";import{Tooltip as t}from"../Tooltip/Tooltip.js";import r from"./ButtonLive.scss.js";import{ArrowRightIcon as m}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/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{jsx as e}from"react/jsx-runtime";var p=["children","tooltip","size","className"];function u(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 j(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?u(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):u(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var l={large:r.large,medium:r.medium,small:r.small},a=c((function(o,c){var u=o.children,a=void 0===u?"Live":u,I=o.tooltip,d=void 0===I?"Go to Live data":I,b=o.size,O=void 0===b?"medium":b,h=o.className,f=s(o,p);return e(t,{title:d,disabled:!d,placement:"bottom-start",children:e(n,j(j({className:i(r.root,l[O],h),size:O,ref:c,type:"tertiary",prefix:e(m,{})},f),{},{children:a}))})}));export{a as ButtonLive};
 //# sourceMappingURL=ButtonLive.js.map

package/componentsV2/ButtonLive/ButtonLive.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLive.js","sources":["../../../src/componentsV2/ButtonLive/ButtonLive.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Button } from '../Button';\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './ButtonLive.scss';\n\nimport { ArrowRightIcon } from '~/icons';\n\nexport type ButtonLiveProps = {\n  /**\n   * Content\n   */\n  children?: ReactNode;\n  size?: 'small' | 'medium' | 'large';\n  disabled?: boolean;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  tooltip?: ReactNode;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ButtonLiveProps>['size'], string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nexport const ButtonLive = forwardRef<HTMLButtonElement, ButtonLiveProps>(\n  (\n    { children = 'Live', tooltip = 'Go to Live data', size = 'medium', className, ...rest },\n    ref\n  ) => {\n    return (\n      <Tooltip title={tooltip} disabled={!tooltip} placement=\"bottom-start\">\n        <Button\n          className={classNames(styles.root, SizeToClassMap[size], className)}\n          size={size}\n          ref={ref}\n          type=\"tertiary\"\n          prefix={<ArrowRightIcon />}\n          {...rest}\n        >\n          {children}\n        </Button>\n      </Tooltip>\n    );\n  }\n);\n"],"names":["SizeToClassMap","large","styles","medium","small","ButtonLive","forwardRef","_ref","ref","_ref$children","children","_ref$tooltip","tooltip","_ref$size","size","className","rest","_objectWithoutProperties","_excluded","_jsx","Tooltip","title","disabled","placement","Button","_objectSpread","classNames","root","type","prefix","ArrowRightIcon"],"mappings":"ulJAwBA,IAAMA,EAAoE,CACxEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGHC,EAAaC,GACxB,SAAAC,EAEEC,GACG,IAAAC,EAAAF,EAFDG,SAAAA,aAAW,OAAMD,EAAAE,EAAAJ,EAAEK,QAAAA,aAAU,kBAAiBD,EAAAE,EAAAN,EAAEO,KAAAA,aAAO,SAAQD,EAAEE,IAAAA,UAAcC,EAAIC,EAAAV,EAAAW,GAGrF,OACEC,EAACC,EAAO,CAACC,MAAOT,EAASU,UAAWV,EAASW,UAAU,eAAcb,SACnES,EAACK,EAAMC,EAAAA,EAAA,CACLV,UAAWW,EAAWxB,EAAOyB,KAAM3B,EAAec,GAAOC,GACzDD,KAAMA,EACNN,IAAKA,EACLoB,KAAK,WACLC,OAAQV,EAACW,EAAc,KACnBd,GAAI,GAAA,CAAAN,SAEPA,MAIT"}
+{"version":3,"file":"ButtonLive.js","sources":["../../../src/componentsV2/ButtonLive/ButtonLive.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Button } from '../Button';\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './ButtonLive.scss';\n\nimport { ArrowRightIcon } from '~/icons';\n\nexport type ButtonLiveProps = {\n  /**\n   * Content\n   */\n  children?: ReactNode;\n  size?: 'small' | 'medium' | 'large';\n  disabled?: boolean;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  tooltip?: ReactNode;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ButtonLiveProps>['size'], string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nexport const ButtonLive = forwardRef<HTMLButtonElement, ButtonLiveProps>(\n  (\n    { children = 'Live', tooltip = 'Go to Live data', size = 'medium', className, ...rest },\n    ref\n  ) => {\n    return (\n      <Tooltip title={tooltip} disabled={!tooltip} placement=\"bottom-start\">\n        <Button\n          className={classNames(styles.root, SizeToClassMap[size], className)}\n          size={size}\n          ref={ref}\n          type=\"tertiary\"\n          prefix={<ArrowRightIcon />}\n          {...rest}\n        >\n          {children}\n        </Button>\n      </Tooltip>\n    );\n  }\n);\n"],"names":["SizeToClassMap","large","styles","medium","small","ButtonLive","forwardRef","_ref","ref","_ref$children","children","_ref$tooltip","tooltip","_ref$size","size","className","rest","_objectWithoutProperties","_excluded","_jsx","Tooltip","title","disabled","placement","Button","_objectSpread","classNames","root","type","prefix","ArrowRightIcon"],"mappings":"isJAwBA,IAAMA,EAAoE,CACxEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGHC,EAAaC,GACxB,SAAAC,EAEEC,GACG,IAAAC,EAAAF,EAFDG,SAAAA,aAAW,OAAMD,EAAAE,EAAAJ,EAAEK,QAAAA,aAAU,kBAAiBD,EAAAE,EAAAN,EAAEO,KAAAA,aAAO,SAAQD,EAAEE,IAAAA,UAAcC,EAAIC,EAAAV,EAAAW,GAGrF,OACEC,EAACC,EAAO,CAACC,MAAOT,EAASU,UAAWV,EAASW,UAAU,eAAcb,SACnES,EAACK,EAAMC,EAAAA,EAAA,CACLV,UAAWW,EAAWxB,EAAOyB,KAAM3B,EAAec,GAAOC,GACzDD,KAAMA,EACNN,IAAKA,EACLoB,KAAK,WACLC,OAAQV,EAACW,EAAc,KACnBd,GAAI,GAAA,CAAAN,SAEPA,MAIT"}

package/componentsV2/ChartAxisExtreme/ChartAxisExtreme.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"classnames";import{useState as c,useRef as i,useCallback as n,useMemo as t,useEffect as r}from"react";import{throttle as m}from"lodash";import{ChartAxisExtremeInput as e}from"./ChartAxisExtremeInput.js";import{usePositionStyles as u,defaultValueValidator as p,defaultValueFormatter as a,getDeltaDrag as l}from"./utils.js";import{ChartAxisExtremeDragTracker as j}from"./ChartAxisExtremeDragTracker.js";import I from"./ChartAxisExtreme.scss.js";import{UpIcon as d,LeftIcon as v,DownIcon as f,RightIcon as h}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 C,jsx as x}from"react/jsx-runtime";var g=function(g){var b=g.axis,A=g.testId,F=g.className,O=g.formatValue,D=g.value,y=g.dragDeltaValue,E=void 0===y?5:y,M=g.onChange,N=g.extremeType,T=g.validate,k=void 0===T?p:T,P=c(!1),z=o(P,2),S=z[0],w=z[1],R=c(),G=o(R,2),U=G[0],V=G[1],B=c(),L=o(B,2),q=L[0],W=L[1],K=c(!1),X=o(K,2),Y=X[0],Z=X[1],H=i(!1),J=i(null),Q=i(),$=Y?q:D,_=u({axis:b,extremeType:N}),oo=!b.horiz,so=O||a,co=n((function(o){return"number"==typeof E?Math.floor(o/(E||1)):E(o)}),[E]),io=n((function(o){return k(o,{axis:b,extremeType:N})}),[b,N,k]),no=n((function(){H.current=!1,w(!0)}),[]),to=n((function(){H.current=!1,w(!1)}),[]),ro=n((function(o){void 0!==o&&(null==M||M(o,{axis:b,extremeType:N})),to()}),[b,N,M,to]),mo=n((function(o){o.preventDefault(),Q.current=void 0,H.current=!0}),[]),eo=n((function(o){null==M||M(o,{axis:b,extremeType:N})}),[b,N,M]),uo=t((function(){return m((function(o){eo(o)}),300)}),[eo]),po=n((function(){H.current=!1,W(void 0),V(void 0),Z(!1),uo.flush()}),[uo]),ao=n((function(){!H.current||S||Y||(W($),V($),Z(!0))}),[Y,S,$]),lo=n((function(o){if(J.current&&b&&void 0!==U){var s;if(!Q.current)Q.current=null===(s=J.current)||void 0===s?void 0:s.getBoundingClientRect();var c=o.clientY,i=o.clientX,n=Q.current,t=n.y,r=n.height,m=n.x,e=n.width,u=oo?l(c,t,r):-l(i,m,e),p=U+co(u);io(p)&&(W(p),uo(p))}}),[io,b,co,U,oo,uo]);return r((function(){return function(){return uo.cancel()}}),[uo]),void 0!==$&&b?C("div",{className:s(I.root,F),style:_,"data-testid":A,children:[x(j,{isDragging:Y,onDragEnd:po,onDrag:lo,isVertical:oo}),C("div",{className:I.content,onMouseDown:mo,onMouseLeave:ao,onClick:no,ref:J,children:[C("div",{className:s(I.valueContainer,S&&I.isEditing,oo&&I.vertical),children:[x(oo?d:v,{size:Number(I.arrowsSize),className:I.valueArrow}),x("div",{className:I.value,children:so($)}),x(oo?f:h,{size:Number(I.arrowsSize),className:I.valueArrow})]}),x(e,{value:$,isEditing:S,onEditEnd:ro,validate:io,isVertical:oo})]})]}):null};export{g as ChartAxisExtreme};
+import o from"@babel/runtime/helpers/slicedToArray";import s from"classnames";import{useState as c,useRef as i,useCallback as n,useMemo as t,useEffect as r}from"react";import{throttle as m}from"lodash";import{ChartAxisExtremeInput as e}from"./ChartAxisExtremeInput.js";import{usePositionStyles as u,defaultValueValidator as p,defaultValueFormatter as a,getDeltaDrag as l}from"./utils.js";import{ChartAxisExtremeDragTracker as j}from"./ChartAxisExtremeDragTracker.js";import I from"./ChartAxisExtreme.scss.js";import{UpIcon as d,LeftIcon as v,DownIcon as f,RightIcon as h}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/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 C,jsx as x}from"react/jsx-runtime";var g=function(g){var F=g.axis,b=g.testId,A=g.className,O=g.formatValue,D=g.value,y=g.dragDeltaValue,E=void 0===y?5:y,M=g.onChange,N=g.extremeType,T=g.validate,k=void 0===T?p:T,P=c(!1),z=o(P,2),R=z[0],S=z[1],w=c(),G=o(w,2),U=G[0],V=G[1],B=c(),L=o(B,2),q=L[0],W=L[1],K=c(!1),X=o(K,2),Y=X[0],Z=X[1],H=i(!1),J=i(null),Q=i(),$=Y?q:D,_=u({axis:F,extremeType:N}),oo=!F.horiz,so=O||a,co=n((function(o){return"number"==typeof E?Math.floor(o/(E||1)):E(o)}),[E]),io=n((function(o){return k(o,{axis:F,extremeType:N})}),[F,N,k]),no=n((function(){H.current=!1,S(!0)}),[]),to=n((function(){H.current=!1,S(!1)}),[]),ro=n((function(o){void 0!==o&&(null==M||M(o,{axis:F,extremeType:N})),to()}),[F,N,M,to]),mo=n((function(o){o.preventDefault(),Q.current=void 0,H.current=!0}),[]),eo=n((function(o){null==M||M(o,{axis:F,extremeType:N})}),[F,N,M]),uo=t((function(){return m((function(o){eo(o)}),300)}),[eo]),po=n((function(){H.current=!1,W(void 0),V(void 0),Z(!1),uo.flush()}),[uo]),ao=n((function(){!H.current||R||Y||(W($),V($),Z(!0))}),[Y,R,$]),lo=n((function(o){if(J.current&&F&&void 0!==U){var s;if(!Q.current)Q.current=null===(s=J.current)||void 0===s?void 0:s.getBoundingClientRect();var c=o.clientY,i=o.clientX,n=Q.current,t=n.y,r=n.height,m=n.x,e=n.width,u=oo?l(c,t,r):-l(i,m,e),p=U+co(u);io(p)&&(W(p),uo(p))}}),[io,F,co,U,oo,uo]);return r((function(){return function(){return uo.cancel()}}),[uo]),void 0!==$&&F?C("div",{className:s(I.root,A),style:_,"data-testid":b,children:[x(j,{isDragging:Y,onDragEnd:po,onDrag:lo,isVertical:oo}),C("div",{className:I.content,onMouseDown:mo,onMouseLeave:ao,onClick:no,ref:J,children:[C("div",{className:s(I.valueContainer,R&&I.isEditing,oo&&I.vertical),children:[x(oo?d:v,{size:Number(I.arrowsSize),className:I.valueArrow}),x("div",{className:I.value,children:so($)}),x(oo?f:h,{size:Number(I.arrowsSize),className:I.valueArrow})]}),x(e,{value:$,isEditing:R,onEditEnd:ro,validate:io,isVertical:oo})]})]}):null};export{g as ChartAxisExtreme};
 //# sourceMappingURL=ChartAxisExtreme.js.map

package/componentsV2/ChartAxisExtreme/ChartAxisExtreme.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartAxisExtreme.js","sources":["../../../src/componentsV2/ChartAxisExtreme/ChartAxisExtreme.tsx"],"sourcesContent":["import { Axis } from 'highcharts';\nimport classNames from 'classnames';\nimport { MouseEventHandler, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { throttle } from 'lodash';\n\nimport { ChartAxisExtremeInput } from './ChartAxisExtremeInput';\nimport {\n  AxisExtremeType,\n  ChartAxisExtremeChangeHandler,\n  ChartAxisExtremeValidator,\n  defaultValueFormatter,\n  defaultValueValidator,\n  getDeltaDrag,\n  usePositionStyles,\n} from './utils';\nimport { ChartAxisExtremeDragTracker } from './ChartAxisExtremeDragTracker';\n\nimport styles from './ChartAxisExtreme.scss';\n\nimport { DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons';\n\nexport type ChartAxisExtremeProps = {\n  value: number;\n  onChange?: ChartAxisExtremeChangeHandler;\n  formatValue?: (value: number) => string | number;\n\n  axis: Axis;\n  extremeType: AxisExtremeType;\n\n  /**\n   * Validates possible value on both manual input & drag actions\n   */\n  validate?: ChartAxisExtremeValidator;\n\n  /**\n   * Governs \"sensitivity\" of drag.\n   * A number indicates how many pixels should a user drag to change axis extreme by 1.\n   * A function accepts dragged distance in pixels and returns *how much value should change*.\n   * Generally, positive input should generate positive output. Can be used in conjunction with `validate` prop to force min/max value when dragging\n   */\n  dragDeltaValue?: number | ((deltaPixels: number) => number);\n\n  className?: string;\n  testId?: string;\n};\n\n// When making ChartWrapper2 - this component needs to hook into Highcharts' render cycle to automatically reposition itself\nexport const ChartAxisExtreme = ({\n  axis,\n  testId,\n  className,\n  formatValue, // No default here because it puts default function's code in storybook for some reason\n  value,\n  dragDeltaValue = 5,\n  onChange,\n  extremeType,\n  validate = defaultValueValidator,\n}: ChartAxisExtremeProps) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const [dragStartValue, setDragStartValue] = useState<number>();\n  const [dragValue, setDragValue] = useState<number>();\n  const [isDragging, setIsDragging] = useState(false);\n  const isMouseDownRef = useRef(false);\n  const toggleRef = useRef<HTMLDivElement>(null);\n  const togglePositionRef = useRef<DOMRect>();\n\n  const shownValue = isDragging ? dragValue : value;\n\n  const styleVars = usePositionStyles({\n    axis,\n    extremeType,\n  });\n\n  const isVertical = !axis.horiz;\n\n  const actualFormatter = formatValue || defaultValueFormatter;\n\n  const deltaDragToDeltaValue = useCallback(\n    (deltaDrag: number) =>\n      typeof dragDeltaValue === 'number'\n        ? Math.floor(deltaDrag / (dragDeltaValue || 1))\n        : dragDeltaValue(deltaDrag),\n    [dragDeltaValue]\n  );\n\n  const actualValidate = useCallback(\n    (value: number) => validate(value, { axis, extremeType }),\n    [axis, extremeType, validate]\n  );\n\n  const startEditing = useCallback(() => {\n    isMouseDownRef.current = false;\n    setIsEditing(true);\n  }, []);\n\n  const stopEditing = useCallback(() => {\n    isMouseDownRef.current = false;\n    setIsEditing(false);\n  }, []);\n\n  const onInputEditEnd = useCallback(\n    (newValue?: number) => {\n      if (newValue !== undefined) {\n        onChange?.(newValue, { axis, extremeType });\n      }\n      stopEditing();\n    },\n    [axis, extremeType, onChange, stopEditing]\n  );\n\n  const onMouseDown = useCallback<MouseEventHandler>(e => {\n    e.preventDefault();\n    togglePositionRef.current = undefined;\n    isMouseDownRef.current = true;\n  }, []);\n\n  const onChangeWithOptions = useCallback(\n    (newValue: number) => {\n      onChange?.(newValue, { axis, extremeType });\n    },\n    [axis, extremeType, onChange]\n  );\n\n  const throttledOnChange = useMemo(\n    () =>\n      throttle((newValue: number) => {\n        onChangeWithOptions(newValue);\n      }, 300),\n    [onChangeWithOptions]\n  );\n\n  const onDragEnd = useCallback(() => {\n    isMouseDownRef.current = false;\n    setDragValue(undefined);\n    setDragStartValue(undefined);\n    setIsDragging(false);\n    throttledOnChange.flush();\n  }, [throttledOnChange]);\n\n  const onDragStart = useCallback(() => {\n    if (isMouseDownRef.current && !isEditing && !isDragging) {\n      setDragValue(shownValue);\n      setDragStartValue(shownValue);\n      setIsDragging(true);\n    }\n  }, [isDragging, isEditing, shownValue]);\n\n  const onDrag = useCallback(\n    (event: MouseEvent) => {\n      if (!toggleRef.current || !axis || dragStartValue === undefined) {\n        return;\n      }\n\n      if (!togglePositionRef.current) {\n        togglePositionRef.current = toggleRef.current?.getBoundingClientRect();\n      }\n\n      // if (isVertical) {\n      const { clientY, clientX } = event;\n      const { y, height, x, width } = togglePositionRef.current;\n\n      // Delta is counted from toggle's edge\n      const deltaDrag = isVertical\n        ? getDeltaDrag(clientY, y, height)\n        : -getDeltaDrag(clientX, x, width);\n\n      const newValue = dragStartValue + deltaDragToDeltaValue(deltaDrag);\n\n      if (!actualValidate(newValue)) {\n        return;\n      }\n\n      setDragValue(newValue);\n      throttledOnChange(newValue);\n    },\n    [actualValidate, axis, deltaDragToDeltaValue, dragStartValue, isVertical, throttledOnChange]\n  );\n\n  // Cleanup of throttled onChange\n  useEffect(() => () => throttledOnChange.cancel(), [throttledOnChange]);\n\n  if (shownValue === undefined || !axis) {\n    return null;\n  }\n\n  return (\n    <div className={classNames(styles.root, className)} style={styleVars} data-testid={testId}>\n      {/* Can't put inside content element due to a bug with transform & position: fixed */}\n      {/* Therefore, most of the drag logic is not in ChartAxisExtremeDragTracker but hoisted here */}\n      <ChartAxisExtremeDragTracker\n        isDragging={isDragging}\n        onDragEnd={onDragEnd}\n        onDrag={onDrag}\n        isVertical={isVertical}\n      />\n\n      <div\n        className={styles.content}\n        onMouseDown={onMouseDown}\n        onMouseLeave={onDragStart}\n        onClick={startEditing}\n        ref={toggleRef}\n      >\n        <div\n          className={classNames(\n            styles.valueContainer,\n            isEditing && styles.isEditing,\n            isVertical && styles.vertical\n          )}\n        >\n          {isVertical ? (\n            <UpIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          ) : (\n            <LeftIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          )}\n          <div className={styles.value}>{actualFormatter(shownValue)}</div>\n          {isVertical ? (\n            <DownIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          ) : (\n            <RightIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          )}\n        </div>\n\n        <ChartAxisExtremeInput\n          value={shownValue}\n          isEditing={isEditing}\n          onEditEnd={onInputEditEnd}\n          validate={actualValidate}\n          isVertical={isVertical}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["ChartAxisExtreme","_ref","axis","testId","className","formatValue","value","_ref$dragDeltaValue","dragDeltaValue","onChange","extremeType","_ref$validate","validate","defaultValueValidator","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useState3","_useState4","dragStartValue","setDragStartValue","_useState5","_useState6","dragValue","setDragValue","_useState8","_useState7","isDragging","setIsDragging","isMouseDownRef","useRef","toggleRef","togglePositionRef","shownValue","styleVars","usePositionStyles","isVertical","horiz","actualFormatter","defaultValueFormatter","deltaDragToDeltaValue","useCallback","deltaDrag","Math","floor","actualValidate","startEditing","current","stopEditing","onInputEditEnd","newValue","undefined","onMouseDown","e","preventDefault","onChangeWithOptions","throttledOnChange","useMemo","throttle","onDragEnd","flush","onDragStart","onDrag","event","_toggleRef$current","getBoundingClientRect","clientY","clientX","y","height","x","width","getDeltaDrag","useEffect","cancel","_jsxs","classNames","styles","root","style","children","_jsx","ChartAxisExtremeDragTracker","content","onMouseLeave","onClick","ref","valueContainer","vertical","UpIcon","LeftIcon","size","Number","arrowsSize","valueArrow","DownIcon","RightIcon","ChartAxisExtremeInput","onEditEnd"],"mappings":"iuIA+CaA,IAAAA,EAAmB,SAUHC,GAAA,IAT3BC,IAAAA,KACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,MAAKC,EAAAN,EACLO,eAAAA,aAAiB,EAACD,EAClBE,IAAAA,SACAC,IAAAA,YAAWC,EAAAV,EACXW,SAAAA,aAAWC,EAAqBF,EAEEG,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9BK,EAA4CN,IAAkBO,EAAAL,EAAAI,EAAA,GAAvDE,EAAcD,EAAA,GAAEE,EAAiBF,EAAA,GACxCG,EAAkCV,IAAkBW,EAAAT,EAAAQ,EAAA,GAA7CE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GACMX,EAAAA,GAAS,GAAMc,EAAAZ,EAAAa,EAAA,GAA5CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAiBC,GAAO,GACxBC,EAAYD,EAAuB,MACnCE,EAAoBF,IAEpBG,EAAaN,EAAaJ,EAAYpB,EAEtC+B,EAAYC,EAAkB,CAClCpC,KAAAA,EACAQ,YAAAA,IAGI6B,IAAcrC,EAAKsC,MAEnBC,GAAkBpC,GAAeqC,EAEjCC,GAAwBC,GAC5B,SAACC,GAAiB,MACU,iBAAnBrC,EACHsC,KAAKC,MAAMF,GAAarC,GAAkB,IAC1CA,EAAeqC,KACrB,CAACrC,IAGGwC,GAAiBJ,GACrB,SAACtC,GAAa,OAAKM,EAASN,EAAO,CAAEJ,KAAAA,EAAMQ,YAAAA,GAAc,GACzD,CAACR,EAAMQ,EAAaE,IAGhBqC,GAAeL,GAAY,WAC/BZ,EAAekB,SAAU,EACzB/B,GAAa,EACd,GAAE,IAEGgC,GAAcP,GAAY,WAC9BZ,EAAekB,SAAU,EACzB/B,GAAa,EACd,GAAE,IAEGiC,GAAiBR,GACrB,SAACS,QACkBC,IAAbD,IACF5C,SAAAA,EAAW4C,EAAU,CAAEnD,KAAAA,EAAMQ,YAAAA,KAE/ByC,IACD,GACD,CAACjD,EAAMQ,EAAaD,EAAU0C,KAG1BI,GAAcX,GAA+B,SAAAY,GACjDA,EAAEC,iBACFtB,EAAkBe,aAAUI,EAC5BtB,EAAekB,SAAU,CAC1B,GAAE,IAEGQ,GAAsBd,GAC1B,SAACS,GACC5C,SAAAA,EAAW4C,EAAU,CAAEnD,KAAAA,EAAMQ,YAAAA,GAC9B,GACD,CAACR,EAAMQ,EAAaD,IAGhBkD,GAAoBC,GACxB,WAAA,OACEC,GAAS,SAACR,GACRK,GAAoBL,EACrB,GAAE,OACL,CAACK,KAGGI,GAAYlB,GAAY,WAC5BZ,EAAekB,SAAU,EACzBvB,OAAa2B,GACb/B,OAAkB+B,GAClBvB,GAAc,GACd4B,GAAkBI,OACpB,GAAG,CAACJ,KAEEK,GAAcpB,GAAY,YAC1BZ,EAAekB,SAAYhC,GAAcY,IAC3CH,EAAaS,GACbb,EAAkBa,GAClBL,GAAc,GAEjB,GAAE,CAACD,EAAYZ,EAAWkB,IAErB6B,GAASrB,GACb,SAACsB,GACC,GAAKhC,EAAUgB,SAAYhD,QAA2BoD,IAAnBhC,EAAnC,CAIgC,IAAA6C,EAAhC,IAAKhC,EAAkBe,QACrBf,EAAkBe,QAA2B,QAAjBhB,EAAAA,EAAUgB,eAAO,IAAAiB,OAAA,EAAjBA,EAAmBC,wBAIjD,IAAQC,EAAqBH,EAArBG,QAASC,EAAYJ,EAAZI,QACenC,EAAAA,EAAkBe,QAA1CqB,IAAAA,EAAGC,IAAAA,OAAQC,IAAAA,EAAGC,IAAAA,MAGhB7B,EAAYN,GACdoC,EAAaN,EAASE,EAAGC,IACxBG,EAAaL,EAASG,EAAGC,GAExBrB,EAAW/B,EAAiBqB,GAAsBE,GAEnDG,GAAeK,KAIpB1B,EAAa0B,GACbM,GAAkBN,GAtBlB,CAuBF,GACA,CAACL,GAAgB9C,EAAMyC,GAAuBrB,EAAgBiB,GAAYoB,KAM5E,OAFAiB,GAAU,WAAA,OAAM,WAAA,OAAMjB,GAAkBkB,QAAQ,IAAE,CAAClB,UAEhCL,IAAflB,GAA6BlC,EAK/B4E,EAAA,MAAA,CAAK1E,UAAW2E,EAAWC,EAAOC,KAAM7E,GAAY8E,MAAO7C,EAAW,cAAalC,EAAOgF,SAAA,CAGxFC,EAACC,EAA2B,CAC1BvD,WAAYA,EACZgC,UAAWA,GACXG,OAAQA,GACR1B,WAAYA,KAGduC,EAAA,MAAA,CACE1E,UAAW4E,EAAOM,QAClB/B,YAAaA,GACbgC,aAAcvB,GACdwB,QAASvC,GACTwC,IAAKvD,EAAUiD,SAEf,CAAAL,EAAA,MAAA,CACE1E,UAAW2E,EACTC,EAAOU,eACPxE,GAAa8D,EAAO9D,UACpBqB,IAAcyC,EAAOW,UACrBR,SAED5C,CACC6C,EADD7C,GACEqD,EAEAC,EAFM,CAACC,KAAMC,OAAOf,EAAOgB,YAAa5F,UAAW4E,EAAOiB,aAI7Db,EAAA,MAAA,CAAKhF,UAAW4E,EAAO1E,MAAM6E,SAAE1C,GAAgBL,KAE7CgD,EADD7C,GACE2D,EAEAC,EAFQ,CAACL,KAAMC,OAAOf,EAAOgB,YAAa5F,UAAW4E,EAAOiB,gBAMjEb,EAACgB,EAAqB,CACpB9F,MAAO8B,EACPlB,UAAWA,EACXmF,UAAWjD,GACXxC,SAAUoC,GACVT,WAAYA,WA9CX,IAmDX"}
+{"version":3,"file":"ChartAxisExtreme.js","sources":["../../../src/componentsV2/ChartAxisExtreme/ChartAxisExtreme.tsx"],"sourcesContent":["import { Axis } from 'highcharts';\nimport classNames from 'classnames';\nimport { MouseEventHandler, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { throttle } from 'lodash';\n\nimport { ChartAxisExtremeInput } from './ChartAxisExtremeInput';\nimport {\n  AxisExtremeType,\n  ChartAxisExtremeChangeHandler,\n  ChartAxisExtremeValidator,\n  defaultValueFormatter,\n  defaultValueValidator,\n  getDeltaDrag,\n  usePositionStyles,\n} from './utils';\nimport { ChartAxisExtremeDragTracker } from './ChartAxisExtremeDragTracker';\n\nimport styles from './ChartAxisExtreme.scss';\n\nimport { DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons';\n\nexport type ChartAxisExtremeProps = {\n  value: number;\n  onChange?: ChartAxisExtremeChangeHandler;\n  formatValue?: (value: number) => string | number;\n\n  axis: Axis;\n  extremeType: AxisExtremeType;\n\n  /**\n   * Validates possible value on both manual input & drag actions\n   */\n  validate?: ChartAxisExtremeValidator;\n\n  /**\n   * Governs \"sensitivity\" of drag.\n   * A number indicates how many pixels should a user drag to change axis extreme by 1.\n   * A function accepts dragged distance in pixels and returns *how much value should change*.\n   * Generally, positive input should generate positive output. Can be used in conjunction with `validate` prop to force min/max value when dragging\n   */\n  dragDeltaValue?: number | ((deltaPixels: number) => number);\n\n  className?: string;\n  testId?: string;\n};\n\n// When making ChartWrapper2 - this component needs to hook into Highcharts' render cycle to automatically reposition itself\nexport const ChartAxisExtreme = ({\n  axis,\n  testId,\n  className,\n  formatValue, // No default here because it puts default function's code in storybook for some reason\n  value,\n  dragDeltaValue = 5,\n  onChange,\n  extremeType,\n  validate = defaultValueValidator,\n}: ChartAxisExtremeProps) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const [dragStartValue, setDragStartValue] = useState<number>();\n  const [dragValue, setDragValue] = useState<number>();\n  const [isDragging, setIsDragging] = useState(false);\n  const isMouseDownRef = useRef(false);\n  const toggleRef = useRef<HTMLDivElement>(null);\n  const togglePositionRef = useRef<DOMRect>();\n\n  const shownValue = isDragging ? dragValue : value;\n\n  const styleVars = usePositionStyles({\n    axis,\n    extremeType,\n  });\n\n  const isVertical = !axis.horiz;\n\n  const actualFormatter = formatValue || defaultValueFormatter;\n\n  const deltaDragToDeltaValue = useCallback(\n    (deltaDrag: number) =>\n      typeof dragDeltaValue === 'number'\n        ? Math.floor(deltaDrag / (dragDeltaValue || 1))\n        : dragDeltaValue(deltaDrag),\n    [dragDeltaValue]\n  );\n\n  const actualValidate = useCallback(\n    (value: number) => validate(value, { axis, extremeType }),\n    [axis, extremeType, validate]\n  );\n\n  const startEditing = useCallback(() => {\n    isMouseDownRef.current = false;\n    setIsEditing(true);\n  }, []);\n\n  const stopEditing = useCallback(() => {\n    isMouseDownRef.current = false;\n    setIsEditing(false);\n  }, []);\n\n  const onInputEditEnd = useCallback(\n    (newValue?: number) => {\n      if (newValue !== undefined) {\n        onChange?.(newValue, { axis, extremeType });\n      }\n      stopEditing();\n    },\n    [axis, extremeType, onChange, stopEditing]\n  );\n\n  const onMouseDown = useCallback<MouseEventHandler>(e => {\n    e.preventDefault();\n    togglePositionRef.current = undefined;\n    isMouseDownRef.current = true;\n  }, []);\n\n  const onChangeWithOptions = useCallback(\n    (newValue: number) => {\n      onChange?.(newValue, { axis, extremeType });\n    },\n    [axis, extremeType, onChange]\n  );\n\n  const throttledOnChange = useMemo(\n    () =>\n      throttle((newValue: number) => {\n        onChangeWithOptions(newValue);\n      }, 300),\n    [onChangeWithOptions]\n  );\n\n  const onDragEnd = useCallback(() => {\n    isMouseDownRef.current = false;\n    setDragValue(undefined);\n    setDragStartValue(undefined);\n    setIsDragging(false);\n    throttledOnChange.flush();\n  }, [throttledOnChange]);\n\n  const onDragStart = useCallback(() => {\n    if (isMouseDownRef.current && !isEditing && !isDragging) {\n      setDragValue(shownValue);\n      setDragStartValue(shownValue);\n      setIsDragging(true);\n    }\n  }, [isDragging, isEditing, shownValue]);\n\n  const onDrag = useCallback(\n    (event: MouseEvent) => {\n      if (!toggleRef.current || !axis || dragStartValue === undefined) {\n        return;\n      }\n\n      if (!togglePositionRef.current) {\n        togglePositionRef.current = toggleRef.current?.getBoundingClientRect();\n      }\n\n      // if (isVertical) {\n      const { clientY, clientX } = event;\n      const { y, height, x, width } = togglePositionRef.current;\n\n      // Delta is counted from toggle's edge\n      const deltaDrag = isVertical\n        ? getDeltaDrag(clientY, y, height)\n        : -getDeltaDrag(clientX, x, width);\n\n      const newValue = dragStartValue + deltaDragToDeltaValue(deltaDrag);\n\n      if (!actualValidate(newValue)) {\n        return;\n      }\n\n      setDragValue(newValue);\n      throttledOnChange(newValue);\n    },\n    [actualValidate, axis, deltaDragToDeltaValue, dragStartValue, isVertical, throttledOnChange]\n  );\n\n  // Cleanup of throttled onChange\n  useEffect(() => () => throttledOnChange.cancel(), [throttledOnChange]);\n\n  if (shownValue === undefined || !axis) {\n    return null;\n  }\n\n  return (\n    <div className={classNames(styles.root, className)} style={styleVars} data-testid={testId}>\n      {/* Can't put inside content element due to a bug with transform & position: fixed */}\n      {/* Therefore, most of the drag logic is not in ChartAxisExtremeDragTracker but hoisted here */}\n      <ChartAxisExtremeDragTracker\n        isDragging={isDragging}\n        onDragEnd={onDragEnd}\n        onDrag={onDrag}\n        isVertical={isVertical}\n      />\n\n      <div\n        className={styles.content}\n        onMouseDown={onMouseDown}\n        onMouseLeave={onDragStart}\n        onClick={startEditing}\n        ref={toggleRef}\n      >\n        <div\n          className={classNames(\n            styles.valueContainer,\n            isEditing && styles.isEditing,\n            isVertical && styles.vertical\n          )}\n        >\n          {isVertical ? (\n            <UpIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          ) : (\n            <LeftIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          )}\n          <div className={styles.value}>{actualFormatter(shownValue)}</div>\n          {isVertical ? (\n            <DownIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          ) : (\n            <RightIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          )}\n        </div>\n\n        <ChartAxisExtremeInput\n          value={shownValue}\n          isEditing={isEditing}\n          onEditEnd={onInputEditEnd}\n          validate={actualValidate}\n          isVertical={isVertical}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["ChartAxisExtreme","_ref","axis","testId","className","formatValue","value","_ref$dragDeltaValue","dragDeltaValue","onChange","extremeType","_ref$validate","validate","defaultValueValidator","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useState3","_useState4","dragStartValue","setDragStartValue","_useState5","_useState6","dragValue","setDragValue","_useState8","_useState7","isDragging","setIsDragging","isMouseDownRef","useRef","toggleRef","togglePositionRef","shownValue","styleVars","usePositionStyles","isVertical","horiz","actualFormatter","defaultValueFormatter","deltaDragToDeltaValue","useCallback","deltaDrag","Math","floor","actualValidate","startEditing","current","stopEditing","onInputEditEnd","newValue","undefined","onMouseDown","e","preventDefault","onChangeWithOptions","throttledOnChange","useMemo","throttle","onDragEnd","flush","onDragStart","onDrag","event","_toggleRef$current","getBoundingClientRect","clientY","clientX","y","height","x","width","getDeltaDrag","useEffect","cancel","_jsxs","classNames","styles","root","style","children","_jsx","ChartAxisExtremeDragTracker","content","onMouseLeave","onClick","ref","valueContainer","vertical","UpIcon","LeftIcon","size","Number","arrowsSize","valueArrow","DownIcon","RightIcon","ChartAxisExtremeInput","onEditEnd"],"mappings":"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"}

package/componentsV2/Chip/Chip.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c,useCallback as i,isValidElement as n,cloneElement as t}from"react";import r from"classnames";import{ChipIndicator as e}from"../ChipIndicator/ChipIndicator.js";import m from"./Chip.scss.js";import{CheckSmallIcon as p,CloseSmallIcon 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{Tooltip as a}from"../Tooltip/Tooltip.js";import{jsxs as l,jsx as d}from"react/jsx-runtime";var j=["disabled","prefix","suffix","testId","className","children","onClick","onDelete","size","type","state","shape","deleteButtonTooltip"];function I(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 f(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?I(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):I(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var h={default:m.filled,outlined:m.outlined},b={medium:m.medium,small:m.small,xs:m.xsmall},C={medium:24,small:16,xs:12},O={neutral:m.neutral,caution:m.caution,info:m.info,error:m.error,pending:m.pending,success:m.success,warning:m.warning},v={round:m.round,square:m.square},P=c((function(o,c){var e=o.disabled,p=o.prefix,I=o.suffix,P=o.testId,g=o.className,x=o.children,y=o.onClick,F=o.onDelete,k=o.size,A=void 0===k?"medium":k,D=o.type,N=void 0===D?"default":D,z=o.state,w=void 0===z?"neutral":z,M=o.shape,S=void 0===M?"round":M,T=o.deleteButtonTooltip,E=s(o,j),R=e?void 0:y,q=i((function(o){o.stopPropagation(),null==F||F(o)}),[F]),B=F&&d("div",{className:m.deleteIcon,children:d(u,{onClick:q,size:16})}),G=B&&T?d(a,{title:T,children:B}):B;return l("div",f(f({className:r(m.root,R&&m.hoverable,e&&m.disabled,p&&m.withPrefix,(F||I)&&m.withSuffix,b[A],h[N],O[w],v[S],g),onClick:R,"data-testid":P,ref:c},E),{},{children:[p&&n(p)?t(p,{size:C[A]}):p,d("div",{className:m.label,children:x}),I&&n(I)?t(I,{size:C[A]}):I,G]}))}));P.Affix={Check:function(o){var s=o.size,c=o.className;return d(p,{size:s,className:r(m.checkAffix,c)})},Dot:function(o){var s=o.className,c=o.color;return d("div",{className:r(m.dotAffix,s),style:{background:c}})},Indicator:function(o){var s=o.size===C.medium?"medium":"small";return d(e,{className:r(m.indicatorAffix,o.className),size:s,children:o.children})}};var g=P;export{g as Chip};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c,useCallback as i,isValidElement as n,cloneElement as t}from"react";import r from"classnames";import{ChipIndicator as e}from"../ChipIndicator/ChipIndicator.js";import m from"./Chip.scss.js";import{CheckSmallIcon as p,CloseSmallIcon 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/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/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{Tooltip as a}from"../Tooltip/Tooltip.js";import{jsxs as l,jsx as d}from"react/jsx-runtime";var j=["disabled","prefix","suffix","testId","className","children","onClick","onDelete","size","type","state","shape","deleteButtonTooltip"];function I(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 f(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?I(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):I(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var h={default:m.filled,outlined:m.outlined},b={medium:m.medium,small:m.small,xs:m.xsmall},C={medium:24,small:16,xs:12},O={neutral:m.neutral,caution:m.caution,info:m.info,error:m.error,pending:m.pending,success:m.success,warning:m.warning},v={round:m.round,square:m.square},P=c((function(o,c){var e=o.disabled,p=o.prefix,I=o.suffix,P=o.testId,g=o.className,x=o.children,y=o.onClick,F=o.onDelete,k=o.size,A=void 0===k?"medium":k,D=o.type,N=void 0===D?"default":D,z=o.state,w=void 0===z?"neutral":z,M=o.shape,S=void 0===M?"round":M,T=o.deleteButtonTooltip,E=s(o,j),R=e?void 0:y,q=i((function(o){o.stopPropagation(),null==F||F(o)}),[F]),B=F&&d("div",{className:m.deleteIcon,children:d(u,{onClick:q,size:16})}),G=B&&T?d(a,{title:T,children:B}):B;return l("div",f(f({className:r(m.root,R&&m.hoverable,e&&m.disabled,p&&m.withPrefix,(F||I)&&m.withSuffix,b[A],h[N],O[w],v[S],g),onClick:R,"data-testid":P,ref:c},E),{},{children:[p&&n(p)?t(p,{size:C[A]}):p,d("div",{className:m.label,children:x}),I&&n(I)?t(I,{size:C[A]}):I,G]}))}));P.Affix={Check:function(o){var s=o.size,c=o.className;return d(p,{size:s,className:r(m.checkAffix,c)})},Dot:function(o){var s=o.className,c=o.color;return d("div",{className:r(m.dotAffix,s),style:{background:c}})},Indicator:function(o){var s=o.size===C.medium?"medium":"small";return d(e,{className:r(m.indicatorAffix,o.className),size:s,children:o.children})}};var g=P;export{g as Chip};
 //# sourceMappingURL=Chip.js.map

package/componentsV2/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../src/componentsV2/Chip/Chip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  ComponentType,\n  forwardRef,\n  isValidElement,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ChipIndicator } from '../ChipIndicator';\n\nimport styles from './Chip.scss';\n\nimport { CheckSmallIcon, CloseSmallIcon } from '~/icons';\nimport { Tooltip } from '../Tooltip';\n\nexport type ChipProps = {\n  /**\n   * Component contents\n   */\n  children?: ReactNode;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  onClick?: MouseEventHandler;\n  onDelete?: MouseEventHandler;\n  deleteButtonTooltip?: ReactNode;\n  size?: 'xs' | 'small' | 'medium';\n  type?: 'default' | 'outlined';\n  disabled?: boolean;\n  state?: 'neutral' | 'info' | 'caution' | 'warning' | 'error' | 'success' | 'pending';\n  shape?: 'round' | 'square';\n\n  className?: string;\n  testId?: string;\n};\n\nconst TypeToClassMap: Record<Required<ChipProps>['type'], string> = {\n  default: styles.filled,\n  outlined: styles.outlined,\n};\n\nconst SizeToClassMap: Record<Required<ChipProps>['size'], string> = {\n  medium: styles.medium,\n  small: styles.small,\n  xs: styles.xsmall,\n};\n\nconst SizeToAffixSizeMap: Record<Required<ChipProps>['size'], number> = {\n  medium: 24,\n  small: 16,\n  xs: 12,\n};\n\nconst StateToClassMap: Record<Required<ChipProps>['state'], string> = {\n  neutral: styles.neutral,\n  caution: styles.caution,\n  info: styles.info,\n  error: styles.error,\n  pending: styles.pending,\n  success: styles.success,\n  warning: styles.warning,\n};\n\nconst ShapeToClassMap: Record<Required<ChipProps>['shape'], string> = {\n  round: styles.round,\n  square: styles.square,\n};\n\nconst ChipBase = forwardRef<HTMLDivElement, ChipProps>(\n  (\n    {\n      disabled,\n      prefix,\n      suffix,\n      testId,\n      className,\n      children,\n      onClick,\n      onDelete,\n      size = 'medium',\n      type = 'default',\n      state = 'neutral',\n      shape = 'round',\n      deleteButtonTooltip,\n      // Needed for Tooltip to work\n      ...rest\n    },\n    ref\n  ) => {\n    const onClickHandler = disabled ? undefined : onClick;\n    const onDeleteHandler = useCallback<MouseEventHandler>(\n      e => {\n        e.stopPropagation();\n        onDelete?.(e);\n      },\n      [onDelete]\n    );\n\n    const deleteIcon = onDelete && (\n      <div className={styles.deleteIcon}>\n        <CloseSmallIcon onClick={onDeleteHandler} size={16} />\n      </div>\n    );\n\n    const deleteIconWithTooltip =\n      deleteIcon && deleteButtonTooltip ? (\n        <Tooltip title={deleteButtonTooltip}>{deleteIcon}</Tooltip>\n      ) : (\n        deleteIcon\n      );\n\n    return (\n      <div\n        className={classNames(\n          styles.root,\n          onClickHandler && styles.hoverable,\n          disabled && styles.disabled,\n          prefix && styles.withPrefix,\n          (onDelete || suffix) && styles.withSuffix,\n          SizeToClassMap[size],\n          TypeToClassMap[type],\n          StateToClassMap[state],\n          ShapeToClassMap[shape],\n          className\n        )}\n        onClick={onClickHandler}\n        data-testid={testId}\n        ref={ref}\n        {...rest}\n      >\n        {prefix && isValidElement(prefix)\n          ? cloneElement(prefix, { size: SizeToAffixSizeMap[size] } as object)\n          : prefix}\n\n        <div className={styles.label}>{children}</div>\n\n        {suffix && isValidElement(suffix)\n          ? cloneElement(suffix, { size: SizeToAffixSizeMap[size] } as object)\n          : suffix}\n\n        {deleteIconWithTooltip}\n      </div>\n    );\n  }\n);\n\ntype ChipType = typeof ChipBase & {\n  Affix: {\n    Check: ComponentType<{ className?: string }>;\n    Indicator: ComponentType<{ className?: string; children?: ReactNode }>;\n    Dot: ComponentType<{ className?: string; color?: string }>;\n  };\n};\n\n(ChipBase as ChipType).Affix = {\n  Check: ({ size, className }: { size?: number; className?: string }) => (\n    <CheckSmallIcon size={size} className={classNames(styles.checkAffix, className)} />\n  ),\n  Dot: ({ className, color }) => (\n    <div className={classNames(styles.dotAffix, className)} style={{ background: color }} />\n  ),\n  Indicator: (props: { size?: number; className?: string; children?: ReactNode }) => {\n    const actualSize = props.size === SizeToAffixSizeMap.medium ? 'medium' : 'small';\n    return (\n      <ChipIndicator\n        className={classNames(styles.indicatorAffix, props.className)}\n        size={actualSize}\n      >\n        {props.children}\n      </ChipIndicator>\n    );\n  },\n};\n\nexport const Chip = ChipBase as ChipType;\n"],"names":["TypeToClassMap","default","styles","filled","outlined","SizeToClassMap","medium","small","xs","xsmall","SizeToAffixSizeMap","StateToClassMap","neutral","caution","info","error","pending","success","warning","ShapeToClassMap","round","square","ChipBase","forwardRef","_ref","ref","disabled","prefix","suffix","testId","className","children","onClick","onDelete","_ref$size","size","_ref$type","type","_ref$state","state","_ref$shape","shape","deleteButtonTooltip","rest","_objectWithoutProperties","_excluded","onClickHandler","undefined","onDeleteHandler","useCallback","e","stopPropagation","deleteIcon","_jsx","CloseSmallIcon","deleteIconWithTooltip","Tooltip","title","_jsxs","_objectSpread","classNames","root","hoverable","withPrefix","withSuffix","isValidElement","cloneElement","label","Affix","Check","_ref2","CheckSmallIcon","checkAffix","Dot","_ref3","color","dotAffix","style","background","Indicator","props","actualSize","ChipIndicator","indicatorAffix","Chip"],"mappings":"yxJAsCA,IAAMA,EAA8D,CAClEC,QAASC,EAAOC,OAChBC,SAAUF,EAAOE,UAGbC,EAA8D,CAClEC,OAAQJ,EAAOI,OACfC,MAAOL,EAAOK,MACdC,GAAIN,EAAOO,QAGPC,EAAkE,CACtEJ,OAAQ,GACRC,MAAO,GACPC,GAAI,IAGAG,EAAgE,CACpEC,QAASV,EAAOU,QAChBC,QAASX,EAAOW,QAChBC,KAAMZ,EAAOY,KACbC,MAAOb,EAAOa,MACdC,QAASd,EAAOc,QAChBC,QAASf,EAAOe,QAChBC,QAAShB,EAAOgB,SAGZC,EAAgE,CACpEC,MAAOlB,EAAOkB,MACdC,OAAQnB,EAAOmB,QAGXC,EAAWC,GACf,SAAAC,EAkBEC,GACG,IAjBDC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,SAAQC,EAAAV,EACRW,KAAAA,aAAO,SAAQD,EAAAE,EAAAZ,EACfa,KAAAA,aAAO,UAASD,EAAAE,EAAAd,EAChBe,MAAAA,aAAQ,UAASD,EAAAE,EAAAhB,EACjBiB,MAAAA,aAAQ,QAAOD,EACfE,IAAAA,oBAEGC,EAAIC,EAAApB,EAAAqB,GAIHC,EAAiBpB,OAAWqB,EAAYf,EACxCgB,EAAkBC,GACtB,SAAAC,GACEA,EAAEC,kBACFlB,SAAAA,EAAWiB,EACb,GACA,CAACjB,IAGGmB,EAAanB,GACjBoB,EAAA,MAAA,CAAKvB,UAAW5B,EAAOkD,WAAWrB,SAChCsB,EAACC,EAAc,CAACtB,QAASgB,EAAiBb,KAAM,OAI9CoB,EACJH,GAAcV,EACZW,EAACG,EAAO,CAACC,MAAOf,EAAoBX,SAAEqB,IAEtCA,EAGJ,OACEM,EAAA,MAAAC,EAAAA,EAAA,CACE7B,UAAW8B,EACT1D,EAAO2D,KACPf,GAAkB5C,EAAO4D,UACzBpC,GAAYxB,EAAOwB,SACnBC,GAAUzB,EAAO6D,YAChB9B,GAAYL,IAAW1B,EAAO8D,WAC/B3D,EAAe8B,GACfnC,EAAeqC,GACf1B,EAAgB4B,GAChBpB,EAAgBsB,GAChBX,GAEFE,QAASc,EACT,cAAajB,EACbJ,IAAKA,GACDkB,GAAI,GAAA,CAAAZ,SAEPJ,CAAAA,GAAUsC,EAAetC,GACtBuC,EAAavC,EAAQ,CAAEQ,KAAMzB,EAAmByB,KAChDR,EAEJ0B,EAAA,MAAA,CAAKvB,UAAW5B,EAAOiE,MAAMpC,SAAEA,IAE9BH,GAAUqC,EAAerC,GACtBsC,EAAatC,EAAQ,CAAEO,KAAMzB,EAAmByB,KAChDP,EAEH2B,KAGP,IAWDjC,EAAsB8C,MAAQ,CAC7BC,MAAO,SAAAC,GAAA,IAAGnC,IAAAA,KAAML,IAAAA,UAAS,OACvBuB,EAACkB,EAAc,CAACpC,KAAMA,EAAML,UAAW8B,EAAW1D,EAAOsE,WAAY1C,IACtE,EACD2C,IAAK,SAAAC,GAAA,IAAG5C,IAAAA,UAAW6C,IAAAA,MAAK,OACtBtB,EAAA,MAAA,CAAKvB,UAAW8B,EAAW1D,EAAO0E,SAAU9C,GAAY+C,MAAO,CAAEC,WAAYH,IAC9E,EACDI,UAAW,SAACC,GACV,IAAMC,EAAaD,EAAM7C,OAASzB,EAAmBJ,OAAS,SAAW,QACzE,OACE+C,EAAC6B,EAAa,CACZpD,UAAW8B,EAAW1D,EAAOiF,eAAgBH,EAAMlD,WACnDK,KAAM8C,EAAWlD,SAEhBiD,EAAMjD,UAGb,GAGK,IAAMqD,EAAO9D"}
+{"version":3,"file":"Chip.js","sources":["../../../src/componentsV2/Chip/Chip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  ComponentType,\n  forwardRef,\n  isValidElement,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ChipIndicator } from '../ChipIndicator';\n\nimport styles from './Chip.scss';\n\nimport { CheckSmallIcon, CloseSmallIcon } from '~/icons';\nimport { Tooltip } from '../Tooltip';\n\nexport type ChipProps = {\n  /**\n   * Component contents\n   */\n  children?: ReactNode;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  onClick?: MouseEventHandler;\n  onDelete?: MouseEventHandler;\n  deleteButtonTooltip?: ReactNode;\n  size?: 'xs' | 'small' | 'medium';\n  type?: 'default' | 'outlined';\n  disabled?: boolean;\n  state?: 'neutral' | 'info' | 'caution' | 'warning' | 'error' | 'success' | 'pending';\n  shape?: 'round' | 'square';\n\n  className?: string;\n  testId?: string;\n};\n\nconst TypeToClassMap: Record<Required<ChipProps>['type'], string> = {\n  default: styles.filled,\n  outlined: styles.outlined,\n};\n\nconst SizeToClassMap: Record<Required<ChipProps>['size'], string> = {\n  medium: styles.medium,\n  small: styles.small,\n  xs: styles.xsmall,\n};\n\nconst SizeToAffixSizeMap: Record<Required<ChipProps>['size'], number> = {\n  medium: 24,\n  small: 16,\n  xs: 12,\n};\n\nconst StateToClassMap: Record<Required<ChipProps>['state'], string> = {\n  neutral: styles.neutral,\n  caution: styles.caution,\n  info: styles.info,\n  error: styles.error,\n  pending: styles.pending,\n  success: styles.success,\n  warning: styles.warning,\n};\n\nconst ShapeToClassMap: Record<Required<ChipProps>['shape'], string> = {\n  round: styles.round,\n  square: styles.square,\n};\n\nconst ChipBase = forwardRef<HTMLDivElement, ChipProps>(\n  (\n    {\n      disabled,\n      prefix,\n      suffix,\n      testId,\n      className,\n      children,\n      onClick,\n      onDelete,\n      size = 'medium',\n      type = 'default',\n      state = 'neutral',\n      shape = 'round',\n      deleteButtonTooltip,\n      // Needed for Tooltip to work\n      ...rest\n    },\n    ref\n  ) => {\n    const onClickHandler = disabled ? undefined : onClick;\n    const onDeleteHandler = useCallback<MouseEventHandler>(\n      e => {\n        e.stopPropagation();\n        onDelete?.(e);\n      },\n      [onDelete]\n    );\n\n    const deleteIcon = onDelete && (\n      <div className={styles.deleteIcon}>\n        <CloseSmallIcon onClick={onDeleteHandler} size={16} />\n      </div>\n    );\n\n    const deleteIconWithTooltip =\n      deleteIcon && deleteButtonTooltip ? (\n        <Tooltip title={deleteButtonTooltip}>{deleteIcon}</Tooltip>\n      ) : (\n        deleteIcon\n      );\n\n    return (\n      <div\n        className={classNames(\n          styles.root,\n          onClickHandler && styles.hoverable,\n          disabled && styles.disabled,\n          prefix && styles.withPrefix,\n          (onDelete || suffix) && styles.withSuffix,\n          SizeToClassMap[size],\n          TypeToClassMap[type],\n          StateToClassMap[state],\n          ShapeToClassMap[shape],\n          className\n        )}\n        onClick={onClickHandler}\n        data-testid={testId}\n        ref={ref}\n        {...rest}\n      >\n        {prefix && isValidElement(prefix)\n          ? cloneElement(prefix, { size: SizeToAffixSizeMap[size] } as object)\n          : prefix}\n\n        <div className={styles.label}>{children}</div>\n\n        {suffix && isValidElement(suffix)\n          ? cloneElement(suffix, { size: SizeToAffixSizeMap[size] } as object)\n          : suffix}\n\n        {deleteIconWithTooltip}\n      </div>\n    );\n  }\n);\n\ntype ChipType = typeof ChipBase & {\n  Affix: {\n    Check: ComponentType<{ className?: string }>;\n    Indicator: ComponentType<{ className?: string; children?: ReactNode }>;\n    Dot: ComponentType<{ className?: string; color?: string }>;\n  };\n};\n\n(ChipBase as ChipType).Affix = {\n  Check: ({ size, className }: { size?: number; className?: string }) => (\n    <CheckSmallIcon size={size} className={classNames(styles.checkAffix, className)} />\n  ),\n  Dot: ({ className, color }) => (\n    <div className={classNames(styles.dotAffix, className)} style={{ background: color }} />\n  ),\n  Indicator: (props: { size?: number; className?: string; children?: ReactNode }) => {\n    const actualSize = props.size === SizeToAffixSizeMap.medium ? 'medium' : 'small';\n    return (\n      <ChipIndicator\n        className={classNames(styles.indicatorAffix, props.className)}\n        size={actualSize}\n      >\n        {props.children}\n      </ChipIndicator>\n    );\n  },\n};\n\nexport const Chip = ChipBase as ChipType;\n"],"names":["TypeToClassMap","default","styles","filled","outlined","SizeToClassMap","medium","small","xs","xsmall","SizeToAffixSizeMap","StateToClassMap","neutral","caution","info","error","pending","success","warning","ShapeToClassMap","round","square","ChipBase","forwardRef","_ref","ref","disabled","prefix","suffix","testId","className","children","onClick","onDelete","_ref$size","size","_ref$type","type","_ref$state","state","_ref$shape","shape","deleteButtonTooltip","rest","_objectWithoutProperties","_excluded","onClickHandler","undefined","onDeleteHandler","useCallback","e","stopPropagation","deleteIcon","_jsx","CloseSmallIcon","deleteIconWithTooltip","Tooltip","title","_jsxs","_objectSpread","classNames","root","hoverable","withPrefix","withSuffix","isValidElement","cloneElement","label","Affix","Check","_ref2","CheckSmallIcon","checkAffix","Dot","_ref3","color","dotAffix","style","background","Indicator","props","actualSize","ChipIndicator","indicatorAffix","Chip"],"mappings":"m4JAsCA,IAAMA,EAA8D,CAClEC,QAASC,EAAOC,OAChBC,SAAUF,EAAOE,UAGbC,EAA8D,CAClEC,OAAQJ,EAAOI,OACfC,MAAOL,EAAOK,MACdC,GAAIN,EAAOO,QAGPC,EAAkE,CACtEJ,OAAQ,GACRC,MAAO,GACPC,GAAI,IAGAG,EAAgE,CACpEC,QAASV,EAAOU,QAChBC,QAASX,EAAOW,QAChBC,KAAMZ,EAAOY,KACbC,MAAOb,EAAOa,MACdC,QAASd,EAAOc,QAChBC,QAASf,EAAOe,QAChBC,QAAShB,EAAOgB,SAGZC,EAAgE,CACpEC,MAAOlB,EAAOkB,MACdC,OAAQnB,EAAOmB,QAGXC,EAAWC,GACf,SAAAC,EAkBEC,GACG,IAjBDC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,SAAQC,EAAAV,EACRW,KAAAA,aAAO,SAAQD,EAAAE,EAAAZ,EACfa,KAAAA,aAAO,UAASD,EAAAE,EAAAd,EAChBe,MAAAA,aAAQ,UAASD,EAAAE,EAAAhB,EACjBiB,MAAAA,aAAQ,QAAOD,EACfE,IAAAA,oBAEGC,EAAIC,EAAApB,EAAAqB,GAIHC,EAAiBpB,OAAWqB,EAAYf,EACxCgB,EAAkBC,GACtB,SAAAC,GACEA,EAAEC,kBACFlB,SAAAA,EAAWiB,EACb,GACA,CAACjB,IAGGmB,EAAanB,GACjBoB,EAAA,MAAA,CAAKvB,UAAW5B,EAAOkD,WAAWrB,SAChCsB,EAACC,EAAc,CAACtB,QAASgB,EAAiBb,KAAM,OAI9CoB,EACJH,GAAcV,EACZW,EAACG,EAAO,CAACC,MAAOf,EAAoBX,SAAEqB,IAEtCA,EAGJ,OACEM,EAAA,MAAAC,EAAAA,EAAA,CACE7B,UAAW8B,EACT1D,EAAO2D,KACPf,GAAkB5C,EAAO4D,UACzBpC,GAAYxB,EAAOwB,SACnBC,GAAUzB,EAAO6D,YAChB9B,GAAYL,IAAW1B,EAAO8D,WAC/B3D,EAAe8B,GACfnC,EAAeqC,GACf1B,EAAgB4B,GAChBpB,EAAgBsB,GAChBX,GAEFE,QAASc,EACT,cAAajB,EACbJ,IAAKA,GACDkB,GAAI,GAAA,CAAAZ,SAEPJ,CAAAA,GAAUsC,EAAetC,GACtBuC,EAAavC,EAAQ,CAAEQ,KAAMzB,EAAmByB,KAChDR,EAEJ0B,EAAA,MAAA,CAAKvB,UAAW5B,EAAOiE,MAAMpC,SAAEA,IAE9BH,GAAUqC,EAAerC,GACtBsC,EAAatC,EAAQ,CAAEO,KAAMzB,EAAmByB,KAChDP,EAEH2B,KAGP,IAWDjC,EAAsB8C,MAAQ,CAC7BC,MAAO,SAAAC,GAAA,IAAGnC,IAAAA,KAAML,IAAAA,UAAS,OACvBuB,EAACkB,EAAc,CAACpC,KAAMA,EAAML,UAAW8B,EAAW1D,EAAOsE,WAAY1C,IACtE,EACD2C,IAAK,SAAAC,GAAA,IAAG5C,IAAAA,UAAW6C,IAAAA,MAAK,OACtBtB,EAAA,MAAA,CAAKvB,UAAW8B,EAAW1D,EAAO0E,SAAU9C,GAAY+C,MAAO,CAAEC,WAAYH,IAC9E,EACDI,UAAW,SAACC,GACV,IAAMC,EAAaD,EAAM7C,OAASzB,EAAmBJ,OAAS,SAAW,QACzE,OACE+C,EAAC6B,EAAa,CACZpD,UAAW8B,EAAW1D,EAAOiF,eAAgBH,EAAMlD,WACnDK,KAAM8C,EAAWlD,SAEhBiD,EAAMjD,UAGb,GAGK,IAAMqD,EAAO9D"}

package/componentsV2/ColorPicker/ColorPicker.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{useMemo as i,useState as c,useRef as t,useCallback as r,useEffect as e}from"react";import{ChromePicker as a}from"react-color";import{throttle as l}from"lodash";import{v4 as m}from"uuid";import{TextInputNext as u}from"../TextInputNext/TextInputNext.js";import{Popover as p}from"../Popover/Popover.js";import{ButtonIcon as d}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as j}from"../Tooltip/Tooltip.js";import{Popper as f}from"../Popper/Popper.js";import{Swatches as I}from"./Swatches/Swatches.js";import{parseColor as b,channelsToHex as h,channelsToRgba as v,defaultColor as C}from"./utils.js";import{OpacityDragTracker as y}from"./OpacityDragtracker/OpacityDragtracker.js";import{useChromePickerAccessibility as g}from"./useChromePickerAccessibility.js";import O from"./ColorPicker.scss.js";import{PaletteIcon as k,PickerIcon as P}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 D,Fragment as N,jsx as x}from"react/jsx-runtime";function A(o,n){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable}))),s.push.apply(s,i)}return s}function F(o){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?A(Object(i),!0).forEach((function(s){n(o,s,i[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):A(Object(i)).forEach((function(n){Object.defineProperty(o,n,Object.getOwnPropertyDescriptor(i,n))}))}return o}var S={small:O.small,medium:O.medium,large:O.large},w=function(n){var A=n.format,w=void 0===A?"hex":A,T=n.className,E=n.label,M=n.labelPlacement,B=void 0===M?"top":M,z=n.popoverPlacement,R=void 0===z?"bottom-start":z,W=n.testId,L=n.disabled,G=n.size,K=void 0===G?"small":G,U=n.onOpen,q=n.onClose,V=n.value,H=void 0===V?C:V,Z=n.onChange,J=n.disableOpacityDrag,Q=n.enableAlpha,X=void 0!==Q&&Q,Y=n.elementsClassNames,$=void 0===Y?{}:Y,_=i((function(){return{input:s(O.input,$.input),inputContainer:s(O.inputContainer,$.inputContainer),label:s(O.label,$.label),prefix:O.prefixContainer,suffix:O.suffixContainer,numberStepButtons:O.numberStepButtons}}),[$.input,$.inputContainer,$.label]),oo=i((function(){try{var o=b(H);return F(F({},o),{},{a:X?o.a:1})}catch(o){return b(C)}}),[H,X]),no=c(!1),so=o(no,2),io=so[0],co=so[1],to=t(null),ro=t(null),eo=c(!0),ao=o(eo,2),lo=ao[0],mo=ao[1],uo=c(null),po=o(uo,2),jo=po[0],fo=po[1],Io=c(oo),bo=o(Io,2),ho=bo[0],vo=bo[1],Co=t(null),yo=i((function(){return"corva-color-picker-".concat(m())}),[]),go="".concat(yo,"-opacity-input"),Oo="".concat(yo,"-label"),ko="".concat(yo,"-opacity-label"),Po=Boolean(E),Do=r((function(){co(!0),null==U||U()}),[U]),No=r((function(o){o.preventDefault(),fo(null),Do()}),[Do]),xo=r((function(){fo(null),Do()}),[Do]),Ao=r((function(o){L||"Enter"!==o.key&&" "!==o.key&&"ArrowDown"!==o.key||(o.preventDefault(),fo("palette"),Do())}),[L,Do]),Fo=r((function(){var o,n,s=!(null===(o=Co.current)||void 0===o||!o.contains(document.activeElement));(fo(null),co(!1),null==q||q(),s)&&(null===(n=ro.current)||void 0===n||n.focus({preventScroll:!0}))}),[q]),So=r((function(o){fo(0===o.detail?"palette":null),mo(!0)}),[]),wo=r((function(o){fo(0===o.detail?"picker":null),mo(!1)}),[]),To=r((function(){return fo(null)}),[]),Eo=r((function(o){return vo(o.rgb)}),[]),Mo=r((function(o){var n="hex"===w?h(o,X):v(o,X);null==Z||Z(n)}),[w,Z,X]),Bo=r((function(o){vo(o),Mo(o)}),[Mo]),zo=g({color:ho,enableAlpha:X,isActive:!lo,onChange:Bo}),Ro=zo.pickerRef,Wo=zo.onKeyDown;e((function(){var o;if("picker"===jo&&!lo){var n=null===(o=Ro.current)||void 0===o?void 0:o.querySelector('[data-color-picker-control="saturation"]');n&&(n.focus({preventScroll:!0}),To())}}),[To,jo,lo,Ro]);var Lo=r((function(o){var n=Number(o);if(!(Number.isNaN(n)||n<0||n>100)){var s=F(F({},oo),{},{a:n/100});Mo(s)}}),[oo,Mo]),Go=r((function(o){Mo(o.rgb)}),[Mo]),Ko=r((function(o){var n=oo.a||1,s=X&&0===o.a?0:n;Mo(F(F({},o),{},{a:s}))}),[Mo,oo.a,X]),Uo=r((function(){setTimeout((function(){var o,n;co(!1),null===(o=document.activeElement)||void 0===o||null===(n=o.blur)||void 0===n||n.call(o)}),0)}),[]),qo=i((function(){return l((function(o){var n=String(Math.round(o));Lo(n)}),100)}),[Lo]);e((function(){vo(oo)}),[oo]),e((function(){io&&mo(!0)}),[io]);var Vo=String(Math.round(100*ho.a)),Ho=(null==R?void 0:R.startsWith("top"))||(null==R?void 0:R.startsWith("bottom")),Zo=(null==R?void 0:R.startsWith("left"))||(null==R?void 0:R.startsWith("right")),Jo=Po?D(N,{children:[x("label",{id:Oo,htmlFor:go,children:"string"==typeof E?x(u.Label,{children:E}):E}),x("span",{id:ko,hidden:!0,children:"Opacity"})]}):void 0,Qo=i((function(){return Po?{id:go,"aria-labelledby":"".concat(Oo," ").concat(ko)}:{id:go,"aria-label":"Opacity"}}),[Po,go,Oo,ko]);return D(N,{children:[x(u,{label:Jo,labelPlacement:B,disabled:L,size:K,rootTagName:"div",prefix:D(N,{children:[D("div",{className:O.fakeValue,children:[Vo,x("span",{className:O.fakeValuePercent,children:"%"})]}),x("div",{ref:ro,className:s(O.indicator,0===ho.a&&O.transparent,$.indicator),style:{"--corvaui-colorpicker-indicatorcolor":h(ho,!1)},onClick:L?void 0:No,onKeyDown:Ao,role:"button","aria-label":Po?void 0:"Color picker","aria-labelledby":Po?Oo:void 0,"aria-expanded":io,"aria-disabled":L,tabIndex:L?-1:0})]}),suffix:!io&&X&&!J&&!L&&x(y,{value:Number(Vo),onDrag:qo,onDragEnd:Uo}),className:s(O.root,S[K],!X&&O.noAlpha,T),testId:W,inputContainerRef:to,value:Vo,onChange:Lo,onFocus:xo,inputType:"number",inputMode:"numeric",htmlAttributes:Qo,elementsClassNames:_}),D(p,{ref:Co,anchorEl:to.current,open:io,onClose:Fo,placement:R,className:s(O.popover,Ho&&O.marginVertical,Zo&&O.marginHorizontal,0===ho.a&&O.isTransparent,$.popover),children:[lo?x(I,{onChange:Ko,value:oo,addTransparent:X,autoFocus:"palette"===jo,onAutoFocus:To}):x("div",{ref:Ro,className:O.pickerContainer,onKeyDown:Wo,children:x(a,{color:ho,onChange:Eo,onChangeComplete:Go,disableAlpha:!X,className:O.picker})}),D("div",{className:O.switchButtons,children:[x(j,{title:"Palette",children:x(d,{ariaLabel:"Show color palette",size:"medium",type:lo?"secondary":"tertiary",onClick:So,children:x(k,{})})}),x(j,{title:"Pick your own",children:x(d,{ariaLabel:"Show custom color picker",size:"medium",type:lo?"tertiary":"secondary",onClick:wo,children:x(P,{})})})]})]}),io&&X&&!J&&x(f,{open:io,anchorEl:to.current,className:O.dragTrackerPopper,placement:"right",children:x(y,{onDrag:qo,onDragEnd:Uo})})]})};export{w as ColorPicker};
+import o from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{useMemo as i,useState as c,useRef as t,useCallback as r,useEffect as e}from"react";import{ChromePicker as a}from"react-color";import{throttle as l}from"lodash";import{v4 as m}from"uuid";import{TextInputNext as u}from"../TextInputNext/TextInputNext.js";import{Popover as p}from"../Popover/Popover.js";import{ButtonIcon as d}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as j}from"../Tooltip/Tooltip.js";import{Popper as f}from"../Popper/Popper.js";import{Swatches as I}from"./Swatches/Swatches.js";import{parseColor as b,channelsToHex as h,channelsToRgba as v,defaultColor as C}from"./utils.js";import{OpacityDragTracker as y}from"./OpacityDragtracker/OpacityDragtracker.js";import{useChromePickerAccessibility as g}from"./useChromePickerAccessibility.js";import O from"./ColorPicker.scss.js";import{PaletteIcon as k,PickerIcon as P}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/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 D,Fragment as F,jsx as N}from"react/jsx-runtime";function x(o,n){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable}))),s.push.apply(s,i)}return s}function A(o){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?x(Object(i),!0).forEach((function(s){n(o,s,i[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):x(Object(i)).forEach((function(n){Object.defineProperty(o,n,Object.getOwnPropertyDescriptor(i,n))}))}return o}var S={small:O.small,medium:O.medium,large:O.large},w=function(n){var x=n.format,w=void 0===x?"hex":x,T=n.className,E=n.label,M=n.labelPlacement,B=void 0===M?"top":M,R=n.popoverPlacement,z=void 0===R?"bottom-start":R,W=n.testId,L=n.disabled,G=n.size,K=void 0===G?"small":G,U=n.onOpen,q=n.onClose,V=n.value,H=void 0===V?C:V,Z=n.onChange,J=n.disableOpacityDrag,Q=n.enableAlpha,X=void 0!==Q&&Q,Y=n.elementsClassNames,$=void 0===Y?{}:Y,_=i((function(){return{input:s(O.input,$.input),inputContainer:s(O.inputContainer,$.inputContainer),label:s(O.label,$.label),prefix:O.prefixContainer,suffix:O.suffixContainer,numberStepButtons:O.numberStepButtons}}),[$.input,$.inputContainer,$.label]),oo=i((function(){try{var o=b(H);return A(A({},o),{},{a:X?o.a:1})}catch(o){return b(C)}}),[H,X]),no=c(!1),so=o(no,2),io=so[0],co=so[1],to=t(null),ro=t(null),eo=c(!0),ao=o(eo,2),lo=ao[0],mo=ao[1],uo=c(null),po=o(uo,2),jo=po[0],fo=po[1],Io=c(oo),bo=o(Io,2),ho=bo[0],vo=bo[1],Co=t(null),yo=i((function(){return"corva-color-picker-".concat(m())}),[]),go="".concat(yo,"-opacity-input"),Oo="".concat(yo,"-label"),ko="".concat(yo,"-opacity-label"),Po=Boolean(E),Do=r((function(){co(!0),null==U||U()}),[U]),Fo=r((function(o){o.preventDefault(),fo(null),Do()}),[Do]),No=r((function(){fo(null),Do()}),[Do]),xo=r((function(o){L||"Enter"!==o.key&&" "!==o.key&&"ArrowDown"!==o.key||(o.preventDefault(),fo("palette"),Do())}),[L,Do]),Ao=r((function(){var o,n,s=!(null===(o=Co.current)||void 0===o||!o.contains(document.activeElement));(fo(null),co(!1),null==q||q(),s)&&(null===(n=ro.current)||void 0===n||n.focus({preventScroll:!0}))}),[q]),So=r((function(o){fo(0===o.detail?"palette":null),mo(!0)}),[]),wo=r((function(o){fo(0===o.detail?"picker":null),mo(!1)}),[]),To=r((function(){return fo(null)}),[]),Eo=r((function(o){return vo(o.rgb)}),[]),Mo=r((function(o){var n="hex"===w?h(o,X):v(o,X);null==Z||Z(n)}),[w,Z,X]),Bo=r((function(o){vo(o),Mo(o)}),[Mo]),Ro=g({color:ho,enableAlpha:X,isActive:!lo,onChange:Bo}),zo=Ro.pickerRef,Wo=Ro.onKeyDown;e((function(){var o;if("picker"===jo&&!lo){var n=null===(o=zo.current)||void 0===o?void 0:o.querySelector('[data-color-picker-control="saturation"]');n&&(n.focus({preventScroll:!0}),To())}}),[To,jo,lo,zo]);var Lo=r((function(o){var n=Number(o);if(!(Number.isNaN(n)||n<0||n>100)){var s=A(A({},oo),{},{a:n/100});Mo(s)}}),[oo,Mo]),Go=r((function(o){Mo(o.rgb)}),[Mo]),Ko=r((function(o){var n=oo.a||1,s=X&&0===o.a?0:n;Mo(A(A({},o),{},{a:s}))}),[Mo,oo.a,X]),Uo=r((function(){setTimeout((function(){var o,n;co(!1),null===(o=document.activeElement)||void 0===o||null===(n=o.blur)||void 0===n||n.call(o)}),0)}),[]),qo=i((function(){return l((function(o){var n=String(Math.round(o));Lo(n)}),100)}),[Lo]);e((function(){vo(oo)}),[oo]),e((function(){io&&mo(!0)}),[io]);var Vo=String(Math.round(100*ho.a)),Ho=(null==z?void 0:z.startsWith("top"))||(null==z?void 0:z.startsWith("bottom")),Zo=(null==z?void 0:z.startsWith("left"))||(null==z?void 0:z.startsWith("right")),Jo=Po?D(F,{children:[N("label",{id:Oo,htmlFor:go,children:"string"==typeof E?N(u.Label,{children:E}):E}),N("span",{id:ko,hidden:!0,children:"Opacity"})]}):void 0,Qo=i((function(){return Po?{id:go,"aria-labelledby":"".concat(Oo," ").concat(ko)}:{id:go,"aria-label":"Opacity"}}),[Po,go,Oo,ko]);return D(F,{children:[N(u,{label:Jo,labelPlacement:B,disabled:L,size:K,rootTagName:"div",prefix:D(F,{children:[D("div",{className:O.fakeValue,children:[Vo,N("span",{className:O.fakeValuePercent,children:"%"})]}),N("div",{ref:ro,className:s(O.indicator,0===ho.a&&O.transparent,$.indicator),style:{"--corvaui-colorpicker-indicatorcolor":h(ho,!1)},onClick:L?void 0:Fo,onKeyDown:xo,role:"button","aria-label":Po?void 0:"Color picker","aria-labelledby":Po?Oo:void 0,"aria-expanded":io,"aria-disabled":L,tabIndex:L?-1:0})]}),suffix:!io&&X&&!J&&!L&&N(y,{value:Number(Vo),onDrag:qo,onDragEnd:Uo}),className:s(O.root,S[K],!X&&O.noAlpha,T),testId:W,inputContainerRef:to,value:Vo,onChange:Lo,onFocus:No,inputType:"number",inputMode:"numeric",htmlAttributes:Qo,elementsClassNames:_}),D(p,{ref:Co,anchorEl:to.current,open:io,onClose:Ao,placement:z,className:s(O.popover,Ho&&O.marginVertical,Zo&&O.marginHorizontal,0===ho.a&&O.isTransparent,$.popover),children:[lo?N(I,{onChange:Ko,value:oo,addTransparent:X,autoFocus:"palette"===jo,onAutoFocus:To}):N("div",{ref:zo,className:O.pickerContainer,onKeyDown:Wo,children:N(a,{color:ho,onChange:Eo,onChangeComplete:Go,disableAlpha:!X,className:O.picker})}),D("div",{className:O.switchButtons,children:[N(j,{title:"Palette",children:N(d,{ariaLabel:"Show color palette",size:"medium",type:lo?"secondary":"tertiary",onClick:So,children:N(k,{})})}),N(j,{title:"Pick your own",children:N(d,{ariaLabel:"Show custom color picker",size:"medium",type:lo?"tertiary":"secondary",onClick:wo,children:N(P,{})})})]})]}),io&&X&&!J&&N(f,{open:io,anchorEl:to.current,className:O.dragTrackerPopper,placement:"right",children:N(y,{onDrag:qo,onDragEnd:Uo})})]})};export{w as ColorPicker};
 //# sourceMappingURL=ColorPicker.js.map