@corva/ui 3.75.0-10 → 3.75.0-12

package/cjs-bundle/components/CommentInputNext/CommentInputNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentInputNext.js","sources":["../../../../src/components/CommentInputNext/CommentInputNext.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  ReactNode,\n  useState,\n  useCallback,\n  useRef,\n  useLayoutEffect,\n  ChangeEvent,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { ArrowUpIcon } from '../../icons';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { AttachmentPreviewItem } from '../AttachmentPreview/AttachmentPreview.types';\n\nimport { useFileDrop } from './useFileDrop';\nimport { useFilePaste } from './useFilePaste';\n\nimport styles from './CommentInputNext.scss';\n\nexport type CommentInputProps = {\n  placeholder?: string;\n  value?: string;\n  onChange?: (value: string) => void;\n  onSubmit?: (value: string) => void;\n  onCancel?: () => void;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  minRows?: number;\n  maxRows?: number;\n\n  /** Editable control rendered in place of the built-in textarea. */\n  field?: ReactNode;\n  canSubmit?: boolean;\n  /** Drop the outer surface so the field sits flush, for the in-card reply input. */\n  bare?: boolean;\n\n  leading?: ReactNode;\n  /** Replaces the default send button. */\n  trailing?: ReactNode;\n  sendTooltip?: string;\n\n  attachments?: AttachmentPreviewItem[];\n  onAttachmentRemove?: (id: AttachmentPreviewItem['id']) => void;\n  onAttachmentRetry?: (id: AttachmentPreviewItem['id']) => void;\n  /** Enables drag-to-reorder on the attachment strip. */\n  onAttachmentReorder?: (orderedIds: AttachmentPreviewItem['id'][]) => void;\n  /** Enables dropping files from the desktop onto the composer. */\n  onFilesDrop?: (files: File[]) => void;\n  /** Given a pasted link that points at an image. */\n  onImageLinkPaste?: (url: string) => void;\n  dropLabel?: string;\n  /** Extra content in the attachment area, e.g. an upload-error banner. */\n  attachmentSlot?: ReactNode;\n  toolbar?: ReactNode;\n  footer?: ReactNode;\n  /** Render flush inside a host surface: no background, full-width divider. */\n  embedded?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nconst LINE_HEIGHT_PX = 20;\nconst DEFAULT_MAX_ROWS = 8;\nconst BARE_MAX_ROWS = 12;\n\nexport const CommentInput = forwardRef<HTMLDivElement, CommentInputProps>(\n  (\n    {\n      placeholder = 'Add a comment',\n      value,\n      onChange,\n      onSubmit,\n      onCancel,\n      disabled,\n      autoFocus,\n      minRows = 1,\n      maxRows,\n      field,\n      canSubmit,\n      bare,\n      leading,\n      trailing,\n      sendTooltip = 'Send',\n      attachments,\n      onAttachmentRemove,\n      onAttachmentRetry,\n      onAttachmentReorder,\n      onFilesDrop,\n      onImageLinkPaste,\n      dropLabel = 'Drop files here',\n      attachmentSlot,\n      toolbar,\n      footer,\n      embedded,\n      className,\n      testId,\n    },\n    ref\n  ) => {\n    const { isDragging, dropHandlers } = useFileDrop(disabled ? undefined : onFilesDrop);\n    const { pasteHandlers } = useFilePaste(\n      disabled ? {} : { onFiles: onFilesDrop, onImageLink: onImageLinkPaste }\n    );\n    const dropOverlay = isDragging && <div className={styles.dropOverlay}>{dropLabel}</div>;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState('');\n    const text = isControlled ? value : internalValue;\n\n    // The bare reply field has no toolbar row, so text may fill the whole box.\n    const rowsCap = maxRows ?? (bare ? BARE_MAX_ROWS : DEFAULT_MAX_ROWS);\n\n    const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n    const resize = useCallback(\n      (el: HTMLTextAreaElement | null) => {\n        textareaRef.current = el;\n        if (!el) return;\n        const node = el;\n        node.style.height = 'auto';\n        const maxHeight = rowsCap * LINE_HEIGHT_PX;\n        node.style.height = `${Math.min(node.scrollHeight, maxHeight)}px`;\n        node.style.overflowY = node.scrollHeight > maxHeight ? 'auto' : 'hidden';\n      },\n      [rowsCap]\n    );\n\n    // The ref callback won't fire for a prop-driven value change.\n    useLayoutEffect(() => {\n      if (!field) resize(textareaRef.current);\n    }, [text, field, resize]);\n\n    const setText = (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      setText(event.target.value);\n      resize(event.target);\n    };\n\n    const canSend = (canSubmit ?? !!text.trim()) && !disabled;\n\n    const submit = () => {\n      if (!canSend) return;\n      onSubmit?.(text.trim());\n      if (!isControlled && !field) setInternalValue('');\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === 'Escape' && onCancel) {\n        event.preventDefault();\n        onCancel();\n        return;\n      }\n\n      if (event.key === 'Enter' && !event.shiftKey) {\n        event.preventDefault();\n        submit();\n      }\n    };\n\n    const editor = field ?? (\n      <textarea\n        ref={resize}\n        className={styles.input}\n        rows={minRows}\n        placeholder={placeholder}\n        value={text}\n        disabled={disabled}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n      />\n    );\n\n    const sendButton = trailing ?? (\n      // A disabled button fires no events, so the tooltip needs its own target.\n      <Tooltip title={sendTooltip}>\n        <span className={styles.send}>\n          <ButtonIcon\n            size={bare ? 'xs' : 'small'}\n            type=\"primary\"\n            disabled={!canSend}\n            onClick={submit}\n            testId=\"comment-input-send\"\n          >\n            <ArrowUpIcon />\n          </ButtonIcon>\n        </span>\n      </Tooltip>\n    );\n\n    const attachmentArea = (attachments?.length || attachmentSlot) && (\n      <div className={styles.attachment}>\n        {attachments?.length ? (\n          <AttachmentPreview\n            items={attachments}\n            onRemove={onAttachmentRemove}\n            onRetry={onAttachmentRetry}\n            onReorder={onAttachmentReorder}\n          />\n        ) : null}\n        {attachmentSlot}\n      </div>\n    );\n\n    if (bare) {\n      return (\n        <div\n          ref={ref}\n          data-testid={testId}\n          className={classNames(styles.rootBare, className)}\n          {...dropHandlers}\n          {...pasteHandlers}\n        >\n          {dropOverlay}\n          <div className={styles.fieldRow}>\n            {leading && <div className={styles.leading}>{leading}</div>}\n            <div\n              className={classNames(\n                styles.field,\n                !!attachmentArea && styles.fieldExpanded,\n                disabled && styles.fieldDisabled\n              )}\n            >\n              <div className={styles.fieldMain}>\n                {editor}\n                {attachmentArea}\n              </div>\n              {toolbar && <div className={styles.bareToolbar}>{toolbar}</div>}\n              {sendButton}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-testid={testId}\n        className={classNames(styles.root, embedded && styles.rootEmbedded, className)}\n        {...dropHandlers}\n        {...pasteHandlers}\n      >\n        {dropOverlay}\n        <div className={styles.inputPanel}>\n          {editor}\n          {attachmentArea}\n          <div className={styles.toolbarRow}>\n            <div className={styles.toolbar}>{toolbar}</div>\n            {sendButton}\n          </div>\n        </div>\n\n        {footer && (\n          <>\n            <div className={styles.divider} />\n            <div className={styles.metaShare}>{footer}</div>\n          </>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["CommentInput","forwardRef","_ref","ref","_ref$placeholder","placeholder","value","onChange","onSubmit","onCancel","disabled","autoFocus","_ref$minRows","minRows","maxRows","field","canSubmit","bare","leading","trailing","_ref$sendTooltip","sendTooltip","attachments","onAttachmentRemove","onAttachmentRetry","onAttachmentReorder","onFilesDrop","onImageLinkPaste","_ref$dropLabel","dropLabel","attachmentSlot","toolbar","footer","embedded","className","testId","_useFileDrop","useFileDrop","undefined","isDragging","dropHandlers","pasteHandlers","useFilePaste","onFiles","onImageLink","dropOverlay","_jsx","jsx","styles","children","isControlled","useState","_useState2","_slicedToArray","_useState","internalValue","setInternalValue","text","rowsCap","textareaRef","useRef","resize","useCallback","el","current","node","style","height","maxHeight","Math","min","scrollHeight","overflowY","useLayoutEffect","canSend","trim","submit","editor","input","rows","event","next","target","onKeyDown","key","preventDefault","shiftKey","sendButton","Tooltip","title","send","ButtonIcon","size","type","onClick","ArrowUpIcon","attachmentArea","length","_jsxs","attachment","AttachmentPreview","items","onRemove","onRetry","onReorder","jsxs","_objectSpread","classNames","rootBare","fieldRow","fieldExpanded","fieldDisabled","fieldMain","bareToolbar","root","rootEmbedded","inputPanel","toolbarRow","_Fragment","divider","metaShare"],"mappings":"+9KAkEA,IAIaA,EAAeC,EAAUA,YACpC,SAAAC,EA+BEC,GACG,IAAAC,EAAAF,EA9BDG,YAAAA,aAAc,gBAAeD,EAC7BE,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,UAASC,EAAAV,EACTW,QAAAA,aAAU,EAACD,EACXE,IAAAA,QACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,SAAQC,EAAAlB,EACRmB,YAAAA,aAAc,OAAMD,EACpBE,IAAAA,YACAC,IAAAA,mBACAC,IAAAA,kBACAC,IAAAA,oBACAC,IAAAA,YACAC,IAAAA,iBAAgBC,EAAA1B,EAChB2B,UAAAA,aAAY,kBAAiBD,EAC7BE,IAAAA,eACAC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,OAIFC,EAAqCC,EAAWA,YAAC3B,OAAW4B,EAAYZ,GAAhEa,IAAAA,WAAYC,IAAAA,aACZC,EAAkBC,EAAAA,aACxBhC,EAAW,GAAK,CAAEiC,QAASjB,EAAakB,YAAajB,IAD/Cc,cAGFI,EAAcN,GAAcO,EAAAC,IAAA,MAAA,CAAKb,UAAWc,EAAOH,YAAYI,SAAEpB,IAEjEqB,OAAyBZ,IAAVhC,EACqB6C,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAA/CC,GAAaH,EAAA,GAAEI,GAAgBJ,EAAA,GAChCK,GAAOP,EAAe5C,EAAQiD,GAG9BG,GAAU5C,QAAAA,EAAYG,EA/CV,GADG,EAkDf0C,GAAcC,SAAmC,MACjDC,GAASC,eACb,SAACC,GAEC,GADAJ,GAAYK,QAAUD,EACjBA,EAAL,CACA,IAAME,EAAOF,EACbE,EAAKC,MAAMC,OAAS,OACpB,IAAMC,EA1DS,GA0DGV,GAClBO,EAAKC,MAAMC,iBAAYE,KAAKC,IAAIL,EAAKM,aAAcH,GAAc,MACjEH,EAAKC,MAAMM,UAAYP,EAAKM,aAAeH,EAAY,OAAS,QALvD,CAMX,GACA,CAACV,KAIHe,EAAAA,iBAAgB,WACT1D,GAAO8C,GAAOF,GAAYK,QAChC,GAAE,CAACP,GAAM1C,EAAO8C,KAEjB,IAUMa,IAAW1D,QAAAA,IAAeyC,GAAKkB,UAAYjE,EAE3CkE,GAAS,WACRF,KACLlE,SAAAA,EAAWiD,GAAKkB,QACXzB,GAAiBnC,GAAOyC,GAAiB,MAgB1CqB,GAAS9D,QAAAA,EACb+B,EAAAC,IAAA,WAAA,CACE5C,IAAK0D,GACL3B,UAAWc,EAAO8B,MAClBC,KAAMlE,EACNR,YAAaA,EACbC,MAAOmD,GACP/C,SAAUA,EAEVC,UAAWA,EACXJ,SApCiB,SAACyE,GALN,IAACC,IAMPD,EAAME,OAAO5E,MALhB4C,GAAcM,GAAiByB,GACpC1E,SAAAA,EAAW0E,GAKXpB,GAAOmB,EAAME,SAmCXC,UAxBkB,SAACH,GACrB,GAAkB,WAAdA,EAAMI,KAAoB3E,EAG5B,OAFAuE,EAAMK,sBACN5E,IAIgB,UAAduE,EAAMI,KAAoBJ,EAAMM,WAClCN,EAAMK,iBACNT,SAmBEW,GAAapE,QAAAA,EAEjB2B,EAAAA,IAAC0C,EAAAA,QAAO,CAACC,MAAOpE,EAAY4B,SAC1BH,EAAAC,IAAA,OAAA,CAAMb,UAAWc,EAAO0C,KAAKzC,SAC3BH,MAAC6C,aAAU,CACTC,KAAM3E,EAAO,KAAO,QACpB4E,KAAK,UACLnF,UAAWgE,GACXoB,QAASlB,GACTzC,OAAO,qBAAoBc,SAE3BH,EAAAA,IAACiD,EAAWA,YAAA,UAMdC,KAAkB1E,aAAW,EAAXA,EAAa2E,SAAUnE,IAC7CoE,EAAAA,KAAA,MAAA,CAAKhE,UAAWc,EAAOmD,WAAWlD,SAC/B3B,CAAAA,SAAAA,EAAa2E,OACZnD,EAAAC,IAACqD,oBAAiB,CAChBC,MAAO/E,EACPgF,SAAU/E,EACVgF,QAAS/E,EACTgF,UAAW/E,IAEX,KACHK,KAIL,OAAIb,EAEAiF,EAAAO,KAAA,MAAAC,EAAAA,EAAAA,EAAA,CACEvG,IAAKA,EACL,cAAagC,EACbD,UAAWyE,EAAU,QAAC3D,EAAO4D,SAAU1E,IACnCM,GACAC,GAAa,GAAA,CAAAQ,SAAA,CAEhBJ,EACDqD,EAAAO,KAAA,MAAA,CAAKvE,UAAWc,EAAO6D,SAAS5D,SAAA,CAC7B/B,GAAW4B,EAAAC,IAAA,MAAA,CAAKb,UAAWc,EAAO9B,QAAQ+B,SAAE/B,IAC7CgF,EAAAO,KAAA,MAAA,CACEvE,UAAWyE,EAAU,QACnB3D,EAAOjC,QACLiF,IAAkBhD,EAAO8D,cAC3BpG,GAAYsC,EAAO+D,eACnB9D,SAEF,CAAAiD,EAAAO,KAAA,MAAA,CAAKvE,UAAWc,EAAOgE,UAAU/D,SAC9B4B,CAAAA,GACAmB,MAEFjE,GAAWe,EAAAC,IAAA,MAAA,CAAKb,UAAWc,EAAOiE,YAAYhE,SAAElB,IAChDwD,aAQTW,EAAAO,KAAA,MAAAC,EAAAA,EAAAA,EAAA,CACEvG,IAAKA,EACL,cAAagC,EACbD,UAAWyE,EAAU,QAAC3D,EAAOkE,KAAMjF,GAAYe,EAAOmE,aAAcjF,IAChEM,GACAC,GAAa,GAAA,CAAAQ,SAAA,CAEhBJ,EACDqD,EAAAO,KAAA,MAAA,CAAKvE,UAAWc,EAAOoE,WAAWnE,SAC/B4B,CAAAA,GACAmB,GACDE,EAAAA,KAAA,MAAA,CAAKhE,UAAWc,EAAOqE,WAAWpE,SAChC,CAAAH,EAAAC,IAAA,MAAA,CAAKb,UAAWc,EAAOjB,QAAQkB,SAAElB,IAChCwD,SAIJvD,GACCkE,EAAAO,KAAAa,WAAA,CAAArE,SACE,CAAAH,EAAAC,IAAA,MAAA,CAAKb,UAAWc,EAAOuE,UACvBzE,EAAAC,IAAA,MAAA,CAAKb,UAAWc,EAAOwE,UAAUvE,SAAEjB,UAK7C"}
+{"version":3,"file":"CommentInputNext.js","sources":["../../../../src/components/CommentInputNext/CommentInputNext.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  ReactNode,\n  useState,\n  useCallback,\n  useRef,\n  useLayoutEffect,\n  ChangeEvent,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { ArrowUpIcon } from '../../icons';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { AttachmentPreviewItem } from '../AttachmentPreview/AttachmentPreview.types';\n\nimport { useFileDrop } from './useFileDrop';\nimport { useFilePaste } from './useFilePaste';\n\nimport styles from './CommentInputNext.scss';\n\nexport type CommentInputProps = {\n  placeholder?: string;\n  value?: string;\n  onChange?: (value: string) => void;\n  onSubmit?: (value: string) => void;\n  onCancel?: () => void;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  minRows?: number;\n  maxRows?: number;\n\n  /** Editable control rendered in place of the built-in textarea. */\n  field?: ReactNode;\n  canSubmit?: boolean;\n  /** Drop the outer surface so the field sits flush, for the in-card reply input. */\n  bare?: boolean;\n\n  leading?: ReactNode;\n  /** Replaces the default send button. */\n  trailing?: ReactNode;\n  sendTooltip?: string;\n\n  attachments?: AttachmentPreviewItem[];\n  onAttachmentRemove?: (id: AttachmentPreviewItem['id']) => void;\n  onAttachmentRetry?: (id: AttachmentPreviewItem['id']) => void;\n  /** Enables drag-to-reorder on the attachment strip. */\n  onAttachmentReorder?: (orderedIds: AttachmentPreviewItem['id'][]) => void;\n  /** Enables dropping files from the desktop onto the composer. */\n  onFilesDrop?: (files: File[]) => void;\n  /** Given a pasted link that points at an image. */\n  onImageLinkPaste?: (url: string) => void;\n  dropLabel?: string;\n  /** Extra content in the attachment area, e.g. an upload-error banner. */\n  attachmentSlot?: ReactNode;\n  toolbar?: ReactNode;\n  footer?: ReactNode;\n  /** Render flush inside a host surface: no background, full-width divider. */\n  embedded?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nconst LINE_HEIGHT_PX = 20;\nconst DEFAULT_MAX_ROWS = 8;\nconst BARE_MAX_ROWS = 12;\n\nexport const CommentInput = forwardRef<HTMLDivElement, CommentInputProps>(\n  (\n    {\n      placeholder = 'Add a comment',\n      value,\n      onChange,\n      onSubmit,\n      onCancel,\n      disabled,\n      autoFocus,\n      minRows = 1,\n      maxRows,\n      field,\n      canSubmit,\n      bare,\n      leading,\n      trailing,\n      sendTooltip = 'Send',\n      attachments,\n      onAttachmentRemove,\n      onAttachmentRetry,\n      onAttachmentReorder,\n      onFilesDrop,\n      onImageLinkPaste,\n      dropLabel = 'Drop files here',\n      attachmentSlot,\n      toolbar,\n      footer,\n      embedded,\n      className,\n      testId,\n    },\n    ref\n  ) => {\n    const { isDragging, dropHandlers } = useFileDrop(disabled ? undefined : onFilesDrop);\n    const { pasteHandlers } = useFilePaste(\n      disabled ? {} : { onFiles: onFilesDrop, onImageLink: onImageLinkPaste }\n    );\n    const dropOverlay = isDragging && <div className={styles.dropOverlay}>{dropLabel}</div>;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState('');\n    const text = isControlled ? value : internalValue;\n\n    // The bare reply field has no toolbar row, so text may fill the whole box.\n    const rowsCap = maxRows ?? (bare ? BARE_MAX_ROWS : DEFAULT_MAX_ROWS);\n\n    const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n    const resize = useCallback(\n      (el: HTMLTextAreaElement | null) => {\n        textareaRef.current = el;\n        if (!el) return;\n        const node = el;\n        node.style.height = 'auto';\n        const maxHeight = rowsCap * LINE_HEIGHT_PX;\n        node.style.height = `${Math.min(node.scrollHeight, maxHeight)}px`;\n        node.style.overflowY = node.scrollHeight > maxHeight ? 'auto' : 'hidden';\n      },\n      [rowsCap]\n    );\n\n    // The ref callback won't fire for a prop-driven value change.\n    useLayoutEffect(() => {\n      if (!field) resize(textareaRef.current);\n    }, [text, field, resize]);\n\n    const setText = (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      setText(event.target.value);\n      resize(event.target);\n    };\n\n    const canSend = (canSubmit ?? !!text.trim()) && !disabled;\n\n    const submit = () => {\n      if (!canSend) return;\n      onSubmit?.(text.trim());\n      if (!isControlled && !field) setInternalValue('');\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === 'Escape' && onCancel) {\n        event.preventDefault();\n        onCancel();\n        return;\n      }\n\n      if (event.key === 'Enter' && !event.shiftKey) {\n        event.preventDefault();\n        submit();\n      }\n    };\n\n    const editor = field ?? (\n      <textarea\n        ref={resize}\n        className={styles.input}\n        rows={minRows}\n        placeholder={placeholder}\n        value={text}\n        disabled={disabled}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n      />\n    );\n\n    const sendButton = trailing ?? (\n      // A disabled button fires no events, so the tooltip needs its own target.\n      <Tooltip title={sendTooltip}>\n        <span className={styles.send}>\n          <ButtonIcon\n            size={bare ? 'xs' : 'small'}\n            type=\"primary\"\n            disabled={!canSend}\n            onClick={submit}\n            testId=\"comment-input-send\"\n          >\n            <ArrowUpIcon />\n          </ButtonIcon>\n        </span>\n      </Tooltip>\n    );\n\n    const attachmentArea = (attachments?.length || attachmentSlot) && (\n      <div className={styles.attachment}>\n        {attachments?.length ? (\n          <AttachmentPreview\n            items={attachments}\n            onRemove={onAttachmentRemove}\n            onRetry={onAttachmentRetry}\n            onReorder={onAttachmentReorder}\n          />\n        ) : null}\n        {attachmentSlot}\n      </div>\n    );\n\n    if (bare) {\n      return (\n        <div\n          ref={ref}\n          data-testid={testId}\n          className={classNames(styles.rootBare, className)}\n          {...dropHandlers}\n          {...pasteHandlers}\n        >\n          {dropOverlay}\n          <div className={styles.fieldRow}>\n            {leading && <div className={styles.leading}>{leading}</div>}\n            <div\n              className={classNames(\n                styles.field,\n                !!attachmentArea && styles.fieldExpanded,\n                disabled && styles.fieldDisabled\n              )}\n            >\n              <div className={styles.fieldMain}>\n                {editor}\n                {attachmentArea}\n              </div>\n              {toolbar && <div className={styles.bareToolbar}>{toolbar}</div>}\n              {sendButton}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-testid={testId}\n        className={classNames(styles.root, embedded && styles.rootEmbedded, className)}\n        {...dropHandlers}\n        {...pasteHandlers}\n      >\n        {dropOverlay}\n        <div className={styles.inputPanel}>\n          {editor}\n          {attachmentArea}\n          <div className={styles.toolbarRow}>\n            <div className={styles.toolbar}>{toolbar}</div>\n            {sendButton}\n          </div>\n        </div>\n\n        {footer && (\n          <>\n            <div className={styles.divider} />\n            <div className={styles.metaShare}>{footer}</div>\n          </>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["CommentInput","forwardRef","_ref","ref","_ref$placeholder","placeholder","value","onChange","onSubmit","onCancel","disabled","autoFocus","_ref$minRows","minRows","maxRows","field","canSubmit","bare","leading","trailing","_ref$sendTooltip","sendTooltip","attachments","onAttachmentRemove","onAttachmentRetry","onAttachmentReorder","onFilesDrop","onImageLinkPaste","_ref$dropLabel","dropLabel","attachmentSlot","toolbar","footer","embedded","className","testId","_useFileDrop","useFileDrop","undefined","isDragging","dropHandlers","pasteHandlers","useFilePaste","onFiles","onImageLink","dropOverlay","_jsx","jsx","styles","children","isControlled","useState","_useState2","_slicedToArray","_useState","internalValue","setInternalValue","text","rowsCap","textareaRef","useRef","resize","useCallback","el","current","node","style","height","maxHeight","Math","min","scrollHeight","overflowY","useLayoutEffect","canSend","trim","submit","editor","input","rows","event","next","target","onKeyDown","key","preventDefault","shiftKey","sendButton","Tooltip","title","send","ButtonIcon","size","type","onClick","ArrowUpIcon","attachmentArea","length","_jsxs","attachment","AttachmentPreview","items","onRemove","onRetry","onReorder","jsxs","_objectSpread","classNames","rootBare","fieldRow","fieldExpanded","fieldDisabled","fieldMain","bareToolbar","root","rootEmbedded","inputPanel","toolbarRow","_Fragment","divider","metaShare"],"mappings":"+kLAkEA,IAIaA,EAAeC,EAAUA,YACpC,SAAAC,EA+BEC,GACG,IAAAC,EAAAF,EA9BDG,YAAAA,aAAc,gBAAeD,EAC7BE,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,UAASC,EAAAV,EACTW,QAAAA,aAAU,EAACD,EACXE,IAAAA,QACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,SAAQC,EAAAlB,EACRmB,YAAAA,aAAc,OAAMD,EACpBE,IAAAA,YACAC,IAAAA,mBACAC,IAAAA,kBACAC,IAAAA,oBACAC,IAAAA,YACAC,IAAAA,iBAAgBC,EAAA1B,EAChB2B,UAAAA,aAAY,kBAAiBD,EAC7BE,IAAAA,eACAC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,OAIFC,EAAqCC,EAAWA,YAAC3B,OAAW4B,EAAYZ,GAAhEa,IAAAA,WAAYC,IAAAA,aACZC,EAAkBC,EAAAA,aACxBhC,EAAW,GAAK,CAAEiC,QAASjB,EAAakB,YAAajB,IAD/Cc,cAGFI,EAAcN,GAAcO,EAAAC,IAAA,MAAA,CAAKb,UAAWc,EAAOH,YAAYI,SAAEpB,IAEjEqB,OAAyBZ,IAAVhC,EACqB6C,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAA/CC,GAAaH,EAAA,GAAEI,GAAgBJ,EAAA,GAChCK,GAAOP,EAAe5C,EAAQiD,GAG9BG,GAAU5C,QAAAA,EAAYG,EA/CV,GADG,EAkDf0C,GAAcC,SAAmC,MACjDC,GAASC,eACb,SAACC,GAEC,GADAJ,GAAYK,QAAUD,EACjBA,EAAL,CACA,IAAME,EAAOF,EACbE,EAAKC,MAAMC,OAAS,OACpB,IAAMC,EA1DS,GA0DGV,GAClBO,EAAKC,MAAMC,iBAAYE,KAAKC,IAAIL,EAAKM,aAAcH,GAAc,MACjEH,EAAKC,MAAMM,UAAYP,EAAKM,aAAeH,EAAY,OAAS,QALvD,CAMX,GACA,CAACV,KAIHe,EAAAA,iBAAgB,WACT1D,GAAO8C,GAAOF,GAAYK,QAChC,GAAE,CAACP,GAAM1C,EAAO8C,KAEjB,IAUMa,IAAW1D,QAAAA,IAAeyC,GAAKkB,UAAYjE,EAE3CkE,GAAS,WACRF,KACLlE,SAAAA,EAAWiD,GAAKkB,QACXzB,GAAiBnC,GAAOyC,GAAiB,MAgB1CqB,GAAS9D,QAAAA,EACb+B,EAAAC,IAAA,WAAA,CACE5C,IAAK0D,GACL3B,UAAWc,EAAO8B,MAClBC,KAAMlE,EACNR,YAAaA,EACbC,MAAOmD,GACP/C,SAAUA,EAEVC,UAAWA,EACXJ,SApCiB,SAACyE,GALN,IAACC,IAMPD,EAAME,OAAO5E,MALhB4C,GAAcM,GAAiByB,GACpC1E,SAAAA,EAAW0E,GAKXpB,GAAOmB,EAAME,SAmCXC,UAxBkB,SAACH,GACrB,GAAkB,WAAdA,EAAMI,KAAoB3E,EAG5B,OAFAuE,EAAMK,sBACN5E,IAIgB,UAAduE,EAAMI,KAAoBJ,EAAMM,WAClCN,EAAMK,iBACNT,SAmBEW,GAAapE,QAAAA,EAEjB2B,EAAAA,IAAC0C,EAAAA,QAAO,CAACC,MAAOpE,EAAY4B,SAC1BH,EAAAC,IAAA,OAAA,CAAMb,UAAWc,EAAO0C,KAAKzC,SAC3BH,MAAC6C,aAAU,CACTC,KAAM3E,EAAO,KAAO,QACpB4E,KAAK,UACLnF,UAAWgE,GACXoB,QAASlB,GACTzC,OAAO,qBAAoBc,SAE3BH,EAAAA,IAACiD,EAAWA,YAAA,UAMdC,KAAkB1E,aAAW,EAAXA,EAAa2E,SAAUnE,IAC7CoE,EAAAA,KAAA,MAAA,CAAKhE,UAAWc,EAAOmD,WAAWlD,SAC/B3B,CAAAA,SAAAA,EAAa2E,OACZnD,EAAAC,IAACqD,oBAAiB,CAChBC,MAAO/E,EACPgF,SAAU/E,EACVgF,QAAS/E,EACTgF,UAAW/E,IAEX,KACHK,KAIL,OAAIb,EAEAiF,EAAAO,KAAA,MAAAC,EAAAA,EAAAA,EAAA,CACEvG,IAAKA,EACL,cAAagC,EACbD,UAAWyE,EAAU,QAAC3D,EAAO4D,SAAU1E,IACnCM,GACAC,GAAa,GAAA,CAAAQ,SAAA,CAEhBJ,EACDqD,EAAAO,KAAA,MAAA,CAAKvE,UAAWc,EAAO6D,SAAS5D,SAAA,CAC7B/B,GAAW4B,EAAAC,IAAA,MAAA,CAAKb,UAAWc,EAAO9B,QAAQ+B,SAAE/B,IAC7CgF,EAAAO,KAAA,MAAA,CACEvE,UAAWyE,EAAU,QACnB3D,EAAOjC,QACLiF,IAAkBhD,EAAO8D,cAC3BpG,GAAYsC,EAAO+D,eACnB9D,SAEF,CAAAiD,EAAAO,KAAA,MAAA,CAAKvE,UAAWc,EAAOgE,UAAU/D,SAC9B4B,CAAAA,GACAmB,MAEFjE,GAAWe,EAAAC,IAAA,MAAA,CAAKb,UAAWc,EAAOiE,YAAYhE,SAAElB,IAChDwD,aAQTW,EAAAO,KAAA,MAAAC,EAAAA,EAAAA,EAAA,CACEvG,IAAKA,EACL,cAAagC,EACbD,UAAWyE,EAAU,QAAC3D,EAAOkE,KAAMjF,GAAYe,EAAOmE,aAAcjF,IAChEM,GACAC,GAAa,GAAA,CAAAQ,SAAA,CAEhBJ,EACDqD,EAAAO,KAAA,MAAA,CAAKvE,UAAWc,EAAOoE,WAAWnE,SAC/B4B,CAAAA,GACAmB,GACDE,EAAAA,KAAA,MAAA,CAAKhE,UAAWc,EAAOqE,WAAWpE,SAChC,CAAAH,EAAAC,IAAA,MAAA,CAAKb,UAAWc,EAAOjB,QAAQkB,SAAElB,IAChCwD,SAIJvD,GACCkE,EAAAO,KAAAa,WAAA,CAAArE,SACE,CAAAH,EAAAC,IAAA,MAAA,CAAKb,UAAWc,EAAOuE,UACvBzE,EAAAC,IAAA,MAAA,CAAKb,UAAWc,EAAOwE,UAAUvE,SAAEjB,UAK7C"}

package/cjs-bundle/components/CopyToClipboard/CopyToClipboard.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),c=require("classnames"),i=require("@material-ui/core"),e=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var n=require("../../utils/main.js"),r=require("react/jsx-runtime");function u(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var t=u(s),a=u(c),l=i.makeStyles((function(s){return{iconWrapper:{color:s.palette.primary.text6,cursor:"pointer",paddingLeft:4,display:"flex",alignItems:"center","&:hover":{color:s.palette.primary.contrastText}},tooltip:{color:s.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}}));module.exports=function(s){var c,u=s.children,m=s.classes,q=void 0===m?{}:m,j=s.dataTestId,I=s.IconComponent,p=void 0===I?function(){return r.jsx(e.CopyIcon,{size:16})}:I,d=s.tooltipProps,C=void 0===d?{title:"Copied",placement:"bottom",delay:1500}:d,h=o.useState(!1),b=t.default(h,2),f=b[0],v=b[1],F=l();return o.useEffect((function(){var s=setTimeout((function(){v(!1)}),C.delay);return function(){return clearTimeout(s)}}),[f]),r.jsx(i.Tooltip,{classes:{tooltip:a.default(F.tooltip,q.tooltip),popper:q.tooltipPopper},title:null!==(c=C.title)&&void 0!==c?c:"",open:f,disableFocusListener:!0,disableHoverListener:!0,placement:C.placement,children:r.jsx("span",{className:a.default(F.iconWrapper,q.iconWrapper),onClick:function(){v(!0),n.default.copyToClipboard(u)},children:r.jsx(p,{className:q.icon,"data-testid":j})})})};
+"use strict";var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),c=require("classnames"),i=require("@material-ui/core"),e=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var n=require("../../utils/main.js"),r=require("react/jsx-runtime");function u(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var t=u(s),a=u(c),l=i.makeStyles((function(s){return{iconWrapper:{color:s.palette.primary.text6,cursor:"pointer",paddingLeft:4,display:"flex",alignItems:"center","&:hover":{color:s.palette.primary.contrastText}},tooltip:{color:s.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}}));module.exports=function(s){var c,u=s.children,m=s.classes,q=void 0===m?{}:m,j=s.dataTestId,I=s.IconComponent,p=void 0===I?function(){return r.jsx(e.CopyIcon,{size:16})}:I,d=s.tooltipProps,C=void 0===d?{title:"Copied",placement:"bottom",delay:1500}:d,h=o.useState(!1),b=t.default(h,2),f=b[0],v=b[1],F=l();return o.useEffect((function(){var s=setTimeout((function(){v(!1)}),C.delay);return function(){return clearTimeout(s)}}),[f]),r.jsx(i.Tooltip,{classes:{tooltip:a.default(F.tooltip,q.tooltip),popper:q.tooltipPopper},title:null!==(c=C.title)&&void 0!==c?c:"",open:f,disableFocusListener:!0,disableHoverListener:!0,placement:C.placement,children:r.jsx("span",{className:a.default(F.iconWrapper,q.iconWrapper),onClick:function(){v(!0),n.default.copyToClipboard(u)},children:r.jsx(p,{className:q.icon,"data-testid":j})})})};
 //# sourceMappingURL=CopyToClipboard.js.map

package/cjs-bundle/components/CopyToClipboard/CopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.js","sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import { ComponentType, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Tooltip, TooltipProps } from '@material-ui/core';\n\nimport { CopyIcon } from '~/icons';\nimport utils from '~/utils/main';\n\nconst useStyles = makeStyles(theme => ({\n  iconWrapper: {\n    color: theme.palette.primary.text6,\n    cursor: 'pointer',\n    paddingLeft: 4,\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      color: theme.palette.primary.contrastText,\n    },\n  },\n  tooltip: {\n    color: theme.palette.primary.text6,\n    backgroundColor: 'rgba(20, 20, 20, 0.5)',\n  },\n}));\n\nexport type CopyToClipboardProps = {\n  /**\n   * ⚠️ Must be a string\n   */\n  children: string;\n  dataTestId?: string;\n  IconComponent?: ComponentType<any>;\n  tooltipProps?: {\n    title?: string;\n    placement?: TooltipProps['placement'];\n    delay?: number;\n  };\n  classes?: {\n    root?: string;\n    icon?: string;\n    iconWrapper?: string;\n    tooltip?: string;\n    tooltipPopper?: string;\n  };\n};\n\nconst CopyToClipboard = ({\n  children,\n  classes = {},\n  dataTestId,\n  IconComponent = () => <CopyIcon size={16} />,\n  tooltipProps = {\n    title: 'Copied',\n    placement: 'bottom',\n    delay: 1500,\n  },\n}: CopyToClipboardProps) => {\n  const [isOpenedTooltip, setIsOpenedTooltip] = useState(false);\n  const styles = useStyles();\n\n  const handleCopyText = () => {\n    setIsOpenedTooltip(true);\n    utils.copyToClipboard(children);\n  };\n\n  useEffect(() => {\n    const openedTooltipTimeout = setTimeout(() => {\n      setIsOpenedTooltip(false);\n    }, tooltipProps.delay);\n\n    return () => clearTimeout(openedTooltipTimeout);\n  }, [isOpenedTooltip]);\n\n  return (\n    <Tooltip\n      classes={{\n        tooltip: classNames(styles.tooltip, classes.tooltip),\n        popper: classes.tooltipPopper,\n      }}\n      title={tooltipProps.title ?? ''}\n      open={isOpenedTooltip}\n      disableFocusListener\n      disableHoverListener\n      placement={tooltipProps.placement}\n    >\n      <span\n        className={classNames(styles.iconWrapper, classes.iconWrapper)}\n        onClick={handleCopyText}\n      >\n        <IconComponent className={classes.icon} data-testid={dataTestId} />\n      </span>\n    </Tooltip>\n  );\n};\n\nexport default CopyToClipboard;\n"],"names":["useStyles","makeStyles","theme","iconWrapper","color","palette","primary","text6","cursor","paddingLeft","display","alignItems","contrastText","tooltip","backgroundColor","_ref","_tooltipProps$title","children","_ref$classes","classes","dataTestId","_ref$IconComponent","IconComponent","_jsx","CopyIcon","size","_ref$tooltipProps","tooltipProps","title","placement","delay","useState","_useState2","_slicedToArray","_useState","isOpenedTooltip","setIsOpenedTooltip","styles","useEffect","openedTooltipTimeout","setTimeout","clearTimeout","Tooltip","classNames","popper","tooltipPopper","open","disableFocusListener","disableHoverListener","jsx","className","onClick","utils","copyToClipboard","icon"],"mappings":"2nIAOMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,YAAa,CACXC,MAAOF,EAAMG,QAAQC,QAAQC,MAC7BC,OAAQ,UACRC,YAAa,EACbC,QAAS,OACTC,WAAY,SACZ,UAAW,CACTP,MAAOF,EAAMG,QAAQC,QAAQM,eAGjCC,QAAS,CACPT,MAAOF,EAAMG,QAAQC,QAAQC,MAC7BO,gBAAiB,yBAEpB,mBAuBuB,SAUIC,GAAA,IAAAC,EAT1BC,IAAAA,SAAQC,EAAAH,EACRI,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EACZE,IAAAA,WAAUC,EAAAN,EACVO,cAAAA,OAAgB,IAAAD,EAAA,WAAA,OAAME,EAAAA,IAACC,EAAAA,SAAQ,CAACC,KAAM,IAAM,EAAAJ,EAAAK,EAAAX,EAC5CY,aAAAA,OAAe,IAAAD,EAAA,CACbE,MAAO,SACPC,UAAW,SACXC,MAAO,MACRJ,EAE6CK,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAtDC,EAAeH,EAAA,GAAEI,EAAkBJ,EAAA,GACpCK,EAASrC,IAef,OARAsC,EAAAA,WAAU,WACR,IAAMC,EAAuBC,YAAW,WACtCJ,GAAmB,EACrB,GAAGT,EAAaG,OAEhB,OAAO,WAAA,OAAMW,aAAaF,EAAqB,CACjD,GAAG,CAACJ,IAGFZ,EAAAA,IAACmB,EAAAA,QAAO,CACNvB,QAAS,CACPN,QAAS8B,EAAAA,QAAWN,EAAOxB,QAASM,EAAQN,SAC5C+B,OAAQzB,EAAQ0B,eAElBjB,cAAOD,EAAAA,EAAaC,qBAAS,GAC7BkB,KAAMX,EACNY,sBAAoB,EACpBC,sBAAoB,EACpBnB,UAAWF,EAAaE,UAAUZ,SAElCM,EAAA0B,IAAA,OAAA,CACEC,UAAWP,EAAAA,QAAWN,EAAOlC,YAAagB,EAAQhB,aAClDgD,QA3BiB,WACrBf,GAAmB,GACnBgB,UAAMC,gBAAgBpC,IAyBMA,SAExBM,MAACD,EAAa,CAAC4B,UAAW/B,EAAQmC,KAAM,cAAalC,OAI7D"}
+{"version":3,"file":"CopyToClipboard.js","sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import { ComponentType, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Tooltip, TooltipProps } from '@material-ui/core';\n\nimport { CopyIcon } from '~/icons';\nimport utils from '~/utils/main';\n\nconst useStyles = makeStyles(theme => ({\n  iconWrapper: {\n    color: theme.palette.primary.text6,\n    cursor: 'pointer',\n    paddingLeft: 4,\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      color: theme.palette.primary.contrastText,\n    },\n  },\n  tooltip: {\n    color: theme.palette.primary.text6,\n    backgroundColor: 'rgba(20, 20, 20, 0.5)',\n  },\n}));\n\nexport type CopyToClipboardProps = {\n  /**\n   * ⚠️ Must be a string\n   */\n  children: string;\n  dataTestId?: string;\n  IconComponent?: ComponentType<any>;\n  tooltipProps?: {\n    title?: string;\n    placement?: TooltipProps['placement'];\n    delay?: number;\n  };\n  classes?: {\n    root?: string;\n    icon?: string;\n    iconWrapper?: string;\n    tooltip?: string;\n    tooltipPopper?: string;\n  };\n};\n\nconst CopyToClipboard = ({\n  children,\n  classes = {},\n  dataTestId,\n  IconComponent = () => <CopyIcon size={16} />,\n  tooltipProps = {\n    title: 'Copied',\n    placement: 'bottom',\n    delay: 1500,\n  },\n}: CopyToClipboardProps) => {\n  const [isOpenedTooltip, setIsOpenedTooltip] = useState(false);\n  const styles = useStyles();\n\n  const handleCopyText = () => {\n    setIsOpenedTooltip(true);\n    utils.copyToClipboard(children);\n  };\n\n  useEffect(() => {\n    const openedTooltipTimeout = setTimeout(() => {\n      setIsOpenedTooltip(false);\n    }, tooltipProps.delay);\n\n    return () => clearTimeout(openedTooltipTimeout);\n  }, [isOpenedTooltip]);\n\n  return (\n    <Tooltip\n      classes={{\n        tooltip: classNames(styles.tooltip, classes.tooltip),\n        popper: classes.tooltipPopper,\n      }}\n      title={tooltipProps.title ?? ''}\n      open={isOpenedTooltip}\n      disableFocusListener\n      disableHoverListener\n      placement={tooltipProps.placement}\n    >\n      <span\n        className={classNames(styles.iconWrapper, classes.iconWrapper)}\n        onClick={handleCopyText}\n      >\n        <IconComponent className={classes.icon} data-testid={dataTestId} />\n      </span>\n    </Tooltip>\n  );\n};\n\nexport default CopyToClipboard;\n"],"names":["useStyles","makeStyles","theme","iconWrapper","color","palette","primary","text6","cursor","paddingLeft","display","alignItems","contrastText","tooltip","backgroundColor","_ref","_tooltipProps$title","children","_ref$classes","classes","dataTestId","_ref$IconComponent","IconComponent","_jsx","CopyIcon","size","_ref$tooltipProps","tooltipProps","title","placement","delay","useState","_useState2","_slicedToArray","_useState","isOpenedTooltip","setIsOpenedTooltip","styles","useEffect","openedTooltipTimeout","setTimeout","clearTimeout","Tooltip","classNames","popper","tooltipPopper","open","disableFocusListener","disableHoverListener","jsx","className","onClick","utils","copyToClipboard","icon"],"mappings":"2uIAOMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,YAAa,CACXC,MAAOF,EAAMG,QAAQC,QAAQC,MAC7BC,OAAQ,UACRC,YAAa,EACbC,QAAS,OACTC,WAAY,SACZ,UAAW,CACTP,MAAOF,EAAMG,QAAQC,QAAQM,eAGjCC,QAAS,CACPT,MAAOF,EAAMG,QAAQC,QAAQC,MAC7BO,gBAAiB,yBAEpB,mBAuBuB,SAUIC,GAAA,IAAAC,EAT1BC,IAAAA,SAAQC,EAAAH,EACRI,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EACZE,IAAAA,WAAUC,EAAAN,EACVO,cAAAA,OAAgB,IAAAD,EAAA,WAAA,OAAME,EAAAA,IAACC,EAAAA,SAAQ,CAACC,KAAM,IAAM,EAAAJ,EAAAK,EAAAX,EAC5CY,aAAAA,OAAe,IAAAD,EAAA,CACbE,MAAO,SACPC,UAAW,SACXC,MAAO,MACRJ,EAE6CK,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAtDC,EAAeH,EAAA,GAAEI,EAAkBJ,EAAA,GACpCK,EAASrC,IAef,OARAsC,EAAAA,WAAU,WACR,IAAMC,EAAuBC,YAAW,WACtCJ,GAAmB,EACrB,GAAGT,EAAaG,OAEhB,OAAO,WAAA,OAAMW,aAAaF,EAAqB,CACjD,GAAG,CAACJ,IAGFZ,EAAAA,IAACmB,EAAAA,QAAO,CACNvB,QAAS,CACPN,QAAS8B,EAAAA,QAAWN,EAAOxB,QAASM,EAAQN,SAC5C+B,OAAQzB,EAAQ0B,eAElBjB,cAAOD,EAAAA,EAAaC,qBAAS,GAC7BkB,KAAMX,EACNY,sBAAoB,EACpBC,sBAAoB,EACpBnB,UAAWF,EAAaE,UAAUZ,SAElCM,EAAA0B,IAAA,OAAA,CACEC,UAAWP,EAAAA,QAAWN,EAAOlC,YAAagB,EAAQhB,aAClDgD,QA3BiB,WACrBf,GAAmB,GACnBgB,UAAMC,gBAAgBpC,IAyBMA,SAExBM,MAACD,EAAa,CAAC4B,UAAW/B,EAAQmC,KAAM,cAAalC,OAI7D"}

package/cjs-bundle/components/Counter/index.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("classnames"),e=require("lodash"),c=require("@material-ui/core"),n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var r=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var u=t(s),a=t(o),l=t(i),p=["classes","size","limited","clickable","tooltip"];function m(s,o){var i=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),i.push.apply(i,e)}return i}function j(s){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?m(Object(i),!0).forEach((function(o){u.default(s,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=c.makeStyles((function(s){return{rootChip:{"&.MuiChip-root":{backgroundColor:s.palette.background.b9,color:s.palette.primary.text6,textAlign:"center","&:hover":{color:s.palette.primary.contrastText,"& .MuiSvgIcon-root":{color:s.palette.primary.contrastText}},"& span.MuiChip-label":{padding:0}}},tooltip:{marginTop:"10px"},closeIcon:{marginRight:"-2px !important",marginLeft:"2px !important",color:s.palette.primary.text6},sizeSmall:{"&.MuiChip-root":{minWidth:16,height:16,padding:"1px 2px","& span":{fontSize:"11px",lineHeight:"14px"}}},sizeSmallLimited:{"&.MuiChip-root":{padding:"1px 3px"}},sizeMedium:{"&.MuiChip-root":{minWidth:24,height:24,padding:"2px 4px","& span":{fontSize:"14px",lineHeight:"20px"}}},sizeMediumLimited:{"&.MuiChip-root":{padding:"2px 6px"}},sizeMediumClickable:{"&.MuiChip-root":{padding:"2px 6px"}},sizeLarge:{"&.MuiChip-root":{minWidth:32,height:32,padding:"5px 7px","& span":{fontSize:"16px",lineHeight:"22px"}}},sizeLargeLimited:{"&.MuiChip-root":{padding:"5px 8px"}},sizeLargeClickable:{"&.MuiChip-root":{padding:"5px 8px"}}}}));module.exports=function(s){var o=s.classes,i=void 0===o?{}:o,t=s.size,u=void 0===t?"medium":t,m=s.limited,q=void 0!==m&&m,I=s.clickable,h=void 0!==I&&I,C=s.tooltip,b=void 0===C?"":C,g=a.default(s,p),x=d();return r.jsx(c.Tooltip,{title:b,classes:{tooltip:x.tooltip},children:r.jsx(c.Chip,j(j({},g),{},{size:u,classes:j(j({},i),{},{root:l.default(i.root,x.rootChip,x["size".concat(e.capitalize(u))],q&&x["size".concat(e.capitalize(u),"Limited")],h&&x["size".concat(e.capitalize(u),"Clickable")])}),clickable:h,deleteIcon:r.jsx(n.CloseSmallIcon,{className:x.closeIcon,size:16})}))})};
+"use strict";var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("classnames"),e=require("lodash"),c=require("@material-ui/core"),n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var r=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var u=t(s),a=t(o),l=t(i),p=["classes","size","limited","clickable","tooltip"];function m(s,o){var i=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),i.push.apply(i,e)}return i}function j(s){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?m(Object(i),!0).forEach((function(o){u.default(s,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=c.makeStyles((function(s){return{rootChip:{"&.MuiChip-root":{backgroundColor:s.palette.background.b9,color:s.palette.primary.text6,textAlign:"center","&:hover":{color:s.palette.primary.contrastText,"& .MuiSvgIcon-root":{color:s.palette.primary.contrastText}},"& span.MuiChip-label":{padding:0}}},tooltip:{marginTop:"10px"},closeIcon:{marginRight:"-2px !important",marginLeft:"2px !important",color:s.palette.primary.text6},sizeSmall:{"&.MuiChip-root":{minWidth:16,height:16,padding:"1px 2px","& span":{fontSize:"11px",lineHeight:"14px"}}},sizeSmallLimited:{"&.MuiChip-root":{padding:"1px 3px"}},sizeMedium:{"&.MuiChip-root":{minWidth:24,height:24,padding:"2px 4px","& span":{fontSize:"14px",lineHeight:"20px"}}},sizeMediumLimited:{"&.MuiChip-root":{padding:"2px 6px"}},sizeMediumClickable:{"&.MuiChip-root":{padding:"2px 6px"}},sizeLarge:{"&.MuiChip-root":{minWidth:32,height:32,padding:"5px 7px","& span":{fontSize:"16px",lineHeight:"22px"}}},sizeLargeLimited:{"&.MuiChip-root":{padding:"5px 8px"}},sizeLargeClickable:{"&.MuiChip-root":{padding:"5px 8px"}}}}));module.exports=function(s){var o=s.classes,i=void 0===o?{}:o,t=s.size,u=void 0===t?"medium":t,m=s.limited,q=void 0!==m&&m,I=s.clickable,h=void 0!==I&&I,C=s.tooltip,b=void 0===C?"":C,g=a.default(s,p),x=d();return r.jsx(c.Tooltip,{title:b,classes:{tooltip:x.tooltip},children:r.jsx(c.Chip,j(j({},g),{},{size:u,classes:j(j({},i),{},{root:l.default(i.root,x.rootChip,x["size".concat(e.capitalize(u))],q&&x["size".concat(e.capitalize(u),"Limited")],h&&x["size".concat(e.capitalize(u),"Clickable")])}),clickable:h,deleteIcon:r.jsx(n.CloseSmallIcon,{className:x.closeIcon,size:16})}))})};
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/Counter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Counter/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { capitalize } from 'lodash';\n\nimport { Chip as MuiChip, ChipProps, makeStyles, Tooltip } from '@material-ui/core';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  rootChip: {\n    '&.MuiChip-root': {\n      backgroundColor: theme.palette.background.b9,\n      color: theme.palette.primary.text6,\n      textAlign: 'center',\n\n      '&:hover': {\n        color: theme.palette.primary.contrastText,\n\n        '& .MuiSvgIcon-root': {\n          color: theme.palette.primary.contrastText,\n        },\n      },\n      '& span.MuiChip-label': {\n        padding: 0,\n      },\n    },\n  },\n  tooltip: {\n    marginTop: '10px',\n  },\n  closeIcon: {\n    marginRight: '-2px !important',\n    marginLeft: '2px !important',\n    color: theme.palette.primary.text6,\n  },\n  sizeSmall: {\n    '&.MuiChip-root': {\n      minWidth: 16,\n      height: 16,\n      padding: '1px 2px',\n      '& span': {\n        fontSize: '11px',\n        lineHeight: '14px',\n      },\n    },\n  },\n  sizeSmallLimited: {\n    '&.MuiChip-root': {\n      padding: '1px 3px',\n    },\n  },\n\n  sizeMedium: {\n    '&.MuiChip-root': {\n      minWidth: 24,\n      height: 24,\n      padding: '2px 4px',\n      '& span': {\n        fontSize: '14px',\n        lineHeight: '20px',\n      },\n    },\n  },\n  sizeMediumLimited: {\n    '&.MuiChip-root': {\n      padding: '2px 6px',\n    },\n  },\n  sizeMediumClickable: {\n    '&.MuiChip-root': {\n      padding: '2px 6px',\n    },\n  },\n\n  sizeLarge: {\n    '&.MuiChip-root': {\n      minWidth: 32,\n      height: 32,\n      padding: '5px 7px',\n      '& span': {\n        fontSize: '16px',\n        lineHeight: '22px',\n      },\n    },\n  },\n  sizeLargeLimited: {\n    '&.MuiChip-root': {\n      padding: '5px 8px',\n    },\n  },\n  sizeLargeClickable: {\n    '&.MuiChip-root': {\n      padding: '5px 8px',\n    },\n  },\n}));\n\nexport type CounterProps = Omit<\n  ChipProps,\n  | 'classes'\n  | 'size'\n  | 'label'\n  | 'clickable'\n  | 'children'\n  | 'avatar'\n  | 'icon'\n  | 'deleteIcon'\n  | 'onDelete'\n  | 'variant'\n  | 'color'\n  | 'className'\n> & {\n  label: string;\n  classes?: {\n    root?: string;\n  };\n  size?: 'small' | 'medium' | 'large';\n  limited?: boolean;\n  clickable?: boolean;\n  tooltip?: string;\n  className?: string;\n};\n\ntype ClassName = keyof ReturnType<typeof useStyles>;\n\nconst Counter = ({\n  classes = {},\n  size = 'medium',\n  limited = false,\n  clickable = false,\n  tooltip = '',\n  ...rest\n}: CounterProps): JSX.Element => {\n  const styles = useStyles();\n\n  return (\n    <Tooltip title={tooltip} classes={{ tooltip: styles.tooltip }}>\n      <MuiChip\n        {...rest}\n        size={size as any}\n        classes={{\n          ...classes,\n          root: classNames(\n            classes.root,\n            styles.rootChip,\n            styles[`size${capitalize(size)}` as ClassName],\n            limited && styles[`size${capitalize(size)}Limited` as ClassName],\n            clickable && styles[`size${capitalize(size)}Clickable` as ClassName]\n          ),\n        }}\n        clickable={clickable}\n        deleteIcon={<CloseSmallIcon className={styles.closeIcon} size={16} />}\n      />\n    </Tooltip>\n  );\n};\n\nexport default Counter;\n"],"names":["useStyles","makeStyles","theme","rootChip","backgroundColor","palette","background","b9","color","primary","text6","textAlign","contrastText","padding","tooltip","marginTop","closeIcon","marginRight","marginLeft","sizeSmall","minWidth","height","fontSize","lineHeight","sizeSmallLimited","sizeMedium","sizeMediumLimited","sizeMediumClickable","sizeLarge","sizeLargeLimited","sizeLargeClickable","_ref","_ref$classes","classes","_ref$size","size","_ref$limited","limited","_ref$clickable","clickable","_ref$tooltip","rest","_objectWithoutProperties","_excluded","styles","_jsx","Tooltip","title","children","MuiChip","_objectSpread","root","classNames","concat","capitalize","deleteIcon","CloseSmallIcon","className"],"mappings":"2xJAMA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,SAAU,CACR,iBAAkB,CAChBC,gBAAiBF,EAAMG,QAAQC,WAAWC,GAC1CC,MAAON,EAAMG,QAAQI,QAAQC,MAC7BC,UAAW,SAEX,UAAW,CACTH,MAAON,EAAMG,QAAQI,QAAQG,aAE7B,qBAAsB,CACpBJ,MAAON,EAAMG,QAAQI,QAAQG,eAGjC,uBAAwB,CACtBC,QAAS,KAIfC,QAAS,CACPC,UAAW,QAEbC,UAAW,CACTC,YAAa,kBACbC,WAAY,iBACZV,MAAON,EAAMG,QAAQI,QAAQC,OAE/BS,UAAW,CACT,iBAAkB,CAChBC,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBC,iBAAkB,CAChB,iBAAkB,CAChBX,QAAS,YAIbY,WAAY,CACV,iBAAkB,CAChBL,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBG,kBAAmB,CACjB,iBAAkB,CAChBb,QAAS,YAGbc,oBAAqB,CACnB,iBAAkB,CAChBd,QAAS,YAIbe,UAAW,CACT,iBAAkB,CAChBR,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBM,iBAAkB,CAChB,iBAAkB,CAChBhB,QAAS,YAGbiB,mBAAoB,CAClB,iBAAkB,CAChBjB,QAAS,YAGd,mBA8Be,SAOiBkB,GAAA,IAAAC,EAAAD,EAN/BE,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAH,EACZI,KAAAA,aAAO,SAAQD,EAAAE,EAAAL,EACfM,QAAAA,cAAeD,EAAAE,EAAAP,EACfQ,UAAAA,cAAiBD,EAAAE,EAAAT,EACjBjB,QAAAA,aAAU,GAAE0B,EACTC,EAAIC,EAAA,QAAAX,EAAAY,GAEDC,EAAS5C,IAEf,OACE6C,EAAAA,IAACC,EAAAA,QAAO,CAACC,MAAOjC,EAASmB,QAAS,CAAEnB,QAAS8B,EAAO9B,SAAUkC,SAC5DH,EAAAA,IAACI,EAAAA,KAAOC,EAAAA,EAAA,GACFT,GAAI,GAAA,CACRN,KAAMA,EACNF,eACKA,GAAO,CAAA,EAAA,CACVkB,KAAMC,EAAAA,QACJnB,EAAQkB,KACRP,EAAOzC,SACPyC,EAAM,OAAAS,OAAQC,EAAAA,WAAWnB,KACzBE,GAAWO,EAAM,OAAAS,OAAQC,EAAAA,WAAWnB,GAAK,YACzCI,GAAaK,EAAM,OAAAS,OAAQC,EAAUA,WAACnB,GAA8B,iBAGxEI,UAAWA,EACXgB,WAAYV,MAACW,iBAAc,CAACC,UAAWb,EAAO5B,UAAWmB,KAAM,SAIvE"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Counter/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { capitalize } from 'lodash';\n\nimport { Chip as MuiChip, ChipProps, makeStyles, Tooltip } from '@material-ui/core';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  rootChip: {\n    '&.MuiChip-root': {\n      backgroundColor: theme.palette.background.b9,\n      color: theme.palette.primary.text6,\n      textAlign: 'center',\n\n      '&:hover': {\n        color: theme.palette.primary.contrastText,\n\n        '& .MuiSvgIcon-root': {\n          color: theme.palette.primary.contrastText,\n        },\n      },\n      '& span.MuiChip-label': {\n        padding: 0,\n      },\n    },\n  },\n  tooltip: {\n    marginTop: '10px',\n  },\n  closeIcon: {\n    marginRight: '-2px !important',\n    marginLeft: '2px !important',\n    color: theme.palette.primary.text6,\n  },\n  sizeSmall: {\n    '&.MuiChip-root': {\n      minWidth: 16,\n      height: 16,\n      padding: '1px 2px',\n      '& span': {\n        fontSize: '11px',\n        lineHeight: '14px',\n      },\n    },\n  },\n  sizeSmallLimited: {\n    '&.MuiChip-root': {\n      padding: '1px 3px',\n    },\n  },\n\n  sizeMedium: {\n    '&.MuiChip-root': {\n      minWidth: 24,\n      height: 24,\n      padding: '2px 4px',\n      '& span': {\n        fontSize: '14px',\n        lineHeight: '20px',\n      },\n    },\n  },\n  sizeMediumLimited: {\n    '&.MuiChip-root': {\n      padding: '2px 6px',\n    },\n  },\n  sizeMediumClickable: {\n    '&.MuiChip-root': {\n      padding: '2px 6px',\n    },\n  },\n\n  sizeLarge: {\n    '&.MuiChip-root': {\n      minWidth: 32,\n      height: 32,\n      padding: '5px 7px',\n      '& span': {\n        fontSize: '16px',\n        lineHeight: '22px',\n      },\n    },\n  },\n  sizeLargeLimited: {\n    '&.MuiChip-root': {\n      padding: '5px 8px',\n    },\n  },\n  sizeLargeClickable: {\n    '&.MuiChip-root': {\n      padding: '5px 8px',\n    },\n  },\n}));\n\nexport type CounterProps = Omit<\n  ChipProps,\n  | 'classes'\n  | 'size'\n  | 'label'\n  | 'clickable'\n  | 'children'\n  | 'avatar'\n  | 'icon'\n  | 'deleteIcon'\n  | 'onDelete'\n  | 'variant'\n  | 'color'\n  | 'className'\n> & {\n  label: string;\n  classes?: {\n    root?: string;\n  };\n  size?: 'small' | 'medium' | 'large';\n  limited?: boolean;\n  clickable?: boolean;\n  tooltip?: string;\n  className?: string;\n};\n\ntype ClassName = keyof ReturnType<typeof useStyles>;\n\nconst Counter = ({\n  classes = {},\n  size = 'medium',\n  limited = false,\n  clickable = false,\n  tooltip = '',\n  ...rest\n}: CounterProps): JSX.Element => {\n  const styles = useStyles();\n\n  return (\n    <Tooltip title={tooltip} classes={{ tooltip: styles.tooltip }}>\n      <MuiChip\n        {...rest}\n        size={size as any}\n        classes={{\n          ...classes,\n          root: classNames(\n            classes.root,\n            styles.rootChip,\n            styles[`size${capitalize(size)}` as ClassName],\n            limited && styles[`size${capitalize(size)}Limited` as ClassName],\n            clickable && styles[`size${capitalize(size)}Clickable` as ClassName]\n          ),\n        }}\n        clickable={clickable}\n        deleteIcon={<CloseSmallIcon className={styles.closeIcon} size={16} />}\n      />\n    </Tooltip>\n  );\n};\n\nexport default Counter;\n"],"names":["useStyles","makeStyles","theme","rootChip","backgroundColor","palette","background","b9","color","primary","text6","textAlign","contrastText","padding","tooltip","marginTop","closeIcon","marginRight","marginLeft","sizeSmall","minWidth","height","fontSize","lineHeight","sizeSmallLimited","sizeMedium","sizeMediumLimited","sizeMediumClickable","sizeLarge","sizeLargeLimited","sizeLargeClickable","_ref","_ref$classes","classes","_ref$size","size","_ref$limited","limited","_ref$clickable","clickable","_ref$tooltip","rest","_objectWithoutProperties","_excluded","styles","_jsx","Tooltip","title","children","MuiChip","_objectSpread","root","classNames","concat","capitalize","deleteIcon","CloseSmallIcon","className"],"mappings":"24JAMA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,SAAU,CACR,iBAAkB,CAChBC,gBAAiBF,EAAMG,QAAQC,WAAWC,GAC1CC,MAAON,EAAMG,QAAQI,QAAQC,MAC7BC,UAAW,SAEX,UAAW,CACTH,MAAON,EAAMG,QAAQI,QAAQG,aAE7B,qBAAsB,CACpBJ,MAAON,EAAMG,QAAQI,QAAQG,eAGjC,uBAAwB,CACtBC,QAAS,KAIfC,QAAS,CACPC,UAAW,QAEbC,UAAW,CACTC,YAAa,kBACbC,WAAY,iBACZV,MAAON,EAAMG,QAAQI,QAAQC,OAE/BS,UAAW,CACT,iBAAkB,CAChBC,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBC,iBAAkB,CAChB,iBAAkB,CAChBX,QAAS,YAIbY,WAAY,CACV,iBAAkB,CAChBL,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBG,kBAAmB,CACjB,iBAAkB,CAChBb,QAAS,YAGbc,oBAAqB,CACnB,iBAAkB,CAChBd,QAAS,YAIbe,UAAW,CACT,iBAAkB,CAChBR,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBM,iBAAkB,CAChB,iBAAkB,CAChBhB,QAAS,YAGbiB,mBAAoB,CAClB,iBAAkB,CAChBjB,QAAS,YAGd,mBA8Be,SAOiBkB,GAAA,IAAAC,EAAAD,EAN/BE,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAH,EACZI,KAAAA,aAAO,SAAQD,EAAAE,EAAAL,EACfM,QAAAA,cAAeD,EAAAE,EAAAP,EACfQ,UAAAA,cAAiBD,EAAAE,EAAAT,EACjBjB,QAAAA,aAAU,GAAE0B,EACTC,EAAIC,EAAA,QAAAX,EAAAY,GAEDC,EAAS5C,IAEf,OACE6C,EAAAA,IAACC,EAAAA,QAAO,CAACC,MAAOjC,EAASmB,QAAS,CAAEnB,QAAS8B,EAAO9B,SAAUkC,SAC5DH,EAAAA,IAACI,EAAAA,KAAOC,EAAAA,EAAA,GACFT,GAAI,GAAA,CACRN,KAAMA,EACNF,eACKA,GAAO,CAAA,EAAA,CACVkB,KAAMC,EAAAA,QACJnB,EAAQkB,KACRP,EAAOzC,SACPyC,EAAM,OAAAS,OAAQC,EAAAA,WAAWnB,KACzBE,GAAWO,EAAM,OAAAS,OAAQC,EAAAA,WAAWnB,GAAK,YACzCI,GAAaK,EAAM,OAAAS,OAAQC,EAAUA,WAACnB,GAA8B,iBAGxEI,UAAWA,EACXgB,WAAYV,MAACW,iBAAc,CAACC,UAAWb,EAAO5B,UAAWmB,KAAM,SAIvE"}

package/cjs-bundle/components/DatePicker/index.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),e=require("classnames"),c=require("prop-types"),i=require("@material-ui/pickers"),r=require("@material-ui/core"),n=require("moment"),t=require("../../constants/dateTimeFormat.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=m(s),j=m(o),p=m(e),I=m(c),q=m(n),d=["className","PopoverProps"];function b(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function f(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?b(Object(e),!0).forEach((function(o){l.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):b(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var v=r.makeStyles((function(s){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:s.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:s.palette.primary.main},"&:hover .MuiIconButton-root":{color:s.palette.primary.contrastText},"& .MuiIconButton-root":{borderRadius:8,color:s.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),O=function(s){var o,e,c=s.className,r=void 0===c?"":c,n=s.PopoverProps,m=void 0===n?h:n,l=j.default(s,d),I=v();return a.jsx(i.KeyboardDatePicker,f(f({disableToolbar:!0,variant:"inline",keyboardIcon:a.jsx(u.CalendarIcon,{size:16}),rightArrowIcon:a.jsx(u.RightIcon,{size:24}),leftArrowIcon:a.jsx(u.LeftIcon,{size:24}),format:t.DATE_FORMAT,placeholder:q.default().format(t.DATE_FORMAT),refuse:/[^(\w|\d)]+/gi,maxDate:null!==(o=l.maxDate)&&void 0!==o?o:void 0,minDate:null!==(e=l.minDate)&&void 0!==e?e:void 0},l),{},{PopoverProps:f({className:p.default(I.paper,null==m?void 0:m.className)},m),className:p.default(I.dateTimePickerInput,r)}))};O.propTypes={PopoverProps:I.default.shape({className:I.default.string}),className:I.default.string};var h={};module.exports=O;
+"use strict";var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),e=require("classnames"),c=require("prop-types"),i=require("@material-ui/pickers"),n=require("@material-ui/core"),r=require("moment"),t=require("../../constants/dateTimeFormat.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=m(s),j=m(o),I=m(e),p=m(c),q=m(r),d=["className","PopoverProps"];function b(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function f(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?b(Object(e),!0).forEach((function(o){l.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):b(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var v=n.makeStyles((function(s){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:s.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:s.palette.primary.main},"&:hover .MuiIconButton-root":{color:s.palette.primary.contrastText},"& .MuiIconButton-root":{borderRadius:8,color:s.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),O=function(s){var o,e,c=s.className,n=void 0===c?"":c,r=s.PopoverProps,m=void 0===r?h:r,l=j.default(s,d),p=v();return a.jsx(i.KeyboardDatePicker,f(f({disableToolbar:!0,variant:"inline",keyboardIcon:a.jsx(u.CalendarIcon,{size:16}),rightArrowIcon:a.jsx(u.RightIcon,{size:24}),leftArrowIcon:a.jsx(u.LeftIcon,{size:24}),format:t.DATE_FORMAT,placeholder:q.default().format(t.DATE_FORMAT),refuse:/[^(\w|\d)]+/gi,maxDate:null!==(o=l.maxDate)&&void 0!==o?o:void 0,minDate:null!==(e=l.minDate)&&void 0!==e?e:void 0},l),{},{PopoverProps:f({className:I.default(p.paper,null==m?void 0:m.className)},m),className:I.default(p.dateTimePickerInput,n)}))};O.propTypes={PopoverProps:p.default.shape({className:p.default.string}),className:p.default.string};var h={};module.exports=O;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/DatePicker/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { KeyboardDatePicker, KeyboardDatePickerProps } from '@material-ui/pickers';\nimport { makeStyles } from '@material-ui/core';\nimport moment from 'moment';\nimport { DATE_FORMAT } from '../../constants/dateTimeFormat';\nimport { CalendarIcon, LeftIcon, RightIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  dateTimePickerInput: {\n    width: '100%',\n    paddingBottom: 8,\n    '& .MuiFormLabel-root.Mui-focused': {\n      color: theme.palette.primary.main,\n    },\n    '& .MuiInput-root.Mui-focused  .MuiIconButton-root': {\n      color: theme.palette.primary.main,\n    },\n    '&:hover .MuiIconButton-root': {\n      color: theme.palette.primary.contrastText,\n    },\n    '& .MuiIconButton-root': {\n      borderRadius: 8,\n      color: theme.palette.primary.text6,\n      fontSize: 'unset',\n      marginRight: -3,\n      marginBottom: -8,\n      padding: 6,\n      '&:hover': {\n        backgroundColor: 'rgba(255, 255, 255, 0.16)',\n      },\n    },\n    '& .MuiIconButton-root > span > span svg': {\n      fill: 'transparent !important',\n    },\n  },\n  paper: {\n    marginTop: 8,\n  },\n}));\n\ninterface DatePickerProps extends KeyboardDatePickerProps {\n  className?: string;\n}\n\nconst DatePicker = ({\n  className = '',\n  PopoverProps = DEFAULT_DATE_PICKER_POPOVER_PROPS,\n  ...otherProps\n}: DatePickerProps): JSX.Element => {\n  const styles = useStyles();\n\n  return (\n    <KeyboardDatePicker\n      disableToolbar\n      variant=\"inline\"\n      keyboardIcon={<CalendarIcon size={16} />}\n      rightArrowIcon={<RightIcon size={24} />}\n      leftArrowIcon={<LeftIcon size={24} />}\n      format={DATE_FORMAT}\n      placeholder={moment().format(DATE_FORMAT)}\n      refuse={/[^(\\w|\\d)]+/gi}\n      // Even though the type of maxDate and minDate allows null, it leads to an error during parsing date\n      maxDate={otherProps.maxDate ?? undefined}\n      minDate={otherProps.minDate ?? undefined}\n      {...otherProps}\n      PopoverProps={{\n        className: classNames(styles.paper, PopoverProps?.className),\n        ...PopoverProps,\n      }}\n      className={classNames(styles.dateTimePickerInput, className)}\n    />\n  );\n};\n\nDatePicker.propTypes = {\n  PopoverProps: PropTypes.shape({\n    className: PropTypes.string,\n  }),\n  className: PropTypes.string,\n};\n\nconst DEFAULT_DATE_PICKER_POPOVER_PROPS = {};\n\nexport default DatePicker;\n"],"names":["useStyles","makeStyles","theme","dateTimePickerInput","width","paddingBottom","color","palette","primary","main","contrastText","borderRadius","text6","fontSize","marginRight","marginBottom","padding","backgroundColor","fill","paper","marginTop","DatePicker","_ref","_otherProps$maxDate","_otherProps$minDate","_ref$className","className","_ref$PopoverProps","PopoverProps","DEFAULT_DATE_PICKER_POPOVER_PROPS","otherProps","_objectWithoutProperties","_excluded","styles","_jsx","KeyboardDatePicker","_objectSpread","disableToolbar","variant","keyboardIcon","CalendarIcon","size","rightArrowIcon","RightIcon","leftArrowIcon","LeftIcon","format","DATE_FORMAT","placeholder","moment","refuse","maxDate","undefined","minDate","classNames","propTypes","PropTypes","shape","string"],"mappings":"43JASA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,oBAAqB,CACnBC,MAAO,OACPC,cAAe,EACf,mCAAoC,CAClCC,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,oDAAqD,CACnDH,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,8BAA+B,CAC7BH,MAAOJ,EAAMK,QAAQC,QAAQE,cAE/B,wBAAyB,CACvBC,aAAc,EACdL,MAAOJ,EAAMK,QAAQC,QAAQI,MAC7BC,SAAU,QACVC,aAAc,EACdC,cAAe,EACfC,QAAS,EACT,UAAW,CACTC,gBAAiB,8BAGrB,0CAA2C,CACzCC,KAAM,2BAGVC,MAAO,CACLC,UAAW,GAEd,IAMKC,EAAa,SAIiBC,GAAA,IAAAC,EAAAC,EAAAC,EAAAH,EAHlCI,UAAAA,aAAY,GAAED,EAAAE,EAAAL,EACdM,aAAAA,aAAeC,EAAiCF,EAC7CG,EAAUC,EAAA,QAAAT,EAAAU,GAEPC,EAASjC,IAEf,OACEkC,MAACC,EAAAA,mBAAkBC,EAAAA,EAAA,CACjBC,gBAAc,EACdC,QAAQ,SACRC,aAAcL,MAACM,eAAY,CAACC,KAAM,KAClCC,eAAgBR,MAACS,YAAS,CAACF,KAAM,KACjCG,cAAeV,MAACW,WAAQ,CAACJ,KAAM,KAC/BK,OAAQC,EAAYA,YACpBC,YAAaC,EAAM,UAAGH,OAAOC,eAC7BG,OAAQ,gBAERC,gBAASrB,EAAAA,EAAWqB,4BAAWC,EAC/BC,QAA+BD,QAAtBtB,EAAAA,EAAWuB,eAAWD,IAAAA,EAAAA,OAAAA,GAC3BtB,GAAU,GAAA,CACdF,aAAYQ,EAAA,CACVV,UAAW4B,EAAU,QAACrB,EAAOd,MAAOS,aAAAA,EAAAA,EAAcF,YAC/CE,GAELF,UAAW4B,EAAU,QAACrB,EAAO9B,oBAAqBuB,KAGxD,EAEAL,EAAWkC,UAAY,CACrB3B,aAAc4B,EAAS,QAACC,MAAM,CAC5B/B,UAAW8B,EAAS,QAACE,SAEvBhC,UAAW8B,EAAS,QAACE,QAGvB,IAAM7B,EAAoC,CAAE"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/DatePicker/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { KeyboardDatePicker, KeyboardDatePickerProps } from '@material-ui/pickers';\nimport { makeStyles } from '@material-ui/core';\nimport moment from 'moment';\nimport { DATE_FORMAT } from '../../constants/dateTimeFormat';\nimport { CalendarIcon, LeftIcon, RightIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  dateTimePickerInput: {\n    width: '100%',\n    paddingBottom: 8,\n    '& .MuiFormLabel-root.Mui-focused': {\n      color: theme.palette.primary.main,\n    },\n    '& .MuiInput-root.Mui-focused  .MuiIconButton-root': {\n      color: theme.palette.primary.main,\n    },\n    '&:hover .MuiIconButton-root': {\n      color: theme.palette.primary.contrastText,\n    },\n    '& .MuiIconButton-root': {\n      borderRadius: 8,\n      color: theme.palette.primary.text6,\n      fontSize: 'unset',\n      marginRight: -3,\n      marginBottom: -8,\n      padding: 6,\n      '&:hover': {\n        backgroundColor: 'rgba(255, 255, 255, 0.16)',\n      },\n    },\n    '& .MuiIconButton-root > span > span svg': {\n      fill: 'transparent !important',\n    },\n  },\n  paper: {\n    marginTop: 8,\n  },\n}));\n\ninterface DatePickerProps extends KeyboardDatePickerProps {\n  className?: string;\n}\n\nconst DatePicker = ({\n  className = '',\n  PopoverProps = DEFAULT_DATE_PICKER_POPOVER_PROPS,\n  ...otherProps\n}: DatePickerProps): JSX.Element => {\n  const styles = useStyles();\n\n  return (\n    <KeyboardDatePicker\n      disableToolbar\n      variant=\"inline\"\n      keyboardIcon={<CalendarIcon size={16} />}\n      rightArrowIcon={<RightIcon size={24} />}\n      leftArrowIcon={<LeftIcon size={24} />}\n      format={DATE_FORMAT}\n      placeholder={moment().format(DATE_FORMAT)}\n      refuse={/[^(\\w|\\d)]+/gi}\n      // Even though the type of maxDate and minDate allows null, it leads to an error during parsing date\n      maxDate={otherProps.maxDate ?? undefined}\n      minDate={otherProps.minDate ?? undefined}\n      {...otherProps}\n      PopoverProps={{\n        className: classNames(styles.paper, PopoverProps?.className),\n        ...PopoverProps,\n      }}\n      className={classNames(styles.dateTimePickerInput, className)}\n    />\n  );\n};\n\nDatePicker.propTypes = {\n  PopoverProps: PropTypes.shape({\n    className: PropTypes.string,\n  }),\n  className: PropTypes.string,\n};\n\nconst DEFAULT_DATE_PICKER_POPOVER_PROPS = {};\n\nexport default DatePicker;\n"],"names":["useStyles","makeStyles","theme","dateTimePickerInput","width","paddingBottom","color","palette","primary","main","contrastText","borderRadius","text6","fontSize","marginRight","marginBottom","padding","backgroundColor","fill","paper","marginTop","DatePicker","_ref","_otherProps$maxDate","_otherProps$minDate","_ref$className","className","_ref$PopoverProps","PopoverProps","DEFAULT_DATE_PICKER_POPOVER_PROPS","otherProps","_objectWithoutProperties","_excluded","styles","_jsx","KeyboardDatePicker","_objectSpread","disableToolbar","variant","keyboardIcon","CalendarIcon","size","rightArrowIcon","RightIcon","leftArrowIcon","LeftIcon","format","DATE_FORMAT","placeholder","moment","refuse","maxDate","undefined","minDate","classNames","propTypes","PropTypes","shape","string"],"mappings":"4+JASA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,oBAAqB,CACnBC,MAAO,OACPC,cAAe,EACf,mCAAoC,CAClCC,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,oDAAqD,CACnDH,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,8BAA+B,CAC7BH,MAAOJ,EAAMK,QAAQC,QAAQE,cAE/B,wBAAyB,CACvBC,aAAc,EACdL,MAAOJ,EAAMK,QAAQC,QAAQI,MAC7BC,SAAU,QACVC,aAAc,EACdC,cAAe,EACfC,QAAS,EACT,UAAW,CACTC,gBAAiB,8BAGrB,0CAA2C,CACzCC,KAAM,2BAGVC,MAAO,CACLC,UAAW,GAEd,IAMKC,EAAa,SAIiBC,GAAA,IAAAC,EAAAC,EAAAC,EAAAH,EAHlCI,UAAAA,aAAY,GAAED,EAAAE,EAAAL,EACdM,aAAAA,aAAeC,EAAiCF,EAC7CG,EAAUC,EAAA,QAAAT,EAAAU,GAEPC,EAASjC,IAEf,OACEkC,MAACC,EAAAA,mBAAkBC,EAAAA,EAAA,CACjBC,gBAAc,EACdC,QAAQ,SACRC,aAAcL,MAACM,eAAY,CAACC,KAAM,KAClCC,eAAgBR,MAACS,YAAS,CAACF,KAAM,KACjCG,cAAeV,MAACW,WAAQ,CAACJ,KAAM,KAC/BK,OAAQC,EAAYA,YACpBC,YAAaC,EAAM,UAAGH,OAAOC,eAC7BG,OAAQ,gBAERC,gBAASrB,EAAAA,EAAWqB,4BAAWC,EAC/BC,QAA+BD,QAAtBtB,EAAAA,EAAWuB,eAAWD,IAAAA,EAAAA,OAAAA,GAC3BtB,GAAU,GAAA,CACdF,aAAYQ,EAAA,CACVV,UAAW4B,EAAU,QAACrB,EAAOd,MAAOS,aAAAA,EAAAA,EAAcF,YAC/CE,GAELF,UAAW4B,EAAU,QAACrB,EAAO9B,oBAAqBuB,KAGxD,EAEAL,EAAWkC,UAAY,CACrB3B,aAAc4B,EAAS,QAACC,MAAM,CAC5B/B,UAAW8B,EAAS,QAACE,SAEvBhC,UAAW8B,EAAS,QAACE,QAGvB,IAAM7B,EAAoC,CAAE"}

package/cjs-bundle/components/DateTimePicker/index.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),e=require("classnames"),c=require("prop-types"),i=require("moment"),r=require("@material-ui/pickers"),n=require("@material-ui/core"),t=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("../../constants/dateTimeFormat.js"),a=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=m(s),j=m(o),I=m(e),p=m(c),q=m(i),d=["className","PopoverProps","format"];function f(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function b(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?f(Object(e),!0).forEach((function(o){l.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):f(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var v=n.makeStyles((function(s){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:s.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:s.palette.primary.main},"&:hover .MuiIconButton-root":{color:s.palette.primary.contrastText},"& .MuiIconButton-root":{color:s.palette.primary.text6,borderRadius:8,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function O(s){var o,e,c=s.className,i=void 0===c?"":c,n=s.PopoverProps,u=void 0===n?h:n,m=s.format,l=void 0===m?g:m,p=j.default(s,d),f=v();return a.jsx(r.KeyboardDateTimePicker,b(b({dateRangeIcon:a.jsx(t.CalendarIcon,{size:24}),timeIcon:a.jsx(t.TimeIcon,{size:24}),rightArrowIcon:a.jsx(t.RightIcon,{size:24}),leftArrowIcon:a.jsx(t.LeftIcon,{size:24}),keyboardIcon:a.jsx(t.CalendarIcon,{size:16}),format:l,refuse:/[^(\w|\d)]+/gi,placeholder:q.default().format(l),maxDate:null!==(o=p.maxDate)&&void 0!==o?o:void 0,minDate:null!==(e=p.minDate)&&void 0!==e?e:void 0},p),{},{PopoverProps:b({className:f.paper},u),className:I.default(f.dateTimePickerInput,i)}))}O.propTypes={className:p.default.string,PopoverProps:p.default.shape({className:p.default.string}),format:p.default.string};var h={},g=u.DATE_TIME_FORMAT;module.exports=O;
+"use strict";var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),e=require("classnames"),c=require("prop-types"),i=require("moment"),n=require("@material-ui/pickers"),r=require("@material-ui/core"),t=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("../../constants/dateTimeFormat.js"),a=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=m(s),j=m(o),I=m(e),p=m(c),q=m(i),d=["className","PopoverProps","format"];function f(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function b(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?f(Object(e),!0).forEach((function(o){l.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):f(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var v=r.makeStyles((function(s){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:s.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:s.palette.primary.main},"&:hover .MuiIconButton-root":{color:s.palette.primary.contrastText},"& .MuiIconButton-root":{color:s.palette.primary.text6,borderRadius:8,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function O(s){var o,e,c=s.className,i=void 0===c?"":c,r=s.PopoverProps,u=void 0===r?h:r,m=s.format,l=void 0===m?g:m,p=j.default(s,d),f=v();return a.jsx(n.KeyboardDateTimePicker,b(b({dateRangeIcon:a.jsx(t.CalendarIcon,{size:24}),timeIcon:a.jsx(t.TimeIcon,{size:24}),rightArrowIcon:a.jsx(t.RightIcon,{size:24}),leftArrowIcon:a.jsx(t.LeftIcon,{size:24}),keyboardIcon:a.jsx(t.CalendarIcon,{size:16}),format:l,refuse:/[^(\w|\d)]+/gi,placeholder:q.default().format(l),maxDate:null!==(o=p.maxDate)&&void 0!==o?o:void 0,minDate:null!==(e=p.minDate)&&void 0!==e?e:void 0},p),{},{PopoverProps:b({className:f.paper},u),className:I.default(f.dateTimePickerInput,i)}))}O.propTypes={className:p.default.string,PopoverProps:p.default.shape({className:p.default.string}),format:p.default.string};var h={},g=u.DATE_TIME_FORMAT;module.exports=O;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/DateTimePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/DateTimePicker/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\n\nimport { KeyboardDateTimePicker, KeyboardDateTimePickerProps } from '@material-ui/pickers';\nimport { makeStyles } from '@material-ui/core';\nimport { CalendarIcon, RightIcon, LeftIcon, TimeIcon } from '~/icons';\nimport { DATE_TIME_FORMAT } from '../../constants/dateTimeFormat';\n\nconst useStyles = makeStyles(theme => ({\n  dateTimePickerInput: {\n    width: '100%',\n    paddingBottom: 8,\n    '& .MuiFormLabel-root.Mui-focused': {\n      color: theme.palette.primary.main,\n    },\n    '& .MuiInput-root.Mui-focused  .MuiIconButton-root': {\n      color: theme.palette.primary.main,\n    },\n    '&:hover .MuiIconButton-root': {\n      color: theme.palette.primary.contrastText,\n    },\n    '& .MuiIconButton-root': {\n      color: theme.palette.primary.text6,\n      borderRadius: 8,\n      fontSize: 'unset',\n      marginRight: -3,\n      marginBottom: -8,\n      padding: 6,\n      '&:hover': {\n        backgroundColor: 'rgba(255, 255, 255, 0.16)',\n      },\n    },\n    '& .MuiIconButton-root > span > span svg': {\n      fill: 'transparent !important',\n    },\n  },\n  paper: {\n    marginTop: 8,\n  },\n}));\n\nfunction DateTimePicker({\n  className = '',\n  PopoverProps = DEFAULT_DATE_TIME_PICKER_POPOVER_PROPS,\n  format = DEFAULT_DATE_TIME_PICKER_FORMAT,\n  ...otherProps\n}: KeyboardDateTimePickerProps): JSX.Element {\n  const styles = useStyles();\n\n  return (\n    <KeyboardDateTimePicker\n      dateRangeIcon={<CalendarIcon size={24} />}\n      timeIcon={<TimeIcon size={24} />}\n      rightArrowIcon={<RightIcon size={24} />}\n      leftArrowIcon={<LeftIcon size={24} />}\n      keyboardIcon={<CalendarIcon size={16} />}\n      format={format}\n      refuse={/[^(\\w|\\d)]+/gi}\n      placeholder={moment().format(format)}\n      // Even though the type of maxDate and minDate allows null, it leads to an error during parsing date\n      maxDate={otherProps.maxDate ?? undefined}\n      minDate={otherProps.minDate ?? undefined}\n      {...otherProps}\n      PopoverProps={{ className: styles.paper, ...PopoverProps }}\n      className={classNames(styles.dateTimePickerInput, className)}\n    />\n  );\n}\n\nDateTimePicker.propTypes = {\n  className: PropTypes.string,\n  PopoverProps: PropTypes.shape({\n    className: PropTypes.string,\n  }),\n  format: PropTypes.string,\n};\n\nconst DEFAULT_DATE_TIME_PICKER_POPOVER_PROPS = {};\nconst DEFAULT_DATE_TIME_PICKER_FORMAT = DATE_TIME_FORMAT;\n\nexport default DateTimePicker;\n"],"names":["useStyles","makeStyles","theme","dateTimePickerInput","width","paddingBottom","color","palette","primary","main","contrastText","text6","borderRadius","fontSize","marginRight","marginBottom","padding","backgroundColor","fill","paper","marginTop","DateTimePicker","_ref","_otherProps$maxDate","_otherProps$minDate","_ref$className","className","_ref$PopoverProps","PopoverProps","DEFAULT_DATE_TIME_PICKER_POPOVER_PROPS","_ref$format","format","DEFAULT_DATE_TIME_PICKER_FORMAT","otherProps","_objectWithoutProperties","_excluded","styles","_jsx","KeyboardDateTimePicker","_objectSpread","dateRangeIcon","CalendarIcon","size","timeIcon","TimeIcon","rightArrowIcon","RightIcon","leftArrowIcon","LeftIcon","keyboardIcon","refuse","placeholder","moment","maxDate","undefined","minDate","classNames","propTypes","PropTypes","string","shape","DATE_TIME_FORMAT"],"mappings":"q4JASA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,oBAAqB,CACnBC,MAAO,OACPC,cAAe,EACf,mCAAoC,CAClCC,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,oDAAqD,CACnDH,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,8BAA+B,CAC7BH,MAAOJ,EAAMK,QAAQC,QAAQE,cAE/B,wBAAyB,CACvBJ,MAAOJ,EAAMK,QAAQC,QAAQG,MAC7BC,aAAc,EACdC,SAAU,QACVC,aAAc,EACdC,cAAe,EACfC,QAAS,EACT,UAAW,CACTC,gBAAiB,8BAGrB,0CAA2C,CACzCC,KAAM,2BAGVC,MAAO,CACLC,UAAW,GAEd,IAED,SAASC,EAKoCC,GAAA,IAAAC,EAAAC,EAAAC,EAAAH,EAJ3CI,UAAAA,aAAY,GAAED,EAAAE,EAAAL,EACdM,aAAAA,aAAeC,EAAsCF,EAAAG,EAAAR,EACrDS,OAAAA,aAASC,EAA+BF,EACrCG,EAAUC,EAAA,QAAAZ,EAAAa,GAEPC,EAASpC,IAEf,OACEqC,MAACC,EAAAA,uBAAsBC,EAAAA,EAAA,CACrBC,cAAeH,MAACI,eAAY,CAACC,KAAM,KACnCC,SAAUN,MAACO,WAAQ,CAACF,KAAM,KAC1BG,eAAgBR,MAACS,YAAS,CAACJ,KAAM,KACjCK,cAAeV,MAACW,WAAQ,CAACN,KAAM,KAC/BO,aAAcZ,MAACI,eAAY,CAACC,KAAM,KAClCX,OAAQA,EACRmB,OAAQ,gBACRC,YAAaC,EAAM,UAAGrB,OAAOA,GAE7BsB,gBAASpB,EAAAA,EAAWoB,4BAAWC,EAC/BC,QAA+BD,QAAtBrB,EAAAA,EAAWsB,eAAWD,IAAAA,EAAAA,OAAAA,GAC3BrB,GAAU,GAAA,CACdL,aAAYW,EAAA,CAAIb,UAAWU,EAAOjB,OAAUS,GAC5CF,UAAW8B,EAAU,QAACpB,EAAOjC,oBAAqBuB,KAGxD,CAEAL,EAAeoC,UAAY,CACzB/B,UAAWgC,EAAS,QAACC,OACrB/B,aAAc8B,EAAS,QAACE,MAAM,CAC5BlC,UAAWgC,EAAS,QAACC,SAEvB5B,OAAQ2B,EAAS,QAACC,QAGpB,IAAM9B,EAAyC,CAAA,EACzCG,EAAkC6B,EAAgBA"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/DateTimePicker/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\n\nimport { KeyboardDateTimePicker, KeyboardDateTimePickerProps } from '@material-ui/pickers';\nimport { makeStyles } from '@material-ui/core';\nimport { CalendarIcon, RightIcon, LeftIcon, TimeIcon } from '~/icons';\nimport { DATE_TIME_FORMAT } from '../../constants/dateTimeFormat';\n\nconst useStyles = makeStyles(theme => ({\n  dateTimePickerInput: {\n    width: '100%',\n    paddingBottom: 8,\n    '& .MuiFormLabel-root.Mui-focused': {\n      color: theme.palette.primary.main,\n    },\n    '& .MuiInput-root.Mui-focused  .MuiIconButton-root': {\n      color: theme.palette.primary.main,\n    },\n    '&:hover .MuiIconButton-root': {\n      color: theme.palette.primary.contrastText,\n    },\n    '& .MuiIconButton-root': {\n      color: theme.palette.primary.text6,\n      borderRadius: 8,\n      fontSize: 'unset',\n      marginRight: -3,\n      marginBottom: -8,\n      padding: 6,\n      '&:hover': {\n        backgroundColor: 'rgba(255, 255, 255, 0.16)',\n      },\n    },\n    '& .MuiIconButton-root > span > span svg': {\n      fill: 'transparent !important',\n    },\n  },\n  paper: {\n    marginTop: 8,\n  },\n}));\n\nfunction DateTimePicker({\n  className = '',\n  PopoverProps = DEFAULT_DATE_TIME_PICKER_POPOVER_PROPS,\n  format = DEFAULT_DATE_TIME_PICKER_FORMAT,\n  ...otherProps\n}: KeyboardDateTimePickerProps): JSX.Element {\n  const styles = useStyles();\n\n  return (\n    <KeyboardDateTimePicker\n      dateRangeIcon={<CalendarIcon size={24} />}\n      timeIcon={<TimeIcon size={24} />}\n      rightArrowIcon={<RightIcon size={24} />}\n      leftArrowIcon={<LeftIcon size={24} />}\n      keyboardIcon={<CalendarIcon size={16} />}\n      format={format}\n      refuse={/[^(\\w|\\d)]+/gi}\n      placeholder={moment().format(format)}\n      // Even though the type of maxDate and minDate allows null, it leads to an error during parsing date\n      maxDate={otherProps.maxDate ?? undefined}\n      minDate={otherProps.minDate ?? undefined}\n      {...otherProps}\n      PopoverProps={{ className: styles.paper, ...PopoverProps }}\n      className={classNames(styles.dateTimePickerInput, className)}\n    />\n  );\n}\n\nDateTimePicker.propTypes = {\n  className: PropTypes.string,\n  PopoverProps: PropTypes.shape({\n    className: PropTypes.string,\n  }),\n  format: PropTypes.string,\n};\n\nconst DEFAULT_DATE_TIME_PICKER_POPOVER_PROPS = {};\nconst DEFAULT_DATE_TIME_PICKER_FORMAT = DATE_TIME_FORMAT;\n\nexport default DateTimePicker;\n"],"names":["useStyles","makeStyles","theme","dateTimePickerInput","width","paddingBottom","color","palette","primary","main","contrastText","text6","borderRadius","fontSize","marginRight","marginBottom","padding","backgroundColor","fill","paper","marginTop","DateTimePicker","_ref","_otherProps$maxDate","_otherProps$minDate","_ref$className","className","_ref$PopoverProps","PopoverProps","DEFAULT_DATE_TIME_PICKER_POPOVER_PROPS","_ref$format","format","DEFAULT_DATE_TIME_PICKER_FORMAT","otherProps","_objectWithoutProperties","_excluded","styles","_jsx","KeyboardDateTimePicker","_objectSpread","dateRangeIcon","CalendarIcon","size","timeIcon","TimeIcon","rightArrowIcon","RightIcon","leftArrowIcon","LeftIcon","keyboardIcon","refuse","placeholder","moment","maxDate","undefined","minDate","classNames","propTypes","PropTypes","string","shape","DATE_TIME_FORMAT"],"mappings":"q/JASA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,oBAAqB,CACnBC,MAAO,OACPC,cAAe,EACf,mCAAoC,CAClCC,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,oDAAqD,CACnDH,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,8BAA+B,CAC7BH,MAAOJ,EAAMK,QAAQC,QAAQE,cAE/B,wBAAyB,CACvBJ,MAAOJ,EAAMK,QAAQC,QAAQG,MAC7BC,aAAc,EACdC,SAAU,QACVC,aAAc,EACdC,cAAe,EACfC,QAAS,EACT,UAAW,CACTC,gBAAiB,8BAGrB,0CAA2C,CACzCC,KAAM,2BAGVC,MAAO,CACLC,UAAW,GAEd,IAED,SAASC,EAKoCC,GAAA,IAAAC,EAAAC,EAAAC,EAAAH,EAJ3CI,UAAAA,aAAY,GAAED,EAAAE,EAAAL,EACdM,aAAAA,aAAeC,EAAsCF,EAAAG,EAAAR,EACrDS,OAAAA,aAASC,EAA+BF,EACrCG,EAAUC,EAAA,QAAAZ,EAAAa,GAEPC,EAASpC,IAEf,OACEqC,MAACC,EAAAA,uBAAsBC,EAAAA,EAAA,CACrBC,cAAeH,MAACI,eAAY,CAACC,KAAM,KACnCC,SAAUN,MAACO,WAAQ,CAACF,KAAM,KAC1BG,eAAgBR,MAACS,YAAS,CAACJ,KAAM,KACjCK,cAAeV,MAACW,WAAQ,CAACN,KAAM,KAC/BO,aAAcZ,MAACI,eAAY,CAACC,KAAM,KAClCX,OAAQA,EACRmB,OAAQ,gBACRC,YAAaC,EAAM,UAAGrB,OAAOA,GAE7BsB,gBAASpB,EAAAA,EAAWoB,4BAAWC,EAC/BC,QAA+BD,QAAtBrB,EAAAA,EAAWsB,eAAWD,IAAAA,EAAAA,OAAAA,GAC3BrB,GAAU,GAAA,CACdL,aAAYW,EAAA,CAAIb,UAAWU,EAAOjB,OAAUS,GAC5CF,UAAW8B,EAAU,QAACpB,EAAOjC,oBAAqBuB,KAGxD,CAEAL,EAAeoC,UAAY,CACzB/B,UAAWgC,EAAS,QAACC,OACrB/B,aAAc8B,EAAS,QAACE,MAAM,CAC5BlC,UAAWgC,EAAS,QAACC,SAEvB5B,OAAQ2B,EAAS,QAACC,QAGpB,IAAM9B,EAAyC,CAAA,EACzCG,EAAkC6B,EAAgBA"}

package/cjs-bundle/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("classnames"),o=require("@material-ui/core"),i=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var c=require("../AppSideBar/AppSideBar.js"),n=require("../../IconButton/index.js"),r=require("../AppSettingsPopover/AppSettingsPopover.js"),t=require("../../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var u=require("react/jsx-runtime"),a=require("../../../effects/useMatchAppContainerSize.js"),l=require("../../../utils/mobileDetect.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e),j=m(s);function d(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,i)}return o}function q(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?d(Object(o),!0).forEach((function(s){p.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var I=o.makeStyles({appLayout:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},header:{paddingLeft:12,paddingRight:12,display:"flex",height:36},contentWrapper:{display:"flex",position:"relative",flexGrow:1,height:"calc(100% - 36px)","@media (max-width: 960px)":{height:"100%"}},content:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",width:"100%"},popoverContent:{padding:"0 16px"},filtersTrigger:{width:30,height:30}}),h=function(e){var s=o.useTheme(),c=a.useMatchAppContainerSize({width:{max:s.breakpoints.width("md")}}),r=I();return c?u.jsx(n,q(q({className:r.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},e),{},{children:u.jsx(i.CenterAlignmentIcon,{size:16})})):u.jsx(t,q(q({startIcon:u.jsx(i.CenterAlignmentIcon,{size:16})},e),{},{children:"Filters"}))};exports.AppFilterPanelLayout=function(e){var s=e.appSettingsPopoverProps,i=e.children,n=e.classes,t=void 0===n?{}:n,m=e.header,p=e.sideBarContent,d=e.sideBarProps,f=I(),g=o.useTheme(),v=a.useMatchAppContainerSize({width:{max:g.breakpoints.width("md")}}),b=l.isNativeDetected||l.isMobileDetected||v;return u.jsxs("div",{className:j.default(f.appLayout,t.appLayout),children:[b&&u.jsxs("div",{className:j.default(f.header,t.header),children:[u.jsx(r.AppSettingsPopover,q(q({Trigger:h,classes:{popoverContent:f.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},s),{},{children:p})),m]}),u.jsxs("div",{className:j.default(f.contentWrapper,t.contentWrapper),children:[!b&&u.jsx(c,q(q({},d),{},{anchor:"left",children:p})),!!i&&u.jsx("div",{className:j.default(f.content,t.content),children:i})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("classnames"),o=require("@material-ui/core"),i=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var c=require("../AppSideBar/AppSideBar.js"),n=require("../../IconButton/index.js"),r=require("../AppSettingsPopover/AppSettingsPopover.js"),t=require("../../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var u=require("react/jsx-runtime"),a=require("../../../effects/useMatchAppContainerSize.js"),l=require("../../../utils/mobileDetect.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var p=m(s),j=m(e);function d(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,i)}return o}function q(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?d(Object(o),!0).forEach((function(e){p.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var I=o.makeStyles({appLayout:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},header:{paddingLeft:12,paddingRight:12,display:"flex",height:36},contentWrapper:{display:"flex",position:"relative",flexGrow:1,height:"calc(100% - 36px)","@media (max-width: 960px)":{height:"100%"}},content:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",width:"100%"},popoverContent:{padding:"0 16px"},filtersTrigger:{width:30,height:30}}),h=function(s){var e=o.useTheme(),c=a.useMatchAppContainerSize({width:{max:e.breakpoints.width("md")}}),r=I();return c?u.jsx(n,q(q({className:r.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},s),{},{children:u.jsx(i.CenterAlignmentIcon,{size:16})})):u.jsx(t,q(q({startIcon:u.jsx(i.CenterAlignmentIcon,{size:16})},s),{},{children:"Filters"}))};exports.AppFilterPanelLayout=function(s){var e=s.appSettingsPopoverProps,i=s.children,n=s.classes,t=void 0===n?{}:n,m=s.header,p=s.sideBarContent,d=s.sideBarProps,f=I(),g=o.useTheme(),v=a.useMatchAppContainerSize({width:{max:g.breakpoints.width("md")}}),b=l.isNativeDetected||l.isMobileDetected||v;return u.jsxs("div",{className:j.default(f.appLayout,t.appLayout),children:[b&&u.jsxs("div",{className:j.default(f.header,t.header),children:[u.jsx(r.AppSettingsPopover,q(q({Trigger:h,classes:{popoverContent:f.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},e),{},{children:p})),m]}),u.jsxs("div",{className:j.default(f.contentWrapper,t.contentWrapper),children:[!b&&u.jsx(c,q(q({},d),{},{anchor:"left",children:p})),!!i&&u.jsx("div",{className:j.default(f.content,t.content),children:i})]})]})};
 //# sourceMappingURL=AppFilterPanelLayout.js.map

package/cjs-bundle/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppFilterPanelLayout.js","sources":["../../../../../src/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { CenterAlignmentIcon } from '~/icons';\n\nimport AppSideBarComponent, { AppSideBarProps } from '~/components/DevCenter/AppSideBar/AppSideBar';\nimport IconButton from '~/components/IconButton';\n\nimport {\n  AppSettingsPopover,\n  AppSettingsPopoverProps,\n} from '~/components/DevCenter/AppSettingsPopover/AppSettingsPopover';\nimport Button, { ButtonProps } from '~/components/Button';\nimport { useMatchAppContainerSize } from '~/effects/useMatchAppContainerSize';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\n\nconst useStyles = makeStyles({\n  appLayout: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    height: '100%',\n  },\n  header: {\n    paddingLeft: 12,\n    paddingRight: 12,\n    display: 'flex',\n    height: 36,\n  },\n  contentWrapper: {\n    display: 'flex',\n    position: 'relative',\n    flexGrow: 1,\n    height: 'calc(100% - 36px)', // NOTE: 36px is header height\n    '@media (max-width: 960px)': {\n      height: '100%',\n    },\n  },\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n    textAlign: 'center',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n    width: '100%',\n  },\n  popoverContent: {\n    padding: '0 16px',\n  },\n  filtersTrigger: {\n    width: 30,\n    height: 30,\n  },\n});\n\nexport interface AppFilterPanelLayoutProps {\n  sideBarContent: ReactNode;\n\n  appSettingsPopoverProps?: Omit<AppSettingsPopoverProps, 'children' | 'classes'>;\n  children?: ReactNode;\n  classes?: {\n    appLayout?: string;\n    content?: string;\n    contentWrapper?: string;\n    header?: string;\n  };\n  header?: ReactNode;\n  sideBarProps?: Omit<AppSideBarProps, 'anchor'>;\n}\nconst FiltersTrigger = (props: ButtonProps) => {\n  const theme = useTheme();\n  const isTabletView = useMatchAppContainerSize({\n    width: { max: theme.breakpoints.width('md') },\n  });\n  const styles = useStyles();\n\n  if (isTabletView) {\n    return (\n      <IconButton\n        className={styles.filtersTrigger}\n        size=\"small\"\n        tooltipProps={{ title: 'Filters' }}\n        //@ts-ignore\n        variant=\"contained\"\n        {...props}\n      >\n        <CenterAlignmentIcon size={16} />\n      </IconButton>\n    );\n  }\n\n  return (\n    <Button startIcon={<CenterAlignmentIcon size={16} />} {...props}>\n      Filters\n    </Button>\n  );\n};\n\nexport const AppFilterPanelLayout: FC<AppFilterPanelLayoutProps> = ({\n  appSettingsPopoverProps,\n  children,\n  classes = {},\n  header,\n  sideBarContent,\n  sideBarProps,\n}) => {\n  const styles = useStyles();\n  const theme = useTheme();\n\n  const isTabletView = useMatchAppContainerSize({\n    width: { max: theme.breakpoints.width('md') },\n  });\n  const showFilterButton = isNativeDetected || isMobileDetected || isTabletView;\n\n  return (\n    <div className={classNames(styles.appLayout, classes.appLayout)}>\n      {showFilterButton && (\n        <div className={classNames(styles.header, classes.header)}>\n          <AppSettingsPopover\n            Trigger={FiltersTrigger}\n            classes={{ popoverContent: styles.popoverContent }}\n            header=\"Filters\"\n            anchorOrigin={{\n              vertical: 'top',\n              horizontal: 'left',\n            }}\n            transformOrigin={{\n              vertical: 'top',\n              horizontal: 'left',\n            }}\n            {...appSettingsPopoverProps}\n          >\n            {sideBarContent}\n          </AppSettingsPopover>\n          {header}\n        </div>\n      )}\n      <div className={classNames(styles.contentWrapper, classes.contentWrapper)}>\n        {!showFilterButton && (\n          <AppSideBarComponent {...sideBarProps} anchor=\"left\">\n            {sideBarContent}\n          </AppSideBarComponent>\n        )}\n        {!!children && (\n          <div className={classNames(styles.content, classes.content)}>{children}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["useStyles","makeStyles","appLayout","display","flexDirection","width","height","header","paddingLeft","paddingRight","contentWrapper","position","flexGrow","content","textAlign","alignItems","justifyContent","popoverContent","padding","filtersTrigger","FiltersTrigger","props","theme","useTheme","isTabletView","useMatchAppContainerSize","max","breakpoints","styles","_jsx","IconButton","_objectSpread","className","size","tooltipProps","title","variant","children","CenterAlignmentIcon","Button","startIcon","_ref","appSettingsPopoverProps","_ref$classes","classes","sideBarContent","sideBarProps","showFilterButton","isNativeDetected","isMobileDetected","_jsxs","classNames","jsxs","AppSettingsPopover","Trigger","anchorOrigin","vertical","horizontal","transformOrigin","AppSideBarComponent","anchor"],"mappings":"+7KAgBA,IAAMA,EAAYC,EAAAA,WAAW,CAC3BC,UAAW,CACTC,QAAS,OACTC,cAAe,SACfC,MAAO,OACPC,OAAQ,QAEVC,OAAQ,CACNC,YAAa,GACbC,aAAc,GACdN,QAAS,OACTG,OAAQ,IAEVI,eAAgB,CACdP,QAAS,OACTQ,SAAU,WACVC,SAAU,EACVN,OAAQ,oBACR,4BAA6B,CAC3BA,OAAQ,SAGZO,QAAS,CACPV,QAAS,OACTC,cAAe,SACfU,UAAW,SACXC,WAAY,SACZC,eAAgB,SAChBV,OAAQ,OACRD,MAAO,QAETY,eAAgB,CACdC,QAAS,UAEXC,eAAgB,CACdd,MAAO,GACPC,OAAQ,MAkBNc,EAAiB,SAACC,GACtB,IAAMC,EAAQC,EAAAA,WACRC,EAAeC,EAAAA,yBAAyB,CAC5CpB,MAAO,CAAEqB,IAAKJ,EAAMK,YAAYtB,MAAM,SAElCuB,EAAS5B,IAEf,OAAIwB,EAEAK,MAACC,EAAUC,EAAAA,EAAA,CACTC,UAAWJ,EAAOT,eAClBc,KAAK,QACLC,aAAc,CAAEC,MAAO,WAEvBC,QAAQ,aACJf,GAAK,GAAA,CAAAgB,SAETR,MAACS,sBAAmB,CAACL,KAAM,QAM/BJ,MAACU,EAAMR,EAAAA,EAAA,CAACS,UAAWX,MAACS,sBAAmB,CAACL,KAAM,MAAYZ,GAAK,GAAA,CAAAgB,SAAA,YAInE,+BAEmE,SAO7DI,GAAA,IANJC,IAAAA,wBACAL,IAAAA,SAAQM,EAAAF,EACRG,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EACZpC,IAAAA,OACAsC,IAAAA,eACAC,IAAAA,aAEMlB,EAAS5B,IACTsB,EAAQC,EAAAA,WAERC,EAAeC,EAAAA,yBAAyB,CAC5CpB,MAAO,CAAEqB,IAAKJ,EAAMK,YAAYtB,MAAM,SAElC0C,EAAmBC,EAAAA,kBAAoBC,EAAgBA,kBAAIzB,EAEjE,OACE0B,EAAAA,KAAA,MAAA,CAAKlB,UAAWmB,EAAAA,QAAWvB,EAAO1B,UAAW0C,EAAQ1C,WAAWmC,SAAA,CAC7DU,GACCG,EAAAE,KAAA,MAAA,CAAKpB,UAAWmB,EAAAA,QAAWvB,EAAOrB,OAAQqC,EAAQrC,QAAQ8B,SAAA,CACxDR,MAACwB,qBAAkBtB,EAAAA,EAAA,CACjBuB,QAASlC,EACTwB,QAAS,CAAE3B,eAAgBW,EAAOX,gBAClCV,OAAO,UACPgD,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,SAEVf,GAAuB,GAAA,CAAAL,SAE1BQ,KAEFtC,KAGL2C,EAAAE,KAAA,MAAA,CAAKpB,UAAWmB,EAAAA,QAAWvB,EAAOlB,eAAgBkC,EAAQlC,gBAAgB2B,SAAA,EACtEU,GACAlB,EAAAA,IAAC8B,SAAwBb,GAAY,GAAA,CAAEc,OAAO,OAAMvB,SACjDQ,OAGFR,GACDR,EAAAA,IAAA,MAAA,CAAKG,UAAWmB,EAAAA,QAAWvB,EAAOf,QAAS+B,EAAQ/B,SAASwB,SAAEA,SAKxE"}
+{"version":3,"file":"AppFilterPanelLayout.js","sources":["../../../../../src/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { CenterAlignmentIcon } from '~/icons';\n\nimport AppSideBarComponent, { AppSideBarProps } from '~/components/DevCenter/AppSideBar/AppSideBar';\nimport IconButton from '~/components/IconButton';\n\nimport {\n  AppSettingsPopover,\n  AppSettingsPopoverProps,\n} from '~/components/DevCenter/AppSettingsPopover/AppSettingsPopover';\nimport Button, { ButtonProps } from '~/components/Button';\nimport { useMatchAppContainerSize } from '~/effects/useMatchAppContainerSize';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\n\nconst useStyles = makeStyles({\n  appLayout: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    height: '100%',\n  },\n  header: {\n    paddingLeft: 12,\n    paddingRight: 12,\n    display: 'flex',\n    height: 36,\n  },\n  contentWrapper: {\n    display: 'flex',\n    position: 'relative',\n    flexGrow: 1,\n    height: 'calc(100% - 36px)', // NOTE: 36px is header height\n    '@media (max-width: 960px)': {\n      height: '100%',\n    },\n  },\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n    textAlign: 'center',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n    width: '100%',\n  },\n  popoverContent: {\n    padding: '0 16px',\n  },\n  filtersTrigger: {\n    width: 30,\n    height: 30,\n  },\n});\n\nexport interface AppFilterPanelLayoutProps {\n  sideBarContent: ReactNode;\n\n  appSettingsPopoverProps?: Omit<AppSettingsPopoverProps, 'children' | 'classes'>;\n  children?: ReactNode;\n  classes?: {\n    appLayout?: string;\n    content?: string;\n    contentWrapper?: string;\n    header?: string;\n  };\n  header?: ReactNode;\n  sideBarProps?: Omit<AppSideBarProps, 'anchor'>;\n}\nconst FiltersTrigger = (props: ButtonProps) => {\n  const theme = useTheme();\n  const isTabletView = useMatchAppContainerSize({\n    width: { max: theme.breakpoints.width('md') },\n  });\n  const styles = useStyles();\n\n  if (isTabletView) {\n    return (\n      <IconButton\n        className={styles.filtersTrigger}\n        size=\"small\"\n        tooltipProps={{ title: 'Filters' }}\n        //@ts-ignore\n        variant=\"contained\"\n        {...props}\n      >\n        <CenterAlignmentIcon size={16} />\n      </IconButton>\n    );\n  }\n\n  return (\n    <Button startIcon={<CenterAlignmentIcon size={16} />} {...props}>\n      Filters\n    </Button>\n  );\n};\n\nexport const AppFilterPanelLayout: FC<AppFilterPanelLayoutProps> = ({\n  appSettingsPopoverProps,\n  children,\n  classes = {},\n  header,\n  sideBarContent,\n  sideBarProps,\n}) => {\n  const styles = useStyles();\n  const theme = useTheme();\n\n  const isTabletView = useMatchAppContainerSize({\n    width: { max: theme.breakpoints.width('md') },\n  });\n  const showFilterButton = isNativeDetected || isMobileDetected || isTabletView;\n\n  return (\n    <div className={classNames(styles.appLayout, classes.appLayout)}>\n      {showFilterButton && (\n        <div className={classNames(styles.header, classes.header)}>\n          <AppSettingsPopover\n            Trigger={FiltersTrigger}\n            classes={{ popoverContent: styles.popoverContent }}\n            header=\"Filters\"\n            anchorOrigin={{\n              vertical: 'top',\n              horizontal: 'left',\n            }}\n            transformOrigin={{\n              vertical: 'top',\n              horizontal: 'left',\n            }}\n            {...appSettingsPopoverProps}\n          >\n            {sideBarContent}\n          </AppSettingsPopover>\n          {header}\n        </div>\n      )}\n      <div className={classNames(styles.contentWrapper, classes.contentWrapper)}>\n        {!showFilterButton && (\n          <AppSideBarComponent {...sideBarProps} anchor=\"left\">\n            {sideBarContent}\n          </AppSideBarComponent>\n        )}\n        {!!children && (\n          <div className={classNames(styles.content, classes.content)}>{children}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["useStyles","makeStyles","appLayout","display","flexDirection","width","height","header","paddingLeft","paddingRight","contentWrapper","position","flexGrow","content","textAlign","alignItems","justifyContent","popoverContent","padding","filtersTrigger","FiltersTrigger","props","theme","useTheme","isTabletView","useMatchAppContainerSize","max","breakpoints","styles","_jsx","IconButton","_objectSpread","className","size","tooltipProps","title","variant","children","CenterAlignmentIcon","Button","startIcon","_ref","appSettingsPopoverProps","_ref$classes","classes","sideBarContent","sideBarProps","showFilterButton","isNativeDetected","isMobileDetected","_jsxs","classNames","jsxs","AppSettingsPopover","Trigger","anchorOrigin","vertical","horizontal","transformOrigin","AppSideBarComponent","anchor"],"mappings":"qjLAgBA,IAAMA,EAAYC,EAAAA,WAAW,CAC3BC,UAAW,CACTC,QAAS,OACTC,cAAe,SACfC,MAAO,OACPC,OAAQ,QAEVC,OAAQ,CACNC,YAAa,GACbC,aAAc,GACdN,QAAS,OACTG,OAAQ,IAEVI,eAAgB,CACdP,QAAS,OACTQ,SAAU,WACVC,SAAU,EACVN,OAAQ,oBACR,4BAA6B,CAC3BA,OAAQ,SAGZO,QAAS,CACPV,QAAS,OACTC,cAAe,SACfU,UAAW,SACXC,WAAY,SACZC,eAAgB,SAChBV,OAAQ,OACRD,MAAO,QAETY,eAAgB,CACdC,QAAS,UAEXC,eAAgB,CACdd,MAAO,GACPC,OAAQ,MAkBNc,EAAiB,SAACC,GACtB,IAAMC,EAAQC,EAAAA,WACRC,EAAeC,EAAAA,yBAAyB,CAC5CpB,MAAO,CAAEqB,IAAKJ,EAAMK,YAAYtB,MAAM,SAElCuB,EAAS5B,IAEf,OAAIwB,EAEAK,MAACC,EAAUC,EAAAA,EAAA,CACTC,UAAWJ,EAAOT,eAClBc,KAAK,QACLC,aAAc,CAAEC,MAAO,WAEvBC,QAAQ,aACJf,GAAK,GAAA,CAAAgB,SAETR,MAACS,sBAAmB,CAACL,KAAM,QAM/BJ,MAACU,EAAMR,EAAAA,EAAA,CAACS,UAAWX,MAACS,sBAAmB,CAACL,KAAM,MAAYZ,GAAK,GAAA,CAAAgB,SAAA,YAInE,+BAEmE,SAO7DI,GAAA,IANJC,IAAAA,wBACAL,IAAAA,SAAQM,EAAAF,EACRG,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EACZpC,IAAAA,OACAsC,IAAAA,eACAC,IAAAA,aAEMlB,EAAS5B,IACTsB,EAAQC,EAAAA,WAERC,EAAeC,EAAAA,yBAAyB,CAC5CpB,MAAO,CAAEqB,IAAKJ,EAAMK,YAAYtB,MAAM,SAElC0C,EAAmBC,EAAAA,kBAAoBC,EAAgBA,kBAAIzB,EAEjE,OACE0B,EAAAA,KAAA,MAAA,CAAKlB,UAAWmB,EAAAA,QAAWvB,EAAO1B,UAAW0C,EAAQ1C,WAAWmC,SAAA,CAC7DU,GACCG,EAAAE,KAAA,MAAA,CAAKpB,UAAWmB,EAAAA,QAAWvB,EAAOrB,OAAQqC,EAAQrC,QAAQ8B,SAAA,CACxDR,MAACwB,qBAAkBtB,EAAAA,EAAA,CACjBuB,QAASlC,EACTwB,QAAS,CAAE3B,eAAgBW,EAAOX,gBAClCV,OAAO,UACPgD,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,SAEVf,GAAuB,GAAA,CAAAL,SAE1BQ,KAEFtC,KAGL2C,EAAAE,KAAA,MAAA,CAAKpB,UAAWmB,EAAAA,QAAWvB,EAAOlB,eAAgBkC,EAAQlC,gBAAgB2B,SAAA,EACtEU,GACAlB,EAAAA,IAAC8B,SAAwBb,GAAY,GAAA,CAAEc,OAAO,OAAMvB,SACjDQ,OAGFR,GACDR,EAAAA,IAAA,MAAA,CAAKG,UAAWmB,EAAAA,QAAWvB,EAAOf,QAAS+B,EAAQ/B,SAASwB,SAAEA,SAKxE"}

package/cjs-bundle/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/slicedToArray"),s=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("classnames"),c=require("@material-ui/core"),r=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var t=require("../../../utils/mobileDetect.js"),u=require("../../IconButton/index.js"),l=require("../../Modal/Modal.js"),a=require("../../Button/components/Button/index.js");require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var d=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e),j=m(o),q=m(s),I=m(n),h=["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"],b=["popoverContent"];function g(e,o){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),s.push.apply(s,i)}return s}function v(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?g(Object(s),!0).forEach((function(o){p.default(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):g(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var f=t.isNativeDetected||t.isMobileDetected,C=c.makeStyles((function(e){return{popoverPaper:{position:"relative",marginTop:function(e){return e.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:function(e){var o=e.maxHeight;return o?o-24:"calc(100% - 24px)"},"&.scrollable":{height:function(e){return e.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(e.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(e.palette.background.b9,", ").concat(e.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));exports.AppSettingsPopover=function(e){var o=e.Trigger,s=void 0===o?null:o,n=e.children,m=e.classes,p=e.defaultScrollable,g=void 0!==p&&p,x=e.header,O=void 0===x?"Settings":x,P=e.iconSettingsProps,y=void 0===P?{}:P,S=e.maxHeight,k=void 0===S?null:S,A=e.modalActions,F=void 0===A?null:A,D=e.modalProps,w=void 0===D?{}:D,T=e.onClose,B=void 0===T?function(){}:T,M=q.default(e,h),z=i.useState(null),H=j.default(z,2),N=H[0],E=H[1],L=i.useState(!0),R=j.default(L,2),G=R[0],U=R[1],W=C({maxHeight:k,isScrollable:G,isNativeDetected:t.isNativeDetected}),Y=m||{},_=Y.popoverContent,K=q.default(Y,b),X=function(){E(null),B()},Z=Boolean(N),J=function(e){return E(e.currentTarget)},Q=F||d.jsx(a,{variation:"secondary",onClick:X,children:"CLOSE"});return d.jsxs(d.Fragment,{children:[s?d.jsx(s,{onClick:J,isActive:Z}):d.jsx(u,v(v({"data-testid":"chartSettingsButton",isActive:Z,onClick:J,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},y),{},{children:d.jsx(r.SettingTwoIcon,{size:(null==y?void 0:y.size)||16})})),!f&&d.jsxs(c.Popover,v(v({open:Z,anchorEl:N,onClose:X,anchorOrigin:{vertical:G?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},M),{},{classes:v(v({},K),{},{paper:I.default(W.popoverPaper,G&&"scrollable",null==K?void 0:K.paper)}),children:[d.jsxs("div",{className:I.default(W.popoverHeader,G&&"scrollable"),children:[d.jsx("div",{className:W.headerTitle,children:O}),d.jsx(u,{tooltipProps:{title:"Close"},onClick:X,children:d.jsx(r.CloseSmallIcon,{})})]}),d.jsx("div",{className:I.default(W.popoverContentContainer,G&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&!g&&U(!1)},children:d.jsx("div",{className:I.default(W.popoverContent,_),children:n})})]})),f&&d.jsx(l,v(v({actions:Q,onClose:X,open:Z,actionsClassName:W.modalActions,title:O},w),{},{children:n}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),s=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("classnames"),c=require("@material-ui/core"),r=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var t=require("../../../utils/mobileDetect.js"),u=require("../../IconButton/index.js"),l=require("../../Modal/Modal.js"),a=require("../../Button/components/Button/index.js");require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var d=require("react/jsx-runtime");function m(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var p=m(o),j=m(e),q=m(s),I=m(n),h=["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"],b=["popoverContent"];function g(o,e){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),s.push.apply(s,i)}return s}function v(o){for(var e=1;e<arguments.length;e++){var s=null!=arguments[e]?arguments[e]:{};e%2?g(Object(s),!0).forEach((function(e){p.default(o,e,s[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(s)):g(Object(s)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(s,e))}))}return o}var f=t.isNativeDetected||t.isMobileDetected,C=c.makeStyles((function(o){return{popoverPaper:{position:"relative",marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var e=o.maxHeight;return e?e-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(o.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));exports.AppSettingsPopover=function(o){var e=o.Trigger,s=void 0===e?null:e,n=o.children,m=o.classes,p=o.defaultScrollable,g=void 0!==p&&p,x=o.header,O=void 0===x?"Settings":x,P=o.iconSettingsProps,y=void 0===P?{}:P,S=o.maxHeight,k=void 0===S?null:S,F=o.modalActions,A=void 0===F?null:F,D=o.modalProps,w=void 0===D?{}:D,T=o.onClose,B=void 0===T?function(){}:T,M=q.default(o,h),z=i.useState(null),H=j.default(z,2),N=H[0],E=H[1],L=i.useState(!0),R=j.default(L,2),G=R[0],U=R[1],W=C({maxHeight:k,isScrollable:G,isNativeDetected:t.isNativeDetected}),Y=m||{},_=Y.popoverContent,K=q.default(Y,b),X=function(){E(null),B()},Z=Boolean(N),J=function(o){return E(o.currentTarget)},Q=A||d.jsx(a,{variation:"secondary",onClick:X,children:"CLOSE"});return d.jsxs(d.Fragment,{children:[s?d.jsx(s,{onClick:J,isActive:Z}):d.jsx(u,v(v({"data-testid":"chartSettingsButton",isActive:Z,onClick:J,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},y),{},{children:d.jsx(r.SettingTwoIcon,{size:(null==y?void 0:y.size)||16})})),!f&&d.jsxs(c.Popover,v(v({open:Z,anchorEl:N,onClose:X,anchorOrigin:{vertical:G?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},M),{},{classes:v(v({},K),{},{paper:I.default(W.popoverPaper,G&&"scrollable",null==K?void 0:K.paper)}),children:[d.jsxs("div",{className:I.default(W.popoverHeader,G&&"scrollable"),children:[d.jsx("div",{className:W.headerTitle,children:O}),d.jsx(u,{tooltipProps:{title:"Close"},onClick:X,children:d.jsx(r.CloseSmallIcon,{})})]}),d.jsx("div",{className:I.default(W.popoverContentContainer,G&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!g&&U(!1)},children:d.jsx("div",{className:I.default(W.popoverContent,_),children:n})})]})),f&&d.jsx(l,v(v({actions:Q,onClose:X,open:Z,actionsClassName:W.modalActions,title:O},w),{},{children:n}))]})};
 //# sourceMappingURL=AppSettingsPopover.js.map