npm - @corva/ui - Versions diffs - 3.75.0-10 → 3.75.0-12 - Mend

@corva/ui 3.75.0-10 → 3.75.0-12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1102) hide show

package/cjs-bundle/componentsV2/Autocomplete/Autocomplete.js.map CHANGED Viewed

	@@ -1 +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","AutocompleteNext","selectedValueRenderers","default","chipsMultiline","renderSelectedValueChips"],"mappings":"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"}
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","AutocompleteNext","selectedValueRenderers","default","chipsMultiline","renderSelectedValueChips"],"mappings":"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"}

package/cjs-bundle/componentsV2/Breadcrumbs/Breadcrumbs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("react"),c=require("./Breadcrumbs.scss.js"),i=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var n=require("react/jsx-runtime");function e(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var r=e(s);exports.Breadcrumbs=function(s){var e=s.showBackIcon,u=s.testId,t=s.items,m=s.className,a=s.onItemClick,j=s.activeIndex;return n.jsxs("nav",{className:r.default(c.root,m),"data-testid":u,children:[e&&t.length>0&&n.jsx("span",{className:c.item,onClick:function(){var s;return null==a?void 0:a(null==t||null===(s=t[0])||void 0===s?void 0:s.to)},children:n.jsx(i.LeftIcon,{size:16})}),t.map((function(s,i){var e=s.className,u=s.testId,t=s.title,m=s.to;return n.jsxs(o.Fragment,{children:[i>0&&n.jsx("div",{className:c.separator,children:"/"}),n.jsx("span",{className:r.default(c.item,i===j&&c.active,e),"data-testid":u,onClick:function(){return null==a?void 0:a(m)},children:t})]},i)}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("react"),c=require("./Breadcrumbs.scss.js"),i=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var n=require("react/jsx-runtime");function e(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var r=e(s);exports.Breadcrumbs=function(s){var e=s.showBackIcon,u=s.testId,t=s.items,m=s.className,a=s.onItemClick,j=s.activeIndex;return n.jsxs("nav",{className:r.default(c.root,m),"data-testid":u,children:[e&&t.length>0&&n.jsx("span",{className:c.item,onClick:function(){var s;return null==a?void 0:a(null==t||null===(s=t[0])||void 0===s?void 0:s.to)},children:n.jsx(i.LeftIcon,{size:16})}),t.map((function(s,i){var e=s.className,u=s.testId,t=s.title,m=s.to;return n.jsxs(o.Fragment,{children:[i>0&&n.jsx("div",{className:c.separator,children:"/"}),n.jsx("span",{className:r.default(c.item,i===j&&c.active,e),"data-testid":u,onClick:function(){return null==a?void 0:a(m)},children:t})]},i)}))]})};
 //# sourceMappingURL=Breadcrumbs.js.map

package/cjs-bundle/componentsV2/Breadcrumbs/Breadcrumbs.js.map CHANGED Viewed

	@@ -1 +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":["_ref","showBackIcon","testId","items","className","onItemClick","activeIndex","_jsxs","classNames","styles","root","children","length","_jsx","jsx","item","onClick","_items$","to","LeftIcon","size","map","index","itemClassName","title","Fragment","separator","active"],"mappings":"~~gnIA0B2B~~,SAOHA,GAAA,IANtBC,IAAAA,aACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YAEA,OACEC,EAAAA,KAAA,MAAA,CAAKH,UAAWI,EAAU,QAACC,EAAOC,KAAMN,GAAY,cAAaF,EAAOS,SAAA,CACrEV,GAAgBE,EAAMS,OAAS,GAC9BC,EAAAC,IAAA,OAAA,CAAMV,UAAWK,EAAOM,KAAMC,QAAS,WAAA,IAAAC,EAAA,OAAMZ,aAAAA,EAAAA,EAAcF,SAAA,QAAKc,EAALd,EAAQ,UAAR,IAAAc,OAAK,EAALA,EAAYC,GAAI,EAAAP,SACzEE,MAACM,WAAQ,CAACC,KAAM,OAInBjB,EAAMkB,KAAI,WAAkDC,GAAK,IAAzCC,IAAXnB,UAA0BF,IAAAA,OAAQsB,IAAAA,MAAON,IAAAA,GAAE,OACvDX,EAAAA,KAACkB,EAAAA,SAAQ,CAAAd,SACNW,CAAAA,EAAQ,GAAKT,EAAAA,IAAA,MAAA,CAAKT,UAAWK,EAAOiB,UAAUf,SAAA,MAC/CE,EAAAC,IAAA,OAAA,CACEV,UAAWI,EAAAA,QACTC,EAAOM,KACPO,IAAUhB,GAAeG,EAAOkB,OAChCJ,GAEF,cAAarB,EACbc,QAAS,WAAA,OAAMX,eAAAA,EAAca,EAAI,EAAAP,SAEhCa,MAXUF,EAaJ,MAInB"}
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":["_ref","showBackIcon","testId","items","className","onItemClick","activeIndex","_jsxs","classNames","styles","root","children","length","_jsx","jsx","item","onClick","_items$","to","LeftIcon","size","map","index","itemClassName","title","Fragment","separator","active"],"mappings":"guIA0B2B,SAOHA,GAAA,IANtBC,IAAAA,aACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YAEA,OACEC,EAAAA,KAAA,MAAA,CAAKH,UAAWI,EAAU,QAACC,EAAOC,KAAMN,GAAY,cAAaF,EAAOS,SAAA,CACrEV,GAAgBE,EAAMS,OAAS,GAC9BC,EAAAC,IAAA,OAAA,CAAMV,UAAWK,EAAOM,KAAMC,QAAS,WAAA,IAAAC,EAAA,OAAMZ,aAAAA,EAAAA,EAAcF,SAAA,QAAKc,EAALd,EAAQ,UAAR,IAAAc,OAAK,EAALA,EAAYC,GAAI,EAAAP,SACzEE,MAACM,WAAQ,CAACC,KAAM,OAInBjB,EAAMkB,KAAI,WAAkDC,GAAK,IAAzCC,IAAXnB,UAA0BF,IAAAA,OAAQsB,IAAAA,MAAON,IAAAA,GAAE,OACvDX,EAAAA,KAACkB,EAAAA,SAAQ,CAAAd,SACNW,CAAAA,EAAQ,GAAKT,EAAAA,IAAA,MAAA,CAAKT,UAAWK,EAAOiB,UAAUf,SAAA,MAC/CE,EAAAC,IAAA,OAAA,CACEV,UAAWI,EAAAA,QACTC,EAAOM,KACPO,IAAUhB,GAAeG,EAAOkB,OAChCJ,GAEF,cAAarB,EACbc,QAAS,WAAA,OAAMX,eAAAA,EAAca,EAAI,EAAAP,SAEhCa,MAXUF,EAaJ,MAInB"}

package/cjs-bundle/componentsV2/ButtonLive/ButtonLive.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),c=require("react"),e=require("classnames"),i=require("../Button/Button.js"),n=require("../Tooltip/Tooltip.js"),r=require("./ButtonLive.scss.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var t=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s),a=m(o),l=m(e),q=["children","tooltip","size","className"];function I(s,o){var c=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),c.push.apply(c,e)}return c}function p(s){for(var o=1;o<arguments.length;o++){var c=null!=arguments[o]?arguments[o]:{};o%2?I(Object(c),!0).forEach((function(o){j.default(s,o,c[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):I(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var d={large:r.large,medium:r.medium,small:r.small},b=c.forwardRef((function(s,o){var c=s.children,e=void 0===c?"Live":c,m=s.tooltip,j=void 0===m?"Go to Live data":m,I=s.size,b=void 0===I?"medium":I,O=s.className,h=a.default(s,q);return t.jsx(n.Tooltip,{title:j,disabled:!j,placement:"bottom-start",children:t.jsx(i.Button,p(p({className:l.default(r.root,d[b],O),size:b,ref:o,type:"tertiary",prefix:t.jsx(u.ArrowRightIcon,{})},h),{},{children:e}))})}));exports.ButtonLive=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),c=require("react"),e=require("classnames"),i=require("../Button/Button.js"),n=require("../Tooltip/Tooltip.js"),r=require("./ButtonLive.scss.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var t=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s),a=m(o),l=m(e),q=["children","tooltip","size","className"];function I(s,o){var c=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),c.push.apply(c,e)}return c}function d(s){for(var o=1;o<arguments.length;o++){var c=null!=arguments[o]?arguments[o]:{};o%2?I(Object(c),!0).forEach((function(o){j.default(s,o,c[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):I(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var p={large:r.large,medium:r.medium,small:r.small},b=c.forwardRef((function(s,o){var c=s.children,e=void 0===c?"Live":c,m=s.tooltip,j=void 0===m?"Go to Live data":m,I=s.size,b=void 0===I?"medium":I,O=s.className,h=a.default(s,q);return t.jsx(n.Tooltip,{title:j,disabled:!j,placement:"bottom-start",children:t.jsx(i.Button,d(d({className:l.default(r.root,p[b],O),size:b,ref:o,type:"tertiary",prefix:t.jsx(u.ArrowRightIcon,{})},h),{},{children:e}))})}));exports.ButtonLive=b;
 //# sourceMappingURL=ButtonLive.js.map

package/cjs-bundle/componentsV2/ButtonLive/ButtonLive.js.map CHANGED Viewed

	@@ -1 +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":"~~+4JAwBA~~,IAAMA,EAAoE,CACxEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGHC,EAAaC,EAAUA,YAClC,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,EAAA,QAAAV,EAAAW,GAGrF,OACEC,EAAAA,IAACC,EAAAA,QAAO,CAACC,MAAOT,EAASU,UAAWV,EAASW,UAAU,eAAcb,SACnES,MAACK,SAAMC,EAAAA,EAAA,CACLV,UAAWW,EAAU,QAACxB,EAAOyB,KAAM3B,EAAec,GAAOC,GACzDD,KAAMA,EACNN,IAAKA,EACLoB,KAAK,WACLC,OAAQV,EAAAA,IAACW,EAAcA,eAAA,KACnBd,GAAI,GAAA,CAAAN,SAEPA,MAIT"}
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":"+/JAwBA,IAAMA,EAAoE,CACxEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGHC,EAAaC,EAAUA,YAClC,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,EAAA,QAAAV,EAAAW,GAGrF,OACEC,EAAAA,IAACC,EAAAA,QAAO,CAACC,MAAOT,EAASU,UAAWV,EAASW,UAAU,eAAcb,SACnES,MAACK,SAAMC,EAAAA,EAAA,CACLV,UAAWW,EAAU,QAACxB,EAAOyB,KAAM3B,EAAec,GAAOC,GACzDD,KAAMA,EACNN,IAAKA,EACLoB,KAAK,WACLC,OAAQV,EAAAA,IAACW,EAAcA,eAAA,KACnBd,GAAI,GAAA,CAAAN,SAEPA,MAIT"}

package/cjs-bundle/componentsV2/ChartAxisExtreme/ChartAxisExtreme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),e=require("classnames"),o=require("react"),c=require("lodash"),i=require("./ChartAxisExtremeInput.js"),n=require("./utils.js"),r=require("./ChartAxisExtremeDragTracker.js"),u=require("./ChartAxisExtreme.scss.js"),t=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=l(s),j=l(e);exports.ChartAxisExtreme=function(s){var e=s.axis,l=s.testId,q=s.className,I=s.formatValue,d=s.value,C=s.dragDeltaValue,f=void 0===C?5:C,p=s.onChange,v=s.extremeType,x=s.validate,h=void 0===x?n.defaultValueValidator:x,b=o.useState(!1),g=m.default(b,2),A=g[0],k=g[1],D=o.useState(),F=m.default(D,2),E=F[0],y=F[1],O=o.useState(),N=m.default(O,2),S=N[0],M=N[1],w=o.useState(!1),z=m.default(w,2),P=z[0],T=z[1],R=o.useRef(!1),V=o.useRef(null),U=o.useRef(),G=P?S:d,L=n.usePositionStyles({axis:e,extremeType:v}),B=!e.horiz,W=I||n.defaultValueFormatter,_=o.useCallback((function(s){return"number"==typeof f?Math.floor(s/(f||1)):f(s)}),[f]),K=o.useCallback((function(s){return h(s,{axis:e,extremeType:v})}),[e,v,h]),X=o.useCallback((function(){R.current=!1,k(!0)}),[]),Y=o.useCallback((function(){R.current=!1,k(!1)}),[]),Z=o.useCallback((function(s){void 0!==s&&(null==p||p(s,{axis:e,extremeType:v})),Y()}),[e,v,p,Y]),H=o.useCallback((function(s){s.preventDefault(),U.current=void 0,R.current=!0}),[]),J=o.useCallback((function(s){null==p||p(s,{axis:e,extremeType:v})}),[e,v,p]),Q=o.useMemo((function(){return c.throttle((function(s){J(s)}),300)}),[J]),$=o.useCallback((function(){R.current=!1,M(void 0),y(void 0),T(!1),Q.flush()}),[Q]),ss=o.useCallback((function(){!R.current||A||P||(M(G),y(G),T(!0))}),[P,A,G]),es=o.useCallback((function(s){if(V.current&&e&&void 0!==E){var o;if(!U.current)U.current=null===(o=V.current)||void 0===o?void 0:o.getBoundingClientRect();var c=s.clientY,i=s.clientX,r=U.current,u=r.y,t=r.height,a=r.x,l=r.width,m=B?n.getDeltaDrag(c,u,t):-n.getDeltaDrag(i,a,l),j=E+_(m);K(j)&&(M(j),Q(j))}}),[K,e,_,E,B,Q]);return o.useEffect((function(){return function(){return Q.cancel()}}),[Q]),void 0!==G&&e?a.jsxs("div",{className:j.default(u.root,q),style:L,"data-testid":l,children:[a.jsx(r.ChartAxisExtremeDragTracker,{isDragging:P,onDragEnd:$,onDrag:es,isVertical:B}),a.jsxs("div",{className:u.content,onMouseDown:H,onMouseLeave:ss,onClick:X,ref:V,children:[a.jsxs("div",{className:j.default(u.valueContainer,A&&u.isEditing,B&&u.vertical),children:[B?a.jsx(t.UpIcon,{size:Number(u.arrowsSize),className:u.valueArrow}):a.jsx(t.LeftIcon,{size:Number(u.arrowsSize),className:u.valueArrow}),a.jsx("div",{className:u.value,children:W(G)}),B?a.jsx(t.DownIcon,{size:Number(u.arrowsSize),className:u.valueArrow}):a.jsx(t.RightIcon,{size:Number(u.arrowsSize),className:u.valueArrow})]}),a.jsx(i.ChartAxisExtremeInput,{value:G,isEditing:A,onEditEnd:Z,validate:K,isVertical:B})]})]}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),e=require("classnames"),o=require("react"),c=require("lodash"),i=require("./ChartAxisExtremeInput.js"),n=require("./utils.js"),r=require("./ChartAxisExtremeDragTracker.js"),u=require("./ChartAxisExtreme.scss.js"),t=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=l(s),j=l(e);exports.ChartAxisExtreme=function(s){var e=s.axis,l=s.testId,q=s.className,I=s.formatValue,d=s.value,C=s.dragDeltaValue,f=void 0===C?5:C,p=s.onChange,v=s.extremeType,x=s.validate,h=void 0===x?n.defaultValueValidator:x,b=o.useState(!1),g=m.default(b,2),A=g[0],k=g[1],D=o.useState(),F=m.default(D,2),E=F[0],y=F[1],O=o.useState(),N=m.default(O,2),S=N[0],M=N[1],w=o.useState(!1),z=m.default(w,2),P=z[0],R=z[1],T=o.useRef(!1),V=o.useRef(null),U=o.useRef(),G=P?S:d,L=n.usePositionStyles({axis:e,extremeType:v}),B=!e.horiz,W=I||n.defaultValueFormatter,_=o.useCallback((function(s){return"number"==typeof f?Math.floor(s/(f||1)):f(s)}),[f]),K=o.useCallback((function(s){return h(s,{axis:e,extremeType:v})}),[e,v,h]),X=o.useCallback((function(){T.current=!1,k(!0)}),[]),Y=o.useCallback((function(){T.current=!1,k(!1)}),[]),Z=o.useCallback((function(s){void 0!==s&&(null==p||p(s,{axis:e,extremeType:v})),Y()}),[e,v,p,Y]),H=o.useCallback((function(s){s.preventDefault(),U.current=void 0,T.current=!0}),[]),J=o.useCallback((function(s){null==p||p(s,{axis:e,extremeType:v})}),[e,v,p]),Q=o.useMemo((function(){return c.throttle((function(s){J(s)}),300)}),[J]),$=o.useCallback((function(){T.current=!1,M(void 0),y(void 0),R(!1),Q.flush()}),[Q]),ss=o.useCallback((function(){!T.current||A||P||(M(G),y(G),R(!0))}),[P,A,G]),es=o.useCallback((function(s){if(V.current&&e&&void 0!==E){var o;if(!U.current)U.current=null===(o=V.current)||void 0===o?void 0:o.getBoundingClientRect();var c=s.clientY,i=s.clientX,r=U.current,u=r.y,t=r.height,a=r.x,l=r.width,m=B?n.getDeltaDrag(c,u,t):-n.getDeltaDrag(i,a,l),j=E+_(m);K(j)&&(M(j),Q(j))}}),[K,e,_,E,B,Q]);return o.useEffect((function(){return function(){return Q.cancel()}}),[Q]),void 0!==G&&e?a.jsxs("div",{className:j.default(u.root,q),style:L,"data-testid":l,children:[a.jsx(r.ChartAxisExtremeDragTracker,{isDragging:P,onDragEnd:$,onDrag:es,isVertical:B}),a.jsxs("div",{className:u.content,onMouseDown:H,onMouseLeave:ss,onClick:X,ref:V,children:[a.jsxs("div",{className:j.default(u.valueContainer,A&&u.isEditing,B&&u.vertical),children:[B?a.jsx(t.UpIcon,{size:Number(u.arrowsSize),className:u.valueArrow}):a.jsx(t.LeftIcon,{size:Number(u.arrowsSize),className:u.valueArrow}),a.jsx("div",{className:u.value,children:W(G)}),B?a.jsx(t.DownIcon,{size:Number(u.arrowsSize),className:u.valueArrow}):a.jsx(t.RightIcon,{size:Number(u.arrowsSize),className:u.valueArrow})]}),a.jsx(i.ChartAxisExtremeInput,{value:G,isEditing:A,onEditEnd:Z,validate:K,isVertical:B})]})]}):null};
 //# sourceMappingURL=ChartAxisExtreme.js.map

package/cjs-bundle/componentsV2/ChartAxisExtreme/ChartAxisExtreme.js.map CHANGED Viewed

	@@ -1 +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":["_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","jsxs","content","onMouseLeave","onClick","ref","valueContainer","vertical","jsx","UpIcon","size","Number","arrowsSize","valueArrow","LeftIcon","DownIcon","RightIcon","ChartAxisExtremeInput","onEditEnd"],"mappings":"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"}
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":["_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","jsxs","content","onMouseLeave","onClick","ref","valueContainer","vertical","jsx","UpIcon","size","Number","arrowsSize","valueArrow","LeftIcon","DownIcon","RightIcon","ChartAxisExtremeInput","onEditEnd"],"mappings":"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"}

package/cjs-bundle/componentsV2/Chip/Chip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),c=require("classnames"),i=require("../ChipIndicator/ChipIndicator.js"),n=require("./Chip.scss.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("../Tooltip/Tooltip.js"),t=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var a=l(s),m=l(e),d=l(c),j=["disabled","prefix","suffix","testId","className","children","onClick","onDelete","size","type","state","shape","deleteButtonTooltip"];function q(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);e&&(c=c.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,c)}return o}function I(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?q(Object(o),!0).forEach((function(e){a.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):q(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var p={default:n.filled,outlined:n.outlined},f={medium:n.medium,small:n.small,xs:n.xsmall},h={medium:24,small:16,xs:12},b={neutral:n.neutral,caution:n.caution,info:n.info,error:n.error,pending:n.pending,success:n.success,warning:n.warning},C={round:n.round,square:n.square},v=o.forwardRef((function(s,e){var c=s.disabled,i=s.prefix,l=s.suffix,a=s.testId,q=s.className,v=s.children,O=s.onClick,x=s.onDelete,P=s.size,g=void 0===P?"medium":P,y=s.type,k=void 0===y?"default":y,F=s.state,A=void 0===F?"neutral":F,D=s.shape,N=void 0===D?"round":D,w=s.deleteButtonTooltip,z=m.default(s,j),E=c?void 0:O,S=o.useCallback((function(s){s.stopPropagation(),null==x||x(s)}),[x]),M=x&&t.jsx("div",{className:n.deleteIcon,children:t.jsx(r.CloseSmallIcon,{onClick:S,size:16})}),T=M&&w?t.jsx(u.Tooltip,{title:w,children:M}):M;return t.jsxs("div",I(I({className:d.default(n.root,E&&n.hoverable,c&&n.disabled,i&&n.withPrefix,(x||l)&&n.withSuffix,f[g],p[k],b[A],C[N],q),onClick:E,"data-testid":a,ref:e},z),{},{children:[i&&o.isValidElement(i)?o.cloneElement(i,{size:h[g]}):i,t.jsx("div",{className:n.label,children:v}),l&&o.isValidElement(l)?o.cloneElement(l,{size:h[g]}):l,T]}))}));v.Affix={Check:function(s){var e=s.size,o=s.className;return t.jsx(r.CheckSmallIcon,{size:e,className:d.default(n.checkAffix,o)})},Dot:function(s){var e=s.className,o=s.color;return t.jsx("div",{className:d.default(n.dotAffix,e),style:{background:o}})},Indicator:function(s){var e=s.size===h.medium?"medium":"small";return t.jsx(i.ChipIndicator,{className:d.default(n.indicatorAffix,s.className),size:e,children:s.children})}};var O=v;exports.Chip=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),c=require("classnames"),i=require("../ChipIndicator/ChipIndicator.js"),n=require("./Chip.scss.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("../Tooltip/Tooltip.js"),t=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var a=l(s),m=l(e),d=l(c),j=["disabled","prefix","suffix","testId","className","children","onClick","onDelete","size","type","state","shape","deleteButtonTooltip"];function q(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);e&&(c=c.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,c)}return o}function I(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?q(Object(o),!0).forEach((function(e){a.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):q(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var p={default:n.filled,outlined:n.outlined},f={medium:n.medium,small:n.small,xs:n.xsmall},h={medium:24,small:16,xs:12},b={neutral:n.neutral,caution:n.caution,info:n.info,error:n.error,pending:n.pending,success:n.success,warning:n.warning},C={round:n.round,square:n.square},v=o.forwardRef((function(s,e){var c=s.disabled,i=s.prefix,l=s.suffix,a=s.testId,q=s.className,v=s.children,O=s.onClick,x=s.onDelete,P=s.size,g=void 0===P?"medium":P,y=s.type,F=void 0===y?"default":y,k=s.state,A=void 0===k?"neutral":k,D=s.shape,N=void 0===D?"round":D,w=s.deleteButtonTooltip,z=m.default(s,j),E=c?void 0:O,S=o.useCallback((function(s){s.stopPropagation(),null==x||x(s)}),[x]),M=x&&t.jsx("div",{className:n.deleteIcon,children:t.jsx(r.CloseSmallIcon,{onClick:S,size:16})}),T=M&&w?t.jsx(u.Tooltip,{title:w,children:M}):M;return t.jsxs("div",I(I({className:d.default(n.root,E&&n.hoverable,c&&n.disabled,i&&n.withPrefix,(x||l)&&n.withSuffix,f[g],p[F],b[A],C[N],q),onClick:E,"data-testid":a,ref:e},z),{},{children:[i&&o.isValidElement(i)?o.cloneElement(i,{size:h[g]}):i,t.jsx("div",{className:n.label,children:v}),l&&o.isValidElement(l)?o.cloneElement(l,{size:h[g]}):l,T]}))}));v.Affix={Check:function(s){var e=s.size,o=s.className;return t.jsx(r.CheckSmallIcon,{size:e,className:d.default(n.checkAffix,o)})},Dot:function(s){var e=s.className,o=s.color;return t.jsx("div",{className:d.default(n.dotAffix,e),style:{background:o}})},Indicator:function(s){var e=s.size===h.medium?"medium":"small";return t.jsx(i.ChipIndicator,{className:d.default(n.indicatorAffix,s.className),size:e,children:s.children})}};var O=v;exports.Chip=O;
 //# sourceMappingURL=Chip.js.map

package/cjs-bundle/componentsV2/Chip/Chip.js.map CHANGED Viewed

	@@ -1 +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","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":"~~q/JAsCA~~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"}
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","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":"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"}

package/cjs-bundle/componentsV2/ColorPicker/ColorPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/defineProperty"),s=require("classnames"),n=require("react"),c=require("react-color"),r=require("lodash"),i=require("uuid"),t=require("../TextInputNext/TextInputNext.js"),u=require("../Popover/Popover.js"),a=require("../ButtonIcon/ButtonIcon.js"),l=require("../Tooltip/Tooltip.js"),m=require("../Popper/Popper.js"),p=require("./Swatches/Swatches.js"),d=require("./utils.js"),j=require("./OpacityDragtracker/OpacityDragtracker.js"),q=require("./useChromePickerAccessibility.js"),f=require("./ColorPicker.scss.js"),b=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var I=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=h(e),C=h(o),k=h(s);function x(e,o){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),s.push.apply(s,n)}return s}function y(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?x(Object(s),!0).forEach((function(o){C.default(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):x(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var g={small:f.small,medium:f.medium,large:f.large};exports.ColorPicker=function(e){var o=e.format,s=void 0===o?"hex":o,h=e.className,C=e.label,x=e.labelPlacement,O=void 0===x?"top":x,P=e.popoverPlacement,D=void 0===P?"bottom-start":P,F=e.testId,N=e.disabled,S=e.size,T=void 0===S?"small":S,A=e.onOpen,w=e.onClose,M=e.value,E=void 0===M?d.defaultColor:M,R=e.onChange,B=e.disableOpacityDrag,z=e.enableAlpha,W=void 0!==z&&z,L=e.elementsClassNames,G=void 0===L?{}:L,K=n.useMemo((function(){return{input:k.default(f.input,G.input),inputContainer:k.default(f.inputContainer,G.inputContainer),label:k.default(f.label,G.label),prefix:f.prefixContainer,suffix:f.suffixContainer,numberStepButtons:f.numberStepButtons}}),[G.input,G.inputContainer,G.label]),U=n.useMemo((function(){try{var e=d.parseColor(E);return y(y({},e),{},{a:W?e.a:1})}catch(e){return d.parseColor(d.defaultColor)}}),[E,W]),H=n.useState(!1),V=v.default(H,2),_=V[0],Z=V[1],J=n.useRef(null),Q=n.useRef(null),X=n.useState(!0),Y=v.default(X,2),$=Y[0],ee=Y[1],oe=n.useState(null),se=v.default(oe,2),ne=se[0],ce=se[1],re=n.useState(U),ie=v.default(re,2),te=ie[0],ue=ie[1],ae=n.useRef(null),le=n.useMemo((function(){return"corva-color-picker-".concat(i.v4())}),[]),me="".concat(le,"-opacity-input"),pe="".concat(le,"-label"),de="".concat(le,"-opacity-label"),je=Boolean(C),qe=n.useCallback((function(){Z(!0),null==A||A()}),[A]),fe=n.useCallback((function(e){e.preventDefault(),ce(null),qe()}),[qe]),be=n.useCallback((function(){ce(null),qe()}),[qe]),Ie=n.useCallback((function(e){N||"Enter"!==e.key&&" "!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),ce("palette"),qe())}),[N,qe]),he=n.useCallback((function(){var e,o,s=!(null===(e=ae.current)||void 0===e||!e.contains(document.activeElement));(ce(null),Z(!1),null==w||w(),s)&&(null===(o=Q.current)||void 0===o||o.focus({preventScroll:!0}))}),[w]),ve=n.useCallback((function(e){ce(0===e.detail?"palette":null),ee(!0)}),[]),Ce=n.useCallback((function(e){ce(0===e.detail?"picker":null),ee(!1)}),[]),ke=n.useCallback((function(){return ce(null)}),[]),xe=n.useCallback((function(e){return ue(e.rgb)}),[]),ye=n.useCallback((function(e){var o="hex"===s?d.channelsToHex(e,W):d.channelsToRgba(e,W);null==R||R(o)}),[s,R,W]),ge=n.useCallback((function(e){ue(e),ye(e)}),[ye]),Oe=q.useChromePickerAccessibility({color:te,enableAlpha:W,isActive:!$,onChange:ge}),Pe=Oe.pickerRef,De=Oe.onKeyDown;n.useEffect((function(){var e;if("picker"===ne&&!$){var o=null===(e=Pe.current)||void 0===e?void 0:e.querySelector('[data-color-picker-control="saturation"]');o&&(o.focus({preventScroll:!0}),ke())}}),[ke,ne,$,Pe]);var Fe=n.useCallback((function(e){var o=Number(e);if(!(Number.isNaN(o)||o<0||o>100)){var s=y(y({},U),{},{a:o/100});ye(s)}}),[U,ye]),Ne=n.useCallback((function(e){ye(e.rgb)}),[ye]),Se=n.useCallback((function(e){var o=U.a||1,s=W&&0===e.a?0:o;ye(y(y({},e),{},{a:s}))}),[ye,U.a,W]),Te=n.useCallback((function(){setTimeout((function(){var e,o;Z(!1),null===(e=document.activeElement)||void 0===e||null===(o=e.blur)||void 0===o||o.call(e)}),0)}),[]),Ae=n.useMemo((function(){return r.throttle((function(e){var o=String(Math.round(e));Fe(o)}),100)}),[Fe]);n.useEffect((function(){ue(U)}),[U]),n.useEffect((function(){_&&ee(!0)}),[_]);var we=String(Math.round(100*te.a)),Me=(null==D?void 0:D.startsWith("top"))||(null==D?void 0:D.startsWith("bottom")),Ee=(null==D?void 0:D.startsWith("left"))||(null==D?void 0:D.startsWith("right")),Re=je?I.jsxs(I.Fragment,{children:[I.jsx("label",{id:pe,htmlFor:me,children:"string"==typeof C?I.jsx(t.TextInputNext.Label,{children:C}):C}),I.jsx("span",{id:de,hidden:!0,children:"Opacity"})]}):void 0,Be=n.useMemo((function(){return je?{id:me,"aria-labelledby":"".concat(pe," ").concat(de)}:{id:me,"aria-label":"Opacity"}}),[je,me,pe,de]);return I.jsxs(I.Fragment,{children:[I.jsx(t.TextInputNext,{label:Re,labelPlacement:O,disabled:N,size:T,rootTagName:"div",prefix:I.jsxs(I.Fragment,{children:[I.jsxs("div",{className:f.fakeValue,children:[we,I.jsx("span",{className:f.fakeValuePercent,children:"%"})]}),I.jsx("div",{ref:Q,className:k.default(f.indicator,0===te.a&&f.transparent,G.indicator),style:{"--corvaui-colorpicker-indicatorcolor":d.channelsToHex(te,!1)},onClick:N?void 0:fe,onKeyDown:Ie,role:"button","aria-label":je?void 0:"Color picker","aria-labelledby":je?pe:void 0,"aria-expanded":_,"aria-disabled":N,tabIndex:N?-1:0})]}),suffix:!_&&W&&!B&&!N&&I.jsx(j.OpacityDragTracker,{value:Number(we),onDrag:Ae,onDragEnd:Te}),className:k.default(f.root,g[T],!W&&f.noAlpha,h),testId:F,inputContainerRef:J,value:we,onChange:Fe,onFocus:be,inputType:"number",inputMode:"numeric",htmlAttributes:Be,elementsClassNames:K}),I.jsxs(u.Popover,{ref:ae,anchorEl:J.current,open:_,onClose:he,placement:D,className:k.default(f.popover,Me&&f.marginVertical,Ee&&f.marginHorizontal,0===te.a&&f.isTransparent,G.popover),children:[$?I.jsx(p.Swatches,{onChange:Se,value:U,addTransparent:W,autoFocus:"palette"===ne,onAutoFocus:ke}):I.jsx("div",{ref:Pe,className:f.pickerContainer,onKeyDown:De,children:I.jsx(c.ChromePicker,{color:te,onChange:xe,onChangeComplete:Ne,disableAlpha:!W,className:f.picker})}),I.jsxs("div",{className:f.switchButtons,children:[I.jsx(l.Tooltip,{title:"Palette",children:I.jsx(a.ButtonIcon,{ariaLabel:"Show color palette",size:"medium",type:$?"secondary":"tertiary",onClick:ve,children:I.jsx(b.PaletteIcon,{})})}),I.jsx(l.Tooltip,{title:"Pick your own",children:I.jsx(a.ButtonIcon,{ariaLabel:"Show custom color picker",size:"medium",type:$?"tertiary":"secondary",onClick:Ce,children:I.jsx(b.PickerIcon,{})})})]})]}),_&&W&&!B&&I.jsx(m.Popper,{open:_,anchorEl:J.current,className:f.dragTrackerPopper,placement:"right",children:I.jsx(j.OpacityDragTracker,{onDrag:Ae,onDragEnd:Te})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/defineProperty"),s=require("classnames"),n=require("react"),c=require("react-color"),i=require("lodash"),r=require("uuid"),t=require("../TextInputNext/TextInputNext.js"),u=require("../Popover/Popover.js"),a=require("../ButtonIcon/ButtonIcon.js"),l=require("../Tooltip/Tooltip.js"),m=require("../Popper/Popper.js"),d=require("./Swatches/Swatches.js"),p=require("./utils.js"),j=require("./OpacityDragtracker/OpacityDragtracker.js"),q=require("./useChromePickerAccessibility.js"),f=require("./ColorPicker.scss.js"),b=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var I=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=h(e),C=h(o),k=h(s);function x(e,o){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),s.push.apply(s,n)}return s}function y(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?x(Object(s),!0).forEach((function(o){C.default(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):x(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var g={small:f.small,medium:f.medium,large:f.large};exports.ColorPicker=function(e){var o=e.format,s=void 0===o?"hex":o,h=e.className,C=e.label,x=e.labelPlacement,O=void 0===x?"top":x,P=e.popoverPlacement,D=void 0===P?"bottom-start":P,F=e.testId,N=e.disabled,S=e.size,T=void 0===S?"small":S,A=e.onOpen,w=e.onClose,M=e.value,E=void 0===M?p.defaultColor:M,R=e.onChange,B=e.disableOpacityDrag,z=e.enableAlpha,W=void 0!==z&&z,L=e.elementsClassNames,G=void 0===L?{}:L,K=n.useMemo((function(){return{input:k.default(f.input,G.input),inputContainer:k.default(f.inputContainer,G.inputContainer),label:k.default(f.label,G.label),prefix:f.prefixContainer,suffix:f.suffixContainer,numberStepButtons:f.numberStepButtons}}),[G.input,G.inputContainer,G.label]),U=n.useMemo((function(){try{var e=p.parseColor(E);return y(y({},e),{},{a:W?e.a:1})}catch(e){return p.parseColor(p.defaultColor)}}),[E,W]),H=n.useState(!1),V=v.default(H,2),_=V[0],Z=V[1],J=n.useRef(null),Q=n.useRef(null),X=n.useState(!0),Y=v.default(X,2),$=Y[0],ee=Y[1],oe=n.useState(null),se=v.default(oe,2),ne=se[0],ce=se[1],ie=n.useState(U),re=v.default(ie,2),te=re[0],ue=re[1],ae=n.useRef(null),le=n.useMemo((function(){return"corva-color-picker-".concat(r.v4())}),[]),me="".concat(le,"-opacity-input"),de="".concat(le,"-label"),pe="".concat(le,"-opacity-label"),je=Boolean(C),qe=n.useCallback((function(){Z(!0),null==A||A()}),[A]),fe=n.useCallback((function(e){e.preventDefault(),ce(null),qe()}),[qe]),be=n.useCallback((function(){ce(null),qe()}),[qe]),Ie=n.useCallback((function(e){N||"Enter"!==e.key&&" "!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),ce("palette"),qe())}),[N,qe]),he=n.useCallback((function(){var e,o,s=!(null===(e=ae.current)||void 0===e||!e.contains(document.activeElement));(ce(null),Z(!1),null==w||w(),s)&&(null===(o=Q.current)||void 0===o||o.focus({preventScroll:!0}))}),[w]),ve=n.useCallback((function(e){ce(0===e.detail?"palette":null),ee(!0)}),[]),Ce=n.useCallback((function(e){ce(0===e.detail?"picker":null),ee(!1)}),[]),ke=n.useCallback((function(){return ce(null)}),[]),xe=n.useCallback((function(e){return ue(e.rgb)}),[]),ye=n.useCallback((function(e){var o="hex"===s?p.channelsToHex(e,W):p.channelsToRgba(e,W);null==R||R(o)}),[s,R,W]),ge=n.useCallback((function(e){ue(e),ye(e)}),[ye]),Oe=q.useChromePickerAccessibility({color:te,enableAlpha:W,isActive:!$,onChange:ge}),Pe=Oe.pickerRef,De=Oe.onKeyDown;n.useEffect((function(){var e;if("picker"===ne&&!$){var o=null===(e=Pe.current)||void 0===e?void 0:e.querySelector('[data-color-picker-control="saturation"]');o&&(o.focus({preventScroll:!0}),ke())}}),[ke,ne,$,Pe]);var Fe=n.useCallback((function(e){var o=Number(e);if(!(Number.isNaN(o)||o<0||o>100)){var s=y(y({},U),{},{a:o/100});ye(s)}}),[U,ye]),Ne=n.useCallback((function(e){ye(e.rgb)}),[ye]),Se=n.useCallback((function(e){var o=U.a||1,s=W&&0===e.a?0:o;ye(y(y({},e),{},{a:s}))}),[ye,U.a,W]),Te=n.useCallback((function(){setTimeout((function(){var e,o;Z(!1),null===(e=document.activeElement)||void 0===e||null===(o=e.blur)||void 0===o||o.call(e)}),0)}),[]),Ae=n.useMemo((function(){return i.throttle((function(e){var o=String(Math.round(e));Fe(o)}),100)}),[Fe]);n.useEffect((function(){ue(U)}),[U]),n.useEffect((function(){_&&ee(!0)}),[_]);var we=String(Math.round(100*te.a)),Me=(null==D?void 0:D.startsWith("top"))||(null==D?void 0:D.startsWith("bottom")),Ee=(null==D?void 0:D.startsWith("left"))||(null==D?void 0:D.startsWith("right")),Re=je?I.jsxs(I.Fragment,{children:[I.jsx("label",{id:de,htmlFor:me,children:"string"==typeof C?I.jsx(t.TextInputNext.Label,{children:C}):C}),I.jsx("span",{id:pe,hidden:!0,children:"Opacity"})]}):void 0,Be=n.useMemo((function(){return je?{id:me,"aria-labelledby":"".concat(de," ").concat(pe)}:{id:me,"aria-label":"Opacity"}}),[je,me,de,pe]);return I.jsxs(I.Fragment,{children:[I.jsx(t.TextInputNext,{label:Re,labelPlacement:O,disabled:N,size:T,rootTagName:"div",prefix:I.jsxs(I.Fragment,{children:[I.jsxs("div",{className:f.fakeValue,children:[we,I.jsx("span",{className:f.fakeValuePercent,children:"%"})]}),I.jsx("div",{ref:Q,className:k.default(f.indicator,0===te.a&&f.transparent,G.indicator),style:{"--corvaui-colorpicker-indicatorcolor":p.channelsToHex(te,!1)},onClick:N?void 0:fe,onKeyDown:Ie,role:"button","aria-label":je?void 0:"Color picker","aria-labelledby":je?de:void 0,"aria-expanded":_,"aria-disabled":N,tabIndex:N?-1:0})]}),suffix:!_&&W&&!B&&!N&&I.jsx(j.OpacityDragTracker,{value:Number(we),onDrag:Ae,onDragEnd:Te}),className:k.default(f.root,g[T],!W&&f.noAlpha,h),testId:F,inputContainerRef:J,value:we,onChange:Fe,onFocus:be,inputType:"number",inputMode:"numeric",htmlAttributes:Be,elementsClassNames:K}),I.jsxs(u.Popover,{ref:ae,anchorEl:J.current,open:_,onClose:he,placement:D,className:k.default(f.popover,Me&&f.marginVertical,Ee&&f.marginHorizontal,0===te.a&&f.isTransparent,G.popover),children:[$?I.jsx(d.Swatches,{onChange:Se,value:U,addTransparent:W,autoFocus:"palette"===ne,onAutoFocus:ke}):I.jsx("div",{ref:Pe,className:f.pickerContainer,onKeyDown:De,children:I.jsx(c.ChromePicker,{color:te,onChange:xe,onChangeComplete:Ne,disableAlpha:!W,className:f.picker})}),I.jsxs("div",{className:f.switchButtons,children:[I.jsx(l.Tooltip,{title:"Palette",children:I.jsx(a.ButtonIcon,{ariaLabel:"Show color palette",size:"medium",type:$?"secondary":"tertiary",onClick:ve,children:I.jsx(b.PaletteIcon,{})})}),I.jsx(l.Tooltip,{title:"Pick your own",children:I.jsx(a.ButtonIcon,{ariaLabel:"Show custom color picker",size:"medium",type:$?"tertiary":"secondary",onClick:Ce,children:I.jsx(b.PickerIcon,{})})})]})]}),_&&W&&!B&&I.jsx(m.Popper,{open:_,anchorEl:J.current,className:f.dragTrackerPopper,placement:"right",children:I.jsx(j.OpacityDragTracker,{onDrag:Ae,onDragEnd:Te})})]})};
 //# sourceMappingURL=ColorPicker.js.map