npm - @corva/ui - Versions diffs - 3.75.0-17 → 3.75.0-19 - Mend

@corva/ui 3.75.0-17 → 3.75.0-19

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 (1045) hide show

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/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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),e=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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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(o),d=l(c),j=["disabled","prefix","suffix","testId","className","children","onClick","onDelete","size","type","state","shape","deleteButtonTooltip"];function q(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function I(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?q(Object(e),!0).forEach((function(o){a.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):q(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}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},O=e.forwardRef((function(s,o){var c=s.disabled,i=s.prefix,l=s.suffix,a=s.testId,q=s.className,O=s.children,v=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:v,S=e.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:o},z),{},{children:[i&&e.isValidElement(i)?e.cloneElement(i,{size:h[g]}):i,t.jsx("div",{className:n.label,children:O}),l&&e.isValidElement(l)?e.cloneElement(l,{size:h[g]}):l,T]}))}));O.Affix={Check:function(s){var o=s.size,e=s.className;return t.jsx(r.CheckSmallIcon,{size:o,className:d.default(n.checkAffix,e)})},Dot:function(s){var o=s.className,e=s.color;return t.jsx("div",{className:d.default(n.dotAffix,o),style:{background:e}})},Indicator:function(s){var o=s.size===h.medium?"medium":"small";return t.jsx(i.ChipIndicator,{className:d.default(n.indicatorAffix,s.className),size:o,children:s.children})}};var v=O;exports.Chip=v;
 //# 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":"~~qmKAsCA~~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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"),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})})]})};
+"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"),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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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 b=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]),Ie=n.useCallback((function(){ce(null),qe()}),[qe]),be=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?b.jsxs(b.Fragment,{children:[b.jsx("label",{id:de,htmlFor:me,children:"string"==typeof C?b.jsx(t.TextInputNext.Label,{children:C}):C}),b.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 b.jsxs(b.Fragment,{children:[b.jsx(t.TextInputNext,{label:Re,labelPlacement:O,disabled:N,size:T,rootTagName:"div",prefix:b.jsxs(b.Fragment,{children:[b.jsxs("div",{className:f.fakeValue,children:[we,b.jsx("span",{className:f.fakeValuePercent,children:"%"})]}),b.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:be,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&&b.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:Ie,inputType:"number",inputMode:"numeric",htmlAttributes:Be,elementsClassNames:K}),b.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:[$?b.jsx(d.Swatches,{onChange:Se,value:U,addTransparent:W,autoFocus:"palette"===ne,onAutoFocus:ke}):b.jsx("div",{ref:Pe,className:f.pickerContainer,onKeyDown:De,children:b.jsx(c.ChromePicker,{color:te,onChange:xe,onChangeComplete:Ne,disableAlpha:!W,className:f.picker})}),b.jsxs("div",{className:f.switchButtons,children:[b.jsx(l.Tooltip,{title:"Palette",children:b.jsx(a.ButtonIcon,{ariaLabel:"Show color palette",size:"medium",type:$?"secondary":"tertiary",onClick:ve,children:b.jsx(I.PaletteIcon,{})})}),b.jsx(l.Tooltip,{title:"Pick your own",children:b.jsx(a.ButtonIcon,{ariaLabel:"Show custom color picker",size:"medium",type:$?"tertiary":"secondary",onClick:Ce,children:b.jsx(I.PickerIcon,{})})})]})]}),_&&W&&!B&&b.jsx(m.Popper,{open:_,anchorEl:J.current,className:f.dragTrackerPopper,placement:"right",children:b.jsx(j.OpacityDragTracker,{onDrag:Ae,onDragEnd:Te})})]})};
 //# sourceMappingURL=ColorPicker.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPicker.js","sources":["../../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n CSSProperties,\n KeyboardEventHandler,\n MouseEventHandler,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { ChromePicker, ColorResult } from 'react-color';\nimport { throttle } from 'lodash';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputNext, TextInputNextProps } from '../TextInputNext';\nimport { Popover, PopoverProps } from '../Popover';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\nimport { Popper } from '../Popper';\n\nimport { Swatches } from './Swatches';\nimport { channelsToHex, channelsToRgba, ColorChannels, defaultColor, parseColor } from './utils';\nimport { OpacityDragTracker } from './OpacityDragtracker';\nimport { useChromePickerAccessibility } from './useChromePickerAccessibility';\n\nimport styles from './ColorPicker.scss';\n\nimport { PaletteIcon, PickerIcon } from '~/icons';\n\nexport type ColorPickerProps = {\n value?: string;\n onChange?: (value: string) => void;\n\n size?: TextInputNextProps['size'];\n label?: TextInputNextProps['label'];\n labelPlacement?: TextInputNextProps['labelPlacement'];\n disabled?: boolean;\n /*\n Disables drag to change opacity functinality\n /\n disableOpacityDrag?: boolean;\n /\n Determines base format of the colour `rgb(RRR, GGG, BBB[, AAA])` or `#RRGGBB[AA]`\n /\n format?: 'rgb' \| 'hex';\n /\n Allows user to control color's opacity, adds alpha channel to resulting color string\n /\n enableAlpha?: boolean;\n\n popoverPlacement?: PopoverProps['placement'];\n\n onOpen?: () => void;\n onClose?: () => void;\n\n elementsClassNames?: Partial<\n Omit<\n Required<TextInputNextProps>['elementsClassNames'],\n 'message' \| 'numberStepButtons' \| 'prefix' \| 'suffix'\n > &\n Record<'indicator' \| 'popover', string>\n >;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ColorPickerProps>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\ntype FocusTarget = 'palette' \| 'picker';\n\nexport const ColorPicker = ({\n format = 'hex',\n className,\n label,\n labelPlacement = 'top',\n popoverPlacement = 'bottom-start',\n testId,\n disabled,\n size = 'small',\n onOpen,\n onClose,\n value = defaultColor,\n onChange,\n disableOpacityDrag,\n enableAlpha = false,\n elementsClassNames = {},\n}: ColorPickerProps) => {\n const inputElementsClassNames = useMemo<TextInputNextProps['elementsClassNames']>(\n () => ({\n input: classNames(styles.input, elementsClassNames.input),\n inputContainer: classNames(styles.inputContainer, elementsClassNames.inputContainer),\n label: classNames(styles.label, elementsClassNames.label),\n prefix: styles.prefixContainer,\n suffix: styles.suffixContainer,\n numberStepButtons: styles.numberStepButtons,\n }),\n [elementsClassNames.input, elementsClassNames.inputContainer, elementsClassNames.label]\n );\n\n const valueChannels = useMemo(() => {\n try {\n const channels = parseColor(value);\n\n return { ...channels, a: enableAlpha ? channels.a : 1 };\n } catch (_) {\n return parseColor(defaultColor);\n }\n }, [value, enableAlpha]);\n\n const [isMenuOpen, setIsOpen] = useState(false);\n const inputContainerRef = useRef<HTMLDivElement>(null);\n const indicatorRef = useRef<HTMLDivElement>(null);\n const [isSwatches, setIsSwatches] = useState(true);\n const [focusTarget, setFocusTarget] = useState<FocusTarget \| null>(null);\n const [internalValue, setInternalValue] = useState<ColorChannels>(valueChannels);\n const popoverRef = useRef<HTMLDivElement>(null);\n const accessibilityId = useMemo(() => `corva-color-picker-${uuidv4()}`, []);\n const inputId = `${accessibilityId}-opacity-input`;\n const labelId = `${accessibilityId}-label`;\n const opacityLabelId = `${accessibilityId}-opacity-label`;\n const hasLabel = Boolean(label);\n\n const openMenu = useCallback(() => {\n setIsOpen(true);\n onOpen?.();\n }, [onOpen]);\n\n const openMenuSwatch = useCallback<MouseEventHandler>(\n e => {\n e.preventDefault();\n setFocusTarget(null);\n openMenu();\n },\n [openMenu]\n );\n\n const openMenuFocus = useCallback(() => {\n setFocusTarget(null);\n openMenu();\n }, [openMenu]);\n\n const openMenuKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n event => {\n if (!disabled && (event.key === 'Enter' \|\| event.key === ' ' \|\| event.key === 'ArrowDown')) {\n event.preventDefault();\n setFocusTarget('palette');\n openMenu();\n }\n },\n [disabled, openMenu]\n );\n\n const closeMenu = useCallback(() => {\n const isFocusInPopover = !!popoverRef.current?.contains(document.activeElement);\n\n setFocusTarget(null);\n setIsOpen(false);\n onClose?.();\n\n // Return focus to the trigger so keyboard flow is not lost after Escape/outside dismiss\n if (isFocusInPopover) {\n indicatorRef.current?.focus({ preventScroll: true });\n }\n }, [onClose]);\n\n const setSwatches = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n setFocusTarget(event.detail === 0 ? 'palette' : null);\n setIsSwatches(true);\n }, []);\n\n const setPicker = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n setFocusTarget(event.detail === 0 ? 'picker' : null);\n setIsSwatches(false);\n }, []);\n\n const clearFocusTarget = useCallback(() => setFocusTarget(null), []);\n\n const onInternalValueChange = useCallback(\n (color: ColorResult) => setInternalValue(color.rgb),\n []\n );\n\n const onActualChange = useCallback(\n (color: ColorChannels) => {\n const formatted =\n format === 'hex' ? channelsToHex(color, enableAlpha) : channelsToRgba(color, enableAlpha);\n onChange?.(formatted);\n },\n [format, onChange, enableAlpha]\n );\n\n const onKeyboardPickerChange = useCallback(\n (color: ColorChannels) => {\n setInternalValue(color);\n onActualChange(color);\n },\n [onActualChange]\n );\n\n const { pickerRef, onKeyDown: onPickerKeyDown } = useChromePickerAccessibility({\n color: internalValue,\n enableAlpha,\n isActive: !isSwatches,\n onChange: onKeyboardPickerChange,\n });\n\n useEffect(() => {\n if (focusTarget !== 'picker' \|\| isSwatches) {\n return;\n }\n\n const firstControl = pickerRef.current?.querySelector<HTMLElement>(\n '[data-color-picker-control=\"saturation\"]'\n );\n\n if (firstControl) {\n firstControl.focus({ preventScroll: true });\n clearFocusTarget();\n }\n }, [clearFocusTarget, focusTarget, isSwatches, pickerRef]);\n\n const onOpacityInputChange = useCallback(\n (opacityString: string) => {\n const opacityNumber = Number(opacityString);\n\n if (Number.isNaN(opacityNumber) \|\| opacityNumber < 0 \|\| opacityNumber > 100) {\n return;\n }\n\n const color = { ...valueChannels, a: opacityNumber / 100 };\n onActualChange(color);\n },\n [valueChannels, onActualChange]\n );\n\n const pickerOnChange = useCallback(\n (color: ColorResult) => {\n onActualChange(color.rgb);\n },\n [onActualChange]\n );\n\n const swatchOnChange = useCallback(\n (color: ColorChannels) => {\n const nonZeroAlpha = valueChannels.a \|\| 1;\n const alpha = enableAlpha && color.a === 0 ? 0 : nonZeroAlpha;\n onActualChange({ ...color, a: alpha });\n },\n [onActualChange, valueChannels.a, enableAlpha]\n );\n\n // Prevents focus on opacity drag end\n const onOpacityDragEnd = useCallback(() => {\n setTimeout(() => {\n setIsOpen(false);\n (document.activeElement as HTMLElement \| null)?.blur?.();\n }, 0);\n }, []);\n\n const onOpacityDrag = useMemo(\n () =>\n throttle((percent: number) => {\n const newFieldValue = String(Math.round(percent));\n onOpacityInputChange(newFieldValue);\n }, 100),\n [onOpacityInputChange]\n );\n\n useEffect(() => {\n setInternalValue(valueChannels);\n }, [valueChannels]);\n\n useEffect(() => {\n if (isMenuOpen) {\n setIsSwatches(true);\n }\n }, [isMenuOpen]);\n\n const inputValue = String(Math.round(internalValue.a 100));\n\n const hasVerticalMargin =\n popoverPlacement?.startsWith('top') \|\| popoverPlacement?.startsWith('bottom');\n const hasHorizontalMargin =\n popoverPlacement?.startsWith('left') \|\| popoverPlacement?.startsWith('right');\n const accessibleLabel = hasLabel ? (\n <>\n <label id={labelId} htmlFor={inputId}>\n {typeof label === 'string' ? <TextInputNext.Label>{label}</TextInputNext.Label> : label}\n </label>\n <span id={opacityLabelId} hidden>\n Opacity\n </span>\n </>\n ) : undefined;\n const inputHtmlAttributes: TextInputNextProps['htmlAttributes'] = useMemo(\n () =>\n hasLabel\n ? {\n id: inputId,\n 'aria-labelledby': `${labelId} ${opacityLabelId}`,\n }\n : {\n id: inputId,\n 'aria-label': 'Opacity',\n },\n [hasLabel, inputId, labelId, opacityLabelId]\n );\n\n return (\n <>\n <TextInputNext\n label={accessibleLabel}\n labelPlacement={labelPlacement}\n disabled={disabled}\n size={size}\n rootTagName=\"div\"\n prefix={\n <>\n <div className={styles.fakeValue}>\n {inputValue}\n <span className={styles.fakeValuePercent}>%</span>\n </div>\n\n <div\n ref={indicatorRef}\n className={classNames(\n styles.indicator,\n internalValue.a === 0 && styles.transparent,\n elementsClassNames.indicator\n )}\n style={\n {\n '--corvaui-colorpicker-indicatorcolor': channelsToHex(internalValue, false),\n } as CSSProperties\n }\n onClick={disabled ? undefined : openMenuSwatch}\n onKeyDown={openMenuKeyDown}\n role=\"button\"\n aria-label={hasLabel ? undefined : 'Color picker'}\n aria-labelledby={hasLabel ? labelId : undefined}\n aria-expanded={isMenuOpen}\n aria-disabled={disabled}\n tabIndex={disabled ? -1 : 0}\n />\n </>\n }\n suffix={\n !isMenuOpen &&\n enableAlpha &&\n !disableOpacityDrag &&\n !disabled && (\n <OpacityDragTracker\n value={Number(inputValue)}\n onDrag={onOpacityDrag}\n onDragEnd={onOpacityDragEnd}\n />\n )\n }\n className={classNames(\n styles.root,\n SizeToClassMap[size],\n !enableAlpha && styles.noAlpha,\n className\n )}\n testId={testId}\n inputContainerRef={inputContainerRef}\n value={inputValue}\n onChange={onOpacityInputChange}\n onFocus={openMenuFocus}\n inputType=\"number\"\n inputMode=\"numeric\"\n htmlAttributes={inputHtmlAttributes}\n elementsClassNames={inputElementsClassNames}\n />\n\n {/* Popover backdrop is needed for ColorPicker to work better in popovers: click outside will close the ColorPicker but not the popover /}\n <Popover\n ref={popoverRef}\n anchorEl={inputContainerRef.current}\n open={isMenuOpen}\n onClose={closeMenu}\n placement={popoverPlacement}\n className={classNames(\n styles.popover,\n hasVerticalMargin && styles.marginVertical,\n hasHorizontalMargin && styles.marginHorizontal,\n internalValue.a === 0 && styles.isTransparent,\n elementsClassNames.popover\n )}\n >\n {isSwatches ? (\n <Swatches\n onChange={swatchOnChange}\n value={valueChannels}\n addTransparent={enableAlpha}\n autoFocus={focusTarget === 'palette'}\n onAutoFocus={clearFocusTarget}\n />\n ) : (\n <div ref={pickerRef} className={styles.pickerContainer} onKeyDown={onPickerKeyDown}>\n <ChromePicker\n color={internalValue}\n onChange={onInternalValueChange}\n onChangeComplete={pickerOnChange}\n disableAlpha={!enableAlpha}\n className={styles.picker}\n />\n </div>\n )}\n <div className={styles.switchButtons}>\n <Tooltip title=\"Palette\">\n <ButtonIcon\n ariaLabel=\"Show color palette\"\n size=\"medium\"\n type={isSwatches ? 'secondary' : 'tertiary'}\n onClick={setSwatches}\n >\n <PaletteIcon />\n </ButtonIcon>\n </Tooltip>\n <Tooltip title=\"Pick your own\">\n <ButtonIcon\n ariaLabel=\"Show custom color picker\"\n size=\"medium\"\n type={!isSwatches ? 'secondary' : 'tertiary'}\n onClick={setPicker}\n >\n <PickerIcon />\n </ButtonIcon>\n </Tooltip>\n </div>\n </Popover>\n\n {/ Opacity Drag Tracker should work even with popover open with a backdrop */}\n {isMenuOpen && enableAlpha && !disableOpacityDrag && (\n <Popper\n open={isMenuOpen}\n anchorEl={inputContainerRef.current}\n className={styles.dragTrackerPopper}\n placement=\"right\"\n >\n <OpacityDragTracker onDrag={onOpacityDrag} onDragEnd={onOpacityDragEnd} />\n </Popper>\n )}\n </>\n );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","_ref","_ref$format","format","className","label","_ref$labelPlacement","labelPlacement","_ref$popoverPlacement","popoverPlacement","testId","disabled","_ref$size","size","onOpen","onClose","_ref$value","value","defaultColor","onChange","disableOpacityDrag","_ref$enableAlpha","enableAlpha","_ref$elementsClassNam","elementsClassNames","inputElementsClassNames","useMemo","input","classNames","inputContainer","prefix","prefixContainer","suffix","suffixContainer","numberStepButtons","valueChannels","channels","parseColor","_objectSpread","a","_","useState","_useState2","_slicedToArray","_useState","isMenuOpen","setIsOpen","inputContainerRef","useRef","indicatorRef","_useState4","_useState3","isSwatches","setIsSwatches","_useState6","_useState5","focusTarget","setFocusTarget","_useState8","_useState7","internalValue","setInternalValue","popoverRef","accessibilityId","concat","uuidv4","v4","inputId","labelId","opacityLabelId","hasLabel","Boolean","openMenu","useCallback","openMenuSwatch","e","preventDefault","openMenuFocus","openMenuKeyDown","event","key","closeMenu","_popoverRef$current","_indicatorRef$current","isFocusInPopover","current","contains","document","activeElement","focus","preventScroll","setSwatches","detail","setPicker","clearFocusTarget","onInternalValueChange","color","rgb","onActualChange","formatted","channelsToHex","channelsToRgba","onKeyboardPickerChange","_useChromePickerAcces","useChromePickerAccessibility","isActive","pickerRef","onPickerKeyDown","onKeyDown","useEffect","_pickerRef$current","firstControl","querySelector","onOpacityInputChange","opacityString","opacityNumber","Number","isNaN","pickerOnChange","swatchOnChange","nonZeroAlpha","alpha","onOpacityDragEnd","setTimeout","_document$activeEleme","_document$activeEleme2","blur","call","onOpacityDrag","throttle","percent","newFieldValue","String","Math","round","inputValue","hasVerticalMargin","startsWith","hasHorizontalMargin","accessibleLabel","_jsxs","jsxs","_Fragment","children","_jsx","jsx","id","htmlFor","TextInputNext","Label","hidden","undefined","inputHtmlAttributes","rootTagName","fakeValue","fakeValuePercent","ref","indicator","transparent","style","onClick","role","tabIndex","OpacityDragTracker","onDrag","onDragEnd","root","noAlpha","onFocus","inputType","inputMode","htmlAttributes","Popover","anchorEl","open","placement","popover","marginVertical","marginHorizontal","isTransparent","Swatches","addTransparent","autoFocus","onAutoFocus","pickerContainer","ChromePicker","onChangeComplete","disableAlpha","picker","switchButtons","Tooltip","title","ButtonIcon","ariaLabel","type","PaletteIcon","PickerIcon","Popper","dragTrackerPopper"],"mappings":"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"}
1	+ {"version":3,"file":"ColorPicker.js","sources":["../../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n CSSProperties,\n KeyboardEventHandler,\n MouseEventHandler,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { ChromePicker, ColorResult } from 'react-color';\nimport { throttle } from 'lodash';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputNext, TextInputNextProps } from '../TextInputNext';\nimport { Popover, PopoverProps } from '../Popover';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\nimport { Popper } from '../Popper';\n\nimport { Swatches } from './Swatches';\nimport { channelsToHex, channelsToRgba, ColorChannels, defaultColor, parseColor } from './utils';\nimport { OpacityDragTracker } from './OpacityDragtracker';\nimport { useChromePickerAccessibility } from './useChromePickerAccessibility';\n\nimport styles from './ColorPicker.scss';\n\nimport { PaletteIcon, PickerIcon } from '~/icons';\n\nexport type ColorPickerProps = {\n value?: string;\n onChange?: (value: string) => void;\n\n size?: TextInputNextProps['size'];\n label?: TextInputNextProps['label'];\n labelPlacement?: TextInputNextProps['labelPlacement'];\n disabled?: boolean;\n /*\n Disables drag to change opacity functinality\n /\n disableOpacityDrag?: boolean;\n /\n Determines base format of the colour `rgb(RRR, GGG, BBB[, AAA])` or `#RRGGBB[AA]`\n /\n format?: 'rgb' \| 'hex';\n /\n Allows user to control color's opacity, adds alpha channel to resulting color string\n /\n enableAlpha?: boolean;\n\n popoverPlacement?: PopoverProps['placement'];\n\n onOpen?: () => void;\n onClose?: () => void;\n\n elementsClassNames?: Partial<\n Omit<\n Required<TextInputNextProps>['elementsClassNames'],\n 'message' \| 'numberStepButtons' \| 'prefix' \| 'suffix'\n > &\n Record<'indicator' \| 'popover', string>\n >;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ColorPickerProps>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\ntype FocusTarget = 'palette' \| 'picker';\n\nexport const ColorPicker = ({\n format = 'hex',\n className,\n label,\n labelPlacement = 'top',\n popoverPlacement = 'bottom-start',\n testId,\n disabled,\n size = 'small',\n onOpen,\n onClose,\n value = defaultColor,\n onChange,\n disableOpacityDrag,\n enableAlpha = false,\n elementsClassNames = {},\n}: ColorPickerProps) => {\n const inputElementsClassNames = useMemo<TextInputNextProps['elementsClassNames']>(\n () => ({\n input: classNames(styles.input, elementsClassNames.input),\n inputContainer: classNames(styles.inputContainer, elementsClassNames.inputContainer),\n label: classNames(styles.label, elementsClassNames.label),\n prefix: styles.prefixContainer,\n suffix: styles.suffixContainer,\n numberStepButtons: styles.numberStepButtons,\n }),\n [elementsClassNames.input, elementsClassNames.inputContainer, elementsClassNames.label]\n );\n\n const valueChannels = useMemo(() => {\n try {\n const channels = parseColor(value);\n\n return { ...channels, a: enableAlpha ? channels.a : 1 };\n } catch (_) {\n return parseColor(defaultColor);\n }\n }, [value, enableAlpha]);\n\n const [isMenuOpen, setIsOpen] = useState(false);\n const inputContainerRef = useRef<HTMLDivElement>(null);\n const indicatorRef = useRef<HTMLDivElement>(null);\n const [isSwatches, setIsSwatches] = useState(true);\n const [focusTarget, setFocusTarget] = useState<FocusTarget \| null>(null);\n const [internalValue, setInternalValue] = useState<ColorChannels>(valueChannels);\n const popoverRef = useRef<HTMLDivElement>(null);\n const accessibilityId = useMemo(() => `corva-color-picker-${uuidv4()}`, []);\n const inputId = `${accessibilityId}-opacity-input`;\n const labelId = `${accessibilityId}-label`;\n const opacityLabelId = `${accessibilityId}-opacity-label`;\n const hasLabel = Boolean(label);\n\n const openMenu = useCallback(() => {\n setIsOpen(true);\n onOpen?.();\n }, [onOpen]);\n\n const openMenuSwatch = useCallback<MouseEventHandler>(\n e => {\n e.preventDefault();\n setFocusTarget(null);\n openMenu();\n },\n [openMenu]\n );\n\n const openMenuFocus = useCallback(() => {\n setFocusTarget(null);\n openMenu();\n }, [openMenu]);\n\n const openMenuKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n event => {\n if (!disabled && (event.key === 'Enter' \|\| event.key === ' ' \|\| event.key === 'ArrowDown')) {\n event.preventDefault();\n setFocusTarget('palette');\n openMenu();\n }\n },\n [disabled, openMenu]\n );\n\n const closeMenu = useCallback(() => {\n const isFocusInPopover = !!popoverRef.current?.contains(document.activeElement);\n\n setFocusTarget(null);\n setIsOpen(false);\n onClose?.();\n\n // Return focus to the trigger so keyboard flow is not lost after Escape/outside dismiss\n if (isFocusInPopover) {\n indicatorRef.current?.focus({ preventScroll: true });\n }\n }, [onClose]);\n\n const setSwatches = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n setFocusTarget(event.detail === 0 ? 'palette' : null);\n setIsSwatches(true);\n }, []);\n\n const setPicker = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n setFocusTarget(event.detail === 0 ? 'picker' : null);\n setIsSwatches(false);\n }, []);\n\n const clearFocusTarget = useCallback(() => setFocusTarget(null), []);\n\n const onInternalValueChange = useCallback(\n (color: ColorResult) => setInternalValue(color.rgb),\n []\n );\n\n const onActualChange = useCallback(\n (color: ColorChannels) => {\n const formatted =\n format === 'hex' ? channelsToHex(color, enableAlpha) : channelsToRgba(color, enableAlpha);\n onChange?.(formatted);\n },\n [format, onChange, enableAlpha]\n );\n\n const onKeyboardPickerChange = useCallback(\n (color: ColorChannels) => {\n setInternalValue(color);\n onActualChange(color);\n },\n [onActualChange]\n );\n\n const { pickerRef, onKeyDown: onPickerKeyDown } = useChromePickerAccessibility({\n color: internalValue,\n enableAlpha,\n isActive: !isSwatches,\n onChange: onKeyboardPickerChange,\n });\n\n useEffect(() => {\n if (focusTarget !== 'picker' \|\| isSwatches) {\n return;\n }\n\n const firstControl = pickerRef.current?.querySelector<HTMLElement>(\n '[data-color-picker-control=\"saturation\"]'\n );\n\n if (firstControl) {\n firstControl.focus({ preventScroll: true });\n clearFocusTarget();\n }\n }, [clearFocusTarget, focusTarget, isSwatches, pickerRef]);\n\n const onOpacityInputChange = useCallback(\n (opacityString: string) => {\n const opacityNumber = Number(opacityString);\n\n if (Number.isNaN(opacityNumber) \|\| opacityNumber < 0 \|\| opacityNumber > 100) {\n return;\n }\n\n const color = { ...valueChannels, a: opacityNumber / 100 };\n onActualChange(color);\n },\n [valueChannels, onActualChange]\n );\n\n const pickerOnChange = useCallback(\n (color: ColorResult) => {\n onActualChange(color.rgb);\n },\n [onActualChange]\n );\n\n const swatchOnChange = useCallback(\n (color: ColorChannels) => {\n const nonZeroAlpha = valueChannels.a \|\| 1;\n const alpha = enableAlpha && color.a === 0 ? 0 : nonZeroAlpha;\n onActualChange({ ...color, a: alpha });\n },\n [onActualChange, valueChannels.a, enableAlpha]\n );\n\n // Prevents focus on opacity drag end\n const onOpacityDragEnd = useCallback(() => {\n setTimeout(() => {\n setIsOpen(false);\n (document.activeElement as HTMLElement \| null)?.blur?.();\n }, 0);\n }, []);\n\n const onOpacityDrag = useMemo(\n () =>\n throttle((percent: number) => {\n const newFieldValue = String(Math.round(percent));\n onOpacityInputChange(newFieldValue);\n }, 100),\n [onOpacityInputChange]\n );\n\n useEffect(() => {\n setInternalValue(valueChannels);\n }, [valueChannels]);\n\n useEffect(() => {\n if (isMenuOpen) {\n setIsSwatches(true);\n }\n }, [isMenuOpen]);\n\n const inputValue = String(Math.round(internalValue.a 100));\n\n const hasVerticalMargin =\n popoverPlacement?.startsWith('top') \|\| popoverPlacement?.startsWith('bottom');\n const hasHorizontalMargin =\n popoverPlacement?.startsWith('left') \|\| popoverPlacement?.startsWith('right');\n const accessibleLabel = hasLabel ? (\n <>\n <label id={labelId} htmlFor={inputId}>\n {typeof label === 'string' ? <TextInputNext.Label>{label}</TextInputNext.Label> : label}\n </label>\n <span id={opacityLabelId} hidden>\n Opacity\n </span>\n </>\n ) : undefined;\n const inputHtmlAttributes: TextInputNextProps['htmlAttributes'] = useMemo(\n () =>\n hasLabel\n ? {\n id: inputId,\n 'aria-labelledby': `${labelId} ${opacityLabelId}`,\n }\n : {\n id: inputId,\n 'aria-label': 'Opacity',\n },\n [hasLabel, inputId, labelId, opacityLabelId]\n );\n\n return (\n <>\n <TextInputNext\n label={accessibleLabel}\n labelPlacement={labelPlacement}\n disabled={disabled}\n size={size}\n rootTagName=\"div\"\n prefix={\n <>\n <div className={styles.fakeValue}>\n {inputValue}\n <span className={styles.fakeValuePercent}>%</span>\n </div>\n\n <div\n ref={indicatorRef}\n className={classNames(\n styles.indicator,\n internalValue.a === 0 && styles.transparent,\n elementsClassNames.indicator\n )}\n style={\n {\n '--corvaui-colorpicker-indicatorcolor': channelsToHex(internalValue, false),\n } as CSSProperties\n }\n onClick={disabled ? undefined : openMenuSwatch}\n onKeyDown={openMenuKeyDown}\n role=\"button\"\n aria-label={hasLabel ? undefined : 'Color picker'}\n aria-labelledby={hasLabel ? labelId : undefined}\n aria-expanded={isMenuOpen}\n aria-disabled={disabled}\n tabIndex={disabled ? -1 : 0}\n />\n </>\n }\n suffix={\n !isMenuOpen &&\n enableAlpha &&\n !disableOpacityDrag &&\n !disabled && (\n <OpacityDragTracker\n value={Number(inputValue)}\n onDrag={onOpacityDrag}\n onDragEnd={onOpacityDragEnd}\n />\n )\n }\n className={classNames(\n styles.root,\n SizeToClassMap[size],\n !enableAlpha && styles.noAlpha,\n className\n )}\n testId={testId}\n inputContainerRef={inputContainerRef}\n value={inputValue}\n onChange={onOpacityInputChange}\n onFocus={openMenuFocus}\n inputType=\"number\"\n inputMode=\"numeric\"\n htmlAttributes={inputHtmlAttributes}\n elementsClassNames={inputElementsClassNames}\n />\n\n {/* Popover backdrop is needed for ColorPicker to work better in popovers: click outside will close the ColorPicker but not the popover /}\n <Popover\n ref={popoverRef}\n anchorEl={inputContainerRef.current}\n open={isMenuOpen}\n onClose={closeMenu}\n placement={popoverPlacement}\n className={classNames(\n styles.popover,\n hasVerticalMargin && styles.marginVertical,\n hasHorizontalMargin && styles.marginHorizontal,\n internalValue.a === 0 && styles.isTransparent,\n elementsClassNames.popover\n )}\n >\n {isSwatches ? (\n <Swatches\n onChange={swatchOnChange}\n value={valueChannels}\n addTransparent={enableAlpha}\n autoFocus={focusTarget === 'palette'}\n onAutoFocus={clearFocusTarget}\n />\n ) : (\n <div ref={pickerRef} className={styles.pickerContainer} onKeyDown={onPickerKeyDown}>\n <ChromePicker\n color={internalValue}\n onChange={onInternalValueChange}\n onChangeComplete={pickerOnChange}\n disableAlpha={!enableAlpha}\n className={styles.picker}\n />\n </div>\n )}\n <div className={styles.switchButtons}>\n <Tooltip title=\"Palette\">\n <ButtonIcon\n ariaLabel=\"Show color palette\"\n size=\"medium\"\n type={isSwatches ? 'secondary' : 'tertiary'}\n onClick={setSwatches}\n >\n <PaletteIcon />\n </ButtonIcon>\n </Tooltip>\n <Tooltip title=\"Pick your own\">\n <ButtonIcon\n ariaLabel=\"Show custom color picker\"\n size=\"medium\"\n type={!isSwatches ? 'secondary' : 'tertiary'}\n onClick={setPicker}\n >\n <PickerIcon />\n </ButtonIcon>\n </Tooltip>\n </div>\n </Popover>\n\n {/ Opacity Drag Tracker should work even with popover open with a backdrop */}\n {isMenuOpen && enableAlpha && !disableOpacityDrag && (\n <Popper\n open={isMenuOpen}\n anchorEl={inputContainerRef.current}\n className={styles.dragTrackerPopper}\n placement=\"right\"\n >\n <OpacityDragTracker onDrag={onOpacityDrag} onDragEnd={onOpacityDragEnd} />\n </Popper>\n )}\n </>\n );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","_ref","_ref$format","format","className","label","_ref$labelPlacement","labelPlacement","_ref$popoverPlacement","popoverPlacement","testId","disabled","_ref$size","size","onOpen","onClose","_ref$value","value","defaultColor","onChange","disableOpacityDrag","_ref$enableAlpha","enableAlpha","_ref$elementsClassNam","elementsClassNames","inputElementsClassNames","useMemo","input","classNames","inputContainer","prefix","prefixContainer","suffix","suffixContainer","numberStepButtons","valueChannels","channels","parseColor","_objectSpread","a","_","useState","_useState2","_slicedToArray","_useState","isMenuOpen","setIsOpen","inputContainerRef","useRef","indicatorRef","_useState4","_useState3","isSwatches","setIsSwatches","_useState6","_useState5","focusTarget","setFocusTarget","_useState8","_useState7","internalValue","setInternalValue","popoverRef","accessibilityId","concat","uuidv4","v4","inputId","labelId","opacityLabelId","hasLabel","Boolean","openMenu","useCallback","openMenuSwatch","e","preventDefault","openMenuFocus","openMenuKeyDown","event","key","closeMenu","_popoverRef$current","_indicatorRef$current","isFocusInPopover","current","contains","document","activeElement","focus","preventScroll","setSwatches","detail","setPicker","clearFocusTarget","onInternalValueChange","color","rgb","onActualChange","formatted","channelsToHex","channelsToRgba","onKeyboardPickerChange","_useChromePickerAcces","useChromePickerAccessibility","isActive","pickerRef","onPickerKeyDown","onKeyDown","useEffect","_pickerRef$current","firstControl","querySelector","onOpacityInputChange","opacityString","opacityNumber","Number","isNaN","pickerOnChange","swatchOnChange","nonZeroAlpha","alpha","onOpacityDragEnd","setTimeout","_document$activeEleme","_document$activeEleme2","blur","call","onOpacityDrag","throttle","percent","newFieldValue","String","Math","round","inputValue","hasVerticalMargin","startsWith","hasHorizontalMargin","accessibleLabel","_jsxs","jsxs","_Fragment","children","_jsx","jsx","id","htmlFor","TextInputNext","Label","hidden","undefined","inputHtmlAttributes","rootTagName","fakeValue","fakeValuePercent","ref","indicator","transparent","style","onClick","role","tabIndex","OpacityDragTracker","onDrag","onDragEnd","root","noAlpha","onFocus","inputType","inputMode","htmlAttributes","Popover","anchorEl","open","placement","popover","marginVertical","marginHorizontal","isTransparent","Swatches","addTransparent","autoFocus","onAutoFocus","pickerContainer","ChromePicker","onChangeComplete","disableAlpha","picker","switchButtons","Tooltip","title","ButtonIcon","ariaLabel","type","PaletteIcon","PickerIcon","Popper","dragTrackerPopper"],"mappings":"o5KAoEA,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,2BAKW,SAgBHC,GAAA,IAAAC,EAAAD,EAftBE,OAAAA,aAAS,MAAKD,EACdE,IAAAA,UACAC,IAAAA,MAAKC,EAAAL,EACLM,eAAAA,aAAiB,MAAKD,EAAAE,EAAAP,EACtBQ,iBAAAA,aAAmB,eAAcD,EACjCE,IAAAA,OACAC,IAAAA,SAAQC,EAAAX,EACRY,KAAAA,aAAO,QAAOD,EACdE,IAAAA,OACAC,IAAAA,QAAOC,EAAAf,EACPgB,MAAAA,aAAQC,EAAYA,aAAAF,EACpBG,IAAAA,SACAC,IAAAA,mBAAkBC,EAAApB,EAClBqB,YAAAA,cAAmBD,EAAAE,EAAAtB,EACnBuB,mBAAAA,OAAkB,IAAAD,EAAG,CAAA,EAAEA,EAEjBE,EAA0BC,EAAAA,SAC9B,WAAA,MAAO,CACLC,MAAOC,EAAAA,QAAW9B,EAAO6B,MAAOH,EAAmBG,OACnDE,eAAgBD,EAAAA,QAAW9B,EAAO+B,eAAgBL,EAAmBK,gBACrExB,MAAOuB,EAAAA,QAAW9B,EAAOO,MAAOmB,EAAmBnB,OACnDyB,OAAQhC,EAAOiC,gBACfC,OAAQlC,EAAOmC,gBACfC,kBAAmBpC,EAAOoC,kBAC3B,GACD,CAACV,EAAmBG,MAAOH,EAAmBK,eAAgBL,EAAmBnB,QAG7E8B,EAAgBT,EAAAA,SAAQ,WAC5B,IACE,IAAMU,EAAWC,aAAWpB,GAE5B,OAAAqB,EAAAA,EAAA,CAAA,EAAYF,GAAQ,CAAA,EAAA,CAAEG,EAAGjB,EAAcc,EAASG,EAAI,GAGtD,CAFE,MAAOC,GACP,OAAOH,EAAAA,WAAWnB,EAAAA,aACpB,CACF,GAAG,CAACD,EAAOK,IAEqBmB,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAxCC,EAAUH,EAAA,GAAEI,EAASJ,EAAA,GACtBK,EAAoBC,SAAuB,MAC3CC,EAAeD,SAAuB,MACRP,EAAAA,EAAQA,UAAC,GAAKS,EAAAP,EAAAA,QAAAQ,EAAA,GAA3CC,EAAUF,EAAA,GAAEG,GAAaH,EAAA,GACMT,GAAAA,EAAQA,SAAqB,MAAKa,GAAAX,EAAAA,QAAAY,GAAA,GAAjEC,GAAWF,GAAA,GAAEG,GAAcH,GAAA,GACQb,GAAAA,EAAQA,SAAgBN,GAAcuB,GAAAf,EAAAA,QAAAgB,GAAA,GAAzEC,GAAaF,GAAA,GAAEG,GAAgBH,GAAA,GAChCI,GAAad,SAAuB,MACpCe,GAAkBrC,EAAAA,SAAQ,WAAA,MAAA,sBAAAsC,OAA4BC,EAAMC,KAAI,GAAE,IAClEC,GAAaJ,GAAAA,OAAAA,GAA+B,kBAC5CK,GAAaL,GAAAA,OAAAA,GAAuB,UACpCM,GAAoBN,GAAAA,OAAAA,GAA+B,kBACnDO,GAAWC,QAAQlE,GAEnBmE,GAAWC,EAAAA,aAAY,WAC3B3B,GAAU,GACVhC,SAAAA,GACF,GAAG,CAACA,IAEE4D,GAAiBD,eACrB,SAAAE,GACEA,EAAEC,iBACFnB,GAAe,MACfe,IACF,GACA,CAACA,KAGGK,GAAgBJ,EAAAA,aAAY,WAChChB,GAAe,MACfe,IACF,GAAG,CAACA,KAEEM,GAAkBL,eACtB,SAAAM,GACOpE,GAA2B,UAAdoE,EAAMC,KAAiC,MAAdD,EAAMC,KAA6B,cAAdD,EAAMC,MACpED,EAAMH,iBACNnB,GAAe,WACfe,KAEJ,GACA,CAAC7D,EAAU6D,KAGPS,GAAYR,EAAAA,aAAY,WAAM,IAAAS,EAQZC,EAPhBC,IAAqB,QAADF,EAACpB,GAAWuB,eAAX,IAAAH,IAAAA,EAAoBI,SAASC,SAASC,iBAEjE/B,GAAe,MACfX,GAAU,GACV/B,SAAAA,IAGIqE,KACF,QAAAD,EAAAlC,EAAaoC,eAAb,IAAAF,GAAAA,EAAsBM,MAAM,CAAEC,eAAe,IAEjD,GAAG,CAAC3E,IAEE4E,GAAclB,eAAkD,SAAAM,GACpEtB,GAAgC,IAAjBsB,EAAMa,OAAe,UAAY,MAChDvC,IAAc,EACf,GAAE,IAEGwC,GAAYpB,eAAkD,SAAAM,GAClEtB,GAAgC,IAAjBsB,EAAMa,OAAe,SAAW,MAC/CvC,IAAc,EACf,GAAE,IAEGyC,GAAmBrB,EAAAA,aAAY,WAAA,OAAMhB,GAAe,KAAK,GAAE,IAE3DsC,GAAwBtB,eAC5B,SAACuB,GAAkB,OAAKnC,GAAiBmC,EAAMC,IAAI,GACnD,IAGIC,GAAiBzB,eACrB,SAACuB,GACC,IAAMG,EACO,QAAXhG,EAAmBiG,gBAAcJ,EAAO1E,GAAe+E,EAAcA,eAACL,EAAO1E,GAC/EH,SAAAA,EAAWgF,EACZ,GACD,CAAChG,EAAQgB,EAAUG,IAGfgF,GAAyB7B,eAC7B,SAACuB,GACCnC,GAAiBmC,GACjBE,GAAeF,EACjB,GACA,CAACE,KAGHK,GAAkDC,EAAAA,6BAA6B,CAC7ER,MAAOpC,GACPtC,YAAAA,EACAmF,UAAWrD,EACXjC,SAAUmF,KAJJI,MAAAA,UAAsBC,MAAXC,UAOnBC,EAAAA,WAAU,WAAM,IAAAC,EACd,GAAoB,WAAhBtD,KAA4BJ,EAAhC,CAIA,IAAM2D,UAAeL,EAAAA,GAAUrB,4BAAVyB,EAAmBE,cACtC,4CAGED,IACFA,EAAatB,MAAM,CAAEC,eAAe,IACpCI,KARF,CAUD,GAAE,CAACA,GAAkBtC,GAAaJ,EAAYsD,KAE/C,IAAMO,GAAuBxC,eAC3B,SAACyC,GACC,IAAMC,EAAgBC,OAAOF,GAE7B,KAAIE,OAAOC,MAAMF,IAAkBA,EAAgB,GAAKA,EAAgB,KAAxE,CAIA,IAAMnB,SAAa7D,GAAa,GAAA,CAAEI,EAAG4E,EAAgB,MACrDjB,GAAeF,EAHf,CAIF,GACA,CAAC7D,EAAe+D,KAGZoB,GAAiB7C,eACrB,SAACuB,GACCE,GAAeF,EAAMC,IACvB,GACA,CAACC,KAGGqB,GAAiB9C,eACrB,SAACuB,GACC,IAAMwB,EAAerF,EAAcI,GAAK,EAClCkF,EAAQnG,GAA2B,IAAZ0E,EAAMzD,EAAU,EAAIiF,EACjDtB,UAAoBF,GAAK,CAAA,EAAA,CAAEzD,EAAGkF,IAC/B,GACD,CAACvB,GAAgB/D,EAAcI,EAAGjB,IAI9BoG,GAAmBjD,EAAAA,aAAY,WACnCkD,YAAW,WAAM,IAAAC,EAAAC,EACf/E,GAAU,WACV8E,EAACrC,SAASC,sCAAVoC,EAAgDE,mBAAhDD,EAAwDE,KAAAH,EACzD,GAAE,EACJ,GAAE,IAEGI,GAAgBtG,EAAAA,SACpB,WAAA,OACEuG,EAAAA,UAAS,SAACC,GACR,IAAMC,EAAgBC,OAAOC,KAAKC,MAAMJ,IACxCjB,GAAqBkB,EACtB,GAAE,OACL,CAAClB,KAGHJ,EAAAA,WAAU,WACRhD,GAAiB1B,EACnB,GAAG,CAACA,IAEJ0E,EAAAA,WAAU,WACJhE,GACFQ,IAAc,EAElB,GAAG,CAACR,IAEJ,IAAM0F,GAAaH,OAAOC,KAAKC,MAAwB,IAAlB1E,GAAcrB,IAE7CiG,IACJ/H,aAAgB,EAAhBA,EAAkBgI,WAAW,UAAUhI,aAAgB,EAAhBA,EAAkBgI,WAAW,WAChEC,IACJjI,aAAgB,EAAhBA,EAAkBgI,WAAW,WAAWhI,aAAgB,EAAhBA,EAAkBgI,WAAW,UACjEE,GAAkBrE,GACtBsE,EAAAC,KAAAC,WAAA,CAAAC,SACE,CAAAC,EAAAC,IAAA,QAAA,CAAOC,GAAI9E,GAAS+E,QAAShF,GAAQ4E,SACjB,iBAAV1I,EAAqB2I,EAAAA,IAACI,EAAAA,cAAcC,MAAK,CAAAN,SAAE1I,IAA+BA,IAEpF2I,EAAAC,IAAA,OAAA,CAAMC,GAAI7E,GAAgBiF,QAAM,EAAAP,SAAA,oBAIhCQ,EACEC,GAA4D9H,EAAAA,SAChE,WAAA,OACE4C,GACI,CACE4E,GAAI/E,GACJ,kBAAiB,GAAAH,OAAKI,GAAO,KAAAJ,OAAIK,KAEnC,CACE6E,GAAI/E,GACJ,aAAc,UAEtB,GAAA,CAACG,GAAUH,GAASC,GAASC,KAG/B,OACEuE,EAAAA,KAAAE,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACI,gBAAa,CACZ/I,MAAOsI,GACPpI,eAAgBA,EAChBI,SAAUA,EACVE,KAAMA,EACN4I,YAAY,MACZ3H,OACE8G,EAAAC,KAAAC,WAAA,CAAAC,SACE,CAAAH,EAAAC,KAAA,MAAA,CAAKzI,UAAWN,EAAO4J,UAAUX,SAAA,CAC9BR,GACDS,EAAAC,IAAA,OAAA,CAAM7I,UAAWN,EAAO6J,iBAAiBZ,SAAA,SAG3CC,EAAAC,IAAA,MAAA,CACEW,IAAK3G,EACL7C,UAAWwB,EAAU,QACnB9B,EAAO+J,UACa,IAApBjG,GAAcrB,GAAWzC,EAAOgK,YAChCtI,EAAmBqI,WAErBE,MACE,CACE,uCAAwC3D,EAAAA,cAAcxC,IAAe,IAGzEoG,QAASrJ,OAAW4I,EAAY7E,GAChCkC,UAAW9B,GACXmF,KAAK,SACL,aAAY3F,QAAWiF,EAAY,eACnC,kBAAiBjF,GAAWF,QAAUmF,EACtC,gBAAe1G,EACf,gBAAelC,EACfuJ,SAAUvJ,GAAY,EAAI,OAIhCqB,QACGa,GACDvB,IACCF,IACAT,GACCqI,MAACmB,qBAAkB,CACjBlJ,MAAOmG,OAAOmB,IACd6B,OAAQpC,GACRqC,UAAW3C,KAIjBtH,UAAWwB,EAAU,QACnB9B,EAAOwK,KACP1K,EAAeiB,IACdS,GAAexB,EAAOyK,QACvBnK,GAEFM,OAAQA,EACRqC,kBAAmBA,EACnB9B,MAAOsH,GACPpH,SAAU8F,GACVuD,QAAS3F,GACT4F,UAAU,SACVC,UAAU,UACVC,eAAgBnB,GAChBhI,mBAAoBC,IAItBmH,OAACgC,UAAO,CACNhB,IAAK9F,GACL+G,SAAU9H,EAAkBsC,QAC5ByF,KAAMjI,EACN9B,QAASkE,GACT8F,UAAWtK,EACXL,UAAWwB,EAAU,QACnB9B,EAAOkL,QACPxC,IAAqB1I,EAAOmL,eAC5BvC,IAAuB5I,EAAOoL,iBACV,IAApBtH,GAAcrB,GAAWzC,EAAOqL,cAChC3J,EAAmBwJ,SACnBjC,SAED3F,CAAAA,EACC4F,EAAAC,IAACmC,WAAQ,CACPjK,SAAUoG,GACVtG,MAAOkB,EACPkJ,eAAgB/J,EAChBgK,UAA2B,YAAhB9H,GACX+H,YAAazF,KAGfkD,EAAAC,IAAA,MAAA,CAAKW,IAAKlD,GAAWtG,UAAWN,EAAO0L,gBAAiB5E,UAAWD,GAAgBoC,SACjFC,MAACyC,eAAY,CACXzF,MAAOpC,GACPzC,SAAU4E,GACV2F,iBAAkBpE,GAClBqE,cAAerK,EACflB,UAAWN,EAAO8L,WAIxBhD,EAAAC,KAAA,MAAA,CAAKzI,UAAWN,EAAO+L,cAAc9C,SAAA,CACnCC,MAAC8C,UAAO,CAACC,MAAM,UAAShD,SACtBC,MAACgD,aAAU,CACTC,UAAU,qBACVpL,KAAK,SACLqL,KAAM9I,EAAa,YAAc,WACjC4G,QAASrE,GAAYoD,SAErBC,EAAAA,IAACmD,EAAWA,YAAA,QAGhBnD,MAAC8C,UAAO,CAACC,MAAM,gBAAehD,SAC5BC,MAACgD,aAAU,CACTC,UAAU,2BACVpL,KAAK,SACLqL,KAAO9I,EAA2B,WAAd,YACpB4G,QAASnE,GAAUkD,SAEnBC,EAAAA,IAACoD,EAAUA,WAAA,cAOlBvJ,GAAcvB,IAAgBF,GAC7B4H,EAAAA,IAACqD,EAAAA,OAAM,CACLvB,KAAMjI,EACNgI,SAAU9H,EAAkBsC,QAC5BjF,UAAWN,EAAOwM,kBAClBvB,UAAU,QAAOhC,SAEjBC,MAACmB,qBAAkB,CAACC,OAAQpC,GAAeqC,UAAW3C,SAKhE"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("@babel/runtime/helpers/defineProperty"),e=require("classnames"),c=require("lodash"),n=require("react"),r=require("../utils.js"),i=require("./constants.js"),t=require("./Swatches.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 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(o),q=l(e),I=["a"];function d(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function p(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?d(Object(e),!0).forEach((function(o){j.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):d(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}exports.Swatches=function(s){var o=s.value,e=s.onChange,l=s.addTransparent,j=s.autoFocus,d=s.onAutoFocus,b=n.useRef([]),f=p(p({},o),{},{a:1}),h=0===o.a,C=l?i.paletteColors.toSpliced(i.paletteColors.length-1,1,"#FFFFFF00"):i.paletteColors,v=function(s){var o=r.parseColor(s),e=o.a,n=p(p({},m.default(o,I)),{},{a:1}),i=0===e;return c.isEqual(f,n)&&!i&&!h||h&&i},O=C.findIndex(v);n.useEffect((function(){if(j){var s=-1===O?0:O,o=b.current[s];o&&(o.focus({preventScroll:!0}),null==d||d())}}),[j,d,O]);var g=function(s,o){var c;(e(r.parseColor(C[s])),o)&&(null===(c=b.current[s])||void 0===c||c.focus({preventScroll:!0}))},F=function(s){var o,e=Number(s.currentTarget.dataset.index);switch(s.key){case"ArrowRight":o=(e+1)%C.length;break;case"ArrowLeft":o=(e-1+C.length)%C.length;break;case"ArrowDown":o=(e+12)%C.length;break;case"ArrowUp":o=(e-12+C.length)%C.length;break;case"Home":o=0;break;case"End":o=C.length-1;break;case"Enter":case" ":return s.preventDefault(),void g(e,!1);default:return}"number"==typeof o&&(s.preventDefault(),g(o,!0))};return a.jsx("div",{className:t.root,role:"radiogroup","aria-label":"Color palette",children:C.map((function(s,o){var c=r.parseColor(s),n=r.getLuminance(s)>.97,i=0===c.a,l=v(s);return a.jsx("div",{ref:function(s){b.current[o]=s},className:q.default(t.swatch,l&&t.selected,i&&t.transparent,(n||i)&&t.darkAccent),onClick:function(){return e(c)},onKeyDown:F,style:i?void 0:{background:s},role:"radio","aria-checked":l,"aria-label":i?"Transparent":s.toUpperCase(),tabIndex:l||-1===O&&0===o?0:-1,"data-index":o,children:a.jsx(u.CheckSmallIcon,{size:14,className:t.icon})},s)}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("@babel/runtime/helpers/defineProperty"),e=require("classnames"),c=require("lodash"),n=require("react"),r=require("../utils.js"),i=require("./constants.js"),t=require("./Swatches.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/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.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(o),q=l(e),I=["a"];function d(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function p(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?d(Object(e),!0).forEach((function(o){j.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):d(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}exports.Swatches=function(s){var o=s.value,e=s.onChange,l=s.addTransparent,j=s.autoFocus,d=s.onAutoFocus,b=n.useRef([]),f=p(p({},o),{},{a:1}),h=0===o.a,C=l?i.paletteColors.toSpliced(i.paletteColors.length-1,1,"#FFFFFF00"):i.paletteColors,O=function(s){var o=r.parseColor(s),e=o.a,n=p(p({},m.default(o,I)),{},{a:1}),i=0===e;return c.isEqual(f,n)&&!i&&!h||h&&i},v=C.findIndex(O);n.useEffect((function(){if(j){var s=-1===v?0:v,o=b.current[s];o&&(o.focus({preventScroll:!0}),null==d||d())}}),[j,d,v]);var g=function(s,o){var c;(e(r.parseColor(C[s])),o)&&(null===(c=b.current[s])||void 0===c||c.focus({preventScroll:!0}))},F=function(s){var o,e=Number(s.currentTarget.dataset.index);switch(s.key){case"ArrowRight":o=(e+1)%C.length;break;case"ArrowLeft":o=(e-1+C.length)%C.length;break;case"ArrowDown":o=(e+12)%C.length;break;case"ArrowUp":o=(e-12+C.length)%C.length;break;case"Home":o=0;break;case"End":o=C.length-1;break;case"Enter":case" ":return s.preventDefault(),void g(e,!1);default:return}"number"==typeof o&&(s.preventDefault(),g(o,!0))};return a.jsx("div",{className:t.root,role:"radiogroup","aria-label":"Color palette",children:C.map((function(s,o){var c=r.parseColor(s),n=r.getLuminance(s)>.97,i=0===c.a,l=O(s);return a.jsx("div",{ref:function(s){b.current[o]=s},className:q.default(t.swatch,l&&t.selected,i&&t.transparent,(n||i)&&t.darkAccent),onClick:function(){return e(c)},onKeyDown:F,style:i?void 0:{background:s},role:"radio","aria-checked":l,"aria-label":i?"Transparent":s.toUpperCase(),tabIndex:l||-1===v&&0===o?0:-1,"data-index":o,children:a.jsx(u.CheckSmallIcon,{size:14,className:t.icon})},s)}))})};
 //# sourceMappingURL=Swatches.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Swatches.js","sources":["../../../../../src/componentsV2/ColorPicker/Swatches/Swatches.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { isEqual } from 'lodash';\nimport { KeyboardEventHandler, useEffect, useRef } from 'react';\n\nimport { ColorChannels, getLuminance, parseColor } from '../utils';\n\nimport { paletteColors } from './constants';\n\nimport styles from './Swatches.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type SwatchesProps = {\n /*\n Hex or rgba, with or without alpha\n */\n value: ColorChannels;\n onChange: (color: ColorChannels) => void;\n addTransparent?: boolean;\n autoFocus?: boolean;\n onAutoFocus?: () => void;\n};\n\nconst colorsPerRow = 12;\n\nexport const Swatches = ({\n value,\n onChange,\n addTransparent,\n autoFocus,\n onAutoFocus,\n}: SwatchesProps) => {\n const swatchRefs = useRef<Array<HTMLDivElement \| null>>([]);\n const opaqueValue = { ...value, a: 1 };\n const isValueTransparent = value.a === 0;\n\n const colors = addTransparent\n ? paletteColors.toSpliced(paletteColors.length - 1, 1, '#FFFFFF00')\n : paletteColors;\n\n const isSelectedColor = (color: string) => {\n const { a, ...colorChannels } = parseColor(color);\n const opaqueColor = { ...colorChannels, a: 1 };\n const isTransparent = a === 0;\n\n return (\n (isEqual(opaqueValue, opaqueColor) && !isTransparent && !isValueTransparent) \|\|\n (isValueTransparent && isTransparent)\n );\n };\n\n const selectedIndex = colors.findIndex(isSelectedColor);\n\n useEffect(() => {\n if (!autoFocus) {\n return;\n }\n\n const focusIndex = selectedIndex === -1 ? 0 : selectedIndex;\n const swatch = swatchRefs.current[focusIndex];\n\n if (swatch) {\n swatch.focus({ preventScroll: true });\n onAutoFocus?.();\n }\n }, [autoFocus, onAutoFocus, selectedIndex]);\n\n const selectColor = (index: number, focus: boolean) => {\n onChange(parseColor(colors[index]));\n\n if (focus) {\n swatchRefs.current[index]?.focus({ preventScroll: true });\n }\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = event => {\n const currentIndex = Number(event.currentTarget.dataset.index);\n let nextIndex: number \| undefined;\n\n switch (event.key) {\n case 'ArrowRight':\n nextIndex = (currentIndex + 1) % colors.length;\n break;\n case 'ArrowLeft':\n nextIndex = (currentIndex - 1 + colors.length) % colors.length;\n break;\n case 'ArrowDown':\n nextIndex = (currentIndex + colorsPerRow) % colors.length;\n break;\n case 'ArrowUp':\n nextIndex = (currentIndex - colorsPerRow + colors.length) % colors.length;\n break;\n case 'Home':\n nextIndex = 0;\n break;\n case 'End':\n nextIndex = colors.length - 1;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n selectColor(currentIndex, false);\n return;\n default:\n return;\n }\n\n if (typeof nextIndex === 'number') {\n event.preventDefault();\n selectColor(nextIndex, true);\n }\n };\n\n return (\n <div className={styles.root} role=\"radiogroup\" aria-label=\"Color palette\">\n {colors.map((color, index) => {\n const channels = parseColor(color);\n const isLightColor = getLuminance(color) > 0.97;\n const isTransparent = channels.a === 0;\n const isSelected = isSelectedColor(color);\n\n return (\n <div\n key={color}\n ref={element => {\n swatchRefs.current[index] = element;\n }}\n className={classNames(\n styles.swatch,\n isSelected && styles.selected,\n isTransparent && styles.transparent,\n (isLightColor \|\| isTransparent) && styles.darkAccent\n )}\n onClick={() => onChange(channels)}\n onKeyDown={handleKeyDown}\n style={isTransparent ? undefined : { background: color }}\n role=\"radio\"\n aria-checked={isSelected}\n aria-label={isTransparent ? 'Transparent' : color.toUpperCase()}\n tabIndex={isSelected \|\| (selectedIndex === -1 && index === 0) ? 0 : -1}\n data-index={index}\n >\n <CheckSmallIcon size={14} className={styles.icon} />\n </div>\n );\n })}\n </div>\n );\n};\n"],"names":["_ref","value","onChange","addTransparent","autoFocus","onAutoFocus","swatchRefs","useRef","opaqueValue","a","isValueTransparent","colors","paletteColors","toSpliced","length","isSelectedColor","color","parseColor","opaqueColor","_objectWithoutProperties","_parseColor","_excluded","isTransparent","isEqual","selectedIndex","findIndex","useEffect","focusIndex","swatch","current","focus","preventScroll","selectColor","index","_swatchRefs$current$i","handleKeyDown","event","nextIndex","currentIndex","Number","currentTarget","dataset","key","preventDefault","_jsx","className","styles","root","role","children","map","channels","isLightColor","getLuminance","isSelected","ref","element","classNames","selected","transparent","darkAccent","onClick","onKeyDown","style","undefined","background","toUpperCase","tabIndex","CheckSmallIcon","size","icon"],"mappings":"~~6sKAyBwB~~,SAMHA,GAAA,IALnBC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,YAEMC,EAAaC,SAAqC,IAClDC,SAAmBP,GAAK,GAAA,CAAEQ,EAAG,IAC7BC,EAAiC,IAAZT,EAAMQ,EAE3BE,EAASR,EACXS,EAAaA,cAACC,UAAUD,EAAAA,cAAcE,OAAS,EAAG,EAAG,aACrDF,EAAAA,cAEEG,EAAkB,SAACC,GACvB,IAAgCC,EAAAA,EAAUA,WAACD,GAAnCP,IAAAA,EACFS,SADqBC,EAAA,QAAAC,EAAAC,IACW,GAAA,CAAEZ,EAAG,IACrCa,EAAsB,IAANb,EAEtB,OACGc,EAAOA,QAACf,EAAaU,KAAiBI,IAAkBZ,GACxDA,GAAsBY,GAIrBE,EAAgBb,EAAOc,UAAUV,GAEvCW,EAAAA,WAAU,WACR,GAAKtB,EAAL,CAIA,IAAMuB,GAAgC,IAAnBH,EAAuB,EAAIA,EACxCI,EAAStB,EAAWuB,QAAQF,GAE9BC,IACFA,EAAOE,MAAM,CAAEC,eAAe,IAC9B1B,SAAAA,IAPF,CASD,GAAE,CAACD,EAAWC,EAAamB,IAE5B,IAAMQ,EAAc,SAACC,EAAeH,GAGvB,IAAAI,GAFXhC,EAASe,EAAAA,WAAWN,EAAOsB,KAEvBH,KACuB,QAAzBxB,EAAAA,EAAWuB,QAAQI,UAAM,IAAAC,GAAzBA,EAA2BJ,MAAM,CAAEC,eAAe,MAIhDI,EAAsD,SAAAC,GAC1D,IACIC,EADEC,EAAeC,OAAOH,EAAMI,cAAcC,QAAQR,OAGxD,OAAQG,EAAMM,KACZ,IAAK,aACHL,GAAaC,EAAe,GAAK3B,EAAOG,OACxC,MACF,IAAK,YACHuB,GAAaC,EAAe,EAAI3B,EAAOG,QAAUH,EAAOG,OACxD,MACF,IAAK,YACHuB,GAAaC,EAhEA,IAgE+B3B,EAAOG,OACnD,MACF,IAAK,UACHuB,GAAaC,EAnEA,GAmE8B3B,EAAOG,QAAUH,EAAOG,OACnE,MACF,IAAK,OACHuB,EAAY,EACZ,MACF,IAAK,MACHA,EAAY1B,EAAOG,OAAS,EAC5B,MACF,IAAK,QACL,IAAK,IAGH,OAFAsB,EAAMO,sBACNX,EAAYM,GAAc,GAE5B,QACE,OAGqB,iBAAdD,IACTD,EAAMO,iBACNX,EAAYK,GAAW,KAI3B,OACEO,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAMC,KAAK,aAAa,aAAW,gBAAeC,SACtEtC,EAAOuC,KAAI,SAAClC,EAAOiB,GAClB,IAAMkB,EAAWlC,aAAWD,GACtBoC,EAAeC,EAAAA,aAAarC,GAAS,IACrCM,EAA+B,IAAf6B,EAAS1C,EACzB6C,EAAavC,EAAgBC,GAEnC,OACE4B,EAAAA,IAAA,MAAA,CAEEW,IAAK,SAAAC,GACHlD,EAAWuB,QAAQI,GAASuB,CAC5B,EACFX,UAAWY,EAAU,QACnBX,EAAOlB,OACP0B,GAAcR,EAAOY,SACrBpC,GAAiBwB,EAAOa,aACvBP,GAAgB9B,IAAkBwB,EAAOc,YAE5CC,QAAS,WAAA,OAAM3D,EAASiD,EAAU,EAClCW,UAAW3B,EACX4B,MAAOzC,OAAgB0C,EAAY,CAAEC,WAAYjD,GACjDgC,KAAK,QACL,eAAcM,EACd,aAAYhC,EAAgB,cAAgBN,EAAMkD,cAClDC,SAAUb,IAAkC,IAAnB9B,GAAkC,IAAVS,EAAe,GAAK,EACrE,aAAYA,EAAMgB,SAElBL,MAACwB,iBAAc,CAACC,KAAM,GAAIxB,UAAWC,EAAOwB,QAnBvCtD,OAyBjB"}
1	+ {"version":3,"file":"Swatches.js","sources":["../../../../../src/componentsV2/ColorPicker/Swatches/Swatches.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { isEqual } from 'lodash';\nimport { KeyboardEventHandler, useEffect, useRef } from 'react';\n\nimport { ColorChannels, getLuminance, parseColor } from '../utils';\n\nimport { paletteColors } from './constants';\n\nimport styles from './Swatches.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type SwatchesProps = {\n /*\n Hex or rgba, with or without alpha\n */\n value: ColorChannels;\n onChange: (color: ColorChannels) => void;\n addTransparent?: boolean;\n autoFocus?: boolean;\n onAutoFocus?: () => void;\n};\n\nconst colorsPerRow = 12;\n\nexport const Swatches = ({\n value,\n onChange,\n addTransparent,\n autoFocus,\n onAutoFocus,\n}: SwatchesProps) => {\n const swatchRefs = useRef<Array<HTMLDivElement \| null>>([]);\n const opaqueValue = { ...value, a: 1 };\n const isValueTransparent = value.a === 0;\n\n const colors = addTransparent\n ? paletteColors.toSpliced(paletteColors.length - 1, 1, '#FFFFFF00')\n : paletteColors;\n\n const isSelectedColor = (color: string) => {\n const { a, ...colorChannels } = parseColor(color);\n const opaqueColor = { ...colorChannels, a: 1 };\n const isTransparent = a === 0;\n\n return (\n (isEqual(opaqueValue, opaqueColor) && !isTransparent && !isValueTransparent) \|\|\n (isValueTransparent && isTransparent)\n );\n };\n\n const selectedIndex = colors.findIndex(isSelectedColor);\n\n useEffect(() => {\n if (!autoFocus) {\n return;\n }\n\n const focusIndex = selectedIndex === -1 ? 0 : selectedIndex;\n const swatch = swatchRefs.current[focusIndex];\n\n if (swatch) {\n swatch.focus({ preventScroll: true });\n onAutoFocus?.();\n }\n }, [autoFocus, onAutoFocus, selectedIndex]);\n\n const selectColor = (index: number, focus: boolean) => {\n onChange(parseColor(colors[index]));\n\n if (focus) {\n swatchRefs.current[index]?.focus({ preventScroll: true });\n }\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = event => {\n const currentIndex = Number(event.currentTarget.dataset.index);\n let nextIndex: number \| undefined;\n\n switch (event.key) {\n case 'ArrowRight':\n nextIndex = (currentIndex + 1) % colors.length;\n break;\n case 'ArrowLeft':\n nextIndex = (currentIndex - 1 + colors.length) % colors.length;\n break;\n case 'ArrowDown':\n nextIndex = (currentIndex + colorsPerRow) % colors.length;\n break;\n case 'ArrowUp':\n nextIndex = (currentIndex - colorsPerRow + colors.length) % colors.length;\n break;\n case 'Home':\n nextIndex = 0;\n break;\n case 'End':\n nextIndex = colors.length - 1;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n selectColor(currentIndex, false);\n return;\n default:\n return;\n }\n\n if (typeof nextIndex === 'number') {\n event.preventDefault();\n selectColor(nextIndex, true);\n }\n };\n\n return (\n <div className={styles.root} role=\"radiogroup\" aria-label=\"Color palette\">\n {colors.map((color, index) => {\n const channels = parseColor(color);\n const isLightColor = getLuminance(color) > 0.97;\n const isTransparent = channels.a === 0;\n const isSelected = isSelectedColor(color);\n\n return (\n <div\n key={color}\n ref={element => {\n swatchRefs.current[index] = element;\n }}\n className={classNames(\n styles.swatch,\n isSelected && styles.selected,\n isTransparent && styles.transparent,\n (isLightColor \|\| isTransparent) && styles.darkAccent\n )}\n onClick={() => onChange(channels)}\n onKeyDown={handleKeyDown}\n style={isTransparent ? undefined : { background: color }}\n role=\"radio\"\n aria-checked={isSelected}\n aria-label={isTransparent ? 'Transparent' : color.toUpperCase()}\n tabIndex={isSelected \|\| (selectedIndex === -1 && index === 0) ? 0 : -1}\n data-index={index}\n >\n <CheckSmallIcon size={14} className={styles.icon} />\n </div>\n );\n })}\n </div>\n );\n};\n"],"names":["_ref","value","onChange","addTransparent","autoFocus","onAutoFocus","swatchRefs","useRef","opaqueValue","a","isValueTransparent","colors","paletteColors","toSpliced","length","isSelectedColor","color","parseColor","opaqueColor","_objectWithoutProperties","_parseColor","_excluded","isTransparent","isEqual","selectedIndex","findIndex","useEffect","focusIndex","swatch","current","focus","preventScroll","selectColor","index","_swatchRefs$current$i","handleKeyDown","event","nextIndex","currentIndex","Number","currentTarget","dataset","key","preventDefault","_jsx","className","styles","root","role","children","map","channels","isLightColor","getLuminance","isSelected","ref","element","classNames","selected","transparent","darkAccent","onClick","onKeyDown","style","undefined","background","toUpperCase","tabIndex","CheckSmallIcon","size","icon"],"mappings":"g0KAyBwB,SAMHA,GAAA,IALnBC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,YAEMC,EAAaC,SAAqC,IAClDC,SAAmBP,GAAK,GAAA,CAAEQ,EAAG,IAC7BC,EAAiC,IAAZT,EAAMQ,EAE3BE,EAASR,EACXS,EAAaA,cAACC,UAAUD,EAAAA,cAAcE,OAAS,EAAG,EAAG,aACrDF,EAAAA,cAEEG,EAAkB,SAACC,GACvB,IAAgCC,EAAAA,EAAUA,WAACD,GAAnCP,IAAAA,EACFS,SADqBC,EAAA,QAAAC,EAAAC,IACW,GAAA,CAAEZ,EAAG,IACrCa,EAAsB,IAANb,EAEtB,OACGc,EAAOA,QAACf,EAAaU,KAAiBI,IAAkBZ,GACxDA,GAAsBY,GAIrBE,EAAgBb,EAAOc,UAAUV,GAEvCW,EAAAA,WAAU,WACR,GAAKtB,EAAL,CAIA,IAAMuB,GAAgC,IAAnBH,EAAuB,EAAIA,EACxCI,EAAStB,EAAWuB,QAAQF,GAE9BC,IACFA,EAAOE,MAAM,CAAEC,eAAe,IAC9B1B,SAAAA,IAPF,CASD,GAAE,CAACD,EAAWC,EAAamB,IAE5B,IAAMQ,EAAc,SAACC,EAAeH,GAGvB,IAAAI,GAFXhC,EAASe,EAAAA,WAAWN,EAAOsB,KAEvBH,KACuB,QAAzBxB,EAAAA,EAAWuB,QAAQI,UAAM,IAAAC,GAAzBA,EAA2BJ,MAAM,CAAEC,eAAe,MAIhDI,EAAsD,SAAAC,GAC1D,IACIC,EADEC,EAAeC,OAAOH,EAAMI,cAAcC,QAAQR,OAGxD,OAAQG,EAAMM,KACZ,IAAK,aACHL,GAAaC,EAAe,GAAK3B,EAAOG,OACxC,MACF,IAAK,YACHuB,GAAaC,EAAe,EAAI3B,EAAOG,QAAUH,EAAOG,OACxD,MACF,IAAK,YACHuB,GAAaC,EAhEA,IAgE+B3B,EAAOG,OACnD,MACF,IAAK,UACHuB,GAAaC,EAnEA,GAmE8B3B,EAAOG,QAAUH,EAAOG,OACnE,MACF,IAAK,OACHuB,EAAY,EACZ,MACF,IAAK,MACHA,EAAY1B,EAAOG,OAAS,EAC5B,MACF,IAAK,QACL,IAAK,IAGH,OAFAsB,EAAMO,sBACNX,EAAYM,GAAc,GAE5B,QACE,OAGqB,iBAAdD,IACTD,EAAMO,iBACNX,EAAYK,GAAW,KAI3B,OACEO,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAMC,KAAK,aAAa,aAAW,gBAAeC,SACtEtC,EAAOuC,KAAI,SAAClC,EAAOiB,GAClB,IAAMkB,EAAWlC,aAAWD,GACtBoC,EAAeC,EAAAA,aAAarC,GAAS,IACrCM,EAA+B,IAAf6B,EAAS1C,EACzB6C,EAAavC,EAAgBC,GAEnC,OACE4B,EAAAA,IAAA,MAAA,CAEEW,IAAK,SAAAC,GACHlD,EAAWuB,QAAQI,GAASuB,CAC5B,EACFX,UAAWY,EAAU,QACnBX,EAAOlB,OACP0B,GAAcR,EAAOY,SACrBpC,GAAiBwB,EAAOa,aACvBP,GAAgB9B,IAAkBwB,EAAOc,YAE5CC,QAAS,WAAA,OAAM3D,EAASiD,EAAU,EAClCW,UAAW3B,EACX4B,MAAOzC,OAAgB0C,EAAY,CAAEC,WAAYjD,GACjDgC,KAAK,QACL,eAAcM,EACd,aAAYhC,EAAgB,cAAgBN,EAAMkD,cAClDC,SAAUb,IAAkC,IAAnB9B,GAAkC,IAAVS,EAAe,GAAK,EACrE,aAAYA,EAAMgB,SAElBL,MAACwB,iBAAc,CAACC,KAAM,GAAIxB,UAAWC,EAAOwB,QAnBvCtD,OAyBjB"}

package/cjs-bundle/componentsV2/CompletionsOffsetWellPicker/AssetSearchInput/AssetSearchInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var s=require("react"),o=require("../../TextInput/TextInput.js"),c=require("./AssetSearchInput.scss.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all");var e=require("react/jsx-runtime");require("../../../icons/IconParkProvider.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");var i=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=s.memo((function(n){var r=n.searchText,u=n.onChange,t=s.useCallback((function(){return u("")}),[u]);return e.jsx(o.TextInput,{className:c.textInput,label:"Search",placeholder:"Search for Pads...",prefix:e.jsx(i.SearchOne,{}),onChange:u,value:r,onClear:t})}));module.exports=n;
+"use strict";var s=require("react"),o=require("../../TextInput/TextInput.js"),c=require("./AssetSearchInput.scss.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all");var e=require("react/jsx-runtime");require("../../../icons/IconParkProvider.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");var i=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/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.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=s.memo((function(n){var r=n.searchText,u=n.onChange,t=s.useCallback((function(){return u("")}),[u]);return e.jsx(o.TextInput,{className:c.textInput,label:"Search",placeholder:"Search for Pads...",prefix:e.jsx(i.SearchOne,{}),onChange:u,value:r,onClear:t})}));module.exports=n;
 //# sourceMappingURL=AssetSearchInput.js.map

package/cjs-bundle/componentsV2/CompletionsOffsetWellPicker/AssetSearchInput/AssetSearchInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetSearchInput.js","sources":["../../../../../src/componentsV2/CompletionsOffsetWellPicker/AssetSearchInput/AssetSearchInput.tsx"],"sourcesContent":["import { FC, memo, useCallback } from 'react';\n\nimport { TextInput } from '../../TextInput';\n\nimport styles from './AssetSearchInput.scss';\n\nimport { SearchOne } from '~/icons';\n\ntype Props = {\n searchText: string;\n onChange: (value: string) => void;\n};\n\nconst AssetSearchInput: FC<Props> = memo(({ searchText, onChange }) => {\n const clearSearch = useCallback(() => onChange(''), [onChange]);\n\n return (\n <TextInput\n className={styles.textInput}\n label=\"Search\"\n placeholder=\"Search for Pads...\"\n prefix={<SearchOne />}\n onChange={onChange}\n value={searchText}\n onClear={clearSearch}\n />\n );\n});\n\nexport default AssetSearchInput;\n"],"names":["AssetSearchInput","memo","_ref","searchText","onChange","clearSearch","useCallback","_jsx","TextInput","className","styles","textInput","label","placeholder","prefix","SearchOne","value","onClear"],"mappings":"~~48IAaA~~,IAAMA,EAA8BC,EAAAA,MAAK,SAA8BC,GAAA,IAA3BC,IAAAA,WAAYC,IAAAA,SAChDC,EAAcC,EAAAA,aAAY,WAAA,OAAMF,EAAS,MAAK,CAACA,IAErD,OACEG,EAAAA,IAACC,EAAAA,UAAS,CACRC,UAAWC,EAAOC,UAClBC,MAAM,SACNC,YAAY,qBACZC,OAAQP,EAAAA,IAACQ,EAASA,UAAI,IACtBX,SAAUA,EACVY,MAAOb,EACPc,QAASZ,GAGf"}
1	+ {"version":3,"file":"AssetSearchInput.js","sources":["../../../../../src/componentsV2/CompletionsOffsetWellPicker/AssetSearchInput/AssetSearchInput.tsx"],"sourcesContent":["import { FC, memo, useCallback } from 'react';\n\nimport { TextInput } from '../../TextInput';\n\nimport styles from './AssetSearchInput.scss';\n\nimport { SearchOne } from '~/icons';\n\ntype Props = {\n searchText: string;\n onChange: (value: string) => void;\n};\n\nconst AssetSearchInput: FC<Props> = memo(({ searchText, onChange }) => {\n const clearSearch = useCallback(() => onChange(''), [onChange]);\n\n return (\n <TextInput\n className={styles.textInput}\n label=\"Search\"\n placeholder=\"Search for Pads...\"\n prefix={<SearchOne />}\n onChange={onChange}\n value={searchText}\n onClear={clearSearch}\n />\n );\n});\n\nexport default AssetSearchInput;\n"],"names":["AssetSearchInput","memo","_ref","searchText","onChange","clearSearch","useCallback","_jsx","TextInput","className","styles","textInput","label","placeholder","prefix","SearchOne","value","onClear"],"mappings":"+jJAaA,IAAMA,EAA8BC,EAAAA,MAAK,SAA8BC,GAAA,IAA3BC,IAAAA,WAAYC,IAAAA,SAChDC,EAAcC,EAAAA,aAAY,WAAA,OAAMF,EAAS,MAAK,CAACA,IAErD,OACEG,EAAAA,IAACC,EAAAA,UAAS,CACRC,UAAWC,EAAOC,UAClBC,MAAM,SACNC,YAAY,qBACZC,OAAQP,EAAAA,IAACQ,EAASA,UAAI,IACtBX,SAAUA,EACVY,MAAOb,EACPc,QAASZ,GAGf"}

package/cjs-bundle/componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.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/slicedToArray"),o=require("react"),i=require("classnames"),n=require("@tanstack/react-query"),c=require("../Modal/Modal.js"),r=require("../OffsetWellsButton/OffsetWellsButton.js"),t=require("../Button/Button.js"),u=require("./ModalTitle/ModalTitle.js"),l=require("./AssetFilters/AssetFilters.js"),a=require("./PadsTable/PadsTable.js"),d=require("./hooks/usePads.js"),j=require("./Map/Map.js"),m=require("./types.js"),I=require("./useModalHandlers.js"),q=require("./constants.js"),f=require("./hooks/usePadsByRadius.js"),p=require("./CompletionsOffsetWellPicker.scss.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all");var O=require("react/jsx-runtime");require("../../icons/IconParkProvider.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");var b=require("../../icons/customIcons/icons/Global.js");function h(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}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 M=h(s),C=h(e),P=h(i);function S(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,i)}return o}function y(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?S(Object(o),!0).forEach((function(e){M.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):S(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var g=o.memo((function(s){var e=s.selectedPadId,i=s.selectedOffsetWellIds,n=s.onOffsetWellsSelect,h=s.companyId,M=s.maxRadiusInMiles,S=s.well,g=s.wells,v=s.isGlobalSelector,F=s.testId,x=s.buttonLabel,W=o.useState(!0),A=C.default(W,2),k=A[0],D=A[1],w=o.useState(!0),R=C.default(w,2),B=R[0],L=R[1],T=o.useState((function(){return y(y({},q.BASE_FILTERS),{},{radiusMiles:void 0===M?q.DEFAULT_RADIUS_MILES:Math.min(q.DEFAULT_RADIUS_MILES,M)})})),E=C.default(T,2),U=E[0],_=E[1],G=o.useState((function(){return y(y({},U),{},{padStatus:m.PadStatus.All})})),z=C.default(G,1)[0],H=o.useMemo((function(){return B?U:y(y({},z),{},{radiusMiles:U.radiusMiles})}),[B,U,z]),N=d.usePads({companyId:h,padStatus:H.padStatus,well:S,wells:g,selectedOffsetWellIds:i}),V=N.pads,Q=N.isBackgroundDataLoading,K=N.isSelectedPadsLoading,Z=f.usePadsByRadius({pads:V,selectedPadId:e,radiusMiles:H.radiusMiles}),J=I.useModalHandlers({pads:V,selectedOffsetWellIds:i,onOffsetWellsSelect:n}),X=J.isModalOpen,Y=J.handleOpenModal,$=J.handleCloseModal,ss=J.handleSaveSelectedWellIds,es=J.handleCancelButtonClick,os=J.handleResetSelection,is=J.localSelectedOffsetWellIds,ns=J.setLocalSelectedOffsetWellIds,cs=o.useMemo((function(){return Z?Z.filter((function(s){return s.id.toString()!==(null==e?void 0:e.toString())})).flatMap((function(s){return s.wells.map((function(s){return s.id}))})):[]}),[Z,e]),rs=o.useMemo((function(){return Z?Z.filter((function(s){return s.wells.some((function(s){return is.includes(s.id)}))})):[]}),[Z,is]);return O.jsxs(O.Fragment,{children:[O.jsx(r.OffsetWellsButton,{wells:i.length,"data-testid":F,icon:v?O.jsx(b.Global,{size:20,className:p.buttonIcon}):void 0,onClick:Y,label:x}),O.jsx(c.Modal,{open:X,size:"fullscreen",onClose:$,primaryActionText:"Select Wells (".concat(is.length,")"),primaryActionHandler:ss,secondaryActionText:"Cancel",secondaryActionHandler:es,actions:[O.jsx(t.Button,{type:"secondaryDestructive",onClick:os,children:"Reset"},"clear-filters")],title:O.jsx(u,{total:Z.length?Z.length-1:0,selected:rs.length,isMapVisible:k,isFiltersVisible:B,toggleMapVisibility:function(){return D((function(s){return!s}))},toggleFiltersVisibility:function(){return L((function(s){return!s}))},onModalClose:$,isBackgroundDataLoading:Q}),children:O.jsxs("div",{className:p.modalContent,children:[k&&O.jsx(j,{wells:g,well:S,pads:Z,selectedOffsetWellsIds:is,onOffsetWellIdsSelect:ns,radiusMiles:H.radiusMiles,setFilters:_,maxRadiusInMiles:M}),O.jsxs("div",{className:P.default(p.tableContainer,k?p.tableContainerWithMap:p.tableContainerWithoutMap),children:[B&&O.jsx(l,{pads:Z,selectedPadId:e,filters:H,setFilters:_}),O.jsx(a,{allWellIds:cs,pads:Z,selectedPadId:e,selectedOffsetWellIds:is,onOffsetWellIdsSelect:ns,filters:H,isSelectedPadsLoading:K})]})]})})]})}));exports.CompletionsOffsetWellPicker=function(s){var e=o.useMemo((function(){return new n.QueryClient}),[]);return O.jsx(n.QueryClientProvider,{client:e,children:O.jsx(g,y({},s))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),i=require("classnames"),n=require("@tanstack/react-query"),c=require("../Modal/Modal.js"),r=require("../OffsetWellsButton/OffsetWellsButton.js"),t=require("../Button/Button.js"),u=require("./ModalTitle/ModalTitle.js"),l=require("./AssetFilters/AssetFilters.js"),a=require("./PadsTable/PadsTable.js"),d=require("./hooks/usePads.js"),j=require("./Map/Map.js"),m=require("./types.js"),I=require("./useModalHandlers.js"),q=require("./constants.js"),f=require("./hooks/usePadsByRadius.js"),p=require("./CompletionsOffsetWellPicker.scss.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all");var O=require("react/jsx-runtime");require("../../icons/IconParkProvider.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");var b=require("../../icons/customIcons/icons/Global.js");function h(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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 M=h(s),C=h(e),P=h(i);function S(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,i)}return o}function y(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?S(Object(o),!0).forEach((function(e){M.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):S(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var g=o.memo((function(s){var e=s.selectedPadId,i=s.selectedOffsetWellIds,n=s.onOffsetWellsSelect,h=s.companyId,M=s.maxRadiusInMiles,S=s.well,g=s.wells,v=s.isGlobalSelector,F=s.testId,x=s.buttonLabel,W=o.useState(!0),A=C.default(W,2),k=A[0],D=A[1],w=o.useState(!0),R=C.default(w,2),B=R[0],L=R[1],T=o.useState((function(){return y(y({},q.BASE_FILTERS),{},{radiusMiles:void 0===M?q.DEFAULT_RADIUS_MILES:Math.min(q.DEFAULT_RADIUS_MILES,M)})})),E=C.default(T,2),U=E[0],_=E[1],G=o.useState((function(){return y(y({},U),{},{padStatus:m.PadStatus.All})})),z=C.default(G,1)[0],H=o.useMemo((function(){return B?U:y(y({},z),{},{radiusMiles:U.radiusMiles})}),[B,U,z]),N=d.usePads({companyId:h,padStatus:H.padStatus,well:S,wells:g,selectedOffsetWellIds:i}),V=N.pads,Q=N.isBackgroundDataLoading,K=N.isSelectedPadsLoading,Z=f.usePadsByRadius({pads:V,selectedPadId:e,radiusMiles:H.radiusMiles}),J=I.useModalHandlers({pads:V,selectedOffsetWellIds:i,onOffsetWellsSelect:n}),X=J.isModalOpen,Y=J.handleOpenModal,$=J.handleCloseModal,ss=J.handleSaveSelectedWellIds,es=J.handleCancelButtonClick,os=J.handleResetSelection,is=J.localSelectedOffsetWellIds,ns=J.setLocalSelectedOffsetWellIds,cs=o.useMemo((function(){return Z?Z.filter((function(s){return s.id.toString()!==(null==e?void 0:e.toString())})).flatMap((function(s){return s.wells.map((function(s){return s.id}))})):[]}),[Z,e]),rs=o.useMemo((function(){return Z?Z.filter((function(s){return s.wells.some((function(s){return is.includes(s.id)}))})):[]}),[Z,is]);return O.jsxs(O.Fragment,{children:[O.jsx(r.OffsetWellsButton,{wells:i.length,"data-testid":F,icon:v?O.jsx(b.Global,{size:20,className:p.buttonIcon}):void 0,onClick:Y,label:x}),O.jsx(c.Modal,{open:X,size:"fullscreen",onClose:$,primaryActionText:"Select Wells (".concat(is.length,")"),primaryActionHandler:ss,secondaryActionText:"Cancel",secondaryActionHandler:es,actions:[O.jsx(t.Button,{type:"secondaryDestructive",onClick:os,children:"Reset"},"clear-filters")],title:O.jsx(u,{total:Z.length?Z.length-1:0,selected:rs.length,isMapVisible:k,isFiltersVisible:B,toggleMapVisibility:function(){return D((function(s){return!s}))},toggleFiltersVisibility:function(){return L((function(s){return!s}))},onModalClose:$,isBackgroundDataLoading:Q}),children:O.jsxs("div",{className:p.modalContent,children:[k&&O.jsx(j,{wells:g,well:S,pads:Z,selectedOffsetWellsIds:is,onOffsetWellIdsSelect:ns,radiusMiles:H.radiusMiles,setFilters:_,maxRadiusInMiles:M}),O.jsxs("div",{className:P.default(p.tableContainer,k?p.tableContainerWithMap:p.tableContainerWithoutMap),children:[B&&O.jsx(l,{pads:Z,selectedPadId:e,filters:H,setFilters:_}),O.jsx(a,{allWellIds:cs,pads:Z,selectedPadId:e,selectedOffsetWellIds:is,onOffsetWellIdsSelect:ns,filters:H,isSelectedPadsLoading:K})]})]})})]})}));exports.CompletionsOffsetWellPicker=function(s){var e=o.useMemo((function(){return new n.QueryClient}),[]);return O.jsx(n.QueryClientProvider,{client:e,children:O.jsx(g,y({},s))})};
 //# sourceMappingURL=CompletionsOffsetWellPicker.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CompletionsOffsetWellPicker.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.tsx"],"sourcesContent":["import { FC, memo, useMemo, useState } from 'react';\nimport classnames from 'classnames';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport { Modal } from '../Modal';\nimport { OffsetWellsButton } from '../OffsetWellsButton';\nimport { Button } from '../Button';\n\nimport ModalTitle from './ModalTitle/ModalTitle';\nimport AssetFilters from './AssetFilters/AssetFilters';\nimport PadsTable from './PadsTable/PadsTable';\nimport { usePads } from './hooks/usePads';\nimport Map from './Map/Map';\nimport { CompletionsOffsetWellPickerProps as Props, Filters, PadStatus } from './types';\nimport { useModalHandlers } from './useModalHandlers';\nimport { BASE_FILTERS, DEFAULT_RADIUS_MILES } from './constants';\nimport { usePadsByRadius } from './hooks/usePadsByRadius';\n\nimport styles from './CompletionsOffsetWellPicker.scss';\n\nimport { Global } from '~/icons';\n\nconst CompletionsOffsetWellPickerInner: FC<Props> = memo(\n ({\n selectedPadId,\n selectedOffsetWellIds,\n onOffsetWellsSelect,\n companyId,\n maxRadiusInMiles,\n well,\n wells,\n isGlobalSelector,\n testId,\n buttonLabel,\n }) => {\n // state\n const [isMapVisible, setIsMapVisible] = useState(true);\n const [isFiltersVisible, setIsFiltersVisible] = useState(true);\n\n const [currentFilters, setFilters] = useState<Filters>(() => ({\n ...BASE_FILTERS,\n radiusMiles:\n maxRadiusInMiles === undefined\n ? DEFAULT_RADIUS_MILES\n : Math.min(DEFAULT_RADIUS_MILES, maxRadiusInMiles),\n }));\n\n const [defaultFilters] = useState<Filters>(() => ({\n ...currentFilters,\n padStatus: PadStatus.All,\n }));\n\n // Hiding the filters panel resets only the panel's filters; the radius input\n // lives on the map, which stays visible, so it must keep tracking user edits\n const filters = useMemo(\n () =>\n isFiltersVisible\n ? currentFilters\n : { ...defaultFilters, radiusMiles: currentFilters.radiusMiles },\n [isFiltersVisible, currentFilters, defaultFilters]\n );\n\n // data\n const { pads, isBackgroundDataLoading, isSelectedPadsLoading } = usePads({\n companyId,\n padStatus: filters.padStatus,\n well,\n wells,\n selectedOffsetWellIds,\n });\n\n const padsByRadius = usePadsByRadius({\n pads,\n selectedPadId,\n radiusMiles: filters.radiusMiles,\n });\n\n // handlers\n const {\n isModalOpen,\n handleOpenModal,\n handleCloseModal,\n handleSaveSelectedWellIds,\n handleCancelButtonClick,\n handleResetSelection,\n localSelectedOffsetWellIds,\n setLocalSelectedOffsetWellIds,\n } = useModalHandlers({\n // Unfiltered pads: saving must not drop selected wells outside the current radius\n pads,\n selectedOffsetWellIds,\n onOffsetWellsSelect,\n });\n\n // memo\n const allWellIds = useMemo(() => {\n if (!padsByRadius) return [];\n\n return padsByRadius\n .filter(pad => pad.id.toString() !== selectedPadId?.toString())\n .flatMap(pad => pad.wells.map(well => well.id));\n }, [padsByRadius, selectedPadId]);\n\n const selectedPads = useMemo(() => {\n if (!padsByRadius) return [];\n\n return padsByRadius.filter(pad =>\n pad.wells.some(well => localSelectedOffsetWellIds.includes(well.id))\n );\n }, [padsByRadius, localSelectedOffsetWellIds]);\n\n return (\n <>\n <OffsetWellsButton\n wells={selectedOffsetWellIds.length}\n data-testid={testId}\n icon={isGlobalSelector ? <Global size={20} className={styles.buttonIcon} /> : undefined}\n onClick={handleOpenModal}\n label={buttonLabel}\n />\n <Modal\n open={isModalOpen}\n size=\"fullscreen\"\n onClose={handleCloseModal}\n primaryActionText={`Select Wells (${localSelectedOffsetWellIds.length})`}\n primaryActionHandler={handleSaveSelectedWellIds}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={handleCancelButtonClick}\n actions={[\n <Button key=\"clear-filters\" type=\"secondaryDestructive\" onClick={handleResetSelection}>\n Reset\n </Button>,\n ]}\n title={\n <ModalTitle\n total={padsByRadius.length ? padsByRadius.length - 1 : 0} // excluding main pad\n selected={selectedPads.length}\n isMapVisible={isMapVisible}\n isFiltersVisible={isFiltersVisible}\n toggleMapVisibility={() => setIsMapVisible(prev => !prev)}\n toggleFiltersVisibility={() => setIsFiltersVisible(prev => !prev)}\n onModalClose={handleCloseModal}\n isBackgroundDataLoading={isBackgroundDataLoading}\n />\n }\n >\n <div className={styles.modalContent}>\n {isMapVisible && (\n <Map\n wells={wells}\n well={well}\n pads={padsByRadius}\n selectedOffsetWellsIds={localSelectedOffsetWellIds}\n onOffsetWellIdsSelect={setLocalSelectedOffsetWellIds}\n radiusMiles={filters.radiusMiles}\n setFilters={setFilters}\n maxRadiusInMiles={maxRadiusInMiles}\n />\n )}\n <div\n className={classnames(\n styles.tableContainer,\n isMapVisible ? styles.tableContainerWithMap : styles.tableContainerWithoutMap\n )}\n >\n {isFiltersVisible && (\n <AssetFilters\n pads={padsByRadius}\n selectedPadId={selectedPadId}\n filters={filters}\n setFilters={setFilters}\n />\n )}\n <PadsTable\n allWellIds={allWellIds}\n pads={padsByRadius}\n selectedPadId={selectedPadId}\n selectedOffsetWellIds={localSelectedOffsetWellIds}\n onOffsetWellIdsSelect={setLocalSelectedOffsetWellIds}\n filters={filters}\n isSelectedPadsLoading={isSelectedPadsLoading}\n />\n </div>\n </div>\n </Modal>\n </>\n );\n }\n);\n\nexport const CompletionsOffsetWellPicker: FC<Props> = props => {\n const queryClient = useMemo(() => new QueryClient(), []);\n\n return (\n <QueryClientProvider client={queryClient}>\n <CompletionsOffsetWellPickerInner {...props} />\n </QueryClientProvider>\n );\n};\n"],"names":["CompletionsOffsetWellPickerInner","memo","_ref","selectedPadId","selectedOffsetWellIds","onOffsetWellsSelect","companyId","maxRadiusInMiles","well","wells","isGlobalSelector","testId","buttonLabel","useState","_useState2","_slicedToArray","_useState","isMapVisible","setIsMapVisible","_useState4","_useState3","isFiltersVisible","setIsFiltersVisible","_useState5","_objectSpread","BASE_FILTERS","radiusMiles","undefined","DEFAULT_RADIUS_MILES","Math","min","_useState6","currentFilters","setFilters","_useState7","padStatus","PadStatus","All","defaultFilters","filters","useMemo","_usePads","usePads","pads","isBackgroundDataLoading","isSelectedPadsLoading","padsByRadius","usePadsByRadius","_useModalHandlers","useModalHandlers","isModalOpen","handleOpenModal","handleCloseModal","handleSaveSelectedWellIds","handleCancelButtonClick","handleResetSelection","localSelectedOffsetWellIds","setLocalSelectedOffsetWellIds","allWellIds","filter","pad","id","toString","flatMap","map","selectedPads","some","includes","_jsxs","_Fragment","children","_jsx","OffsetWellsButton","length","icon","jsx","Global","size","className","styles","buttonIcon","onClick","label","Modal","open","onClose","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","actions","Button","type","title","ModalTitle","total","selected","toggleMapVisibility","prev","toggleFiltersVisibility","onModalClose","jsxs","modalContent","Map","selectedOffsetWellsIds","onOffsetWellIdsSelect","classnames","tableContainer","tableContainerWithMap","tableContainerWithoutMap","AssetFilters","PadsTable","props","queryClient","QueryClient","QueryClientProvider","client"],"mappings":"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"}
1	+ {"version":3,"file":"CompletionsOffsetWellPicker.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.tsx"],"sourcesContent":["import { FC, memo, useMemo, useState } from 'react';\nimport classnames from 'classnames';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport { Modal } from '../Modal';\nimport { OffsetWellsButton } from '../OffsetWellsButton';\nimport { Button } from '../Button';\n\nimport ModalTitle from './ModalTitle/ModalTitle';\nimport AssetFilters from './AssetFilters/AssetFilters';\nimport PadsTable from './PadsTable/PadsTable';\nimport { usePads } from './hooks/usePads';\nimport Map from './Map/Map';\nimport { CompletionsOffsetWellPickerProps as Props, Filters, PadStatus } from './types';\nimport { useModalHandlers } from './useModalHandlers';\nimport { BASE_FILTERS, DEFAULT_RADIUS_MILES } from './constants';\nimport { usePadsByRadius } from './hooks/usePadsByRadius';\n\nimport styles from './CompletionsOffsetWellPicker.scss';\n\nimport { Global } from '~/icons';\n\nconst CompletionsOffsetWellPickerInner: FC<Props> = memo(\n ({\n selectedPadId,\n selectedOffsetWellIds,\n onOffsetWellsSelect,\n companyId,\n maxRadiusInMiles,\n well,\n wells,\n isGlobalSelector,\n testId,\n buttonLabel,\n }) => {\n // state\n const [isMapVisible, setIsMapVisible] = useState(true);\n const [isFiltersVisible, setIsFiltersVisible] = useState(true);\n\n const [currentFilters, setFilters] = useState<Filters>(() => ({\n ...BASE_FILTERS,\n radiusMiles:\n maxRadiusInMiles === undefined\n ? DEFAULT_RADIUS_MILES\n : Math.min(DEFAULT_RADIUS_MILES, maxRadiusInMiles),\n }));\n\n const [defaultFilters] = useState<Filters>(() => ({\n ...currentFilters,\n padStatus: PadStatus.All,\n }));\n\n // Hiding the filters panel resets only the panel's filters; the radius input\n // lives on the map, which stays visible, so it must keep tracking user edits\n const filters = useMemo(\n () =>\n isFiltersVisible\n ? currentFilters\n : { ...defaultFilters, radiusMiles: currentFilters.radiusMiles },\n [isFiltersVisible, currentFilters, defaultFilters]\n );\n\n // data\n const { pads, isBackgroundDataLoading, isSelectedPadsLoading } = usePads({\n companyId,\n padStatus: filters.padStatus,\n well,\n wells,\n selectedOffsetWellIds,\n });\n\n const padsByRadius = usePadsByRadius({\n pads,\n selectedPadId,\n radiusMiles: filters.radiusMiles,\n });\n\n // handlers\n const {\n isModalOpen,\n handleOpenModal,\n handleCloseModal,\n handleSaveSelectedWellIds,\n handleCancelButtonClick,\n handleResetSelection,\n localSelectedOffsetWellIds,\n setLocalSelectedOffsetWellIds,\n } = useModalHandlers({\n // Unfiltered pads: saving must not drop selected wells outside the current radius\n pads,\n selectedOffsetWellIds,\n onOffsetWellsSelect,\n });\n\n // memo\n const allWellIds = useMemo(() => {\n if (!padsByRadius) return [];\n\n return padsByRadius\n .filter(pad => pad.id.toString() !== selectedPadId?.toString())\n .flatMap(pad => pad.wells.map(well => well.id));\n }, [padsByRadius, selectedPadId]);\n\n const selectedPads = useMemo(() => {\n if (!padsByRadius) return [];\n\n return padsByRadius.filter(pad =>\n pad.wells.some(well => localSelectedOffsetWellIds.includes(well.id))\n );\n }, [padsByRadius, localSelectedOffsetWellIds]);\n\n return (\n <>\n <OffsetWellsButton\n wells={selectedOffsetWellIds.length}\n data-testid={testId}\n icon={isGlobalSelector ? <Global size={20} className={styles.buttonIcon} /> : undefined}\n onClick={handleOpenModal}\n label={buttonLabel}\n />\n <Modal\n open={isModalOpen}\n size=\"fullscreen\"\n onClose={handleCloseModal}\n primaryActionText={`Select Wells (${localSelectedOffsetWellIds.length})`}\n primaryActionHandler={handleSaveSelectedWellIds}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={handleCancelButtonClick}\n actions={[\n <Button key=\"clear-filters\" type=\"secondaryDestructive\" onClick={handleResetSelection}>\n Reset\n </Button>,\n ]}\n title={\n <ModalTitle\n total={padsByRadius.length ? padsByRadius.length - 1 : 0} // excluding main pad\n selected={selectedPads.length}\n isMapVisible={isMapVisible}\n isFiltersVisible={isFiltersVisible}\n toggleMapVisibility={() => setIsMapVisible(prev => !prev)}\n toggleFiltersVisibility={() => setIsFiltersVisible(prev => !prev)}\n onModalClose={handleCloseModal}\n isBackgroundDataLoading={isBackgroundDataLoading}\n />\n }\n >\n <div className={styles.modalContent}>\n {isMapVisible && (\n <Map\n wells={wells}\n well={well}\n pads={padsByRadius}\n selectedOffsetWellsIds={localSelectedOffsetWellIds}\n onOffsetWellIdsSelect={setLocalSelectedOffsetWellIds}\n radiusMiles={filters.radiusMiles}\n setFilters={setFilters}\n maxRadiusInMiles={maxRadiusInMiles}\n />\n )}\n <div\n className={classnames(\n styles.tableContainer,\n isMapVisible ? styles.tableContainerWithMap : styles.tableContainerWithoutMap\n )}\n >\n {isFiltersVisible && (\n <AssetFilters\n pads={padsByRadius}\n selectedPadId={selectedPadId}\n filters={filters}\n setFilters={setFilters}\n />\n )}\n <PadsTable\n allWellIds={allWellIds}\n pads={padsByRadius}\n selectedPadId={selectedPadId}\n selectedOffsetWellIds={localSelectedOffsetWellIds}\n onOffsetWellIdsSelect={setLocalSelectedOffsetWellIds}\n filters={filters}\n isSelectedPadsLoading={isSelectedPadsLoading}\n />\n </div>\n </div>\n </Modal>\n </>\n );\n }\n);\n\nexport const CompletionsOffsetWellPicker: FC<Props> = props => {\n const queryClient = useMemo(() => new QueryClient(), []);\n\n return (\n <QueryClientProvider client={queryClient}>\n <CompletionsOffsetWellPickerInner {...props} />\n </QueryClientProvider>\n );\n};\n"],"names":["CompletionsOffsetWellPickerInner","memo","_ref","selectedPadId","selectedOffsetWellIds","onOffsetWellsSelect","companyId","maxRadiusInMiles","well","wells","isGlobalSelector","testId","buttonLabel","useState","_useState2","_slicedToArray","_useState","isMapVisible","setIsMapVisible","_useState4","_useState3","isFiltersVisible","setIsFiltersVisible","_useState5","_objectSpread","BASE_FILTERS","radiusMiles","undefined","DEFAULT_RADIUS_MILES","Math","min","_useState6","currentFilters","setFilters","_useState7","padStatus","PadStatus","All","defaultFilters","filters","useMemo","_usePads","usePads","pads","isBackgroundDataLoading","isSelectedPadsLoading","padsByRadius","usePadsByRadius","_useModalHandlers","useModalHandlers","isModalOpen","handleOpenModal","handleCloseModal","handleSaveSelectedWellIds","handleCancelButtonClick","handleResetSelection","localSelectedOffsetWellIds","setLocalSelectedOffsetWellIds","allWellIds","filter","pad","id","toString","flatMap","map","selectedPads","some","includes","_jsxs","_Fragment","children","_jsx","OffsetWellsButton","length","icon","jsx","Global","size","className","styles","buttonIcon","onClick","label","Modal","open","onClose","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","actions","Button","type","title","ModalTitle","total","selected","toggleMapVisibility","prev","toggleFiltersVisibility","onModalClose","jsxs","modalContent","Map","selectedOffsetWellsIds","onOffsetWellIdsSelect","classnames","tableContainer","tableContainerWithMap","tableContainerWithoutMap","AssetFilters","PadsTable","props","queryClient","QueryClient","QueryClientProvider","client"],"mappings":"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"}