@corva/ui 3.74.0-1 → 3.74.0-11

package/componentsV2/Chip/Chip.js.map

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

package/componentsV2/Chip/Chip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Chip/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAQjD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAOzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAmBa,IAAI;AAEnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAAwB,CAAC;AAE7D,eAAO,MAAM,KAAK,+CAKjB,CAAC;AAQF,eAAO,MAAM,KAAK,+CAKjB,CAAC;AAQF,eAAO,MAAM,MAAM,+CA0ClB,CAAC;AAQF,eAAO,MAAM,eAAe,+CA2F3B,CAAC;AAQF,eAAO,MAAM,aAAa,+CAgBzB,CAAC;AASF,eAAO,MAAM,YAAY,+CAAwD,CAAC;AAoBlF,eAAO,MAAM,MAAM,+CA6BlB,CAAC;AAcF,eAAO,MAAM,iBAAiB,+CAS7B,CAAC"}
+{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Chip/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAQjD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAOzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAoBa,IAAI;AAEnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAAwB,CAAC;AAE7D,eAAO,MAAM,KAAK,+CAKjB,CAAC;AAQF,eAAO,MAAM,KAAK,+CAKjB,CAAC;AAQF,eAAO,MAAM,MAAM,+CA0ClB,CAAC;AAQF,eAAO,MAAM,eAAe,+CA2F3B,CAAC;AAQF,eAAO,MAAM,aAAa,+CAgBzB,CAAC;AASF,eAAO,MAAM,YAAY,+CAOxB,CAAC;AAuBF,eAAO,MAAM,MAAM,+CA6BlB,CAAC;AAcF,eAAO,MAAM,iBAAiB,+CAS7B,CAAC"}

package/componentsV2/ColorPicker/ColorPicker.d.ts

@@ -22,8 +22,9 @@ export type ColorPickerProps = {
     popoverPlacement?: PopoverProps['placement'];
     onOpen?: () => void;
     onClose?: () => void;
+    elementsClassNames?: Partial<Omit<Required<TextInputNextProps>['elementsClassNames'], 'message' | 'numberStepButtons' | 'prefix' | 'suffix'> & Record<'indicator' | 'popover', string>>;
     className?: string;
     testId?: string;
 };
-export declare const ColorPicker: ({ format, className, label, labelPlacement, popoverPlacement, testId, disabled, size, onOpen, onClose, value, onChange, disableOpacityDrag, enableAlpha, }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorPicker: ({ format, className, label, labelPlacement, popoverPlacement, testId, disabled, size, onOpen, onClose, value, onChange, disableOpacityDrag, enableAlpha, elementsClassNames, }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ColorPicker.d.ts.map

package/componentsV2/ColorPicker/ColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAcnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAE7C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmBF,eAAO,MAAM,WAAW,+JAerB,gBAAgB,4CA4UlB,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAcnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAE7C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,kBAAkB,CAAC,EAAE,OAAO,CAC1B,IAAI,CACF,QAAQ,CAAC,kBAAkB,CAAC,CAAC,oBAAoB,CAAC,EAClD,SAAS,GAAG,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CACtD,GACC,MAAM,CAAC,WAAW,GAAG,SAAS,EAAE,MAAM,CAAC,CAC1C,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAUF,eAAO,MAAM,WAAW,mLAgBrB,gBAAgB,4CAwWlB,CAAC"}

package/componentsV2/ColorPicker/ColorPicker.js

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

package/componentsV2/ColorPicker/ColorPicker.js.map

@@ -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 useOutsideClick from '../../effects/useOutsideClick';\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  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\nconst elementsClassNames: TextInputNextProps['elementsClassNames'] = {\n  inputContainer: styles.inputContainer,\n  numberStepButtons: styles.numberStepButtons,\n  prefix: styles.prefixContainer,\n  suffix: styles.suffixContainer,\n  input: styles.input,\n  label: styles.label,\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}: ColorPickerProps) => {\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  useOutsideClick(popoverRef, closeMenu, [inputContainerRef.current]);\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(styles.indicator, internalValue.a === 0 && styles.transparent)}\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          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={elementsClassNames}\n      />\n\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        )}\n        backdrop={false}\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  );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","elementsClassNames","inputContainer","numberStepButtons","prefix","prefixContainer","suffix","suffixContainer","input","label","ColorPicker","_ref","_ref$format","format","className","_ref$labelPlacement","labelPlacement","_ref$popoverPlacement","popoverPlacement","testId","disabled","_ref$size","size","onOpen","onClose","_ref$value","value","defaultColor","onChange","disableOpacityDrag","_ref$enableAlpha","enableAlpha","valueChannels","useMemo","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","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","useOutsideClick","inputValue","hasVerticalMargin","startsWith","hasHorizontalMargin","accessibleLabel","_jsxs","_Fragment","children","_jsx","id","htmlFor","TextInputNext","Label","hidden","undefined","inputHtmlAttributes","rootTagName","fakeValue","fakeValuePercent","ref","classNames","indicator","transparent","style","onClick","role","tabIndex","OpacityDragTracker","onDrag","onDragEnd","root","noAlpha","onFocus","inputType","inputMode","htmlAttributes","Popover","anchorEl","open","placement","popover","marginVertical","marginHorizontal","isTransparent","backdrop","Swatches","addTransparent","autoFocus","onAutoFocus","pickerContainer","ChromePicker","onChangeComplete","disableAlpha","picker","switchButtons","Tooltip","title","ButtonIcon","ariaLabel","type","PaletteIcon","PickerIcon"],"mappings":"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"}
+{"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","ColorPicker","_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","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","_Fragment","children","_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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"}

package/componentsV2/ColorPicker/ColorPicker.scss.js

@@ -1,2 +1,2 @@
-import i from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",root:"ColorPicker_root__cuK3O",inputContainer:"ColorPicker_inputContainer__m2fxo",label:"ColorPicker_label__c3tdQ",indicator:"ColorPicker_indicator__8cXCM",transparent:"ColorPicker_transparent__qdIVz",popover:"ColorPicker_popover__XC1n6",marginVertical:"ColorPicker_marginVertical__NvPrm",marginHorizontal:"ColorPicker_marginHorizontal__OU5sQ",switchButtons:"ColorPicker_switchButtons__XSdR3",numberStepButtons:"ColorPicker_numberStepButtons__8ed-p",prefixContainer:"ColorPicker_prefixContainer__XyJxU",suffixContainer:"ColorPicker_suffixContainer__KzygM",fakeValue:"ColorPicker_fakeValue__L1ty9",fakeValuePercent:"ColorPicker_fakeValuePercent__fBPcp",small:"ColorPicker_small__aZqd8",medium:"ColorPicker_medium__dMpzx",large:"ColorPicker_large__lyQRv",noAlpha:"ColorPicker_noAlpha__o9BSY",input:"ColorPicker_input__59TsK",pickerContainer:"ColorPicker_pickerContainer__ASGM6",picker:"ColorPicker_picker__GHZdT",active:"ColorPicker_active__DFLPz",isTransparent:"ColorPicker_isTransparent__TPLhY"};i('.ColorPicker_root__cuK3O{pointer-events:none}.ColorPicker_root__cuK3O .ColorPicker_inputContainer__m2fxo{flex:0 0 auto;pointer-events:auto;width:var(--corvaui-colorpicker-fieldwidth)}.ColorPicker_root__cuK3O .ColorPicker_label__c3tdQ{display:table;pointer-events:auto}.ColorPicker_indicator__8cXCM{background:#fff repeating-conic-gradient(#ccc 0 25%,transparent 0 50%) 50%;background-size:4px 4px;border-radius:6px;cursor:pointer;height:var(--corvaui-colorpicker-indicatorsize);margin:-1px;overflow:hidden;position:relative;width:var(--corvaui-colorpicker-indicatorsize)}.ColorPicker_indicator__8cXCM:before{border:1px solid red;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:90%}.ColorPicker_indicator__8cXCM:focus-visible{box-shadow:0 0 0 1px var(--palette-primary-main),0 0 0 5px rgb(from var(--palette-primary-main) r g b/.12);outline:2px solid transparent}.ColorPicker_indicator__8cXCM:after{background:var(--corvaui-colorpicker-indicatorcolor);content:"";inset:0;position:absolute;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ColorPicker_transparent__qdIVz:after{opacity:0}.ColorPicker_popover__XC1n6{--corvaui-background:$palette_b8;background-color:var(--palette-background-b-8);overflow:hidden;width:230px!important}.ColorPicker_marginVertical__NvPrm{margin:8px 0}.ColorPicker_marginHorizontal__OU5sQ{margin:0 8px}.ColorPicker_switchButtons__XSdR3{display:flex;flex-flow:row nowrap;gap:4px;justify-content:center;padding:8px}.ColorPicker_numberStepButtons__8ed-p{display:none}.ColorPicker_prefixContainer__XyJxU,.ColorPicker_suffixContainer__KzygM{position:relative}.ColorPicker_fakeValue__L1ty9{color:transparent;left:calc(100% + 8px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);user-select:none}.ColorPicker_fakeValuePercent__fBPcp{color:var(--palette-primary-text-1)}.ColorPicker_small__aZqd8{--corvaui-colorpicker-indicatorsize:20px;--corvaui-colorpicker-fieldwidth:78px}.ColorPicker_medium__dMpzx{--corvaui-colorpicker-indicatorsize:24px;--corvaui-colorpicker-fieldwidth:82px}.ColorPicker_large__lyQRv{--corvaui-colorpicker-indicatorsize:28px;--corvaui-colorpicker-fieldwidth:91px}.ColorPicker_noAlpha__o9BSY .ColorPicker_inputContainer__m2fxo{display:inline-block;vertical-align:top;width:auto}.ColorPicker_noAlpha__o9BSY .ColorPicker_fakeValue__L1ty9,.ColorPicker_noAlpha__o9BSY .ColorPicker_input__59TsK{display:none}.ColorPicker_pickerContainer__ASGM6 [data-color-picker-control]:focus-visible{border-radius:4px;box-shadow:0 0 0 1px var(--palette-primary-main),0 0 0 5px rgb(from var(--palette-primary-main) r g b/.12);outline:2px solid transparent}.ColorPicker_picker__GHZdT{background:transparent!important;border-radius:0!important;box-shadow:none!important;width:100%!important}.ColorPicker_picker__GHZdT .hue-horizontal{border-radius:5px}.ColorPicker_picker__GHZdT>div:first-child{height:135px;padding:0!important}.ColorPicker_picker__GHZdT>div:last-child{padding:0!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child{align-items:center!important;display:flex!important;flex-flow:row nowrap!important;gap:16px!important;overflow:hidden!important;padding:16px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child{flex:0 0 auto!important;width:auto!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div{background-color:#fff!important;border-radius:4px!important;box-shadow:none!important;height:32px!important;margin:0!important;overflow:hidden!important;width:32px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div>div:first-child{animation-name:ColorPicker_active__DFLPz;border-radius:0!important;box-shadow:none!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child{padding-left:6px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:first-child{margin:0!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child{margin-top:12px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child>div>div:first-child{display:none}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child>div>div:nth-child(2){border-radius:5px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child>div>div:last-child{margin:0!important}.ColorPicker_picker__GHZdT>div:last-child>div:last-child{display:none!important}.ColorPicker_isTransparent__TPLhY .ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div>div:last-child{position:relative}.ColorPicker_isTransparent__TPLhY .ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div>div:last-child:before{border:2px solid red;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:90%}');export{r as default};
+import i from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",root:"ColorPicker_root__cuK3O",inputContainer:"ColorPicker_inputContainer__m2fxo",label:"ColorPicker_label__c3tdQ",indicator:"ColorPicker_indicator__8cXCM",transparent:"ColorPicker_transparent__qdIVz",popover:"ColorPicker_popover__XC1n6",marginVertical:"ColorPicker_marginVertical__NvPrm",marginHorizontal:"ColorPicker_marginHorizontal__OU5sQ",switchButtons:"ColorPicker_switchButtons__XSdR3",numberStepButtons:"ColorPicker_numberStepButtons__8ed-p",prefixContainer:"ColorPicker_prefixContainer__XyJxU",suffixContainer:"ColorPicker_suffixContainer__KzygM",fakeValue:"ColorPicker_fakeValue__L1ty9",fakeValuePercent:"ColorPicker_fakeValuePercent__fBPcp",small:"ColorPicker_small__aZqd8",medium:"ColorPicker_medium__dMpzx",large:"ColorPicker_large__lyQRv",noAlpha:"ColorPicker_noAlpha__o9BSY",input:"ColorPicker_input__59TsK",dragTrackerPopper:"ColorPicker_dragTrackerPopper__zaNX-",pickerContainer:"ColorPicker_pickerContainer__ASGM6",picker:"ColorPicker_picker__GHZdT",active:"ColorPicker_active__DFLPz",isTransparent:"ColorPicker_isTransparent__TPLhY"};i('.ColorPicker_root__cuK3O{pointer-events:none}.ColorPicker_root__cuK3O .ColorPicker_inputContainer__m2fxo{flex:0 0 auto;pointer-events:auto;width:var(--corvaui-colorpicker-fieldwidth)}.ColorPicker_root__cuK3O .ColorPicker_label__c3tdQ{display:table;pointer-events:auto}.ColorPicker_indicator__8cXCM{background:#fff repeating-conic-gradient(#ccc 0 25%,transparent 0 50%) 50%;background-size:4px 4px;border-radius:6px;cursor:pointer;height:var(--corvaui-colorpicker-indicatorsize);margin:-1px;overflow:hidden;position:relative;width:var(--corvaui-colorpicker-indicatorsize)}.ColorPicker_indicator__8cXCM:before{border:1px solid red;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:90%}.ColorPicker_indicator__8cXCM:focus-visible{box-shadow:0 0 0 1px var(--palette-primary-main),0 0 0 5px rgb(from var(--palette-primary-main) r g b/.12);outline:2px solid transparent}.ColorPicker_indicator__8cXCM:after{background:var(--corvaui-colorpicker-indicatorcolor);content:"";inset:0;position:absolute;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ColorPicker_transparent__qdIVz:after{opacity:0}.ColorPicker_popover__XC1n6{--corvaui-background:$palette_b8;background-color:var(--palette-background-b-8);overflow:hidden;width:230px!important}.ColorPicker_marginVertical__NvPrm{margin:8px 0}.ColorPicker_marginHorizontal__OU5sQ{margin:0 8px}.ColorPicker_switchButtons__XSdR3{display:flex;flex-flow:row nowrap;gap:4px;justify-content:center;padding:8px}.ColorPicker_numberStepButtons__8ed-p{display:none}.ColorPicker_prefixContainer__XyJxU,.ColorPicker_suffixContainer__KzygM{position:relative}.ColorPicker_fakeValue__L1ty9{color:transparent;left:calc(100% + 8px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);user-select:none}.ColorPicker_fakeValuePercent__fBPcp{color:var(--palette-primary-text-1)}.ColorPicker_small__aZqd8{--corvaui-colorpicker-indicatorsize:20px;--corvaui-colorpicker-fieldwidth:78px}.ColorPicker_medium__dMpzx{--corvaui-colorpicker-indicatorsize:24px;--corvaui-colorpicker-fieldwidth:82px}.ColorPicker_large__lyQRv{--corvaui-colorpicker-indicatorsize:28px;--corvaui-colorpicker-fieldwidth:91px}.ColorPicker_noAlpha__o9BSY .ColorPicker_inputContainer__m2fxo{display:inline-block;vertical-align:top;width:auto}.ColorPicker_noAlpha__o9BSY .ColorPicker_fakeValue__L1ty9,.ColorPicker_noAlpha__o9BSY .ColorPicker_input__59TsK{display:none}.ColorPicker_dragTrackerPopper__zaNX-{margin-left:-8px;z-index:var(--z-index-modal)}.ColorPicker_pickerContainer__ASGM6 [data-color-picker-control]:focus-visible{border-radius:4px;box-shadow:0 0 0 1px var(--palette-primary-main),0 0 0 5px rgb(from var(--palette-primary-main) r g b/.12);outline:2px solid transparent}.ColorPicker_picker__GHZdT{background:transparent!important;border-radius:0!important;box-shadow:none!important;width:100%!important}.ColorPicker_picker__GHZdT .hue-horizontal{border-radius:5px}.ColorPicker_picker__GHZdT>div:first-child{height:135px;padding:0!important}.ColorPicker_picker__GHZdT>div:last-child{padding:0!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child{align-items:center!important;display:flex!important;flex-flow:row nowrap!important;gap:16px!important;overflow:hidden!important;padding:16px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child{flex:0 0 auto!important;width:auto!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div{background-color:#fff!important;border-radius:4px!important;box-shadow:none!important;height:32px!important;margin:0!important;overflow:hidden!important;width:32px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div>div:first-child{animation-name:ColorPicker_active__DFLPz;border-radius:0!important;box-shadow:none!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child{padding-left:6px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:first-child{margin:0!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child{margin-top:12px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child>div>div:first-child{display:none}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child>div>div:nth-child(2){border-radius:5px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child>div>div:last-child{margin:0!important}.ColorPicker_picker__GHZdT>div:last-child>div:last-child{display:none!important}.ColorPicker_isTransparent__TPLhY .ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div>div:last-child{position:relative}.ColorPicker_isTransparent__TPLhY .ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div>div:last-child:before{border:2px solid red;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:90%}');export{r as default};
 //# sourceMappingURL=ColorPicker.scss.js.map

package/componentsV2/ColorPicker/ColorPicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAea,IAAI;AAEnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAYnC,CAAC;AASF,eAAO,MAAM,KAAK,+CAqBjB,CAAC;AASF,eAAO,MAAM,cAAc,+CAM1B,CAAC;AAKF,eAAO,MAAM,mBAAmB,+CAU/B,CAAC;AAMF,eAAO,MAAM,YAAY,+CAyCxB,CAAC;AAOF,eAAO,MAAM,aAAa,+CAiBzB,CAAC"}
+{"version":3,"file":"ColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAgBa,IAAI;AAEnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAYnC,CAAC;AASF,eAAO,MAAM,KAAK,+CAqBjB,CAAC;AASF,eAAO,MAAM,cAAc,+CAM1B,CAAC;AAKF,eAAO,MAAM,mBAAmB,+CAU/B,CAAC;AAMF,eAAO,MAAM,YAAY,+CAyCxB,CAAC;AAOF,eAAO,MAAM,aAAa,+CAiBzB,CAAC"}

package/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpacityDragtracker.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIF,eAAO,MAAM,kBAAkB,iCAAsC,gBAAgB,4CAsGpF,CAAC"}
+{"version":3,"file":"OpacityDragtracker.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIF,eAAO,MAAM,kBAAkB,iCAAsC,gBAAgB,4CAuGpF,CAAC"}

package/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useRef as r,useState as a,useCallback as t,useEffect as n}from"react";import o from"classnames";import i from"./OpacityDragTracker.scss.js";import{jsx as u}from"react/jsx-runtime";var c=function(e){return Math.min(100,Math.max(0,e))},s=function(s){var m=s.value,l=void 0===m?0:m,v=s.onDrag,f=s.onDragEnd,d=r(null),p=a(!1),g=e(p,2),h=g[0],w=g[1],b=Math.round(l),D=t((function(e){e.preventDefault(),w(!1),null==f||f()}),[f]),k=t((function(e){e.preventDefault(),w(!0)}),[]),x=t((function(e){var r=e.currentTarget.getBoundingClientRect(),a=100*(e.clientX-r.left-5)/(r.width-10),t=Math.min(100,Math.max(0,a));null==v||v(t)}),[v]),y=t((function(e){var r,a=e.shiftKey?10:1;switch(e.key){case"ArrowRight":case"ArrowUp":r=c(b+a);break;case"ArrowLeft":case"ArrowDown":r=c(b-a);break;case"PageUp":r=c(b+10);break;case"PageDown":r=c(b-10);break;case"Home":r=0;break;case"End":r=100;break;default:return}e.preventDefault(),null==v||v(r)}),[v,b]);return n((function(){if(h&&d.current){var e=d.current;return document.addEventListener("mouseup",D),e.addEventListener("mousemove",x),function(){document.removeEventListener("mouseup",D),e.removeEventListener("mousemove",x)}}}),[h,D,x]),u("div",{onMouseDown:k,onKeyDown:y,ref:d,className:o(i.root,h&&i.dragging),role:"slider","aria-label":"Opacity","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":b,"aria-valuetext":"".concat(b,"% opacity"),"aria-orientation":"horizontal",tabIndex:0})};export{s as OpacityDragTracker};
+import e from"@babel/runtime/helpers/slicedToArray";import{useRef as r,useState as a,useCallback as t,useEffect as n}from"react";import o from"classnames";import i from"./OpacityDragTracker.scss.js";import{jsx as u}from"react/jsx-runtime";var c=function(e){return Math.min(100,Math.max(0,e))},s=function(s){var m=s.value,l=void 0===m?0:m,v=s.onDrag,f=s.onDragEnd,p=r(null),d=a(!1),g=e(d,2),h=g[0],w=g[1],b=Math.round(l),D=t((function(e){e.preventDefault(),e.stopPropagation(),w(!1),null==f||f()}),[f]),k=t((function(e){e.preventDefault(),w(!0)}),[]),x=t((function(e){var r=e.currentTarget.getBoundingClientRect(),a=100*(e.clientX-r.left-5)/(r.width-10),t=Math.min(100,Math.max(0,a));null==v||v(t)}),[v]),y=t((function(e){var r,a=e.shiftKey?10:1;switch(e.key){case"ArrowRight":case"ArrowUp":r=c(b+a);break;case"ArrowLeft":case"ArrowDown":r=c(b-a);break;case"PageUp":r=c(b+10);break;case"PageDown":r=c(b-10);break;case"Home":r=0;break;case"End":r=100;break;default:return}e.preventDefault(),null==v||v(r)}),[v,b]);return n((function(){if(h&&p.current){var e=p.current;return document.addEventListener("mouseup",D),e.addEventListener("mousemove",x),function(){document.removeEventListener("mouseup",D),e.removeEventListener("mousemove",x)}}}),[h,D,x]),u("div",{onMouseDown:k,onKeyDown:y,ref:p,className:o(i.root,h&&i.dragging),role:"slider","aria-label":"Opacity","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":b,"aria-valuetext":"".concat(b,"% opacity"),"aria-orientation":"horizontal",tabIndex:0})};export{s as OpacityDragTracker};
 //# sourceMappingURL=OpacityDragtracker.js.map

package/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpacityDragtracker.js","sources":["../../../../src/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.tsx"],"sourcesContent":["import {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport styles from './OpacityDragTracker.scss';\n\nconst margin = 5;\n\nexport type DragTrackerProps = {\n  value?: number;\n  onDrag?: (percent: number) => void;\n  onDragEnd?: () => void;\n};\n\nconst clampPercent = (value: number) => Math.min(100, Math.max(0, value));\n\nexport const OpacityDragTracker = ({ value = 0, onDrag, onDragEnd }: DragTrackerProps) => {\n  const dragZoneRef = useRef<HTMLDivElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const roundedValue = Math.round(value);\n\n  const handleMouseUp = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      setIsDragging(false);\n      onDragEnd?.();\n    },\n    [onDragEnd]\n  );\n\n  const handleMouseDown = useCallback<MouseEventHandler<HTMLElement>>(e => {\n    e.preventDefault();\n\n    setIsDragging(true);\n  }, []);\n\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      const x = e.clientX - rect.left - margin;\n      const width = rect.width - margin * 2;\n\n      const percentWithMargin = (100 * x) / width;\n      const percent = Math.min(100, Math.max(0, percentWithMargin));\n\n      onDrag?.(percent);\n    },\n    [onDrag]\n  );\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    event => {\n      const arrowStep = event.shiftKey ? 10 : 1;\n      let nextValue: number | undefined;\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          nextValue = clampPercent(roundedValue + arrowStep);\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          nextValue = clampPercent(roundedValue - arrowStep);\n          break;\n        case 'PageUp':\n          nextValue = clampPercent(roundedValue + 10);\n          break;\n        case 'PageDown':\n          nextValue = clampPercent(roundedValue - 10);\n          break;\n        case 'Home':\n          nextValue = 0;\n          break;\n        case 'End':\n          nextValue = 100;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      onDrag?.(nextValue);\n    },\n    [onDrag, roundedValue]\n  );\n\n  useEffect(() => {\n    if (isDragging && dragZoneRef.current) {\n      const ref = dragZoneRef.current;\n\n      document.addEventListener('mouseup', handleMouseUp);\n      ref.addEventListener('mousemove', handleMouseMove);\n\n      return () => {\n        document.removeEventListener('mouseup', handleMouseUp);\n        ref.removeEventListener('mousemove', handleMouseMove);\n      };\n    }\n\n    return undefined;\n  }, [isDragging, handleMouseUp, handleMouseMove]);\n\n  return (\n    <div\n      onMouseDown={handleMouseDown}\n      onKeyDown={handleKeyDown}\n      ref={dragZoneRef}\n      className={classNames(styles.root, isDragging && styles.dragging)}\n      role=\"slider\"\n      aria-label=\"Opacity\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={roundedValue}\n      aria-valuetext={`${roundedValue}% opacity`}\n      aria-orientation=\"horizontal\"\n      tabIndex={0}\n    />\n  );\n};\n"],"names":["clampPercent","value","Math","min","max","OpacityDragTracker","_ref","_ref$value","onDrag","onDragEnd","dragZoneRef","useRef","useState","_useState2","_slicedToArray","_useState","isDragging","setIsDragging","roundedValue","round","handleMouseUp","useCallback","e","preventDefault","handleMouseDown","handleMouseMove","rect","currentTarget","getBoundingClientRect","percentWithMargin","clientX","left","width","margin","percent","handleKeyDown","event","nextValue","arrowStep","shiftKey","key","useEffect","current","ref","document","addEventListener","removeEventListener","_jsx","onMouseDown","onKeyDown","className","classNames","styles","root","dragging","role","concat","tabIndex"],"mappings":"+OAYA,IAQMA,EAAe,SAACC,GAAa,OAAKC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGH,GAAO,EAE5DI,EAAqB,SAAwDC,GAAA,IAAAC,EAAAD,EAArDL,MAAAA,aAAQ,EAACM,EAAEC,IAAAA,OAAQC,IAAAA,UAChDC,EAAcC,EAAuB,MACPC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA5CC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAC1BK,EAAehB,KAAKiB,MAAMlB,GAE1BmB,EAAgBC,GACpB,SAACC,GACCA,EAAEC,iBACFN,GAAc,GACdR,SAAAA,GACF,GACA,CAACA,IAGGe,EAAkBH,GAA4C,SAAAC,GAClEA,EAAEC,iBAEFN,GAAc,EACf,GAAE,IAEGQ,EAAkBJ,GACtB,SAACC,GACC,IAAMI,EAAQJ,EAAEK,cAA8BC,wBAIxCC,EAAqB,KAHjBP,EAAEQ,QAAUJ,EAAKK,KAjClB,IAkCKL,EAAKM,MAAQC,IAGrBC,EAAUhC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGyB,IAE1CrB,SAAAA,EAAS0B,EACX,GACA,CAAC1B,IAGG2B,EAAgBd,GACpB,SAAAe,GACE,IACIC,EADEC,EAAYF,EAAMG,SAAW,GAAK,EAGxC,OAAQH,EAAMI,KACZ,IAAK,aACL,IAAK,UACHH,EAAYrC,EAAakB,EAAeoB,GACxC,MACF,IAAK,YACL,IAAK,YACHD,EAAYrC,EAAakB,EAAeoB,GACxC,MACF,IAAK,SACHD,EAAYrC,EAAakB,EAAe,IACxC,MACF,IAAK,WACHmB,EAAYrC,EAAakB,EAAe,IACxC,MACF,IAAK,OACHmB,EAAY,EACZ,MACF,IAAK,MACHA,EAAY,IACZ,MACF,QACE,OAGJD,EAAMb,iBACNf,SAAAA,EAAS6B,EACX,GACA,CAAC7B,EAAQU,IAmBX,OAhBAuB,GAAU,WACR,GAAIzB,GAAcN,EAAYgC,QAAS,CACrC,IAAMC,EAAMjC,EAAYgC,QAKxB,OAHAE,SAASC,iBAAiB,UAAWzB,GACrCuB,EAAIE,iBAAiB,YAAapB,GAE3B,WACLmB,SAASE,oBAAoB,UAAW1B,GACxCuB,EAAIG,oBAAoB,YAAarB,GAEzC,CAGD,GAAE,CAACT,EAAYI,EAAeK,IAG7BsB,EAAA,MAAA,CACEC,YAAaxB,EACbyB,UAAWd,EACXQ,IAAKjC,EACLwC,UAAWC,EAAWC,EAAOC,KAAMrC,GAAcoC,EAAOE,UACxDC,KAAK,SACL,aAAW,UACX,gBAAe,EACf,gBAAe,IACf,gBAAerC,EACf,iBAAA,GAAAsC,OAAmBtC,EAAwB,aAC3C,mBAAiB,aACjBuC,SAAU,GAGhB"}
+{"version":3,"file":"OpacityDragtracker.js","sources":["../../../../src/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.tsx"],"sourcesContent":["import {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport styles from './OpacityDragTracker.scss';\n\nconst margin = 5;\n\nexport type DragTrackerProps = {\n  value?: number;\n  onDrag?: (percent: number) => void;\n  onDragEnd?: () => void;\n};\n\nconst clampPercent = (value: number) => Math.min(100, Math.max(0, value));\n\nexport const OpacityDragTracker = ({ value = 0, onDrag, onDragEnd }: DragTrackerProps) => {\n  const dragZoneRef = useRef<HTMLDivElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const roundedValue = Math.round(value);\n\n  const handleMouseUp = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsDragging(false);\n      onDragEnd?.();\n    },\n    [onDragEnd]\n  );\n\n  const handleMouseDown = useCallback<MouseEventHandler<HTMLElement>>(e => {\n    e.preventDefault();\n\n    setIsDragging(true);\n  }, []);\n\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      const x = e.clientX - rect.left - margin;\n      const width = rect.width - margin * 2;\n\n      const percentWithMargin = (100 * x) / width;\n      const percent = Math.min(100, Math.max(0, percentWithMargin));\n\n      onDrag?.(percent);\n    },\n    [onDrag]\n  );\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    event => {\n      const arrowStep = event.shiftKey ? 10 : 1;\n      let nextValue: number | undefined;\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          nextValue = clampPercent(roundedValue + arrowStep);\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          nextValue = clampPercent(roundedValue - arrowStep);\n          break;\n        case 'PageUp':\n          nextValue = clampPercent(roundedValue + 10);\n          break;\n        case 'PageDown':\n          nextValue = clampPercent(roundedValue - 10);\n          break;\n        case 'Home':\n          nextValue = 0;\n          break;\n        case 'End':\n          nextValue = 100;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      onDrag?.(nextValue);\n    },\n    [onDrag, roundedValue]\n  );\n\n  useEffect(() => {\n    if (isDragging && dragZoneRef.current) {\n      const ref = dragZoneRef.current;\n\n      document.addEventListener('mouseup', handleMouseUp);\n      ref.addEventListener('mousemove', handleMouseMove);\n\n      return () => {\n        document.removeEventListener('mouseup', handleMouseUp);\n        ref.removeEventListener('mousemove', handleMouseMove);\n      };\n    }\n\n    return undefined;\n  }, [isDragging, handleMouseUp, handleMouseMove]);\n\n  return (\n    <div\n      onMouseDown={handleMouseDown}\n      onKeyDown={handleKeyDown}\n      ref={dragZoneRef}\n      className={classNames(styles.root, isDragging && styles.dragging)}\n      role=\"slider\"\n      aria-label=\"Opacity\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={roundedValue}\n      aria-valuetext={`${roundedValue}% opacity`}\n      aria-orientation=\"horizontal\"\n      tabIndex={0}\n    />\n  );\n};\n"],"names":["clampPercent","value","Math","min","max","OpacityDragTracker","_ref","_ref$value","onDrag","onDragEnd","dragZoneRef","useRef","useState","_useState2","_slicedToArray","_useState","isDragging","setIsDragging","roundedValue","round","handleMouseUp","useCallback","e","preventDefault","stopPropagation","handleMouseDown","handleMouseMove","rect","currentTarget","getBoundingClientRect","percentWithMargin","clientX","left","width","margin","percent","handleKeyDown","event","nextValue","arrowStep","shiftKey","key","useEffect","current","ref","document","addEventListener","removeEventListener","_jsx","onMouseDown","onKeyDown","className","classNames","styles","root","dragging","role","concat","tabIndex"],"mappings":"+OAYA,IAQMA,EAAe,SAACC,GAAa,OAAKC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGH,GAAO,EAE5DI,EAAqB,SAAwDC,GAAA,IAAAC,EAAAD,EAArDL,MAAAA,aAAQ,EAACM,EAAEC,IAAAA,OAAQC,IAAAA,UAChDC,EAAcC,EAAuB,MACPC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA5CC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAC1BK,EAAehB,KAAKiB,MAAMlB,GAE1BmB,EAAgBC,GACpB,SAACC,GACCA,EAAEC,iBACFD,EAAEE,kBACFP,GAAc,GACdR,SAAAA,GACF,GACA,CAACA,IAGGgB,EAAkBJ,GAA4C,SAAAC,GAClEA,EAAEC,iBAEFN,GAAc,EACf,GAAE,IAEGS,EAAkBL,GACtB,SAACC,GACC,IAAMK,EAAQL,EAAEM,cAA8BC,wBAIxCC,EAAqB,KAHjBR,EAAES,QAAUJ,EAAKK,KAlClB,IAmCKL,EAAKM,MAAQC,IAGrBC,EAAUjC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAG0B,IAE1CtB,SAAAA,EAAS2B,EACX,GACA,CAAC3B,IAGG4B,EAAgBf,GACpB,SAAAgB,GACE,IACIC,EADEC,EAAYF,EAAMG,SAAW,GAAK,EAGxC,OAAQH,EAAMI,KACZ,IAAK,aACL,IAAK,UACHH,EAAYtC,EAAakB,EAAeqB,GACxC,MACF,IAAK,YACL,IAAK,YACHD,EAAYtC,EAAakB,EAAeqB,GACxC,MACF,IAAK,SACHD,EAAYtC,EAAakB,EAAe,IACxC,MACF,IAAK,WACHoB,EAAYtC,EAAakB,EAAe,IACxC,MACF,IAAK,OACHoB,EAAY,EACZ,MACF,IAAK,MACHA,EAAY,IACZ,MACF,QACE,OAGJD,EAAMd,iBACNf,SAAAA,EAAS8B,EACX,GACA,CAAC9B,EAAQU,IAmBX,OAhBAwB,GAAU,WACR,GAAI1B,GAAcN,EAAYiC,QAAS,CACrC,IAAMC,EAAMlC,EAAYiC,QAKxB,OAHAE,SAASC,iBAAiB,UAAW1B,GACrCwB,EAAIE,iBAAiB,YAAapB,GAE3B,WACLmB,SAASE,oBAAoB,UAAW3B,GACxCwB,EAAIG,oBAAoB,YAAarB,GAEzC,CAGD,GAAE,CAACV,EAAYI,EAAeM,IAG7BsB,EAAA,MAAA,CACEC,YAAaxB,EACbyB,UAAWd,EACXQ,IAAKlC,EACLyC,UAAWC,EAAWC,EAAOC,KAAMtC,GAAcqC,EAAOE,UACxDC,KAAK,SACL,aAAW,UACX,gBAAe,EACf,gBAAe,IACf,gBAAetC,EACf,iBAAA,GAAAuC,OAAmBvC,EAAwB,aAC3C,mBAAiB,aACjBwC,SAAU,GAGhB"}

package/componentsV2/ColorPicker/Swatches/Swatches.scss.js

@@ -1,2 +1,2 @@
-import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Swatches_root__y8Whk",swatch:"Swatches_swatch__XqSvY",selected:"Swatches_selected__QjCnc",darkAccent:"Swatches_darkAccent__1AE5s",transparent:"Swatches_transparent__x91vF",icon:"Swatches_icon__BYDT5"};e('.Swatches_root__y8Whk{display:flex;flex-flow:row wrap;gap:2px;padding:8px}.Swatches_swatch__XqSvY{--corvaui-swatches-accentColor:#fff;border:1px solid transparent;border-radius:2px;color:transparent;cursor:pointer;height:16px;overflow:hidden;position:relative;transition:border-color .15s cubic-bezier(.4,0,.2,1);width:16px}.Swatches_swatch__XqSvY.Swatches_selected__QjCnc,.Swatches_swatch__XqSvY:hover{border-color:#fff}.Swatches_swatch__XqSvY:focus-visible{box-shadow:0 0 0 1px var(--palette-primary-main),0 0 0 5px rgb(from var(--palette-primary-main) r g b/.12);outline:2px solid transparent}.Swatches_swatch__XqSvY.Swatches_selected__QjCnc{color:var(--corvaui-swatches-accentColor)}.Swatches_darkAccent__1AE5s{--corvaui-swatches-accentColor:#000}.Swatches_transparent__x91vF{background:#fff repeating-conic-gradient(#ccc 0 25%,transparent 0 50%) 50%;background-size:4px 4px;position:relative}.Swatches_transparent__x91vF:before{border:1px solid red;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:90%}.Swatches_transparent__x91vF.Swatches_selected__QjCnc:before{display:none}.Swatches_icon__BYDT5{display:block;margin-top:-1px}');export{t as default};
+import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Swatches_root__y8Whk",swatch:"Swatches_swatch__XqSvY",selected:"Swatches_selected__QjCnc",darkAccent:"Swatches_darkAccent__1AE5s",transparent:"Swatches_transparent__x91vF",icon:"Swatches_icon__BYDT5"};e('.Swatches_root__y8Whk{display:flex;flex-flow:row wrap;gap:2px;padding:8px}.Swatches_swatch__XqSvY{--corvaui-swatches-accentColor:#fff;border:1px solid transparent;border-radius:2px;color:transparent;cursor:pointer;height:16px;overflow:hidden;position:relative;transition:border-color .15s cubic-bezier(.4,0,.2,1);width:16px}.Swatches_swatch__XqSvY.Swatches_selected__QjCnc,.Swatches_swatch__XqSvY:hover{border-color:#fff}.Swatches_swatch__XqSvY:focus-visible{box-shadow:0 0 0 1px var(--palette-primary-main),0 0 0 5px rgb(from var(--palette-primary-main) r g b/.12);outline:2px solid transparent}.Swatches_swatch__XqSvY.Swatches_selected__QjCnc{color:var(--corvaui-swatches-accentColor)}.Swatches_darkAccent__1AE5s{--corvaui-swatches-accentColor:#000}.Swatches_transparent__x91vF{background:#fff repeating-conic-gradient(#ccc 0 25%,transparent 0 50%) 50%;background-size:4px 4px;position:relative}.Swatches_transparent__x91vF:before{border:1px solid red;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:90%}.Swatches_transparent__x91vF.Swatches_selected__QjCnc:before{display:none}.Swatches_icon__BYDT5{display:block!important;margin-top:-1px}');export{t as default};
 //# sourceMappingURL=Swatches.scss.js.map

package/componentsV2/CompletionsOffsetWellPicker/Map/Map.js

@@ -1,2 +1,2 @@
-import s from"@babel/runtime/helpers/toConsumableArray";import o from"@babel/runtime/helpers/defineProperty";import{memo as t,useMemo as i,useCallback as e}from"react";import{Text as r}from"../../Text/Text.js";import"../../Grid/Grid.js";import"../../Grid/Cell.js";import"classnames";import"../../Header/Header.scss.js";import{jsxs as n,jsx as c}from"react/jsx-runtime";import"../../Button/Button.js";import"../../ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"../../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../Tooltip/Tooltip.scss.js";import"../../Popover/Popover.js";import"../../PopoverPanel/PopoverPanel.js";import"../../Radio/Radio.js";import"../../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../Checkbox/Checkbox.js";import{TextInput as p}from"../../TextInput/TextInput.js";import"../../TextInputNext/TextInputNext.js";import"../../Label/Label.js";import"lodash";import"../../TextEndTruncated/TextEndTruncated.scss.js";import"../../TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../TextLink/TextLink.js";import"../../Chip/Chip.js";import"../../ChipAlert/ChipAlert.js";import"../../ChipIndicator/ChipIndicator.js";import"../../Avatar/Avatar.js";import"../../AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../ToggleButtons/ToggleButtons.scss.js";import"../../Paper/Paper.js";import"../../ModalWindow/ModalWindow.js";import"../../Modal/Modal.scss.js";import"../../Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../utils.js";import"../../Hint/Hint.scss.js";import"../../Counter/Counter.js";import"../../BadgeBase/BadgeBase.scss.js";import"../../TemplatesControl/TemplatesControl.js";import"zustand";import"../../TemplatesControl/utils.js";import"../../TemplatesControl/icons/folder/index.js";import"../../TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../TemplatesControl/types.js";import"../../../utils/index.js";import"../../../clients/jsonApi/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../BadgeDot/BadgeDot.scss.js";import"../../LoaderLinear/LoaderLinear.scss.js";import"../../LoaderLogo/LoaderLogo.constants.js";import"../../LoaderLogo/LoaderLogo.scss.js";import"../../Switch/Switch.js";import"../../Tabs/Tabs.js";import"../../EmptyState/EmptyState.scss.js";import"../../FileIcon/FileIcon.js";import"../../Tag/Tag.js";import"react-dropzone";import"../../FilesDropzone/FilesDropzone.scss.js";import"../../FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../FilesProcessor/FilesProcessor.scss.js";import"../../Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../CopyToClipboard/CopyToClipboard.scss.js";import"../../Stepper/Step/Step.scss.js";import"../../Stepper/Stepper.scss.js";import"../../ButtonLive/ButtonLive.js";import"../../ButtonText/ButtonText.js";import"../../IndicatorLive/IndicatorLive.js";import"../../Accordion/Accordion.scss.js";import"../../Breadcrumbs/Breadcrumbs.scss.js";import"../../BadgeComment/BadgeComment.js";import"../../AppContainer/AppContainer.js";import"../../AppContainer/AppContainer.constants.js";import"../../AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppHeader/AppHeader.constants.js";import"../../AppHeader/AppBadge/AppBadge.scss.js";import"../../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../AppHeader/AppAssets/utils.js";import"../../AppHeader/AppAssets/AppAssets.scss.js";import"../../../components/PadModeSelect/PadModeSelect.js";import"../../AppHeader/PadMode/PadMode.scss.js";import"../../../constants/streamSourceType.js";import"../../PadModeSelect/PadModeSelect.js";import"../../PadModeSelect/PadModeSelect.constants.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import"../../../utils/mobileDetect.js";import"../../AppHeader/V3/VersionSelect/VersionSelect.js";import"../../UniversalLink/UniversalLink.scss.js";import"../../AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../AppDqPopover/DqAlert/DqAlert.scss.js";import"../../AppDqPopover/DqAsset/DqAsset.scss.js";import"../../AppDqPopover/AppDqPopover.scss.js";import"../../../components/AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../AppHeader/V3/AssetSelector/constants.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../../components/StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppSettings/AppSettingsPinningContext.js";import"../../AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../AppHeader/V3/SettingsButton/SettingsButton.js";import"../../AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../AppSettings/AppSettings.js";import"../../AppSettings/AppSettings.constants.js";import"../../AppSizeProvider/AppSizeProvider.js";import"../../AppHeader/V3/Actions/Actions.constants.js";import"../../AppHeader/V3/Actions/Actions.scss.js";import"../../AppHeader/V3/AppHeaderV3.scss.js";import"../../AppHeader/AppHeader.scss.js";import"../../OffsetWellsButton/OffsetWellsButton.js";import"../../ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../Autocomplete/Autocomplete.js";import"../../Select/Select.js";import"../../AppSettingsDivider/AppSettingsDivider.scss.js";import"../../WellArchivedMessage/WellArchivedMessage.js";import"../../DatePicker/DatePicker.js";import"../../DragHandle/DragHandle.js";import"../CompletionsOffsetWellPicker.js";import"../../Slider/constants.js";import"../../Slider/components/SliderThumb.js";import"../../Slider/Slider.scss.js";import"../../SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../ColorPicker/Swatches/Swatches.scss.js";import"../../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../ColorPicker/ColorPicker.scss.js";import"../../ChartHelper/ChartHelper.scss.js";import"../../Hotkey/Hotkey.js";import m from"../../../components/OffsetWellMap/OffsetWellMap.js";import a from"./Map.scss.js";function l(s,o){var t=Object.keys(s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),t.push.apply(t,i)}return t}function j(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?l(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):l(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var u=t((function(o){var t=o.well,l=o.wells,u=o.pads,d=o.selectedOffsetWellsIds,A=o.onOffsetWellIdsSelect,C=o.radiusMiles,I=o.setFilters,v=o.maxRadiusInMiles,S=i((function(){return u?u.flatMap((function(s){return s.wells})):[]}),[u]),h=i((function(){return t?j({},S.find((function(s){return s.id.toString()===t.id.toString()}))):l?j({},S.find((function(s){return s.id.toString()===l[0].id.toString()}))):void 0}),[S,t,l]),g=e((function(o){var t=u.find((function(s){return s.wells.some((function(s){return s.id===o}))})),i=t?t.wells.map((function(s){return s.id})):[],e=d.some((function(s){return i.includes(s)}));A(e?d.filter((function(s){return!i.includes(s)})):[].concat(s(d),s(i)))}),[A,u,d]),f=e((function(s){var o=""===s?void 0:Number(s);I((function(s){return j(j({},s),{},{radiusMiles:o})}))}),[I]);return n("div",{className:a.map,children:[n("div",{className:a.radiusContainer,children:[c(r,{color:"T6",children:"Radius (mi):"}),c(p,{className:a.textInputWrapper,value:null!=C?C:"",placeholder:"0",onChange:f,inputType:"number",htmlAttributes:{min:0,max:v}})]}),c(m,{classes:{root:a.offsetWellMapRoot,map:a.offsetWellMapRoot},isClickable:!0,isViewOnly:!1,subjectWell:h,wells:S,offsetWellIds:d,radius:null!=C?C:0,activeWellId:(null==h?void 0:h.id)||0,handleChangeOffsetWell:function(s){return s&&g(s.id)}})]})}));export{u as default};
+import s from"@babel/runtime/helpers/toConsumableArray";import o from"@babel/runtime/helpers/defineProperty";import{memo as t,useMemo as e,useCallback as i}from"react";import{Text as r}from"../../Text/Text.js";import"../../Grid/Grid.js";import"../../Grid/Cell.js";import"classnames";import"../../Header/Header.scss.js";import{jsxs as n,jsx as c}from"react/jsx-runtime";import"../../Button/Button.js";import"../../ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"../../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../Tooltip/Tooltip.scss.js";import"../../Popover/Popover.js";import"../../PopoverPanel/PopoverPanel.js";import"../../Radio/Radio.js";import"../../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../Checkbox/Checkbox.js";import{TextInput as p}from"../../TextInput/TextInput.js";import"../../TextInputNext/TextInputNext.js";import"../../TextArea/TextArea.js";import"../../Label/Label.js";import"lodash";import"../../TextEndTruncated/TextEndTruncated.scss.js";import"../../TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../TextLink/TextLink.js";import"../../Chip/Chip.js";import"../../ChipAlert/ChipAlert.js";import"../../ChipIndicator/ChipIndicator.js";import"../../Avatar/Avatar.js";import"../../AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../ToggleButtons/ToggleButtons.scss.js";import"../../Paper/Paper.js";import"../../ModalWindow/ModalWindow.js";import"../../Modal/Modal.scss.js";import"../../Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../utils.js";import"../../Hint/Hint.scss.js";import"../../Counter/Counter.js";import"../../BadgeBase/BadgeBase.scss.js";import"../../TemplatesControl/TemplatesControl.js";import"zustand";import"../../TemplatesControl/utils.js";import"../../TemplatesControl/icons/folder/index.js";import"../../TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../TemplatesControl/types.js";import"../../../utils/index.js";import"../../../clients/jsonApi/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../BadgeDot/BadgeDot.scss.js";import"../../LoaderLinear/LoaderLinear.scss.js";import"../../LoaderLogo/LoaderLogo.constants.js";import"../../LoaderLogo/LoaderLogo.scss.js";import"../../Switch/Switch.js";import"../../Tabs/Tabs.js";import"../../EmptyState/EmptyState.scss.js";import"../../FileIcon/FileIcon.js";import"../../Tag/Tag.js";import"react-dropzone";import"../../FilesDropzone/FilesDropzone.scss.js";import"../../FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../FilesProcessor/FilesProcessor.scss.js";import"../../Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../CopyToClipboard/CopyToClipboard.scss.js";import"../../Stepper/Step/Step.scss.js";import"../../Stepper/Stepper.scss.js";import"../../ButtonLive/ButtonLive.js";import"../../ButtonText/ButtonText.js";import"../../IndicatorLive/IndicatorLive.js";import"../../Accordion/Accordion.scss.js";import"../../Breadcrumbs/Breadcrumbs.scss.js";import"../../BadgeComment/BadgeComment.js";import"../../AppContainer/AppContainer.js";import"../../AppContainer/AppContainer.constants.js";import"../../AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppHeader/AppHeader.constants.js";import"../../AppHeader/AppBadge/AppBadge.scss.js";import"../../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../AppHeader/AppAssets/utils.js";import"../../AppHeader/AppAssets/AppAssets.scss.js";import"../../../components/PadModeSelect/PadModeSelect.js";import"../../AppHeader/PadMode/PadMode.scss.js";import"../../../constants/streamSourceType.js";import"../../PadModeSelect/PadModeSelect.js";import"../../PadModeSelect/PadModeSelect.constants.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import"../../../utils/mobileDetect.js";import"../../AppHeader/V3/VersionSelect/VersionSelect.js";import"../../UniversalLink/UniversalLink.scss.js";import"../../AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../AppDqPopover/DqAlert/DqAlert.scss.js";import"../../AppDqPopover/DqAsset/DqAsset.scss.js";import"../../AppDqPopover/AppDqPopover.scss.js";import"../../../components/AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../AppHeader/V3/AssetSelector/constants.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../../components/StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppSettings/AppSettingsPinningContext.js";import"../../AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../AppHeader/V3/SettingsButton/SettingsButton.js";import"../../AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../AppSettings/AppSettings.js";import"../../AppSettings/AppSettings.constants.js";import"../../AppSizeProvider/AppSizeProvider.js";import"../../AppHeader/V3/Actions/Actions.constants.js";import"../../AppHeader/V3/Actions/Actions.scss.js";import"../../AppHeader/V3/AppHeaderV3.scss.js";import"../../AppHeader/AppHeader.scss.js";import"../../OffsetWellsButton/OffsetWellsButton.js";import"../../ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../Autocomplete/Autocomplete.js";import"../../Select/Select.js";import"../../AppSettingsDivider/AppSettingsDivider.scss.js";import"../../WellArchivedMessage/WellArchivedMessage.js";import"../../DatePicker/DatePicker.js";import"../../DragHandle/DragHandle.js";import"../CompletionsOffsetWellPicker.js";import"../../Slider/constants.js";import"../../Slider/components/SliderThumb.js";import"../../Slider/Slider.scss.js";import"../../SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../ColorPicker/Swatches/Swatches.scss.js";import"../../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../ColorPicker/ColorPicker.scss.js";import"../../ChartHelper/ChartHelper.scss.js";import"../../Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../InterventionEventSelector/useInterventionUnitEvents.js";import"../../InterventionEventSelector/InterventionEventSelector.scss.js";import m from"../../../components/OffsetWellMap/OffsetWellMap.js";import a from"./Map.scss.js";function l(s,o){var t=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),t.push.apply(t,e)}return t}function j(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?l(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var u=t((function(o){var t=o.well,l=o.wells,u=o.pads,d=o.selectedOffsetWellsIds,A=o.onOffsetWellIdsSelect,I=o.radiusMiles,C=o.setFilters,v=o.maxRadiusInMiles,S=e((function(){return u?u.flatMap((function(s){return s.wells})):[]}),[u]),h=e((function(){return t?j({},S.find((function(s){return s.id.toString()===t.id.toString()}))):l?j({},S.find((function(s){return s.id.toString()===l[0].id.toString()}))):void 0}),[S,t,l]),g=i((function(o){var t=u.find((function(s){return s.wells.some((function(s){return s.id===o}))})),e=t?t.wells.map((function(s){return s.id})):[],i=d.some((function(s){return e.includes(s)}));A(i?d.filter((function(s){return!e.includes(s)})):[].concat(s(d),s(e)))}),[A,u,d]),f=i((function(s){var o=""===s?void 0:Number(s);C((function(s){return j(j({},s),{},{radiusMiles:o})}))}),[C]);return n("div",{className:a.map,children:[n("div",{className:a.radiusContainer,children:[c(r,{color:"T6",children:"Radius (mi):"}),c(p,{className:a.textInputWrapper,value:null!=I?I:"",placeholder:"0",onChange:f,inputType:"number",htmlAttributes:{min:0,max:v}})]}),c(m,{classes:{root:a.offsetWellMapRoot,map:a.offsetWellMapRoot},isClickable:!0,isViewOnly:!1,subjectWell:h,wells:S,offsetWellIds:d,radius:null!=I?I:0,activeWellId:(null==h?void 0:h.id)||0,handleChangeOffsetWell:function(s){return s&&g(s.id)}})]})}));export{u as default};
 //# sourceMappingURL=Map.js.map

package/componentsV2/CompletionsOffsetWellPicker/Map/Map.js.map

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/Map/Map.tsx"],"sourcesContent":["import { Dispatch, FC, memo, SetStateAction, useCallback, useMemo } from 'react';\n\nimport { Text, TextInput } from '../../../componentsV2';\nimport OffsetWellMap from '../../../components/OffsetWellMap';\nimport { Filters, MappedPad, Well } from '../types';\n\nimport styles from './Map.scss';\n\ntype Props = {\n  well?: Well;\n  wells?: Well[];\n  pads: MappedPad[];\n  selectedOffsetWellsIds: number[];\n  onOffsetWellIdsSelect: (offsetWellIds: number[]) => void;\n  radiusMiles?: number;\n  setFilters: Dispatch<SetStateAction<Filters>>;\n  maxRadiusInMiles?: number;\n};\n\nconst Map: FC<Props> = memo(\n  ({\n    well,\n    wells,\n    pads,\n    selectedOffsetWellsIds,\n    onOffsetWellIdsSelect,\n    radiusMiles,\n    setFilters,\n    maxRadiusInMiles,\n  }) => {\n    const allWells = useMemo(() => {\n      if (pads) {\n        return pads.flatMap(pad => pad.wells);\n      }\n      return [];\n    }, [pads]);\n\n    const subjectWell = useMemo(() => {\n      if (well) {\n        return {\n          ...allWells.find(w => w.id.toString() === well.id.toString()),\n        };\n      }\n\n      if (wells) {\n        return {\n          ...allWells.find(w => w.id.toString() === wells[0].id.toString()),\n        };\n      }\n\n      return undefined;\n    }, [allWells, well, wells]);\n\n    const handleChangeOffsetWell = useCallback(\n      (wellId: number) => {\n        const pad = pads.find(p => p.wells.some(w => w.id === wellId));\n\n        const wellIds = pad ? pad.wells.map(w => w.id) : [];\n\n        const isSelected = selectedOffsetWellsIds.some(wellId => wellIds.includes(wellId));\n\n        if (isSelected) {\n          onOffsetWellIdsSelect(selectedOffsetWellsIds.filter(id => !wellIds.includes(id)));\n        } else {\n          onOffsetWellIdsSelect([...selectedOffsetWellsIds, ...wellIds]);\n        }\n      },\n      [onOffsetWellIdsSelect, pads, selectedOffsetWellsIds]\n    );\n\n    const handleChangeRadius = useCallback(\n      (value: string) => {\n        const numeric = value === '' ? undefined : Number(value);\n        setFilters(prev => ({ ...prev, radiusMiles: numeric }));\n      },\n      [setFilters]\n    );\n\n    return (\n      <div className={styles.map}>\n        <div className={styles.radiusContainer}>\n          <Text color=\"T6\">Radius (mi):</Text>\n          <TextInput\n            className={styles.textInputWrapper}\n            // Use empty string when undefined so the component stays controlled\n            value={radiusMiles ?? ''}\n            placeholder=\"0\"\n            onChange={handleChangeRadius}\n            inputType=\"number\"\n            htmlAttributes={{\n              min: 0,\n              max: maxRadiusInMiles,\n            }}\n          />\n        </div>\n        <OffsetWellMap\n          classes={{\n            root: styles.offsetWellMapRoot,\n            map: styles.offsetWellMapRoot,\n          }}\n          isClickable\n          isViewOnly={false}\n          subjectWell={subjectWell}\n          wells={allWells}\n          offsetWellIds={selectedOffsetWellsIds}\n          radius={radiusMiles ?? 0}\n          activeWellId={subjectWell?.id || 0}\n          handleChangeOffsetWell={params => params && handleChangeOffsetWell(params.id)}\n        />\n      </div>\n    );\n  }\n);\n\nexport default Map;\n"],"names":["Map","memo","_ref","well","wells","pads","selectedOffsetWellsIds","onOffsetWellIdsSelect","radiusMiles","setFilters","maxRadiusInMiles","allWells","useMemo","flatMap","pad","subjectWell","_objectSpread","find","w","id","toString","handleChangeOffsetWell","useCallback","wellId","p","some","wellIds","map","isSelected","includes","filter","handleChangeRadius","value","numeric","undefined","Number","prev","_jsxs","className","styles","children","radiusContainer","_jsx","Text","color","TextInput","textInputWrapper","placeholder","onChange","inputType","htmlAttributes","min","max","OffsetWellMap","classes","root","offsetWellMapRoot","isClickable","isViewOnly","offsetWellIds","radius","activeWellId","params"],"mappings":"g9ZAmBA,IAAMA,EAAiBC,GACrB,SASMC,GAAA,IARJC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,uBACAC,IAAAA,sBACAC,IAAAA,YACAC,IAAAA,WACAC,IAAAA,iBAEMC,EAAWC,GAAQ,WACvB,OAAIP,EACKA,EAAKQ,SAAQ,SAAAC,GAAG,OAAIA,EAAIV,SAE1B,EACT,GAAG,CAACC,IAEEU,EAAcH,GAAQ,WAC1B,OAAIT,EACFa,EAAA,CAAA,EACKL,EAASM,MAAK,SAAAC,GAAC,OAAIA,EAAEC,GAAGC,aAAejB,EAAKgB,GAAGC,UAAW,KAI7DhB,EACFY,EAAA,CAAA,EACKL,EAASM,MAAK,SAAAC,GAAC,OAAIA,EAAEC,GAAGC,aAAehB,EAAM,GAAGe,GAAGC,UAAW,UAFrE,CAOD,GAAE,CAACT,EAAUR,EAAMC,IAEdiB,EAAyBC,GAC7B,SAACC,GACC,IAAMT,EAAMT,EAAKY,MAAK,SAAAO,GAAC,OAAIA,EAAEpB,MAAMqB,MAAK,SAAAP,GAAC,OAAIA,EAAEC,KAAOI,QAEhDG,EAAUZ,EAAMA,EAAIV,MAAMuB,KAAI,SAAAT,GAAC,OAAIA,EAAEC,EAAE,IAAI,GAE3CS,EAAatB,EAAuBmB,MAAK,SAAAF,GAAM,OAAIG,EAAQG,SAASN,MAGxEhB,EADEqB,EACoBtB,EAAuBwB,QAAO,SAAAX,GAAE,OAAKO,EAAQG,SAASV,EAAG,IAErDb,GAAAA,OAAAA,EAAAA,GAA2BoB,EAAAA,IAExD,GACD,CAACnB,EAAuBF,EAAMC,IAG1ByB,EAAqBT,GACzB,SAACU,GACC,IAAMC,EAAoB,KAAVD,OAAeE,EAAYC,OAAOH,GAClDvB,GAAW,SAAA2B,GAAI,OAAApB,EAAAA,EAAA,CAAA,EAAUoB,GAAI,CAAA,EAAA,CAAE5B,YAAayB,GAAO,GACrD,GACA,CAACxB,IAGH,OACE4B,EAAA,MAAA,CAAKC,UAAWC,EAAOZ,IAAIa,SACzB,CAAAH,EAAA,MAAA,CAAKC,UAAWC,EAAOE,gBAAgBD,SAAA,CACrCE,EAACC,EAAI,CAACC,MAAM,KAAIJ,SAAA,iBAChBE,EAACG,EAAS,CACRP,UAAWC,EAAOO,iBAElBd,MAAOxB,QAAAA,EAAe,GACtBuC,YAAY,IACZC,SAAUjB,EACVkB,UAAU,SACVC,eAAgB,CACdC,IAAK,EACLC,IAAK1C,QAIXgC,EAACW,EAAa,CACZC,QAAS,CACPC,KAAMhB,EAAOiB,kBACb7B,IAAKY,EAAOiB,mBAEdC,aAAW,EACXC,YAAY,EACZ3C,YAAaA,EACbX,MAAOO,EACPgD,cAAerD,EACfsD,OAAQpD,QAAAA,EAAe,EACvBqD,cAAc9C,eAAAA,EAAaI,KAAM,EACjCE,uBAAwB,SAAAyC,GAAM,OAAIA,GAAUzC,EAAuByC,EAAO3C,GAAG,MAIrF"}
+{"version":3,"file":"Map.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/Map/Map.tsx"],"sourcesContent":["import { Dispatch, FC, memo, SetStateAction, useCallback, useMemo } from 'react';\n\nimport { Text, TextInput } from '../../../componentsV2';\nimport OffsetWellMap from '../../../components/OffsetWellMap';\nimport { Filters, MappedPad, Well } from '../types';\n\nimport styles from './Map.scss';\n\ntype Props = {\n  well?: Well;\n  wells?: Well[];\n  pads: MappedPad[];\n  selectedOffsetWellsIds: number[];\n  onOffsetWellIdsSelect: (offsetWellIds: number[]) => void;\n  radiusMiles?: number;\n  setFilters: Dispatch<SetStateAction<Filters>>;\n  maxRadiusInMiles?: number;\n};\n\nconst Map: FC<Props> = memo(\n  ({\n    well,\n    wells,\n    pads,\n    selectedOffsetWellsIds,\n    onOffsetWellIdsSelect,\n    radiusMiles,\n    setFilters,\n    maxRadiusInMiles,\n  }) => {\n    const allWells = useMemo(() => {\n      if (pads) {\n        return pads.flatMap(pad => pad.wells);\n      }\n      return [];\n    }, [pads]);\n\n    const subjectWell = useMemo(() => {\n      if (well) {\n        return {\n          ...allWells.find(w => w.id.toString() === well.id.toString()),\n        };\n      }\n\n      if (wells) {\n        return {\n          ...allWells.find(w => w.id.toString() === wells[0].id.toString()),\n        };\n      }\n\n      return undefined;\n    }, [allWells, well, wells]);\n\n    const handleChangeOffsetWell = useCallback(\n      (wellId: number) => {\n        const pad = pads.find(p => p.wells.some(w => w.id === wellId));\n\n        const wellIds = pad ? pad.wells.map(w => w.id) : [];\n\n        const isSelected = selectedOffsetWellsIds.some(wellId => wellIds.includes(wellId));\n\n        if (isSelected) {\n          onOffsetWellIdsSelect(selectedOffsetWellsIds.filter(id => !wellIds.includes(id)));\n        } else {\n          onOffsetWellIdsSelect([...selectedOffsetWellsIds, ...wellIds]);\n        }\n      },\n      [onOffsetWellIdsSelect, pads, selectedOffsetWellsIds]\n    );\n\n    const handleChangeRadius = useCallback(\n      (value: string) => {\n        const numeric = value === '' ? undefined : Number(value);\n        setFilters(prev => ({ ...prev, radiusMiles: numeric }));\n      },\n      [setFilters]\n    );\n\n    return (\n      <div className={styles.map}>\n        <div className={styles.radiusContainer}>\n          <Text color=\"T6\">Radius (mi):</Text>\n          <TextInput\n            className={styles.textInputWrapper}\n            // Use empty string when undefined so the component stays controlled\n            value={radiusMiles ?? ''}\n            placeholder=\"0\"\n            onChange={handleChangeRadius}\n            inputType=\"number\"\n            htmlAttributes={{\n              min: 0,\n              max: maxRadiusInMiles,\n            }}\n          />\n        </div>\n        <OffsetWellMap\n          classes={{\n            root: styles.offsetWellMapRoot,\n            map: styles.offsetWellMapRoot,\n          }}\n          isClickable\n          isViewOnly={false}\n          subjectWell={subjectWell}\n          wells={allWells}\n          offsetWellIds={selectedOffsetWellsIds}\n          radius={radiusMiles ?? 0}\n          activeWellId={subjectWell?.id || 0}\n          handleChangeOffsetWell={params => params && handleChangeOffsetWell(params.id)}\n        />\n      </div>\n    );\n  }\n);\n\nexport default Map;\n"],"names":["Map","memo","_ref","well","wells","pads","selectedOffsetWellsIds","onOffsetWellIdsSelect","radiusMiles","setFilters","maxRadiusInMiles","allWells","useMemo","flatMap","pad","subjectWell","_objectSpread","find","w","id","toString","handleChangeOffsetWell","useCallback","wellId","p","some","wellIds","map","isSelected","includes","filter","handleChangeRadius","value","numeric","undefined","Number","prev","_jsxs","className","styles","children","radiusContainer","_jsx","Text","color","TextInput","textInputWrapper","placeholder","onChange","inputType","htmlAttributes","min","max","OffsetWellMap","classes","root","offsetWellMapRoot","isClickable","isViewOnly","offsetWellIds","radius","activeWellId","params"],"mappings":"gqaAmBA,IAAMA,EAAiBC,GACrB,SASMC,GAAA,IARJC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,uBACAC,IAAAA,sBACAC,IAAAA,YACAC,IAAAA,WACAC,IAAAA,iBAEMC,EAAWC,GAAQ,WACvB,OAAIP,EACKA,EAAKQ,SAAQ,SAAAC,GAAG,OAAIA,EAAIV,SAE1B,EACT,GAAG,CAACC,IAEEU,EAAcH,GAAQ,WAC1B,OAAIT,EACFa,EAAA,CAAA,EACKL,EAASM,MAAK,SAAAC,GAAC,OAAIA,EAAEC,GAAGC,aAAejB,EAAKgB,GAAGC,UAAW,KAI7DhB,EACFY,EAAA,CAAA,EACKL,EAASM,MAAK,SAAAC,GAAC,OAAIA,EAAEC,GAAGC,aAAehB,EAAM,GAAGe,GAAGC,UAAW,UAFrE,CAOD,GAAE,CAACT,EAAUR,EAAMC,IAEdiB,EAAyBC,GAC7B,SAACC,GACC,IAAMT,EAAMT,EAAKY,MAAK,SAAAO,GAAC,OAAIA,EAAEpB,MAAMqB,MAAK,SAAAP,GAAC,OAAIA,EAAEC,KAAOI,QAEhDG,EAAUZ,EAAMA,EAAIV,MAAMuB,KAAI,SAAAT,GAAC,OAAIA,EAAEC,EAAE,IAAI,GAE3CS,EAAatB,EAAuBmB,MAAK,SAAAF,GAAM,OAAIG,EAAQG,SAASN,MAGxEhB,EADEqB,EACoBtB,EAAuBwB,QAAO,SAAAX,GAAE,OAAKO,EAAQG,SAASV,EAAG,IAErDb,GAAAA,OAAAA,EAAAA,GAA2BoB,EAAAA,IAExD,GACD,CAACnB,EAAuBF,EAAMC,IAG1ByB,EAAqBT,GACzB,SAACU,GACC,IAAMC,EAAoB,KAAVD,OAAeE,EAAYC,OAAOH,GAClDvB,GAAW,SAAA2B,GAAI,OAAApB,EAAAA,EAAA,CAAA,EAAUoB,GAAI,CAAA,EAAA,CAAE5B,YAAayB,GAAO,GACrD,GACA,CAACxB,IAGH,OACE4B,EAAA,MAAA,CAAKC,UAAWC,EAAOZ,IAAIa,SACzB,CAAAH,EAAA,MAAA,CAAKC,UAAWC,EAAOE,gBAAgBD,SAAA,CACrCE,EAACC,EAAI,CAACC,MAAM,KAAIJ,SAAA,iBAChBE,EAACG,EAAS,CACRP,UAAWC,EAAOO,iBAElBd,MAAOxB,QAAAA,EAAe,GACtBuC,YAAY,IACZC,SAAUjB,EACVkB,UAAU,SACVC,eAAgB,CACdC,IAAK,EACLC,IAAK1C,QAIXgC,EAACW,EAAa,CACZC,QAAS,CACPC,KAAMhB,EAAOiB,kBACb7B,IAAKY,EAAOiB,mBAEdC,aAAW,EACXC,YAAY,EACZ3C,YAAaA,EACbX,MAAOO,EACPgD,cAAerD,EACfsD,OAAQpD,QAAAA,EAAe,EACvBqD,cAAc9C,eAAAA,EAAaI,KAAM,EACjCE,uBAAwB,SAAAyC,GAAM,OAAIA,GAAUzC,EAAuByC,EAAO3C,GAAG,MAIrF"}

package/componentsV2/InterventionEventSelector/InterventionEventSelector.d.ts

@@ -0,0 +1,3 @@
+import { InterventionEventSelectorProps } from './types';
+export declare function InterventionEventSelector(props: InterventionEventSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InterventionEventSelector.d.ts.map

package/componentsV2/InterventionEventSelector/InterventionEventSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InterventionEventSelector.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/InterventionEventSelector/InterventionEventSelector.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,8BAA8B,EAAyB,MAAM,SAAS,CAAC;AAsGhF,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,2CAM9E"}

package/componentsV2/InterventionEventSelector/InterventionEventSelector.js

@@ -0,0 +1,2 @@
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useRef as c,useMemo as i,useEffect as t}from"react";import{QueryClientProvider as e}from"@tanstack/react-query";import{Chip as r}from"../Chip/Chip.js";import{Menu as m}from"../Menu/Menu.js";import{interventionEventSelectorQueryClient as u,useInterventionUnitEvents as p}from"./useInterventionUnitEvents.js";import{isSameEventId as l,getEventChipLabel as a,ALL_EVENTS_LABEL as j,formatEventDate as I}from"./utils.js";import d from"./InterventionEventSelector.scss.js";import{UpIcon as v,DownIcon as f}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as h,jsxs as C,Fragment as O}from"react/jsx-runtime";function b(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function P(s){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?b(Object(c),!0).forEach((function(n){o(s,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):b(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}function g(o){var e=o.wellId,u=o.selectedEventId,b=o.onChange,P=o.className,g=n(!1),y=s(g,2),F=y[0],E=y[1],k=c(null),A=p(e),S=A.data,D=void 0===S?[]:S,M=A.isSuccess,N=i((function(){var o;return null!==(o=D.find((function(o){return l(o.id,u)})))&&void 0!==o?o:null}),[D,u]);if(t((function(){M&&null!=u&&!N&&b(null,null)}),[M,u,N,b]),!(null!=u||e&&D.length))return null;var w=function(o){E(!1),b(o?Number(o.id):null,o)};return C(O,{children:[h(r,{ref:k,className:P,size:"small",onClick:function(){return E(!0)},suffix:h(F?v:f,{}),testId:"interventionEventSelectorChip",children:a(N,u)}),C(m,{open:F,anchorEl:k.current,onClose:function(){return E(!1)},className:d.menu,children:[h(m.Item,{selected:null==u,onClick:function(){return w(null)},testId:"interventionEventSelectorAllEvents",children:j}),D.map((function(o){var s;return h(m.Item,{size:"large",selected:l(o.id,u),onClick:function(){return w(o)},testId:"interventionEventSelectorEvent-".concat(o.id),children:C("div",{className:d.eventItem,children:[C("div",{className:d.eventItemMain,children:[h("span",{className:d.eventItemOperation,children:o.operation}),h("span",{className:d.eventItemDate,children:I(o)})]}),(null===(s=o.intervention_unit)||void 0===s?void 0:s.name)&&h("div",{className:d.eventItemUnit,children:o.intervention_unit.name})]})},o.id)}))]})]})}function y(o){return h(e,{client:u,children:h(g,P({},o))})}export{y as InterventionEventSelector};
+//# sourceMappingURL=InterventionEventSelector.js.map

package/componentsV2/InterventionEventSelector/InterventionEventSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InterventionEventSelector.js","sources":["../../../src/componentsV2/InterventionEventSelector/InterventionEventSelector.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { QueryClientProvider } from '@tanstack/react-query';\n\nimport { Chip } from '../Chip';\nimport { Menu } from '../Menu';\n\nimport { InterventionEventSelectorProps, InterventionUnitEvent } from './types';\nimport {\n  interventionEventSelectorQueryClient,\n  useInterventionUnitEvents,\n} from './useInterventionUnitEvents';\nimport { ALL_EVENTS_LABEL, formatEventDate, getEventChipLabel, isSameEventId } from './utils';\n\nimport styles from './InterventionEventSelector.scss';\n\nimport { DownIcon, UpIcon } from '~/icons';\n\nfunction InterventionEventSelectorInner({\n  wellId,\n  selectedEventId,\n  onChange,\n  className,\n}: InterventionEventSelectorProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef<HTMLDivElement>(null);\n\n  const { data: events = [], isSuccess } = useInterventionUnitEvents(wellId);\n\n  const selectedEvent = useMemo(\n    () => events.find(event => isSameEventId(event.id, selectedEventId)) ?? null,\n    [events, selectedEventId]\n  );\n\n  // A persisted selection may belong to another well (e.g. the app well changed\n  // while unmounted). Once the current well's events are known, an unknown id is\n  // reset to \"All events\" so consumers drop the dead filter. Only a successful\n  // fetch may reset — a failed one must not wipe a valid selection.\n  useEffect(() => {\n    if (!isSuccess || selectedEventId == null || selectedEvent) return;\n    onChange(null, null);\n  }, [isSuccess, selectedEventId, selectedEvent, onChange]);\n\n  // With an active selection the chip must stay reachable even when the events\n  // cannot be listed (failed fetch, missing well id) — it is the only control\n  // that can clear the persisted filter.\n  if (selectedEventId == null && (!wellId || !events.length)) return null;\n\n  const ArrowIcon = isOpen ? UpIcon : DownIcon;\n\n  const handleSelect = (event: InterventionUnitEvent | null) => {\n    setIsOpen(false);\n    onChange(event ? Number(event.id) : null, event);\n  };\n\n  return (\n    <>\n      <Chip\n        ref={anchorRef}\n        className={className}\n        size=\"small\"\n        onClick={() => setIsOpen(true)}\n        suffix={<ArrowIcon />}\n        testId=\"interventionEventSelectorChip\"\n      >\n        {getEventChipLabel(selectedEvent, selectedEventId)}\n      </Chip>\n      <Menu\n        open={isOpen}\n        anchorEl={anchorRef.current}\n        onClose={() => setIsOpen(false)}\n        className={styles.menu}\n      >\n        <Menu.Item\n          // An unresolvable active selection (failed fetch) still filters the\n          // consumer's data, so it must not present as \"All events\" here\n          selected={selectedEventId == null}\n          onClick={() => handleSelect(null)}\n          testId=\"interventionEventSelectorAllEvents\"\n        >\n          {ALL_EVENTS_LABEL}\n        </Menu.Item>\n        {events.map(event => (\n          <Menu.Item\n            key={event.id}\n            size=\"large\"\n            selected={isSameEventId(event.id, selectedEventId)}\n            onClick={() => handleSelect(event)}\n            testId={`interventionEventSelectorEvent-${event.id}`}\n          >\n            <div className={styles.eventItem}>\n              <div className={styles.eventItemMain}>\n                <span className={styles.eventItemOperation}>{event.operation}</span>\n                <span className={styles.eventItemDate}>{formatEventDate(event)}</span>\n              </div>\n              {event.intervention_unit?.name && (\n                <div className={styles.eventItemUnit}>{event.intervention_unit.name}</div>\n              )}\n            </div>\n          </Menu.Item>\n        ))}\n      </Menu>\n    </>\n  );\n}\n\n// The host app may bundle a different @tanstack/react-query instance than this\n// library, making an app-level QueryClientProvider invisible to the hook above.\n// Shipping our own provider keeps the component self-contained in any DC app.\nexport function InterventionEventSelector(props: InterventionEventSelectorProps) {\n  return (\n    <QueryClientProvider client={interventionEventSelectorQueryClient}>\n      <InterventionEventSelectorInner {...props} />\n    </QueryClientProvider>\n  );\n}\n"],"names":["InterventionEventSelectorInner","_ref","wellId","selectedEventId","onChange","className","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","anchorRef","useRef","useInterventionUnitEvents","_useInterventionUnitE2","_useInterventionUnitE","data","events","isSuccess","selectedEvent","useMemo","_events$find","find","event","isSameEventId","id","useEffect","length","handleSelect","Number","_jsxs","_Fragment","children","_jsx","Chip","ref","size","onClick","suffix","UpIcon","DownIcon","testId","getEventChipLabel","Menu","open","anchorEl","current","onClose","styles","menu","Item","selected","ALL_EVENTS_LABEL","map","_event$intervention_u","eventItem","eventItemMain","eventItemOperation","operation","eventItemDate","formatEventDate","intervention_unit","name","eventItemUnit","InterventionEventSelector","props","QueryClientProvider","client","interventionEventSelectorQueryClient","_objectSpread"],"mappings":"q2JAiBA,SAASA,EAK0BC,GAAA,IAJjCC,IAAAA,OACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,UAE4BC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,EAAuB,MAEAC,EAAAA,EAA0BZ,GAAOa,EAAAC,EAAlEC,KAAMC,aAAS,GAAEH,EAAEI,IAAAA,UAErBC,EAAgBC,GACpB,WAAA,IAAAC,EAAA,eAAAA,EAAMJ,EAAOK,MAAK,SAAAC,GAAK,OAAIC,EAAcD,EAAME,GAAIvB,EAAgB,mBAAK,IAAI,GAC5E,CAACe,EAAQf,IAeX,GARAwB,GAAU,WACHR,GAAgC,MAAnBhB,IAA2BiB,GAC7ChB,EAAS,KAAM,KAChB,GAAE,CAACe,EAAWhB,EAAiBiB,EAAehB,MAKxB,MAAnBD,GAA6BD,GAAWgB,EAAOU,QAAS,OAAO,KAEnE,IAEMC,EAAe,SAACL,GACpBb,GAAU,GACVP,EAASoB,EAAQM,OAAON,EAAME,IAAM,KAAMF,IAG5C,OACEO,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAI,CACHC,IAAKxB,EACLP,UAAWA,EACXgC,KAAK,QACLC,QAAS,WAAA,OAAM3B,GAAU,EAAM,EAC/B4B,OAAQL,EAdIxB,EAAS8B,EAASC,EAcR,IACtBC,OAAO,gCAA+BT,SAErCU,EAAkBvB,EAAejB,KAEpC4B,EAACa,EAAI,CACHC,KAAMnC,EACNoC,SAAUlC,EAAUmC,QACpBC,QAAS,WAAA,OAAMrC,GAAU,EAAO,EAChCN,UAAW4C,EAAOC,KAAKjB,SAEvB,CAAAC,EAACU,EAAKO,KAAI,CAGRC,SAA6B,MAAnBjD,EACVmC,QAAS,WAAA,OAAMT,EAAa,KAAM,EAClCa,OAAO,qCAAoCT,SAE1CoB,IAEFnC,EAAOoC,KAAI,SAAA9B,GAAK,IAAA+B,EAAA,OACfrB,EAACU,EAAKO,KAAI,CAERd,KAAK,QACLe,SAAU3B,EAAcD,EAAME,GAAIvB,GAClCmC,QAAS,WAAA,OAAMT,EAAaL,EAAO,EACnCkB,OAA0ClB,kCAAAA,OAAAA,EAAME,IAAKO,SAErDF,EAAA,MAAA,CAAK1B,UAAW4C,EAAOO,UAAUvB,SAC/B,CAAAF,EAAA,MAAA,CAAK1B,UAAW4C,EAAOQ,cAAcxB,SACnC,CAAAC,EAAA,OAAA,CAAM7B,UAAW4C,EAAOS,mBAAmBzB,SAAET,EAAMmC,YACnDzB,EAAA,OAAA,CAAM7B,UAAW4C,EAAOW,cAAc3B,SAAE4B,EAAgBrC,SAEzD,UAAAA,EAAMsC,yBAAN,IAAAP,OAAA,EAAAA,EAAyBQ,OACxB7B,EAAA,MAAA,CAAK7B,UAAW4C,EAAOe,cAAc/B,SAAET,EAAMsC,kBAAkBC,WAZ9DvC,EAAME,GAeD,SAKtB,CAKO,SAASuC,EAA0BC,GACxC,OACEhC,EAACiC,EAAmB,CAACC,OAAQC,EAAqCpC,SAChEC,EAAClC,EAA8BsE,EAAA,CAAA,EAAKJ,KAG1C"}

package/componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js

@@ -0,0 +1,2 @@
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",menu:"InterventionEventSelector_menu__kjVhB",eventItem:"InterventionEventSelector_eventItem__XC1Z4",eventItemMain:"InterventionEventSelector_eventItemMain__SYYAI",eventItemOperation:"InterventionEventSelector_eventItemOperation__3VEM8",eventItemDate:"InterventionEventSelector_eventItemDate__fAZXc",eventItemUnit:"InterventionEventSelector_eventItemUnit__GwdHJ"};e(".InterventionEventSelector_menu__kjVhB{max-height:360px;max-width:320px;min-width:240px}.InterventionEventSelector_eventItem__XC1Z4{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}.InterventionEventSelector_eventItemMain__SYYAI{align-items:baseline;display:flex;gap:12px;justify-content:space-between;min-width:0}.InterventionEventSelector_eventItemOperation__3VEM8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.InterventionEventSelector_eventItemDate__fAZXc{color:var(--palette-primary-text-6);flex-shrink:0;font-size:12px}.InterventionEventSelector_eventItemUnit__GwdHJ{color:var(--palette-primary-text-6);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}");export{t as default};
+//# sourceMappingURL=InterventionEventSelector.scss.js.map