@lax-wp/design-system 0.13.34 → 0.13.36

package/dist/components/data-display/infinite-table/body/cell/CheckboxCell.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),w=require("antd"),O=require("../../../../../providers/design-system-provider/hooks.cjs.js"),B=require("../../../../../_virtual/index.cjs.js"),p=require("react"),R=require("../../constants.cjs.js");let b=null;const $=({checkboxConfig:t,id:e,rowHovering:r,isDisabled:j,is_read:C,is_modified:S,is_row_modified:M,is_deleted:u,is_added:n,isDraggingOver:T,showNewItem:q,currentData:a,bgColor:m,is_incomplete:x,isInlineEditing:c,hasPendingEditsColumn:_,rowHasPendingEdits:y})=>{const i=O.useTableConfig()?.t?.("Save or cancel pending changes first")??"Save or cancel pending changes first",l=p.useRef(null),F=s=>{if(s.key!=="Enter")return;s.preventDefault();const k=s.currentTarget.form;if(!k)return;const N=new Event("submit",{bubbles:!0,cancelable:!0});k.dispatchEvent(N);const g=k.querySelector('button[type="submit"]');g&&g.click()},f=typeof t?.checkboxMetadata=="object"&&t?.checkboxMetadata!==null&&t?.checkboxMetadata.checkedIds?.includes(e)||t?.checkedIds?.includes(e),d=j||y||t?.checkboxMetadata?.checkedIds?.includes(e);p.useLayoutEffect(()=>{b!==e||d||l.current&&document.activeElement!==l.current&&l.current.focus({preventScroll:!0})},[e,d,f]);const h=B({"bg-primary-50 dark:bg-primary-900":c,"bg-neutral-100 dark:bg-black-600":r===e&&!c&&!(u||a?.is_deleted)&&!(n||a?.is_added),"bg-error-200 dark:bg-error-900":r===e&&!c&&(u||a?.is_deleted),"bg-success-100 dark:bg-success-800":r===e&&!c&&(n||a?.is_added),"bg-primary-50 dark:bg-black-700":!x&&!C&&q&&r!==e&&!c,"bg-warning-50 dark:bg-black-500":(x||S||M||a?.is_row_modified)&&r!==e&&!c,"bg-error-100 dark:bg-error-975":(u||a?.is_deleted)&&r!==e&&!c,"bg-success-50 dark:bg-success-900":(n||a?.is_added)&&r!==e&&!c,"bg-primary-50":T&&!c,...m&&!c&&{[m]:!0}});return o.jsx("td",{className:`min-w-[40px] sticky right-0 z-30 ${h||"bg-white dark:bg-black-800"} h-row`,style:{left:_?R.CHECKBOX_PENDING_EDITS_LEFT_OFFSET:"0"},children:o.jsxs("div",{className:"absolute w-full px-2.5 h-row z-30 flex items-center",style:{boxShadow:"8px 0px 8px 0px rgba(0, 0, 0, 0.02)"},children:[o.jsx(w.Tooltip,{title:y?i:t?.checkboxMetadata?.tooltip&&t?.checkboxMetadata?.checkedIds?.includes(e)?t?.checkboxMetadata?.tooltip:"",children:o.jsx("input",{ref:l,id:`checkbox-table-search-${e}`,type:"checkbox",className:`w-4 h-4 text-primary-600 appearance-none border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-primary-500 dark:focus:ring-primary-600 focus:ring-2 cursor-pointer ${h}`,onChange:s=>t?.onItemCheck(s,e),onKeyDown:F,onFocus:()=>{b=e},onBlur:()=>{b===e&&(b=null)},checked:f,disabled:d},`checkbox-table-search-${e}`)}),o.jsx("label",{htmlFor:"checkbox-table-search-1",className:"sr-only dark:text-neutral-200",children:"checkbox"})]})})},E=p.memo($);exports.CheckboxCell=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),w=require("antd"),O=require("../../../../../providers/design-system-provider/hooks.cjs.js"),B=require("../../../../../_virtual/index.cjs.js"),p=require("react"),R=require("../../constants.cjs.js");let b=null;const $=({checkboxConfig:t,id:e,rowHovering:r,isDisabled:j,is_read:C,is_modified:S,is_row_modified:i,is_deleted:u,is_added:n,isDraggingOver:M,showNewItem:T,currentData:a,bgColor:m,is_incomplete:x,isInlineEditing:c,hasPendingEditsColumn:q,rowHasPendingEdits:y})=>{const _=O.useTableConfig()?.t?.("Save or cancel pending changes first")??"Save or cancel pending changes first",l=p.useRef(null),F=s=>{if(s.key!=="Enter")return;s.preventDefault();const k=s.currentTarget.form;if(!k)return;const N=new Event("submit",{bubbles:!0,cancelable:!0});k.dispatchEvent(N);const g=k.querySelector('button[type="submit"]');g&&g.click()},f=typeof t?.checkboxMetadata=="object"&&t?.checkboxMetadata!==null&&t?.checkboxMetadata.checkedIds?.includes(e)||t?.checkedIds?.includes(e),d=j||y||t?.checkboxMetadata?.checkedIds?.includes(e);p.useLayoutEffect(()=>{b!==e||d||l.current&&document.activeElement!==l.current&&l.current.focus({preventScroll:!0})},[e,d,f]);const h=B({"bg-primary-50 dark:bg-primary-900":c,"bg-neutral-100 dark:bg-black-600":r===e&&!c&&!(u||a?.is_deleted)&&!(n||a?.is_added),"bg-error-200 dark:bg-error-900":r===e&&!c&&(u||a?.is_deleted),"bg-success-100 dark:bg-success-800":r===e&&!c&&(n||a?.is_added),"bg-primary-50 dark:bg-black-700":!x&&!C&&T&&r!==e&&!c,"bg-warning-50 dark:bg-black-500":(x||S||i||a?.is_row_modified)&&r!==e&&!c,"bg-error-100 dark:bg-error-975":(u||a?.is_deleted)&&r!==e&&!c,"bg-success-50 dark:bg-success-900":(n||a?.is_added)&&r!==e&&!c,"bg-primary-50":M&&!c,...m&&!c&&{[m]:!0}});return o.jsx("td",{className:`min-w-[40px] sticky right-0 z-30 ${h||"bg-white dark:bg-black-800"} h-row`,style:{left:q?R.CHECKBOX_PENDING_EDITS_LEFT_OFFSET:"0"},children:o.jsxs("div",{className:"absolute w-full h-row inset-0 px-2.5 z-30 flex items-center justify-center",style:{boxShadow:"8px 0px 8px 0px rgba(0, 0, 0, 0.02)"},children:[o.jsx(w.Tooltip,{title:y?_:t?.checkboxMetadata?.tooltip&&t?.checkboxMetadata?.checkedIds?.includes(e)?t?.checkboxMetadata?.tooltip:"",children:o.jsx("input",{ref:l,id:`checkbox-table-search-${e}`,type:"checkbox",className:`w-4 h-4 text-primary-600 appearance-none border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-primary-500 dark:focus:ring-primary-600 focus:ring-2 cursor-pointer ${h}`,onChange:s=>t?.onItemCheck(s,e),onKeyDown:F,onFocus:()=>{b=e},onBlur:()=>{b===e&&(b=null)},checked:f,disabled:d},`checkbox-table-search-${e}`)}),o.jsx("label",{htmlFor:"checkbox-table-search-1",className:"sr-only dark:text-neutral-200",children:"checkbox"})]})})},E=p.memo($);exports.CheckboxCell=E;
 //# sourceMappingURL=CheckboxCell.cjs.js.map

package/dist/components/data-display/infinite-table/body/cell/CheckboxCell.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxCell.cjs.js","sources":["../../../../../../src/components/data-display/infinite-table/body/cell/CheckboxCell.tsx"],"sourcesContent":["import { Tooltip } from 'antd';\nimport { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport cn from 'classnames';\nimport React from 'react';\n\nimport { CHECKBOX_PENDING_EDITS_LEFT_OFFSET } from '../../constants';\n\ntype HighlightType = 'SUCCESS' | 'WARNING' | 'ERROR';\n\ntype CheckboxMetadata = {\n  checkedIds: string[];\n  tooltip: string;\n  highlight: HighlightType;\n};\n\ntype TCheckboxCellProps = {\n  checkboxConfig: {\n    checkboxMetadata: CheckboxMetadata;\n    checkedIds: string[];\n    selectionDisabledRowIds: CheckboxMetadata;\n    onItemCheck: (event: React.ChangeEvent<HTMLInputElement>, id: string) => void;\n  };\n  id: string;\n  rowHovering?: string;\n  isDisabled?: boolean;\n  is_read?: boolean;\n  is_modified?: boolean;\n  is_row_modified?: boolean;\n  is_deleted?: boolean;\n  is_added?: boolean;\n  isDraggingOver?: boolean;\n  showNewItem?: boolean;\n  currentData?: Record<string, unknown>;\n  bgColor?: string;\n  is_incomplete?: boolean;\n  isInlineEditing?: boolean;\n  hasPendingEditsColumn?: boolean;\n  rowHasPendingEdits?: boolean;\n};\n\nlet lastFocusedCheckboxId: string | null = null;\n\nconst CheckboxCellBase = ({\n  checkboxConfig,\n  id,\n  rowHovering,\n  isDisabled,\n  is_read,\n  is_modified,\n  is_row_modified,\n  is_deleted,\n  is_added,\n  isDraggingOver,\n  showNewItem,\n  currentData,\n  bgColor: bgColorProp,\n  is_incomplete,\n  isInlineEditing,\n  hasPendingEditsColumn,\n  rowHasPendingEdits,\n}: TCheckboxCellProps) => {\n  const tableConfig = useTableConfig();\n  const pendingEditsTooltip = tableConfig?.t?.('Save or cancel pending changes first') ?? 'Save or cancel pending changes first';\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.key !== 'Enter') return;\n    event.preventDefault();\n    const formEl = event.currentTarget.form;\n    if (!formEl) return;\n\n    const submitEvent = new Event('submit', { bubbles: true, cancelable: true });\n    formEl.dispatchEvent(submitEvent);\n\n    const submitBtn = formEl.querySelector<HTMLButtonElement>('button[type=\"submit\"]');\n    if (submitBtn) {\n      submitBtn.click();\n    }\n  };\n\n  const isCheckedObject = typeof checkboxConfig?.checkboxMetadata === 'object' && checkboxConfig?.checkboxMetadata !== null;\n  const checkedValue = (isCheckedObject && checkboxConfig?.checkboxMetadata.checkedIds?.includes(id)) || checkboxConfig?.checkedIds?.includes(id);\n  const isInputDisabled = isDisabled || rowHasPendingEdits || checkboxConfig?.checkboxMetadata?.checkedIds?.includes(id);\n\n  React.useLayoutEffect(() => {\n    if (lastFocusedCheckboxId !== id || isInputDisabled) return;\n    if (inputRef.current && document.activeElement !== inputRef.current) {\n      inputRef.current.focus({ preventScroll: true });\n    }\n  }, [id, isInputDisabled, checkedValue]);\n\n  const bgColor = cn({\n    'bg-primary-50 dark:bg-primary-900': isInlineEditing,\n    'bg-neutral-100 dark:bg-black-600': rowHovering === id && !isInlineEditing && !(is_deleted || currentData?.is_deleted) && !(is_added || currentData?.is_added),\n    'bg-error-200 dark:bg-error-900': rowHovering === id && !isInlineEditing && (is_deleted || currentData?.is_deleted),\n    'bg-success-100 dark:bg-success-800': rowHovering === id && !isInlineEditing && (is_added || currentData?.is_added),\n    'bg-primary-50 dark:bg-black-700': !is_incomplete && !is_read && showNewItem && rowHovering !== id && !isInlineEditing,\n    'bg-warning-50 dark:bg-black-500':\n      (is_incomplete || is_modified || is_row_modified || currentData?.is_row_modified) && rowHovering !== id && !isInlineEditing,\n    'bg-error-100 dark:bg-error-975': (is_deleted || currentData?.is_deleted) && rowHovering !== id && !isInlineEditing,\n    'bg-success-50 dark:bg-success-900': (is_added || currentData?.is_added) && rowHovering !== id && !isInlineEditing,\n    'bg-primary-50': isDraggingOver && !isInlineEditing,\n    ...(bgColorProp && !isInlineEditing && { [bgColorProp]: true }),\n  });\n\n  return (\n    <td\n      className={`min-w-[40px] sticky right-0 z-30 ${bgColor ? bgColor : 'bg-white dark:bg-black-800'} h-row`}\n      style={{ left: hasPendingEditsColumn ? CHECKBOX_PENDING_EDITS_LEFT_OFFSET : '0' }}\n    >\n      <div\n        className={`absolute w-full px-2.5 h-row z-30 flex items-center`}\n        style={{ boxShadow: '8px 0px 8px 0px rgba(0, 0, 0, 0.02)' }}\n      >\n        <Tooltip\n          title={\n            rowHasPendingEdits\n              ? pendingEditsTooltip\n              : checkboxConfig?.checkboxMetadata?.tooltip && checkboxConfig?.checkboxMetadata?.checkedIds?.includes(id)\n              ? checkboxConfig?.checkboxMetadata?.tooltip\n              : ''\n          }\n        >\n          <input\n            ref={inputRef}\n            key={`checkbox-table-search-${id}`}\n            id={`checkbox-table-search-${id}`}\n            type='checkbox'\n            className={`w-4 h-4 text-primary-600 appearance-none border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-primary-500 dark:focus:ring-primary-600 focus:ring-2 cursor-pointer ${bgColor}`}\n            onChange={(event) => checkboxConfig?.onItemCheck(event, id)}\n            onKeyDown={handleKeyDown}\n            onFocus={() => { lastFocusedCheckboxId = id; }}\n            onBlur={() => { if (lastFocusedCheckboxId === id) lastFocusedCheckboxId = null; }}\n            checked={checkedValue}\n            disabled={isInputDisabled}\n          />\n        </Tooltip>\n        <label htmlFor='checkbox-table-search-1' className='sr-only dark:text-neutral-200'>\n          {'checkbox'}\n        </label>\n      </div>\n    </td>\n  );\n};\n\nexport const CheckboxCell = React.memo(CheckboxCellBase);\n"],"names":["lastFocusedCheckboxId","CheckboxCellBase","checkboxConfig","id","rowHovering","isDisabled","is_read","is_modified","is_row_modified","is_deleted","is_added","isDraggingOver","showNewItem","currentData","bgColorProp","is_incomplete","isInlineEditing","hasPendingEditsColumn","rowHasPendingEdits","pendingEditsTooltip","useTableConfig","inputRef","React","handleKeyDown","event","formEl","submitEvent","submitBtn","checkedValue","isInputDisabled","bgColor","cn","jsx","CHECKBOX_PENDING_EDITS_LEFT_OFFSET","jsxs","Tooltip","CheckboxCell"],"mappings":"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"}
+{"version":3,"file":"CheckboxCell.cjs.js","sources":["../../../../../../src/components/data-display/infinite-table/body/cell/CheckboxCell.tsx"],"sourcesContent":["import { Tooltip } from 'antd';\nimport { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport cn from 'classnames';\nimport React from 'react';\n\nimport { CHECKBOX_PENDING_EDITS_LEFT_OFFSET } from '../../constants';\n\ntype HighlightType = 'SUCCESS' | 'WARNING' | 'ERROR';\n\ntype CheckboxMetadata = {\n  checkedIds: string[];\n  tooltip: string;\n  highlight: HighlightType;\n};\n\ntype TCheckboxCellProps = {\n  checkboxConfig: {\n    checkboxMetadata: CheckboxMetadata;\n    checkedIds: string[];\n    selectionDisabledRowIds: CheckboxMetadata;\n    onItemCheck: (event: React.ChangeEvent<HTMLInputElement>, id: string) => void;\n  };\n  id: string;\n  rowHovering?: string;\n  isDisabled?: boolean;\n  is_read?: boolean;\n  is_modified?: boolean;\n  is_row_modified?: boolean;\n  is_deleted?: boolean;\n  is_added?: boolean;\n  isDraggingOver?: boolean;\n  showNewItem?: boolean;\n  currentData?: Record<string, unknown>;\n  bgColor?: string;\n  is_incomplete?: boolean;\n  isInlineEditing?: boolean;\n  hasPendingEditsColumn?: boolean;\n  rowHasPendingEdits?: boolean;\n};\n\nlet lastFocusedCheckboxId: string | null = null;\n\nconst CheckboxCellBase = ({\n  checkboxConfig,\n  id,\n  rowHovering,\n  isDisabled,\n  is_read,\n  is_modified,\n  is_row_modified,\n  is_deleted,\n  is_added,\n  isDraggingOver,\n  showNewItem,\n  currentData,\n  bgColor: bgColorProp,\n  is_incomplete,\n  isInlineEditing,\n  hasPendingEditsColumn,\n  rowHasPendingEdits,\n}: TCheckboxCellProps) => {\n  const tableConfig = useTableConfig();\n  const pendingEditsTooltip = tableConfig?.t?.('Save or cancel pending changes first') ?? 'Save or cancel pending changes first';\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.key !== 'Enter') return;\n    event.preventDefault();\n    const formEl = event.currentTarget.form;\n    if (!formEl) return;\n\n    const submitEvent = new Event('submit', { bubbles: true, cancelable: true });\n    formEl.dispatchEvent(submitEvent);\n\n    const submitBtn = formEl.querySelector<HTMLButtonElement>('button[type=\"submit\"]');\n    if (submitBtn) {\n      submitBtn.click();\n    }\n  };\n\n  const isCheckedObject = typeof checkboxConfig?.checkboxMetadata === 'object' && checkboxConfig?.checkboxMetadata !== null;\n  const checkedValue = (isCheckedObject && checkboxConfig?.checkboxMetadata.checkedIds?.includes(id)) || checkboxConfig?.checkedIds?.includes(id);\n  const isInputDisabled = isDisabled || rowHasPendingEdits || checkboxConfig?.checkboxMetadata?.checkedIds?.includes(id);\n\n  React.useLayoutEffect(() => {\n    if (lastFocusedCheckboxId !== id || isInputDisabled) return;\n    if (inputRef.current && document.activeElement !== inputRef.current) {\n      inputRef.current.focus({ preventScroll: true });\n    }\n  }, [id, isInputDisabled, checkedValue]);\n\n  const bgColor = cn({\n    'bg-primary-50 dark:bg-primary-900': isInlineEditing,\n    'bg-neutral-100 dark:bg-black-600': rowHovering === id && !isInlineEditing && !(is_deleted || currentData?.is_deleted) && !(is_added || currentData?.is_added),\n    'bg-error-200 dark:bg-error-900': rowHovering === id && !isInlineEditing && (is_deleted || currentData?.is_deleted),\n    'bg-success-100 dark:bg-success-800': rowHovering === id && !isInlineEditing && (is_added || currentData?.is_added),\n    'bg-primary-50 dark:bg-black-700': !is_incomplete && !is_read && showNewItem && rowHovering !== id && !isInlineEditing,\n    'bg-warning-50 dark:bg-black-500':\n      (is_incomplete || is_modified || is_row_modified || currentData?.is_row_modified) && rowHovering !== id && !isInlineEditing,\n    'bg-error-100 dark:bg-error-975': (is_deleted || currentData?.is_deleted) && rowHovering !== id && !isInlineEditing,\n    'bg-success-50 dark:bg-success-900': (is_added || currentData?.is_added) && rowHovering !== id && !isInlineEditing,\n    'bg-primary-50': isDraggingOver && !isInlineEditing,\n    ...(bgColorProp && !isInlineEditing && { [bgColorProp]: true }),\n  });\n\n  return (\n    <td\n      className={`min-w-[40px] sticky right-0 z-30 ${bgColor ? bgColor : 'bg-white dark:bg-black-800'} h-row`}\n      style={{ left: hasPendingEditsColumn ? CHECKBOX_PENDING_EDITS_LEFT_OFFSET : '0' }}\n    >\n      <div\n        className={`absolute w-full h-row inset-0 px-2.5 z-30 flex items-center justify-center`}\n        style={{ boxShadow: '8px 0px 8px 0px rgba(0, 0, 0, 0.02)' }}\n      >\n        <Tooltip\n          title={\n            rowHasPendingEdits\n              ? pendingEditsTooltip\n              : checkboxConfig?.checkboxMetadata?.tooltip && checkboxConfig?.checkboxMetadata?.checkedIds?.includes(id)\n              ? checkboxConfig?.checkboxMetadata?.tooltip\n              : ''\n          }\n        >\n          <input\n            ref={inputRef}\n            key={`checkbox-table-search-${id}`}\n            id={`checkbox-table-search-${id}`}\n            type='checkbox'\n            className={`w-4 h-4 text-primary-600 appearance-none border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-primary-500 dark:focus:ring-primary-600 focus:ring-2 cursor-pointer ${bgColor}`}\n            onChange={(event) => checkboxConfig?.onItemCheck(event, id)}\n            onKeyDown={handleKeyDown}\n            onFocus={() => { lastFocusedCheckboxId = id; }}\n            onBlur={() => { if (lastFocusedCheckboxId === id) lastFocusedCheckboxId = null; }}\n            checked={checkedValue}\n            disabled={isInputDisabled}\n          />\n        </Tooltip>\n        <label htmlFor='checkbox-table-search-1' className='sr-only dark:text-neutral-200'>\n          {'checkbox'}\n        </label>\n      </div>\n    </td>\n  );\n};\n\nexport const CheckboxCell = React.memo(CheckboxCellBase);\n"],"names":["lastFocusedCheckboxId","CheckboxCellBase","checkboxConfig","id","rowHovering","isDisabled","is_read","is_modified","is_row_modified","is_deleted","is_added","isDraggingOver","showNewItem","currentData","bgColorProp","is_incomplete","isInlineEditing","hasPendingEditsColumn","rowHasPendingEdits","pendingEditsTooltip","useTableConfig","inputRef","React","handleKeyDown","event","formEl","submitEvent","submitBtn","checkedValue","isInputDisabled","bgColor","cn","jsx","CHECKBOX_PENDING_EDITS_LEFT_OFFSET","jsxs","Tooltip","CheckboxCell"],"mappings":"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"}

package/dist/components/data-display/infinite-table/body/cell/CheckboxCell.es.js

@@ -1,11 +1,11 @@
 import { jsx as l, jsxs as O } from "react/jsx-runtime";
 import { Tooltip as $ } from "antd";
-import { useTableConfig as E } from "../../../../../providers/design-system-provider/hooks.es.js";
-import K from "../../../../../_virtual/index.es.js";
-import k from "react";
-import { CHECKBOX_PENDING_EDITS_LEFT_OFFSET as R } from "../../constants.es.js";
+import { useTableConfig as i } from "../../../../../providers/design-system-provider/hooks.es.js";
+import E from "../../../../../_virtual/index.es.js";
+import h from "react";
+import { CHECKBOX_PENDING_EDITS_LEFT_OFFSET as K } from "../../constants.es.js";
 let b = null;
-const z = ({
+const R = ({
   checkboxConfig: r,
   id: e,
   rowHovering: t,
@@ -16,61 +16,61 @@ const z = ({
   is_deleted: u,
   is_added: d,
   isDraggingOver: _,
-  showNewItem: F,
+  showNewItem: j,
   currentData: a,
-  bgColor: n,
+  bgColor: k,
   is_incomplete: f,
   isInlineEditing: c,
-  hasPendingEditsColumn: N,
+  hasPendingEditsColumn: F,
   rowHasPendingEdits: x
 }) => {
-  const j = E()?.t?.("Save or cancel pending changes first") ?? "Save or cancel pending changes first", o = k.useRef(null), w = (s) => {
+  const N = i()?.t?.("Save or cancel pending changes first") ?? "Save or cancel pending changes first", o = h.useRef(null), w = (s) => {
     if (s.key !== "Enter") return;
     s.preventDefault();
-    const h = s.currentTarget.form;
-    if (!h) return;
+    const m = s.currentTarget.form;
+    if (!m) return;
     const B = new Event("submit", { bubbles: !0, cancelable: !0 });
-    h.dispatchEvent(B);
-    const g = h.querySelector('button[type="submit"]');
+    m.dispatchEvent(B);
+    const g = m.querySelector('button[type="submit"]');
     g && g.click();
   }, y = typeof r?.checkboxMetadata == "object" && r?.checkboxMetadata !== null && r?.checkboxMetadata.checkedIds?.includes(e) || r?.checkedIds?.includes(e), p = C || x || r?.checkboxMetadata?.checkedIds?.includes(e);
-  k.useLayoutEffect(() => {
+  h.useLayoutEffect(() => {
     b !== e || p || o.current && document.activeElement !== o.current && o.current.focus({ preventScroll: !0 });
   }, [e, p, y]);
-  const m = K({
+  const n = E({
     "bg-primary-50 dark:bg-primary-900": c,
     "bg-neutral-100 dark:bg-black-600": t === e && !c && !(u || a?.is_deleted) && !(d || a?.is_added),
     "bg-error-200 dark:bg-error-900": t === e && !c && (u || a?.is_deleted),
     "bg-success-100 dark:bg-success-800": t === e && !c && (d || a?.is_added),
-    "bg-primary-50 dark:bg-black-700": !f && !M && F && t !== e && !c,
+    "bg-primary-50 dark:bg-black-700": !f && !M && j && t !== e && !c,
     "bg-warning-50 dark:bg-black-500": (f || S || T || a?.is_row_modified) && t !== e && !c,
     "bg-error-100 dark:bg-error-975": (u || a?.is_deleted) && t !== e && !c,
     "bg-success-50 dark:bg-success-900": (d || a?.is_added) && t !== e && !c,
     "bg-primary-50": _ && !c,
-    ...n && !c && { [n]: !0 }
+    ...k && !c && { [k]: !0 }
   });
   return /* @__PURE__ */ l(
     "td",
     {
-      className: `min-w-[40px] sticky right-0 z-30 ${m || "bg-white dark:bg-black-800"} h-row`,
-      style: { left: N ? R : "0" },
+      className: `min-w-[40px] sticky right-0 z-30 ${n || "bg-white dark:bg-black-800"} h-row`,
+      style: { left: F ? K : "0" },
       children: /* @__PURE__ */ O(
         "div",
         {
-          className: "absolute w-full px-2.5 h-row z-30 flex items-center",
+          className: "absolute w-full h-row inset-0 px-2.5 z-30 flex items-center justify-center",
           style: { boxShadow: "8px 0px 8px 0px rgba(0, 0, 0, 0.02)" },
           children: [
             /* @__PURE__ */ l(
               $,
               {
-                title: x ? j : r?.checkboxMetadata?.tooltip && r?.checkboxMetadata?.checkedIds?.includes(e) ? r?.checkboxMetadata?.tooltip : "",
+                title: x ? N : r?.checkboxMetadata?.tooltip && r?.checkboxMetadata?.checkedIds?.includes(e) ? r?.checkboxMetadata?.tooltip : "",
                 children: /* @__PURE__ */ l(
                   "input",
                   {
                     ref: o,
                     id: `checkbox-table-search-${e}`,
                     type: "checkbox",
-                    className: `w-4 h-4 text-primary-600 appearance-none border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-primary-500 dark:focus:ring-primary-600 focus:ring-2 cursor-pointer ${m}`,
+                    className: `w-4 h-4 text-primary-600 appearance-none border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-primary-500 dark:focus:ring-primary-600 focus:ring-2 cursor-pointer ${n}`,
                     onChange: (s) => r?.onItemCheck(s, e),
                     onKeyDown: w,
                     onFocus: () => {
@@ -92,7 +92,7 @@ const z = ({
       )
     }
   );
-}, D = k.memo(z);
+}, D = h.memo(R);
 export {
   D as CheckboxCell
 };

package/dist/components/data-display/infinite-table/body/cell/CheckboxCell.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxCell.es.js","sources":["../../../../../../src/components/data-display/infinite-table/body/cell/CheckboxCell.tsx"],"sourcesContent":["import { Tooltip } from 'antd';\nimport { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport cn from 'classnames';\nimport React from 'react';\n\nimport { CHECKBOX_PENDING_EDITS_LEFT_OFFSET } from '../../constants';\n\ntype HighlightType = 'SUCCESS' | 'WARNING' | 'ERROR';\n\ntype CheckboxMetadata = {\n  checkedIds: string[];\n  tooltip: string;\n  highlight: HighlightType;\n};\n\ntype TCheckboxCellProps = {\n  checkboxConfig: {\n    checkboxMetadata: CheckboxMetadata;\n    checkedIds: string[];\n    selectionDisabledRowIds: CheckboxMetadata;\n    onItemCheck: (event: React.ChangeEvent<HTMLInputElement>, id: string) => void;\n  };\n  id: string;\n  rowHovering?: string;\n  isDisabled?: boolean;\n  is_read?: boolean;\n  is_modified?: boolean;\n  is_row_modified?: boolean;\n  is_deleted?: boolean;\n  is_added?: boolean;\n  isDraggingOver?: boolean;\n  showNewItem?: boolean;\n  currentData?: Record<string, unknown>;\n  bgColor?: string;\n  is_incomplete?: boolean;\n  isInlineEditing?: boolean;\n  hasPendingEditsColumn?: boolean;\n  rowHasPendingEdits?: boolean;\n};\n\nlet lastFocusedCheckboxId: string | null = null;\n\nconst CheckboxCellBase = ({\n  checkboxConfig,\n  id,\n  rowHovering,\n  isDisabled,\n  is_read,\n  is_modified,\n  is_row_modified,\n  is_deleted,\n  is_added,\n  isDraggingOver,\n  showNewItem,\n  currentData,\n  bgColor: bgColorProp,\n  is_incomplete,\n  isInlineEditing,\n  hasPendingEditsColumn,\n  rowHasPendingEdits,\n}: TCheckboxCellProps) => {\n  const tableConfig = useTableConfig();\n  const pendingEditsTooltip = tableConfig?.t?.('Save or cancel pending changes first') ?? 'Save or cancel pending changes first';\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.key !== 'Enter') return;\n    event.preventDefault();\n    const formEl = event.currentTarget.form;\n    if (!formEl) return;\n\n    const submitEvent = new Event('submit', { bubbles: true, cancelable: true });\n    formEl.dispatchEvent(submitEvent);\n\n    const submitBtn = formEl.querySelector<HTMLButtonElement>('button[type=\"submit\"]');\n    if (submitBtn) {\n      submitBtn.click();\n    }\n  };\n\n  const isCheckedObject = typeof checkboxConfig?.checkboxMetadata === 'object' && checkboxConfig?.checkboxMetadata !== null;\n  const checkedValue = (isCheckedObject && checkboxConfig?.checkboxMetadata.checkedIds?.includes(id)) || checkboxConfig?.checkedIds?.includes(id);\n  const isInputDisabled = isDisabled || rowHasPendingEdits || checkboxConfig?.checkboxMetadata?.checkedIds?.includes(id);\n\n  React.useLayoutEffect(() => {\n    if (lastFocusedCheckboxId !== id || isInputDisabled) return;\n    if (inputRef.current && document.activeElement !== inputRef.current) {\n      inputRef.current.focus({ preventScroll: true });\n    }\n  }, [id, isInputDisabled, checkedValue]);\n\n  const bgColor = cn({\n    'bg-primary-50 dark:bg-primary-900': isInlineEditing,\n    'bg-neutral-100 dark:bg-black-600': rowHovering === id && !isInlineEditing && !(is_deleted || currentData?.is_deleted) && !(is_added || currentData?.is_added),\n    'bg-error-200 dark:bg-error-900': rowHovering === id && !isInlineEditing && (is_deleted || currentData?.is_deleted),\n    'bg-success-100 dark:bg-success-800': rowHovering === id && !isInlineEditing && (is_added || currentData?.is_added),\n    'bg-primary-50 dark:bg-black-700': !is_incomplete && !is_read && showNewItem && rowHovering !== id && !isInlineEditing,\n    'bg-warning-50 dark:bg-black-500':\n      (is_incomplete || is_modified || is_row_modified || currentData?.is_row_modified) && rowHovering !== id && !isInlineEditing,\n    'bg-error-100 dark:bg-error-975': (is_deleted || currentData?.is_deleted) && rowHovering !== id && !isInlineEditing,\n    'bg-success-50 dark:bg-success-900': (is_added || currentData?.is_added) && rowHovering !== id && !isInlineEditing,\n    'bg-primary-50': isDraggingOver && !isInlineEditing,\n    ...(bgColorProp && !isInlineEditing && { [bgColorProp]: true }),\n  });\n\n  return (\n    <td\n      className={`min-w-[40px] sticky right-0 z-30 ${bgColor ? bgColor : 'bg-white dark:bg-black-800'} h-row`}\n      style={{ left: hasPendingEditsColumn ? CHECKBOX_PENDING_EDITS_LEFT_OFFSET : '0' }}\n    >\n      <div\n        className={`absolute w-full px-2.5 h-row z-30 flex items-center`}\n        style={{ boxShadow: '8px 0px 8px 0px rgba(0, 0, 0, 0.02)' }}\n      >\n        <Tooltip\n          title={\n            rowHasPendingEdits\n              ? pendingEditsTooltip\n              : checkboxConfig?.checkboxMetadata?.tooltip && checkboxConfig?.checkboxMetadata?.checkedIds?.includes(id)\n              ? checkboxConfig?.checkboxMetadata?.tooltip\n              : ''\n          }\n        >\n          <input\n            ref={inputRef}\n            key={`checkbox-table-search-${id}`}\n            id={`checkbox-table-search-${id}`}\n            type='checkbox'\n            className={`w-4 h-4 text-primary-600 appearance-none border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-primary-500 dark:focus:ring-primary-600 focus:ring-2 cursor-pointer ${bgColor}`}\n            onChange={(event) => checkboxConfig?.onItemCheck(event, id)}\n            onKeyDown={handleKeyDown}\n            onFocus={() => { lastFocusedCheckboxId = id; }}\n            onBlur={() => { if (lastFocusedCheckboxId === id) lastFocusedCheckboxId = null; }}\n            checked={checkedValue}\n            disabled={isInputDisabled}\n          />\n        </Tooltip>\n        <label htmlFor='checkbox-table-search-1' className='sr-only dark:text-neutral-200'>\n          {'checkbox'}\n        </label>\n      </div>\n    </td>\n  );\n};\n\nexport const CheckboxCell = React.memo(CheckboxCellBase);\n"],"names":["lastFocusedCheckboxId","CheckboxCellBase","checkboxConfig","id","rowHovering","isDisabled","is_read","is_modified","is_row_modified","is_deleted","is_added","isDraggingOver","showNewItem","currentData","bgColorProp","is_incomplete","isInlineEditing","hasPendingEditsColumn","rowHasPendingEdits","pendingEditsTooltip","useTableConfig","inputRef","React","handleKeyDown","event","formEl","submitEvent","submitBtn","checkedValue","isInputDisabled","bgColor","cn","jsx","CHECKBOX_PENDING_EDITS_LEFT_OFFSET","jsxs","Tooltip","CheckboxCell"],"mappings":"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"}
+{"version":3,"file":"CheckboxCell.es.js","sources":["../../../../../../src/components/data-display/infinite-table/body/cell/CheckboxCell.tsx"],"sourcesContent":["import { Tooltip } from 'antd';\nimport { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport cn from 'classnames';\nimport React from 'react';\n\nimport { CHECKBOX_PENDING_EDITS_LEFT_OFFSET } from '../../constants';\n\ntype HighlightType = 'SUCCESS' | 'WARNING' | 'ERROR';\n\ntype CheckboxMetadata = {\n  checkedIds: string[];\n  tooltip: string;\n  highlight: HighlightType;\n};\n\ntype TCheckboxCellProps = {\n  checkboxConfig: {\n    checkboxMetadata: CheckboxMetadata;\n    checkedIds: string[];\n    selectionDisabledRowIds: CheckboxMetadata;\n    onItemCheck: (event: React.ChangeEvent<HTMLInputElement>, id: string) => void;\n  };\n  id: string;\n  rowHovering?: string;\n  isDisabled?: boolean;\n  is_read?: boolean;\n  is_modified?: boolean;\n  is_row_modified?: boolean;\n  is_deleted?: boolean;\n  is_added?: boolean;\n  isDraggingOver?: boolean;\n  showNewItem?: boolean;\n  currentData?: Record<string, unknown>;\n  bgColor?: string;\n  is_incomplete?: boolean;\n  isInlineEditing?: boolean;\n  hasPendingEditsColumn?: boolean;\n  rowHasPendingEdits?: boolean;\n};\n\nlet lastFocusedCheckboxId: string | null = null;\n\nconst CheckboxCellBase = ({\n  checkboxConfig,\n  id,\n  rowHovering,\n  isDisabled,\n  is_read,\n  is_modified,\n  is_row_modified,\n  is_deleted,\n  is_added,\n  isDraggingOver,\n  showNewItem,\n  currentData,\n  bgColor: bgColorProp,\n  is_incomplete,\n  isInlineEditing,\n  hasPendingEditsColumn,\n  rowHasPendingEdits,\n}: TCheckboxCellProps) => {\n  const tableConfig = useTableConfig();\n  const pendingEditsTooltip = tableConfig?.t?.('Save or cancel pending changes first') ?? 'Save or cancel pending changes first';\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.key !== 'Enter') return;\n    event.preventDefault();\n    const formEl = event.currentTarget.form;\n    if (!formEl) return;\n\n    const submitEvent = new Event('submit', { bubbles: true, cancelable: true });\n    formEl.dispatchEvent(submitEvent);\n\n    const submitBtn = formEl.querySelector<HTMLButtonElement>('button[type=\"submit\"]');\n    if (submitBtn) {\n      submitBtn.click();\n    }\n  };\n\n  const isCheckedObject = typeof checkboxConfig?.checkboxMetadata === 'object' && checkboxConfig?.checkboxMetadata !== null;\n  const checkedValue = (isCheckedObject && checkboxConfig?.checkboxMetadata.checkedIds?.includes(id)) || checkboxConfig?.checkedIds?.includes(id);\n  const isInputDisabled = isDisabled || rowHasPendingEdits || checkboxConfig?.checkboxMetadata?.checkedIds?.includes(id);\n\n  React.useLayoutEffect(() => {\n    if (lastFocusedCheckboxId !== id || isInputDisabled) return;\n    if (inputRef.current && document.activeElement !== inputRef.current) {\n      inputRef.current.focus({ preventScroll: true });\n    }\n  }, [id, isInputDisabled, checkedValue]);\n\n  const bgColor = cn({\n    'bg-primary-50 dark:bg-primary-900': isInlineEditing,\n    'bg-neutral-100 dark:bg-black-600': rowHovering === id && !isInlineEditing && !(is_deleted || currentData?.is_deleted) && !(is_added || currentData?.is_added),\n    'bg-error-200 dark:bg-error-900': rowHovering === id && !isInlineEditing && (is_deleted || currentData?.is_deleted),\n    'bg-success-100 dark:bg-success-800': rowHovering === id && !isInlineEditing && (is_added || currentData?.is_added),\n    'bg-primary-50 dark:bg-black-700': !is_incomplete && !is_read && showNewItem && rowHovering !== id && !isInlineEditing,\n    'bg-warning-50 dark:bg-black-500':\n      (is_incomplete || is_modified || is_row_modified || currentData?.is_row_modified) && rowHovering !== id && !isInlineEditing,\n    'bg-error-100 dark:bg-error-975': (is_deleted || currentData?.is_deleted) && rowHovering !== id && !isInlineEditing,\n    'bg-success-50 dark:bg-success-900': (is_added || currentData?.is_added) && rowHovering !== id && !isInlineEditing,\n    'bg-primary-50': isDraggingOver && !isInlineEditing,\n    ...(bgColorProp && !isInlineEditing && { [bgColorProp]: true }),\n  });\n\n  return (\n    <td\n      className={`min-w-[40px] sticky right-0 z-30 ${bgColor ? bgColor : 'bg-white dark:bg-black-800'} h-row`}\n      style={{ left: hasPendingEditsColumn ? CHECKBOX_PENDING_EDITS_LEFT_OFFSET : '0' }}\n    >\n      <div\n        className={`absolute w-full h-row inset-0 px-2.5 z-30 flex items-center justify-center`}\n        style={{ boxShadow: '8px 0px 8px 0px rgba(0, 0, 0, 0.02)' }}\n      >\n        <Tooltip\n          title={\n            rowHasPendingEdits\n              ? pendingEditsTooltip\n              : checkboxConfig?.checkboxMetadata?.tooltip && checkboxConfig?.checkboxMetadata?.checkedIds?.includes(id)\n              ? checkboxConfig?.checkboxMetadata?.tooltip\n              : ''\n          }\n        >\n          <input\n            ref={inputRef}\n            key={`checkbox-table-search-${id}`}\n            id={`checkbox-table-search-${id}`}\n            type='checkbox'\n            className={`w-4 h-4 text-primary-600 appearance-none border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-primary-500 dark:focus:ring-primary-600 focus:ring-2 cursor-pointer ${bgColor}`}\n            onChange={(event) => checkboxConfig?.onItemCheck(event, id)}\n            onKeyDown={handleKeyDown}\n            onFocus={() => { lastFocusedCheckboxId = id; }}\n            onBlur={() => { if (lastFocusedCheckboxId === id) lastFocusedCheckboxId = null; }}\n            checked={checkedValue}\n            disabled={isInputDisabled}\n          />\n        </Tooltip>\n        <label htmlFor='checkbox-table-search-1' className='sr-only dark:text-neutral-200'>\n          {'checkbox'}\n        </label>\n      </div>\n    </td>\n  );\n};\n\nexport const CheckboxCell = React.memo(CheckboxCellBase);\n"],"names":["lastFocusedCheckboxId","CheckboxCellBase","checkboxConfig","id","rowHovering","isDisabled","is_read","is_modified","is_row_modified","is_deleted","is_added","isDraggingOver","showNewItem","currentData","bgColorProp","is_incomplete","isInlineEditing","hasPendingEditsColumn","rowHasPendingEdits","pendingEditsTooltip","useTableConfig","inputRef","React","handleKeyDown","event","formEl","submitEvent","submitBtn","checkedValue","isInputDisabled","bgColor","cn","jsx","CHECKBOX_PENDING_EDITS_LEFT_OFFSET","jsxs","Tooltip","CheckboxCell"],"mappings":"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"}

package/dist/components/data-display/infinite-table/head/CheckAll.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react-keyshorts"),n=({checkboxConfig:e,isAllChecked:t,isDisabled:l})=>(c.useKeyboardShortcut({key:"a",callback:()=>{if(e.onAllItemsCheck){const r={target:{checked:!t}};e.onAllItemsCheck(r)}},altKey:!0,ctrlKey:!0,metaKey:!0}),a.jsx("div",{className:"absolute left-0 px-2.5 w-full h-row z-20 flex items-center bg-neutral-50 dark:bg-black-700",children:e.onAllItemsCheck&&a.jsx("input",{id:"checkbox-all-search",type:"checkbox",className:"w-4 h-4 text-blue-600 appearance-none dark:bg-black-700 border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2 cursor-pointer",onChange:e.onAllItemsCheck,checked:t,ref:r=>{r&&(r.indeterminate=e.checkedIds.length>0&&!t)},disabled:l})}));exports.CheckAll=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react-keyshorts"),n=({checkboxConfig:e,isAllChecked:t,isDisabled:c})=>(l.useKeyboardShortcut({key:"a",callback:()=>{if(e.onAllItemsCheck){const r={target:{checked:!t}};e.onAllItemsCheck(r)}},altKey:!0,ctrlKey:!0,metaKey:!0}),a.jsx("div",{className:"absolute px-2.5 w-full h-row z-20 flex items-center justify-center bg-neutral-50 dark:bg-black-700",children:e.onAllItemsCheck&&a.jsx("input",{id:"checkbox-all-search",type:"checkbox",className:"w-4 h-4 text-blue-600 appearance-none dark:bg-black-700 border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2 cursor-pointer",onChange:e.onAllItemsCheck,checked:t,ref:r=>{r&&(r.indeterminate=e.checkedIds.length>0&&!t)},disabled:c})}));exports.CheckAll=n;
 //# sourceMappingURL=CheckAll.cjs.js.map

package/dist/components/data-display/infinite-table/head/CheckAll.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckAll.cjs.js","sources":["../../../../../src/components/data-display/infinite-table/head/CheckAll.tsx"],"sourcesContent":["import { useKeyboardShortcut } from 'react-keyshorts';\n\ninterface CheckAllProps {\n  checkboxConfig: {\n    onAllItemsCheck?: (event: { target: { checked: boolean } }) => void;\n    checkedIds: string[];\n  };\n  isAllChecked: boolean;\n  isDisabled?: boolean;\n}\n\nexport const CheckAll = ({ checkboxConfig, isAllChecked, isDisabled }: CheckAllProps) => {\n  useKeyboardShortcut({\n    key: 'a',\n    callback: () => {\n      if (checkboxConfig.onAllItemsCheck) {\n        const syntheticEvent = {\n          target: {\n            checked: !isAllChecked,\n          },\n        };\n        checkboxConfig.onAllItemsCheck(syntheticEvent);\n      }\n    },\n    altKey: true,\n    ctrlKey: true,\n    metaKey: true,\n  });\n\n  return (\n    <div className='absolute left-0 px-2.5 w-full h-row z-20 flex items-center bg-neutral-50 dark:bg-black-700'>\n      {checkboxConfig.onAllItemsCheck && (\n        <input\n          id='checkbox-all-search'\n          type='checkbox'\n          className='w-4 h-4 text-blue-600 appearance-none dark:bg-black-700 border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2 cursor-pointer'\n          onChange={checkboxConfig.onAllItemsCheck}\n          checked={isAllChecked}\n          ref={(input) => {\n            if (input) {\n              input.indeterminate = checkboxConfig.checkedIds.length > 0 && !isAllChecked;\n            }\n          }}\n          disabled={isDisabled}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["CheckAll","checkboxConfig","isAllChecked","isDisabled","useKeyboardShortcut","syntheticEvent","jsx","input"],"mappings":"kJAWaA,EAAW,CAAC,CAAE,eAAAC,EAAgB,aAAAC,EAAc,WAAAC,MACvDC,sBAAoB,CAClB,IAAK,IACL,SAAU,IAAM,CACd,GAAIH,EAAe,gBAAiB,CAClC,MAAMI,EAAiB,CACrB,OAAQ,CACN,QAAS,CAACH,CAAA,CACZ,EAEFD,EAAe,gBAAgBI,CAAc,CAC/C,CACF,EACA,OAAQ,GACR,QAAS,GACT,QAAS,EAAA,CACV,EAGCC,EAAAA,IAAC,MAAA,CAAI,UAAU,6FACZ,WAAe,iBACdA,EAAAA,IAAC,QAAA,CACC,GAAG,sBACH,KAAK,WACL,UAAU,wNACV,SAAUL,EAAe,gBACzB,QAASC,EACT,IAAMK,GAAU,CACVA,IACFA,EAAM,cAAgBN,EAAe,WAAW,OAAS,GAAK,CAACC,EAEnE,EACA,SAAUC,CAAA,CAAA,EAGhB"}
+{"version":3,"file":"CheckAll.cjs.js","sources":["../../../../../src/components/data-display/infinite-table/head/CheckAll.tsx"],"sourcesContent":["import { useKeyboardShortcut } from 'react-keyshorts';\n\ninterface CheckAllProps {\n  checkboxConfig: {\n    onAllItemsCheck?: (event: { target: { checked: boolean } }) => void;\n    checkedIds: string[];\n  };\n  isAllChecked: boolean;\n  isDisabled?: boolean;\n}\n\nexport const CheckAll = ({ checkboxConfig, isAllChecked, isDisabled }: CheckAllProps) => {\n  useKeyboardShortcut({\n    key: 'a',\n    callback: () => {\n      if (checkboxConfig.onAllItemsCheck) {\n        const syntheticEvent = {\n          target: {\n            checked: !isAllChecked,\n          },\n        };\n        checkboxConfig.onAllItemsCheck(syntheticEvent);\n      }\n    },\n    altKey: true,\n    ctrlKey: true,\n    metaKey: true,\n  });\n\n  return (\n    <div className='absolute px-2.5 w-full h-row z-20 flex items-center justify-center bg-neutral-50 dark:bg-black-700'>\n      {checkboxConfig.onAllItemsCheck && (\n        <input\n          id='checkbox-all-search'\n          type='checkbox'\n          className='w-4 h-4 text-blue-600 appearance-none dark:bg-black-700 border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2 cursor-pointer'\n          onChange={checkboxConfig.onAllItemsCheck}\n          checked={isAllChecked}\n          ref={(input) => {\n            if (input) {\n              input.indeterminate = checkboxConfig.checkedIds.length > 0 && !isAllChecked;\n            }\n          }}\n          disabled={isDisabled}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["CheckAll","checkboxConfig","isAllChecked","isDisabled","useKeyboardShortcut","syntheticEvent","jsx","input"],"mappings":"kJAWaA,EAAW,CAAC,CAAE,eAAAC,EAAgB,aAAAC,EAAc,WAAAC,MACvDC,sBAAoB,CAClB,IAAK,IACL,SAAU,IAAM,CACd,GAAIH,EAAe,gBAAiB,CAClC,MAAMI,EAAiB,CACrB,OAAQ,CACN,QAAS,CAACH,CAAA,CACZ,EAEFD,EAAe,gBAAgBI,CAAc,CAC/C,CACF,EACA,OAAQ,GACR,QAAS,GACT,QAAS,EAAA,CACV,EAGCC,EAAAA,IAAC,MAAA,CAAI,UAAU,qGACZ,WAAe,iBACdA,EAAAA,IAAC,QAAA,CACC,GAAG,sBACH,KAAK,WACL,UAAU,wNACV,SAAUL,EAAe,gBACzB,QAASC,EACT,IAAMK,GAAU,CACVA,IACFA,EAAM,cAAgBN,EAAe,WAAW,OAAS,GAAK,CAACC,EAEnE,EACA,SAAUC,CAAA,CAAA,EAGhB"}

package/dist/components/data-display/infinite-table/head/CheckAll.es.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useKeyboardShortcut as c } from "react-keyshorts";
-const s = ({ checkboxConfig: e, isAllChecked: t, isDisabled: l }) => (c({
+import { useKeyboardShortcut as l } from "react-keyshorts";
+const s = ({ checkboxConfig: e, isAllChecked: t, isDisabled: c }) => (l({
   key: "a",
   callback: () => {
     if (e.onAllItemsCheck) {
@@ -15,7 +15,7 @@ const s = ({ checkboxConfig: e, isAllChecked: t, isDisabled: l }) => (c({
   altKey: !0,
   ctrlKey: !0,
   metaKey: !0
-}), /* @__PURE__ */ a("div", { className: "absolute left-0 px-2.5 w-full h-row z-20 flex items-center bg-neutral-50 dark:bg-black-700", children: e.onAllItemsCheck && /* @__PURE__ */ a(
+}), /* @__PURE__ */ a("div", { className: "absolute px-2.5 w-full h-row z-20 flex items-center justify-center bg-neutral-50 dark:bg-black-700", children: e.onAllItemsCheck && /* @__PURE__ */ a(
   "input",
   {
     id: "checkbox-all-search",
@@ -26,7 +26,7 @@ const s = ({ checkboxConfig: e, isAllChecked: t, isDisabled: l }) => (c({
     ref: (r) => {
       r && (r.indeterminate = e.checkedIds.length > 0 && !t);
     },
-    disabled: l
+    disabled: c
   }
 ) }));
 export {

package/dist/components/data-display/infinite-table/head/CheckAll.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckAll.es.js","sources":["../../../../../src/components/data-display/infinite-table/head/CheckAll.tsx"],"sourcesContent":["import { useKeyboardShortcut } from 'react-keyshorts';\n\ninterface CheckAllProps {\n  checkboxConfig: {\n    onAllItemsCheck?: (event: { target: { checked: boolean } }) => void;\n    checkedIds: string[];\n  };\n  isAllChecked: boolean;\n  isDisabled?: boolean;\n}\n\nexport const CheckAll = ({ checkboxConfig, isAllChecked, isDisabled }: CheckAllProps) => {\n  useKeyboardShortcut({\n    key: 'a',\n    callback: () => {\n      if (checkboxConfig.onAllItemsCheck) {\n        const syntheticEvent = {\n          target: {\n            checked: !isAllChecked,\n          },\n        };\n        checkboxConfig.onAllItemsCheck(syntheticEvent);\n      }\n    },\n    altKey: true,\n    ctrlKey: true,\n    metaKey: true,\n  });\n\n  return (\n    <div className='absolute left-0 px-2.5 w-full h-row z-20 flex items-center bg-neutral-50 dark:bg-black-700'>\n      {checkboxConfig.onAllItemsCheck && (\n        <input\n          id='checkbox-all-search'\n          type='checkbox'\n          className='w-4 h-4 text-blue-600 appearance-none dark:bg-black-700 border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2 cursor-pointer'\n          onChange={checkboxConfig.onAllItemsCheck}\n          checked={isAllChecked}\n          ref={(input) => {\n            if (input) {\n              input.indeterminate = checkboxConfig.checkedIds.length > 0 && !isAllChecked;\n            }\n          }}\n          disabled={isDisabled}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["CheckAll","checkboxConfig","isAllChecked","isDisabled","useKeyboardShortcut","syntheticEvent","jsx","input"],"mappings":";;AAWO,MAAMA,IAAW,CAAC,EAAE,gBAAAC,GAAgB,cAAAC,GAAc,YAAAC,SACvDC,EAAoB;AAAA,EAClB,KAAK;AAAA,EACL,UAAU,MAAM;AACd,QAAIH,EAAe,iBAAiB;AAClC,YAAMI,IAAiB;AAAA,QACrB,QAAQ;AAAA,UACN,SAAS,CAACH;AAAA,QAAA;AAAA,MACZ;AAEF,MAAAD,EAAe,gBAAgBI,CAAc;AAAA,IAC/C;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,CACV,GAGC,gBAAAC,EAAC,OAAA,EAAI,WAAU,8FACZ,YAAe,mBACd,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,IAAG;AAAA,IACH,MAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAUL,EAAe;AAAA,IACzB,SAASC;AAAA,IACT,KAAK,CAACK,MAAU;AACd,MAAIA,MACFA,EAAM,gBAAgBN,EAAe,WAAW,SAAS,KAAK,CAACC;AAAA,IAEnE;AAAA,IACA,UAAUC;AAAA,EAAA;AAAA,GAGhB;"}
+{"version":3,"file":"CheckAll.es.js","sources":["../../../../../src/components/data-display/infinite-table/head/CheckAll.tsx"],"sourcesContent":["import { useKeyboardShortcut } from 'react-keyshorts';\n\ninterface CheckAllProps {\n  checkboxConfig: {\n    onAllItemsCheck?: (event: { target: { checked: boolean } }) => void;\n    checkedIds: string[];\n  };\n  isAllChecked: boolean;\n  isDisabled?: boolean;\n}\n\nexport const CheckAll = ({ checkboxConfig, isAllChecked, isDisabled }: CheckAllProps) => {\n  useKeyboardShortcut({\n    key: 'a',\n    callback: () => {\n      if (checkboxConfig.onAllItemsCheck) {\n        const syntheticEvent = {\n          target: {\n            checked: !isAllChecked,\n          },\n        };\n        checkboxConfig.onAllItemsCheck(syntheticEvent);\n      }\n    },\n    altKey: true,\n    ctrlKey: true,\n    metaKey: true,\n  });\n\n  return (\n    <div className='absolute px-2.5 w-full h-row z-20 flex items-center justify-center bg-neutral-50 dark:bg-black-700'>\n      {checkboxConfig.onAllItemsCheck && (\n        <input\n          id='checkbox-all-search'\n          type='checkbox'\n          className='w-4 h-4 text-blue-600 appearance-none dark:bg-black-700 border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2 cursor-pointer'\n          onChange={checkboxConfig.onAllItemsCheck}\n          checked={isAllChecked}\n          ref={(input) => {\n            if (input) {\n              input.indeterminate = checkboxConfig.checkedIds.length > 0 && !isAllChecked;\n            }\n          }}\n          disabled={isDisabled}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["CheckAll","checkboxConfig","isAllChecked","isDisabled","useKeyboardShortcut","syntheticEvent","jsx","input"],"mappings":";;AAWO,MAAMA,IAAW,CAAC,EAAE,gBAAAC,GAAgB,cAAAC,GAAc,YAAAC,SACvDC,EAAoB;AAAA,EAClB,KAAK;AAAA,EACL,UAAU,MAAM;AACd,QAAIH,EAAe,iBAAiB;AAClC,YAAMI,IAAiB;AAAA,QACrB,QAAQ;AAAA,UACN,SAAS,CAACH;AAAA,QAAA;AAAA,MACZ;AAEF,MAAAD,EAAe,gBAAgBI,CAAc;AAAA,IAC/C;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,CACV,GAGC,gBAAAC,EAAC,OAAA,EAAI,WAAU,sGACZ,YAAe,mBACd,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,IAAG;AAAA,IACH,MAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAUL,EAAe;AAAA,IACzB,SAASC;AAAA,IACT,KAAK,CAACK,MAAU;AACd,MAAIA,MACFA,EAAM,gBAAgBN,EAAe,WAAW,SAAS,KAAK,CAACC;AAAA,IAEnE;AAAA,IACA,UAAUC;AAAA,EAAA;AAAA,GAGhB;"}

package/dist/components/data-display/infinite-table/head/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),R=require("react"),S=require("./CheckAll.cjs.js"),D=require("./cell/index.cjs.js"),M=({headerGroups:r,isCheckbox:c,checkboxConfig:x,isAllChecked:d,showHeaderOptions:h,setShowHeaderOptions:b,isShowSortArrowAsc:m,isShowSortArrowDesc:n,onSort:k,onFilter:f,toggleHeaderOption:j,setIsShowSortArrowAsc:u,setIsShowSortArrowDesc:g,toggleDataFilterModal:p,rowOptions:w,isColumnConfigurable:o,onAddColumnClick:v,onEditColumnClick:N,onDeleteColumnClick:y,tableActions:t,isResizable:z,isLoading:q,rowAdditionalActions:s,showPendingEditsColumn:i})=>e.jsx("thead",{className:"text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b",children:r.map((a,H)=>R.createElement("tr",{...a.getHeaderGroupProps(),key:H,className:"h-row"},i&&e.jsx("th",{className:"sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]",children:e.jsx("div",{className:"w-full h-row"})}),c&&e.jsx("div",{className:`sticky ${i?"left-[28px]":"left-0"} right-0 z-20 flex items-center bg-white dark:bg-black-700`,children:e.jsx("th",{className:"px-2.5 min-w-[40px]",children:e.jsx(S.CheckAll,{isDisabled:q,checkboxConfig:x,isAllChecked:d})})}),t&&e.jsxs("th",{className:"px-2.5 relative",children:[e.jsx("div",{className:"absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0"}),e.jsx("div",{children:t()})]}),a.headers.filter(l=>l?.visible!==!1).map((l,C)=>e.jsx(D.Cell,{headerGroup:a,headerIndex:C,showHeaderOptions:h,column:l,isShowSortArrowAsc:m,isShowSortArrowDesc:n,onSort:k,onFilter:f,toggleHeaderOption:j,setIsShowSortArrowAsc:u,setIsShowSortArrowDesc:g,setShowHeaderOptions:b,toggleDataFilterModal:p,isColumnConfigurable:o,onAddColumnClick:v,onEditColumnClick:N,onDeleteColumnClick:y,isResizable:z},l.id)),(w||s)&&e.jsx("th",{className:"h-row whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700",children:e.jsxs("div",{className:"flex",children:[s&&e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute w-full h-full top-0 left-0"}),e.jsx("div",{children:s()})]}),e.jsx("div",{className:"w-12"})]})})))});exports.Head=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),R=require("react"),S=require("./CheckAll.cjs.js"),D=require("./cell/index.cjs.js"),M=({headerGroups:r,isCheckbox:c,checkboxConfig:d,isAllChecked:h,showHeaderOptions:x,setShowHeaderOptions:b,isShowSortArrowAsc:m,isShowSortArrowDesc:n,onSort:k,onFilter:f,toggleHeaderOption:j,setIsShowSortArrowAsc:u,setIsShowSortArrowDesc:g,toggleDataFilterModal:w,rowOptions:o,isColumnConfigurable:p,onAddColumnClick:v,onEditColumnClick:N,onDeleteColumnClick:y,tableActions:t,isResizable:z,isLoading:q,rowAdditionalActions:s,showPendingEditsColumn:i})=>e.jsx("thead",{className:"text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b",children:r.map((a,H)=>R.createElement("tr",{...a.getHeaderGroupProps(),key:H,className:"h-row"},i&&e.jsx("th",{className:"sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]",children:e.jsx("div",{className:"w-full h-row"})}),c&&e.jsx("div",{className:`sticky ${i?"left-[28px]":"left-0"} right-0 z-20 flex items-center bg-white dark:bg-black-700`,children:e.jsx("th",{className:"min-w-[40px]",children:e.jsx(S.CheckAll,{isDisabled:q,checkboxConfig:d,isAllChecked:h})})}),t&&e.jsxs("th",{className:"px-2.5 relative",children:[e.jsx("div",{className:"absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0"}),e.jsx("div",{children:t()})]}),a.headers.filter(l=>l?.visible!==!1).map((l,C)=>e.jsx(D.Cell,{headerGroup:a,headerIndex:C,showHeaderOptions:x,column:l,isShowSortArrowAsc:m,isShowSortArrowDesc:n,onSort:k,onFilter:f,toggleHeaderOption:j,setIsShowSortArrowAsc:u,setIsShowSortArrowDesc:g,setShowHeaderOptions:b,toggleDataFilterModal:w,isColumnConfigurable:p,onAddColumnClick:v,onEditColumnClick:N,onDeleteColumnClick:y,isResizable:z},l.id)),(o||s)&&e.jsx("th",{className:"h-row whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700",children:e.jsxs("div",{className:"flex",children:[s&&e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute w-full h-full top-0 left-0"}),e.jsx("div",{children:s()})]}),e.jsx("div",{className:"w-12"})]})})))});exports.Head=M;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/data-display/infinite-table/head/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../../src/components/data-display/infinite-table/head/index.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckAll } from './CheckAll';\nimport { Cell } from './cell';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  visible?: boolean;\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface HeaderGroup {\n  getHeaderGroupProps: () => Record<string, unknown>;\n  headers: HeaderColumn[];\n  [key: string]: unknown;\n}\n\ntype TProps = {\n  headerGroups: HeaderGroup[];\n  isCheckbox: boolean;\n  checkboxConfig: Record<string, unknown> | null;\n  isAllChecked: boolean;\n  showHeaderOptions: string;\n  setShowHeaderOptions: (value: string | null) => void;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  rowOptions: unknown[];\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  tableActions: (() => React.ReactNode) | null;\n  isResizable: boolean;\n  isLoading?: boolean;\n  rowAdditionalActions: (() => React.ReactNode) | null;\n  showPendingEditsColumn?: boolean;\n};\n\nexport const Head = ({\n  headerGroups,\n  isCheckbox,\n  checkboxConfig,\n  isAllChecked,\n  showHeaderOptions,\n  setShowHeaderOptions,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  toggleDataFilterModal,\n  rowOptions,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  tableActions,\n  isResizable,\n  isLoading,\n  rowAdditionalActions,\n  showPendingEditsColumn,\n}: TProps) => {\n  return (\n    <thead className='text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b'>\n      {headerGroups.map((headerGroup, index) => (\n        <tr {...headerGroup.getHeaderGroupProps()} key={index} className='h-row'>\n          {showPendingEditsColumn && (\n            <th className='sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]'>\n              <div className='w-full h-row' />\n            </th>\n          )}\n          {isCheckbox && (\n            <div className={`sticky ${showPendingEditsColumn ? 'left-[28px]' : 'left-0'} right-0 z-20 flex items-center bg-white dark:bg-black-700`}>\n              <th className='px-2.5 min-w-[40px]'>\n                <CheckAll isDisabled={isLoading} checkboxConfig={checkboxConfig as unknown as { onAllItemsCheck?: (event: { target: { checked: boolean } }) => void; checkedIds: string[] }} isAllChecked={isAllChecked} />\n              </th>\n            </div>\n          )}\n          {tableActions && (\n            <th className='px-2.5 relative'>\n              <div className='absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0' />\n              <div>{tableActions()}</div>\n            </th>\n          )}\n          {headerGroup.headers\n            .filter((header: HeaderColumn) => header?.visible !== false)\n            .map((column: HeaderColumn, headerIndex: number) => (\n              <Cell\n                key={column.id}\n                headerGroup={headerGroup}\n                headerIndex={headerIndex}\n                showHeaderOptions={showHeaderOptions}\n                column={column}\n                isShowSortArrowAsc={isShowSortArrowAsc}\n                isShowSortArrowDesc={isShowSortArrowDesc}\n                onSort={onSort}\n                onFilter={onFilter}\n                toggleHeaderOption={toggleHeaderOption}\n                setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n                setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n                setShowHeaderOptions={setShowHeaderOptions}\n                toggleDataFilterModal={toggleDataFilterModal}\n                isColumnConfigurable={isColumnConfigurable}\n                onAddColumnClick={onAddColumnClick}\n                onEditColumnClick={onEditColumnClick}\n                onDeleteColumnClick={onDeleteColumnClick}\n                isResizable={isResizable}\n              />\n            ))}\n          {(rowOptions || rowAdditionalActions) && (\n            <th className='h-row whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700'>\n              <div className='flex'>\n                {rowAdditionalActions && (\n                  <div className='relative'>\n                    <div className='absolute w-full h-full top-0 left-0' />\n                    <div>{rowAdditionalActions()}</div>\n                  </div>\n                )}\n                <div className='w-12' />\n              </div>\n            </th>\n          )}\n        </tr>\n      ))}\n    </thead>\n  );\n};\n"],"names":["Head","headerGroups","isCheckbox","checkboxConfig","isAllChecked","showHeaderOptions","setShowHeaderOptions","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","toggleDataFilterModal","rowOptions","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","tableActions","isResizable","isLoading","rowAdditionalActions","showPendingEditsColumn","jsx","headerGroup","index","createElement","CheckAll","jsxs","header","column","headerIndex","Cell"],"mappings":"wMA+CaA,EAAO,CAAC,CACnB,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,sBAAAC,EACA,WAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,aAAAC,EACA,YAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,uBAAAC,CACF,IAEIC,EAAAA,IAAC,QAAA,CAAM,UAAU,yIACd,SAAAxB,EAAa,IAAI,CAACyB,EAAaC,IAC9BC,EAAAA,cAAC,KAAA,CAAI,GAAGF,EAAY,sBAAuB,IAAKC,EAAO,UAAU,OAAA,EAC9DH,GACCC,EAAAA,IAAC,KAAA,CAAG,UAAU,sEACZ,SAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,cAAA,CAAe,EAChC,EAEDvB,GACCuB,EAAAA,IAAC,MAAA,CAAI,UAAW,UAAUD,EAAyB,cAAgB,QAAQ,6DACzE,SAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,sBACZ,eAACI,EAAAA,SAAA,CAAS,WAAYP,EAAW,eAAAnB,EAA4I,aAAAC,CAAA,CAA4B,CAAA,CAC3M,CAAA,CACF,EAEDgB,GACCU,EAAAA,KAAC,KAAA,CAAG,UAAU,kBACZ,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,gEAAA,CAAiE,EAChFA,EAAAA,IAAC,MAAA,CAAK,SAAAL,EAAA,CAAa,CAAE,CAAA,CAAA,CACvB,EAEDM,EAAY,QACV,OAAQK,GAAyBA,GAAQ,UAAY,EAAK,EAC1D,IAAI,CAACC,EAAsBC,IAC1BR,EAAAA,IAACS,EAAAA,KAAA,CAEC,YAAAR,EACA,YAAAO,EACA,kBAAA5B,EACA,OAAA2B,EACA,mBAAAzB,EACA,oBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,qBAAAP,EACA,sBAAAQ,EACA,qBAAAE,EACA,iBAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,YAAAE,CAAA,EAlBKW,EAAO,EAAA,CAoBf,GACDjB,GAAcQ,IACdE,EAAAA,IAAC,KAAA,CAAG,UAAU,uFACZ,SAAAK,EAAAA,KAAC,MAAA,CAAI,UAAU,OACZ,SAAA,CAAAP,GACCO,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,qCAAA,CAAsC,EACrDA,EAAAA,IAAC,MAAA,CAAK,SAAAF,EAAA,CAAqB,CAAE,CAAA,EAC/B,EAEFE,EAAAA,IAAC,MAAA,CAAI,UAAU,MAAA,CAAO,CAAA,EACxB,CAAA,CACF,CAEJ,CACD,EACH"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../../src/components/data-display/infinite-table/head/index.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckAll } from './CheckAll';\nimport { Cell } from './cell';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  visible?: boolean;\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface HeaderGroup {\n  getHeaderGroupProps: () => Record<string, unknown>;\n  headers: HeaderColumn[];\n  [key: string]: unknown;\n}\n\ntype TProps = {\n  headerGroups: HeaderGroup[];\n  isCheckbox: boolean;\n  checkboxConfig: Record<string, unknown> | null;\n  isAllChecked: boolean;\n  showHeaderOptions: string;\n  setShowHeaderOptions: (value: string | null) => void;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  rowOptions: unknown[];\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  tableActions: (() => React.ReactNode) | null;\n  isResizable: boolean;\n  isLoading?: boolean;\n  rowAdditionalActions: (() => React.ReactNode) | null;\n  showPendingEditsColumn?: boolean;\n};\n\nexport const Head = ({\n  headerGroups,\n  isCheckbox,\n  checkboxConfig,\n  isAllChecked,\n  showHeaderOptions,\n  setShowHeaderOptions,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  toggleDataFilterModal,\n  rowOptions,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  tableActions,\n  isResizable,\n  isLoading,\n  rowAdditionalActions,\n  showPendingEditsColumn,\n}: TProps) => {\n  return (\n    <thead className='text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b'>\n      {headerGroups.map((headerGroup, index) => (\n        <tr {...headerGroup.getHeaderGroupProps()} key={index} className='h-row'>\n          {showPendingEditsColumn && (\n            <th className='sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]'>\n              <div className='w-full h-row' />\n            </th>\n          )}\n          {isCheckbox && (\n            <div className={`sticky ${showPendingEditsColumn ? 'left-[28px]' : 'left-0'} right-0 z-20 flex items-center bg-white dark:bg-black-700`}>\n              <th className='min-w-[40px]'>\n                <CheckAll isDisabled={isLoading} checkboxConfig={checkboxConfig as unknown as { onAllItemsCheck?: (event: { target: { checked: boolean } }) => void; checkedIds: string[] }} isAllChecked={isAllChecked} />\n              </th>\n            </div>\n          )}\n          {tableActions && (\n            <th className='px-2.5 relative'>\n              <div className='absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0' />\n              <div>{tableActions()}</div>\n            </th>\n          )}\n          {headerGroup.headers\n            .filter((header: HeaderColumn) => header?.visible !== false)\n            .map((column: HeaderColumn, headerIndex: number) => (\n              <Cell\n                key={column.id}\n                headerGroup={headerGroup}\n                headerIndex={headerIndex}\n                showHeaderOptions={showHeaderOptions}\n                column={column}\n                isShowSortArrowAsc={isShowSortArrowAsc}\n                isShowSortArrowDesc={isShowSortArrowDesc}\n                onSort={onSort}\n                onFilter={onFilter}\n                toggleHeaderOption={toggleHeaderOption}\n                setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n                setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n                setShowHeaderOptions={setShowHeaderOptions}\n                toggleDataFilterModal={toggleDataFilterModal}\n                isColumnConfigurable={isColumnConfigurable}\n                onAddColumnClick={onAddColumnClick}\n                onEditColumnClick={onEditColumnClick}\n                onDeleteColumnClick={onDeleteColumnClick}\n                isResizable={isResizable}\n              />\n            ))}\n          {(rowOptions || rowAdditionalActions) && (\n            <th className='h-row whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700'>\n              <div className='flex'>\n                {rowAdditionalActions && (\n                  <div className='relative'>\n                    <div className='absolute w-full h-full top-0 left-0' />\n                    <div>{rowAdditionalActions()}</div>\n                  </div>\n                )}\n                <div className='w-12' />\n              </div>\n            </th>\n          )}\n        </tr>\n      ))}\n    </thead>\n  );\n};\n"],"names":["Head","headerGroups","isCheckbox","checkboxConfig","isAllChecked","showHeaderOptions","setShowHeaderOptions","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","toggleDataFilterModal","rowOptions","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","tableActions","isResizable","isLoading","rowAdditionalActions","showPendingEditsColumn","jsx","headerGroup","index","createElement","CheckAll","jsxs","header","column","headerIndex","Cell"],"mappings":"wMA+CaA,EAAO,CAAC,CACnB,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,sBAAAC,EACA,WAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,aAAAC,EACA,YAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,uBAAAC,CACF,IAEIC,EAAAA,IAAC,QAAA,CAAM,UAAU,yIACd,SAAAxB,EAAa,IAAI,CAACyB,EAAaC,IAC9BC,EAAAA,cAAC,KAAA,CAAI,GAAGF,EAAY,sBAAuB,IAAKC,EAAO,UAAU,OAAA,EAC9DH,GACCC,EAAAA,IAAC,KAAA,CAAG,UAAU,sEACZ,SAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,cAAA,CAAe,EAChC,EAEDvB,GACCuB,EAAAA,IAAC,MAAA,CAAI,UAAW,UAAUD,EAAyB,cAAgB,QAAQ,6DACzE,SAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,eACZ,eAACI,EAAAA,SAAA,CAAS,WAAYP,EAAW,eAAAnB,EAA4I,aAAAC,CAAA,CAA4B,CAAA,CAC3M,CAAA,CACF,EAEDgB,GACCU,EAAAA,KAAC,KAAA,CAAG,UAAU,kBACZ,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,gEAAA,CAAiE,EAChFA,EAAAA,IAAC,MAAA,CAAK,SAAAL,EAAA,CAAa,CAAE,CAAA,CAAA,CACvB,EAEDM,EAAY,QACV,OAAQK,GAAyBA,GAAQ,UAAY,EAAK,EAC1D,IAAI,CAACC,EAAsBC,IAC1BR,EAAAA,IAACS,EAAAA,KAAA,CAEC,YAAAR,EACA,YAAAO,EACA,kBAAA5B,EACA,OAAA2B,EACA,mBAAAzB,EACA,oBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,qBAAAP,EACA,sBAAAQ,EACA,qBAAAE,EACA,iBAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,YAAAE,CAAA,EAlBKW,EAAO,EAAA,CAoBf,GACDjB,GAAcQ,IACdE,EAAAA,IAAC,KAAA,CAAG,UAAU,uFACZ,SAAAK,EAAAA,KAAC,MAAA,CAAI,UAAU,OACZ,SAAA,CAAAP,GACCO,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,qCAAA,CAAsC,EACrDA,EAAAA,IAAC,MAAA,CAAK,SAAAF,EAAA,CAAqB,CAAE,CAAA,EAC/B,EAEFE,EAAAA,IAAC,MAAA,CAAI,UAAU,MAAA,CAAO,CAAA,EACxB,CAAA,CACF,CAEJ,CACD,EACH"}

package/dist/components/data-display/infinite-table/head/index.es.js

@@ -13,8 +13,8 @@ const L = ({
   isShowSortArrowDesc: p,
   onSort: o,
   onFilter: w,
-  toggleHeaderOption: x,
-  setIsShowSortArrowAsc: n,
+  toggleHeaderOption: n,
+  setIsShowSortArrowAsc: x,
   setIsShowSortArrowDesc: N,
   toggleDataFilterModal: g,
   rowOptions: v,
@@ -27,7 +27,7 @@ const L = ({
   isLoading: C,
   rowAdditionalActions: a,
   showPendingEditsColumn: s
-}) => /* @__PURE__ */ e("thead", { className: "text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b", children: c.map((t, D) => /* @__PURE__ */ q("tr", { ...t.getHeaderGroupProps(), key: D, className: "h-row" }, s && /* @__PURE__ */ e("th", { className: "sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]", children: /* @__PURE__ */ e("div", { className: "w-full h-row" }) }), m && /* @__PURE__ */ e("div", { className: `sticky ${s ? "left-[28px]" : "left-0"} right-0 z-20 flex items-center bg-white dark:bg-black-700`, children: /* @__PURE__ */ e("th", { className: "px-2.5 min-w-[40px]", children: /* @__PURE__ */ e(B, { isDisabled: C, checkboxConfig: h, isAllChecked: d }) }) }), i && /* @__PURE__ */ r("th", { className: "px-2.5 relative", children: [
+}) => /* @__PURE__ */ e("thead", { className: "text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b", children: c.map((t, D) => /* @__PURE__ */ q("tr", { ...t.getHeaderGroupProps(), key: D, className: "h-row" }, s && /* @__PURE__ */ e("th", { className: "sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]", children: /* @__PURE__ */ e("div", { className: "w-full h-row" }) }), m && /* @__PURE__ */ e("div", { className: `sticky ${s ? "left-[28px]" : "left-0"} right-0 z-20 flex items-center bg-white dark:bg-black-700`, children: /* @__PURE__ */ e("th", { className: "min-w-[40px]", children: /* @__PURE__ */ e(B, { isDisabled: C, checkboxConfig: h, isAllChecked: d }) }) }), i && /* @__PURE__ */ r("th", { className: "px-2.5 relative", children: [
   /* @__PURE__ */ e("div", { className: "absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0" }),
   /* @__PURE__ */ e("div", { children: i() })
 ] }), t.headers.filter((l) => l?.visible !== !1).map((l, $) => /* @__PURE__ */ e(
@@ -41,8 +41,8 @@ const L = ({
     isShowSortArrowDesc: p,
     onSort: o,
     onFilter: w,
-    toggleHeaderOption: x,
-    setIsShowSortArrowAsc: n,
+    toggleHeaderOption: n,
+    setIsShowSortArrowAsc: x,
     setIsShowSortArrowDesc: N,
     setShowHeaderOptions: f,
     toggleDataFilterModal: g,

package/dist/components/data-display/infinite-table/head/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../src/components/data-display/infinite-table/head/index.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckAll } from './CheckAll';\nimport { Cell } from './cell';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  visible?: boolean;\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface HeaderGroup {\n  getHeaderGroupProps: () => Record<string, unknown>;\n  headers: HeaderColumn[];\n  [key: string]: unknown;\n}\n\ntype TProps = {\n  headerGroups: HeaderGroup[];\n  isCheckbox: boolean;\n  checkboxConfig: Record<string, unknown> | null;\n  isAllChecked: boolean;\n  showHeaderOptions: string;\n  setShowHeaderOptions: (value: string | null) => void;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  rowOptions: unknown[];\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  tableActions: (() => React.ReactNode) | null;\n  isResizable: boolean;\n  isLoading?: boolean;\n  rowAdditionalActions: (() => React.ReactNode) | null;\n  showPendingEditsColumn?: boolean;\n};\n\nexport const Head = ({\n  headerGroups,\n  isCheckbox,\n  checkboxConfig,\n  isAllChecked,\n  showHeaderOptions,\n  setShowHeaderOptions,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  toggleDataFilterModal,\n  rowOptions,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  tableActions,\n  isResizable,\n  isLoading,\n  rowAdditionalActions,\n  showPendingEditsColumn,\n}: TProps) => {\n  return (\n    <thead className='text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b'>\n      {headerGroups.map((headerGroup, index) => (\n        <tr {...headerGroup.getHeaderGroupProps()} key={index} className='h-row'>\n          {showPendingEditsColumn && (\n            <th className='sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]'>\n              <div className='w-full h-row' />\n            </th>\n          )}\n          {isCheckbox && (\n            <div className={`sticky ${showPendingEditsColumn ? 'left-[28px]' : 'left-0'} right-0 z-20 flex items-center bg-white dark:bg-black-700`}>\n              <th className='px-2.5 min-w-[40px]'>\n                <CheckAll isDisabled={isLoading} checkboxConfig={checkboxConfig as unknown as { onAllItemsCheck?: (event: { target: { checked: boolean } }) => void; checkedIds: string[] }} isAllChecked={isAllChecked} />\n              </th>\n            </div>\n          )}\n          {tableActions && (\n            <th className='px-2.5 relative'>\n              <div className='absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0' />\n              <div>{tableActions()}</div>\n            </th>\n          )}\n          {headerGroup.headers\n            .filter((header: HeaderColumn) => header?.visible !== false)\n            .map((column: HeaderColumn, headerIndex: number) => (\n              <Cell\n                key={column.id}\n                headerGroup={headerGroup}\n                headerIndex={headerIndex}\n                showHeaderOptions={showHeaderOptions}\n                column={column}\n                isShowSortArrowAsc={isShowSortArrowAsc}\n                isShowSortArrowDesc={isShowSortArrowDesc}\n                onSort={onSort}\n                onFilter={onFilter}\n                toggleHeaderOption={toggleHeaderOption}\n                setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n                setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n                setShowHeaderOptions={setShowHeaderOptions}\n                toggleDataFilterModal={toggleDataFilterModal}\n                isColumnConfigurable={isColumnConfigurable}\n                onAddColumnClick={onAddColumnClick}\n                onEditColumnClick={onEditColumnClick}\n                onDeleteColumnClick={onDeleteColumnClick}\n                isResizable={isResizable}\n              />\n            ))}\n          {(rowOptions || rowAdditionalActions) && (\n            <th className='h-row whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700'>\n              <div className='flex'>\n                {rowAdditionalActions && (\n                  <div className='relative'>\n                    <div className='absolute w-full h-full top-0 left-0' />\n                    <div>{rowAdditionalActions()}</div>\n                  </div>\n                )}\n                <div className='w-12' />\n              </div>\n            </th>\n          )}\n        </tr>\n      ))}\n    </thead>\n  );\n};\n"],"names":["Head","headerGroups","isCheckbox","checkboxConfig","isAllChecked","showHeaderOptions","setShowHeaderOptions","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","toggleDataFilterModal","rowOptions","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","tableActions","isResizable","isLoading","rowAdditionalActions","showPendingEditsColumn","jsx","headerGroup","index","createElement","CheckAll","jsxs","header","column","headerIndex","Cell"],"mappings":";;;;AA+CO,MAAMA,IAAO,CAAC;AAAA,EACnB,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,wBAAAC;AACF,MAEI,gBAAAC,EAAC,SAAA,EAAM,WAAU,0IACd,UAAAxB,EAAa,IAAI,CAACyB,GAAaC,MAC9B,gBAAAC,EAAC,MAAA,EAAI,GAAGF,EAAY,uBAAuB,KAAKC,GAAO,WAAU,QAAA,GAC9DH,KACC,gBAAAC,EAAC,MAAA,EAAG,WAAU,uEACZ,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,eAAA,CAAe,GAChC,GAEDvB,KACC,gBAAAuB,EAAC,OAAA,EAAI,WAAW,UAAUD,IAAyB,gBAAgB,QAAQ,8DACzE,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,uBACZ,4BAACI,GAAA,EAAS,YAAYP,GAAW,gBAAAnB,GAA4I,cAAAC,EAAA,CAA4B,EAAA,CAC3M,EAAA,CACF,GAEDgB,KACC,gBAAAU,EAAC,MAAA,EAAG,WAAU,mBACZ,UAAA;AAAA,EAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,iEAAA,CAAiE;AAAA,EAChF,gBAAAA,EAAC,OAAA,EAAK,UAAAL,EAAA,EAAa,CAAE;AAAA,EAAA,CACvB,GAEDM,EAAY,QACV,OAAO,CAACK,MAAyBA,GAAQ,YAAY,EAAK,EAC1D,IAAI,CAACC,GAAsBC,MAC1B,gBAAAR;AAAA,EAACS;AAAA,EAAA;AAAA,IAEC,aAAAR;AAAA,IACA,aAAAO;AAAA,IACA,mBAAA5B;AAAA,IACA,QAAA2B;AAAA,IACA,oBAAAzB;AAAA,IACA,qBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,sBAAAP;AAAA,IACA,uBAAAQ;AAAA,IACA,sBAAAE;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAE;AAAA,EAAA;AAAA,EAlBKW,EAAO;AAAA,CAoBf,IACDjB,KAAcQ,MACd,gBAAAE,EAAC,MAAA,EAAG,WAAU,wFACZ,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,QACZ,UAAA;AAAA,EAAAP,KACC,gBAAAO,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,IAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,IACrD,gBAAAA,EAAC,OAAA,EAAK,UAAAF,EAAA,EAAqB,CAAE;AAAA,EAAA,GAC/B;AAAA,EAEF,gBAAAE,EAAC,OAAA,EAAI,WAAU,OAAA,CAAO;AAAA,GACxB,EAAA,CACF,CAEJ,CACD,GACH;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/data-display/infinite-table/head/index.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckAll } from './CheckAll';\nimport { Cell } from './cell';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  visible?: boolean;\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface HeaderGroup {\n  getHeaderGroupProps: () => Record<string, unknown>;\n  headers: HeaderColumn[];\n  [key: string]: unknown;\n}\n\ntype TProps = {\n  headerGroups: HeaderGroup[];\n  isCheckbox: boolean;\n  checkboxConfig: Record<string, unknown> | null;\n  isAllChecked: boolean;\n  showHeaderOptions: string;\n  setShowHeaderOptions: (value: string | null) => void;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  rowOptions: unknown[];\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  tableActions: (() => React.ReactNode) | null;\n  isResizable: boolean;\n  isLoading?: boolean;\n  rowAdditionalActions: (() => React.ReactNode) | null;\n  showPendingEditsColumn?: boolean;\n};\n\nexport const Head = ({\n  headerGroups,\n  isCheckbox,\n  checkboxConfig,\n  isAllChecked,\n  showHeaderOptions,\n  setShowHeaderOptions,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  toggleDataFilterModal,\n  rowOptions,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  tableActions,\n  isResizable,\n  isLoading,\n  rowAdditionalActions,\n  showPendingEditsColumn,\n}: TProps) => {\n  return (\n    <thead className='text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b'>\n      {headerGroups.map((headerGroup, index) => (\n        <tr {...headerGroup.getHeaderGroupProps()} key={index} className='h-row'>\n          {showPendingEditsColumn && (\n            <th className='sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]'>\n              <div className='w-full h-row' />\n            </th>\n          )}\n          {isCheckbox && (\n            <div className={`sticky ${showPendingEditsColumn ? 'left-[28px]' : 'left-0'} right-0 z-20 flex items-center bg-white dark:bg-black-700`}>\n              <th className='min-w-[40px]'>\n                <CheckAll isDisabled={isLoading} checkboxConfig={checkboxConfig as unknown as { onAllItemsCheck?: (event: { target: { checked: boolean } }) => void; checkedIds: string[] }} isAllChecked={isAllChecked} />\n              </th>\n            </div>\n          )}\n          {tableActions && (\n            <th className='px-2.5 relative'>\n              <div className='absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0' />\n              <div>{tableActions()}</div>\n            </th>\n          )}\n          {headerGroup.headers\n            .filter((header: HeaderColumn) => header?.visible !== false)\n            .map((column: HeaderColumn, headerIndex: number) => (\n              <Cell\n                key={column.id}\n                headerGroup={headerGroup}\n                headerIndex={headerIndex}\n                showHeaderOptions={showHeaderOptions}\n                column={column}\n                isShowSortArrowAsc={isShowSortArrowAsc}\n                isShowSortArrowDesc={isShowSortArrowDesc}\n                onSort={onSort}\n                onFilter={onFilter}\n                toggleHeaderOption={toggleHeaderOption}\n                setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n                setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n                setShowHeaderOptions={setShowHeaderOptions}\n                toggleDataFilterModal={toggleDataFilterModal}\n                isColumnConfigurable={isColumnConfigurable}\n                onAddColumnClick={onAddColumnClick}\n                onEditColumnClick={onEditColumnClick}\n                onDeleteColumnClick={onDeleteColumnClick}\n                isResizable={isResizable}\n              />\n            ))}\n          {(rowOptions || rowAdditionalActions) && (\n            <th className='h-row whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700'>\n              <div className='flex'>\n                {rowAdditionalActions && (\n                  <div className='relative'>\n                    <div className='absolute w-full h-full top-0 left-0' />\n                    <div>{rowAdditionalActions()}</div>\n                  </div>\n                )}\n                <div className='w-12' />\n              </div>\n            </th>\n          )}\n        </tr>\n      ))}\n    </thead>\n  );\n};\n"],"names":["Head","headerGroups","isCheckbox","checkboxConfig","isAllChecked","showHeaderOptions","setShowHeaderOptions","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","toggleDataFilterModal","rowOptions","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","tableActions","isResizable","isLoading","rowAdditionalActions","showPendingEditsColumn","jsx","headerGroup","index","createElement","CheckAll","jsxs","header","column","headerIndex","Cell"],"mappings":";;;;AA+CO,MAAMA,IAAO,CAAC;AAAA,EACnB,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,wBAAAC;AACF,MAEI,gBAAAC,EAAC,SAAA,EAAM,WAAU,0IACd,UAAAxB,EAAa,IAAI,CAACyB,GAAaC,MAC9B,gBAAAC,EAAC,MAAA,EAAI,GAAGF,EAAY,uBAAuB,KAAKC,GAAO,WAAU,QAAA,GAC9DH,KACC,gBAAAC,EAAC,MAAA,EAAG,WAAU,uEACZ,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,eAAA,CAAe,GAChC,GAEDvB,KACC,gBAAAuB,EAAC,OAAA,EAAI,WAAW,UAAUD,IAAyB,gBAAgB,QAAQ,8DACzE,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,gBACZ,4BAACI,GAAA,EAAS,YAAYP,GAAW,gBAAAnB,GAA4I,cAAAC,EAAA,CAA4B,EAAA,CAC3M,EAAA,CACF,GAEDgB,KACC,gBAAAU,EAAC,MAAA,EAAG,WAAU,mBACZ,UAAA;AAAA,EAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,iEAAA,CAAiE;AAAA,EAChF,gBAAAA,EAAC,OAAA,EAAK,UAAAL,EAAA,EAAa,CAAE;AAAA,EAAA,CACvB,GAEDM,EAAY,QACV,OAAO,CAACK,MAAyBA,GAAQ,YAAY,EAAK,EAC1D,IAAI,CAACC,GAAsBC,MAC1B,gBAAAR;AAAA,EAACS;AAAA,EAAA;AAAA,IAEC,aAAAR;AAAA,IACA,aAAAO;AAAA,IACA,mBAAA5B;AAAA,IACA,QAAA2B;AAAA,IACA,oBAAAzB;AAAA,IACA,qBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,sBAAAP;AAAA,IACA,uBAAAQ;AAAA,IACA,sBAAAE;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAE;AAAA,EAAA;AAAA,EAlBKW,EAAO;AAAA,CAoBf,IACDjB,KAAcQ,MACd,gBAAAE,EAAC,MAAA,EAAG,WAAU,wFACZ,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,QACZ,UAAA;AAAA,EAAAP,KACC,gBAAAO,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,IAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,IACrD,gBAAAA,EAAC,OAAA,EAAK,UAAAF,EAAA,EAAqB,CAAE;AAAA,EAAA,GAC/B;AAAA,EAEF,gBAAAE,EAAC,OAAA,EAAI,WAAU,OAAA,CAAO;AAAA,GACxB,EAAA,CACF,CAEJ,CACD,GACH;"}

package/dist/components/forms/date-time-field/DateTimeField.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),W=require("antd"),C=require("../../../_virtual/index.cjs.js"),qe=require("react-i18next"),o=require("dayjs"),Ve=require("dayjs/plugin/customParseFormat"),Re=require("dayjs/plugin/localeData"),Be=require("dayjs/plugin/utc"),Le=require("dayjs/plugin/weekday"),s=require("react"),Ne=require("../../data-display/typography/Typography.cjs.js"),Oe=require("../../data-display/label/Label.cjs.js"),Pe=require("../../icons/AIExtractedIndicator.cjs.js"),_e=require("../../icons/AIStarIcon.cjs.js"),Te=require("../../icons/HelpIcon.cjs.js"),ie=require("../../tooltip/Tooltip.cjs.js"),ue=require("@mui/icons-material"),we=require("../shared/InputLabel.cjs.js"),b=require("../../../utils/confidenceScoreUtils.cjs.js");o.extend(Be);o.extend(Ve);o.extend(Le);o.extend(Re);const pe="MM/DD/YYYY",j="MM/DD/YYYY - hh:mm A",de="YYYY-MM-DD",me="YYYY-MM-DDTHH:mm:ss",fe={ENTER:"Enter"},De=["MM/DD/YYYY","M/DD/YYYY","MM/D/YYYY","M/D/YYYY","MM/DD/YY","M/DD/YY","MM/D/YY","M/D/YY","YYYY-MM-DD","YYYY-MM-DDTHH:mm:ss.SSSZ","YYYY-MM-DDTHH:mm:ssZ"],Ue=["MM/DD/YYYY - hh:mm A","M/DD/YYYY - hh:mm A","MM/D/YYYY - hh:mm A","M/D/YYYY - hh:mm A","MM/DD/YYYY hh:mm A","M/DD/YYYY hh:mm A","MM/D/YYYY hh:mm A","M/D/YYYY hh:mm A","MM/DD/YYYY HH:mm","M/DD/YYYY HH:mm","MM/D/YYYY HH:mm","M/D/YYYY HH:mm","MM/DD/YY - hh:mm A","M/DD/YY - hh:mm A","MM/D/YY - hh:mm A","M/D/YY - hh:mm A","MM/DD/YY hh:mm A","M/DD/YY hh:mm A","MM/D/YY hh:mm A","M/D/YY hh:mm A","MM/DD/YY HH:mm","M/DD/YY HH:mm","MM/D/YY HH:mm","M/D/YY HH:mm",...De,"YYYY-MM-DDTHH:mm:ss.SSSZ","YYYY-MM-DDTHH:mm:ssZ"],$e=()=>Math.random().toString(36).substring(2,9),y=(u,d=!1)=>{if(!u)return null;const f=d?Ue:De;for(const Y of f){const x=o(u,Y,!0);if(x.isValid())return x}const m=o(u);return m.isValid()?m:null},Ye=(u,d)=>{const f=s.useRef(d);s.useEffect(()=>{f.current=d},[d]),s.useEffect(()=>{const m=Y=>f.current(Y);return document.addEventListener(u,m),()=>{document.removeEventListener(u,m)}},[u])},Me=s.forwardRef(({label:u,value:d,required:f,isRequiredConditional:m=!1,disabled:Y,className:x=void 0,errorMessage:p,handleOnChange:D,showTime:l=!0,tags:he,needConfirm:Ee=!1,simpleMode:be,originalCase:xe=!1,dateFormat:z=void 0,tooltip:X,isAiExtracted:ge=!1,confidenceScore:q,confidenceType:g="high",confidenceTooltip:V,sourceMeta:Se=[],onConfidenceScoreClick:ve,isGTN:R=!1,gtnName:J=null,shouldPopOnParent:ye=!1,allowTimezoneConversion:M=!0,inputStyle:Ae,labelClassName:Fe,isLiveField:Ie=!1,labelExtra:Q,inputEmphasis:B="default",riskDetails:h,isRiskAnalysisOpen:L=!1,RiskDetailsCard:G,onAddGTNToDocument:A,formatDateForGTN:N,...O},ke)=>{const{t:He}=qe.useTranslation(),P=!!(L&&h?.color),ee=B==="modified"&&!p&&!P,te=B==="deleted"&&!p&&!P,ne=B==="success"&&!p&&!P,[F,_]=s.useState(!1),[re,E]=s.useState(null),[se,T]=s.useState(null),[I,le]=s.useState(!1),c=z||(l?j:pe),a=O?.id||`date-picker-${$e()}`,S=s.useRef(null),k=s.useRef(!1);Ye("paste",e=>{document.activeElement?.id===a&&(e.preventDefault(),navigator.clipboard.readText().then(t=>{const r=y(t,l);r&&w(r)}))}),Ye("keydown",e=>{if(e.key===fe.ENTER&&document.activeElement instanceof HTMLInputElement&&document.activeElement.id===a){const t=y(document?.activeElement?.value,l);t&&w(t)}});const Ce=s.useCallback(e=>{if(!A)return;let t=e||"";if(N&&e)t=N(e,{skipTimezone:!0,withTime:l});else if(e){const i=o(e);i.isValid()&&(t=i.format(c))}A({key:J,value:t})},[A,J,N,l,c]),je=s.useCallback(()=>{const e=document.getElementsByClassName("ant-picker-footer")[0];e&&(e.style.display="none")},[]),v=s.useCallback(e=>{if(!M){const t=l?me:de;if(D(e?e.format(t):null),e){const r=document.getElementById(a);if(r){const i=new CustomEvent("pilot-date-change",{bubbles:!0,detail:{selector:`#${a}`,value:e.format?e.format(c):e,type:"date-change",elementId:a}});r.dispatchEvent(i)}}return}if(e){let t;if(l?t=o(e).utc().toISOString():t=o(e).utc().add(o(e).utcOffset(),"minute").startOf("day").toISOString(),t){D(t);const r=document.getElementById(a);if(r){const i=new CustomEvent("pilot-date-change",{bubbles:!0,detail:{selector:`#${a}`,value:e.format(c),type:"date-change",elementId:a}});r.dispatchEvent(i)}}}else D(null)},[M,D,l,a,c]),oe=s.useCallback(e=>{if(!e)return null;if(!M)try{const t=o(e);if(t.isValid())return t;const r=o(e,c);return r.isValid()?r:null}catch{return null}if(l){const t=o(e);return o(t).isValid()?t:null}else if(e?.toString()?.includes("Z")){const t=o.utc(e);return o(t).isValid()?t:null}else{const t=o(e);return o(t).isValid()?t:null}},[M,c,l]),w=s.useCallback(e=>{if(e?.isValid()||e===null){E(e);const t=l?me:de,r=M?e?.toISOString():e?e.format(t):"";if(D(r||null),e?.isValid()){const i=document.getElementById(a);if(i){const U=new CustomEvent("pilot-date-change",{bubbles:!0,detail:{selector:`#${a}`,value:e.format(c),type:"date-change",elementId:a}});i.dispatchEvent(U)}}}},[M,c,D,a,l]);s.useEffect(()=>{E(oe(d))},[d,oe]),s.useEffect(()=>{se&&T(null)},[se]),s.useEffect(()=>{const e=document.getElementById(a);if(!e)return;const t=r=>{const{value:i,type:U}=r.detail;if(U==="date-playback"&&i){const H=y(i,l);H&&H.isValid()&&(E(H),v(H),setTimeout(()=>{const $=e.querySelector("input");if($&&($.focus(),setTimeout(()=>{$.blur()},10)),S.current)try{const K=S.current;typeof K.blur=="function"&&K.blur()}catch{}setTimeout(()=>{document.querySelectorAll(".ant-picker-dropdown:not(.ant-picker-dropdown-hidden)").forEach(Z=>{Z instanceof HTMLElement&&(Z.style.display="none",Z.classList.add("ant-picker-dropdown-hidden"))})},50)},50))}};return e.addEventListener("pilot-date-playback",t),()=>{e.removeEventListener("pilot-date-playback",t)}},[a,c,v,l]);const ae=s.useCallback(e=>{if(e.key===fe.ENTER&&!I){e.preventDefault(),e.stopPropagation();const t=e.target.closest("form");if(t){const r=t.querySelector('button[type="submit"]');r?r.click():t.requestSubmit()}}},[I]),ce=s.useCallback(e=>{if(e&&k.current){k.current=!1,le(!1);return}le(e),e||(k.current=!0,requestAnimationFrame(()=>{S.current?.focus(),requestAnimationFrame(()=>{k.current=!1})}))},[]);return be?n.jsx("div",{onKeyDownCapture:ae,children:n.jsx(W.DatePicker,{...O,showTime:l,open:I,format:c,placeholder:c===j?"MM/DD/YYYY hh:mm":c,value:re,needConfirm:!1,onChange:e=>{E(e),v(e),T(e?.toISOString()||null)},className:x,showNow:!1,onFocus:je,onOpenChange:ce,onBlur:e=>{const t=e.target.value;if(t){const r=y(t,l);r&&w(r)}},ref:S,disabled:Y,id:a})}):n.jsxs("div",{ref:ke,className:C("flex gap-0.5 relative",F&&R?"border rounded-lg border-primary-100 bg-primary-50 p-1":""),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[R&&!F?n.jsx("div",{className:"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5"}):null,n.jsxs("div",{className:`w-full flex flex-col font-inter ${x||""}`,onKeyDownCapture:ae,children:[u||Q?n.jsx("label",{className:`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${xe?"":"capitalize"} ${Fe||""}`,children:n.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[n.jsxs("div",{className:"inline-flex min-w-0 items-center gap-1 flex-wrap",children:[(u||f||m)&&n.jsx(we.InputLabel,{label:u||"",required:f||!1,isRequiredConditional:m||!1}),Ie&&n.jsx(ue.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),ge&&!b.shouldShowConfidenceScore(q)&&n.jsx(Pe.AIExtractedIndicator,{}),n.jsx(Oe.Label,{labels:he}),X&&n.jsx(ie,{placement:"top",title:X,children:n.jsx("div",{className:"cursor-pointer",children:n.jsx(Te.HelpIcon,{className:"w-icon-sm h-icon-sm"})})}),Q]}),n.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[b.shouldShowConfidenceScore(q)&&g?n.jsx(ie,{placement:"top-end",title:V??"",hideTooltip:V==null,className:"cursor-pointer",children:n.jsxs("div",{className:C("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",b.getConfidenceScoreBadgeClass(g)),onClick:()=>ve?.(Se),children:[n.jsx(_e.AIStarIcon,{size:12,fill:b.getConfidenceScoreBadgeColor(g),fillSecondary:b.getConfidenceScoreBadgeFill(g)}),n.jsxs("span",{className:C("text-xs font-medium leading-4",b.getConfidenceScoreBadgeTextColor(g)),children:[q,"%"]})]})}):null,R&&F&&A?n.jsx("button",{id:"btn-date-field-add-to-document",className:"cursor-pointer",onClick:()=>Ce(d),type:"button",children:n.jsx(W.Tooltip,{placement:"top",title:He("Add to document"),children:n.jsx(ue.NoteAddOutlined,{className:"text-primary-600",sx:{fontSize:16}})})}):null]})]})}):null,n.jsx(W.DatePicker,{...O,showTime:l?{use12Hours:!0}:!1,open:I,format:c,placeholder:c===j?"MM/DD/YYYY - HH:MM":c,className:C("w-full h-8 text-sm font-medium dark:text-black-300",p&&"border-red-400",L&&h?.color&&`bg-${h.color}-50 border-${h.color}-300`,te&&"!border-[var(--Error-200,#FECACA)] !bg-[var(--Error-50,#FEF2F2)] !text-[#475467]",ee&&"!border-[var(--Warning-200,#FEDF89)] !bg-[var(--Warning-50,#FFFAEB)]",ne&&"!border-[var(--Success-200,#BBF7D0)] !bg-[var(--Success-50,#F0FDF4)] !text-[#101828]"),styles:{root:{...Ae,borderRadius:"7px",...te&&{borderColor:"var(--Error-200, #FECACA)",backgroundColor:"var(--Error-50, #FEF2F2)",color:"#475467"},...ee&&{borderColor:"var(--Warning-200, #FEDF89)",backgroundColor:"var(--Warning-50, #FFFAEB)"},...ne&&{borderColor:"var(--Success-200, #BBF7D0)",backgroundColor:"var(--Success-50, #F0FDF4)",color:"#101828"}}},showNow:!1,value:re,onChange:e=>{E(e),v(e),T(e?.toISOString()||null)},onBlur:e=>{const t=e.target.value;if(t){const r=y(t,l);r&&(E(r),v(r))}},needConfirm:Ee,ref:S,disabled:Y,inputReadOnly:!1,onOpenChange:ce,getPopupContainer:ye?e=>e.parentElement:()=>document.body,id:a,autoComplete:"off"}),p&&n.jsx(Ne.Typography,{className:"text-error-500 mt-1",appearance:"custom",size:"extra-small",variant:"medium",children:p})]}),F&&h&&L&&G&&n.jsx("div",{role:"tooltip",tabIndex:0,className:"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",onClick:e=>e.stopPropagation(),onMouseDown:e=>e.preventDefault(),onKeyDown:e=>{e.key==="Escape"&&_(!1)},children:n.jsx(G,{riskDetails:h})})]})});Me.displayName="DateTimeField";exports.DateTimeField=Me;exports.UNIVERSAL_DATETIME_FORMAT=j;exports.UNIVERSAL_DATE_FORMAT=pe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),z=require("antd"),C=require("../../../_virtual/index.cjs.js"),qe=require("react-i18next"),l=require("dayjs"),Ve=require("dayjs/plugin/customParseFormat"),Re=require("dayjs/plugin/localeData"),Be=require("dayjs/plugin/utc"),Le=require("dayjs/plugin/weekday"),s=require("react"),Ne=require("../../data-display/typography/Typography.cjs.js"),Oe=require("../../data-display/label/Label.cjs.js"),Pe=require("../../icons/AIExtractedIndicator.cjs.js"),_e=require("../../icons/AIStarIcon.cjs.js"),Te=require("../../icons/HelpIcon.cjs.js"),ue=require("../../tooltip/Tooltip.cjs.js"),de=require("@mui/icons-material"),we=require("../shared/InputLabel.cjs.js"),b=require("../../../utils/confidenceScoreUtils.cjs.js");l.extend(Be);l.extend(Ve);l.extend(Le);l.extend(Re);const De="MM/DD/YYYY",j="MM/DD/YYYY - hh:mm A",me="YYYY-MM-DD",fe="YYYY-MM-DDTHH:mm:ss",Ye={ENTER:"Enter"},Me=["MM/DD/YYYY","M/DD/YYYY","MM/D/YYYY","M/D/YYYY","MM/DD/YY","M/DD/YY","MM/D/YY","M/D/YY","YYYY-MM-DD","YYYY-MM-DDTHH:mm:ss.SSSZ","YYYY-MM-DDTHH:mm:ssZ"],Ue=["MM/DD/YYYY - hh:mm A","M/DD/YYYY - hh:mm A","MM/D/YYYY - hh:mm A","M/D/YYYY - hh:mm A","MM/DD/YYYY hh:mm A","M/DD/YYYY hh:mm A","MM/D/YYYY hh:mm A","M/D/YYYY hh:mm A","MM/DD/YYYY HH:mm","M/DD/YYYY HH:mm","MM/D/YYYY HH:mm","M/D/YYYY HH:mm","MM/DD/YY - hh:mm A","M/DD/YY - hh:mm A","MM/D/YY - hh:mm A","M/D/YY - hh:mm A","MM/DD/YY hh:mm A","M/DD/YY hh:mm A","MM/D/YY hh:mm A","M/D/YY hh:mm A","MM/DD/YY HH:mm","M/DD/YY HH:mm","MM/D/YY HH:mm","M/D/YY HH:mm",...Me,"YYYY-MM-DDTHH:mm:ss.SSSZ","YYYY-MM-DDTHH:mm:ssZ"],$e=()=>Math.random().toString(36).substring(2,9),v=(u,d=!1)=>{if(!u)return null;const f=d?Ue:Me;for(const Y of f){const x=l(u,Y,!0);if(x.isValid())return x}const m=l(u);return m.isValid()?m:null},pe=(u,d)=>{const f=s.useRef(d);s.useEffect(()=>{f.current=d},[d]),s.useEffect(()=>{const m=Y=>f.current(Y);return document.addEventListener(u,m),()=>{document.removeEventListener(u,m)}},[u])},Ee=s.forwardRef(({label:u,value:d,required:f,isRequiredConditional:m=!1,disabled:Y,className:x=void 0,errorMessage:p,handleOnChange:D,showTime:o=!0,tags:he,needConfirm:be=!1,simpleMode:xe,originalCase:ge=!1,dateFormat:W=void 0,tooltip:X,isAiExtracted:Se=!1,confidenceScore:q,confidenceType:g="high",confidenceTooltip:V,sourceMeta:ye=[],onConfidenceScoreClick:ve,isGTN:R=!1,gtnName:J=null,shouldPopOnParent:Q=!1,allowTimezoneConversion:M=!0,inputStyle:Ae,labelClassName:Ie,isLiveField:Fe=!1,labelExtra:G,inputEmphasis:B="default",riskDetails:E,isRiskAnalysisOpen:L=!1,RiskDetailsCard:ee,onAddGTNToDocument:A,formatDateForGTN:N,...O},ke)=>{const{t:He}=qe.useTranslation(),P=!!(L&&E?.color),te=B==="modified"&&!p&&!P,ne=B==="deleted"&&!p&&!P,re=B==="success"&&!p&&!P,[I,_]=s.useState(!1),[se,h]=s.useState(null),[oe,T]=s.useState(null),[F,le]=s.useState(!1),c=W||(o?j:De),a=O?.id||`date-picker-${$e()}`,S=s.useRef(null),k=s.useRef(!1);pe("paste",e=>{document.activeElement?.id===a&&(e.preventDefault(),navigator.clipboard.readText().then(t=>{const r=v(t,o);r&&w(r)}))}),pe("keydown",e=>{if(e.key===Ye.ENTER&&document.activeElement instanceof HTMLInputElement&&document.activeElement.id===a){const t=v(document?.activeElement?.value,o);t&&w(t)}});const Ce=s.useCallback(e=>{if(!A)return;let t=e||"";if(N&&e)t=N(e,{skipTimezone:!0,withTime:o});else if(e){const i=l(e);i.isValid()&&(t=i.format(c))}A({key:J,value:t})},[A,J,N,o,c]),je=s.useCallback(()=>{const e=document.getElementsByClassName("ant-picker-footer")[0];e&&(e.style.display="none")},[]),y=s.useCallback(e=>{if(!M){const t=o?fe:me;if(D(e?e.format(t):null),e){const r=document.getElementById(a);if(r){const i=new CustomEvent("pilot-date-change",{bubbles:!0,detail:{selector:`#${a}`,value:e.format?e.format(c):e,type:"date-change",elementId:a}});r.dispatchEvent(i)}}return}if(e){let t;if(o?t=l(e).utc().toISOString():t=l(e).utc().add(l(e).utcOffset(),"minute").startOf("day").toISOString(),t){D(t);const r=document.getElementById(a);if(r){const i=new CustomEvent("pilot-date-change",{bubbles:!0,detail:{selector:`#${a}`,value:e.format(c),type:"date-change",elementId:a}});r.dispatchEvent(i)}}}else D(null)},[M,D,o,a,c]),ae=s.useCallback(e=>{if(!e)return null;if(!M)try{const t=l(e);if(t.isValid())return t;const r=l(e,c);return r.isValid()?r:null}catch{return null}if(o){const t=l(e);return l(t).isValid()?t:null}else if(e?.toString()?.includes("Z")){const t=l.utc(e);return l(t).isValid()?t:null}else{const t=l(e);return l(t).isValid()?t:null}},[M,c,o]),w=s.useCallback(e=>{if(e?.isValid()||e===null){h(e);const t=o?fe:me,r=M?e?.toISOString():e?e.format(t):"";if(D(r||null),e?.isValid()){const i=document.getElementById(a);if(i){const U=new CustomEvent("pilot-date-change",{bubbles:!0,detail:{selector:`#${a}`,value:e.format(c),type:"date-change",elementId:a}});i.dispatchEvent(U)}}}},[M,c,D,a,o]);s.useEffect(()=>{h(ae(d))},[d,ae]),s.useEffect(()=>{oe&&T(null)},[oe]),s.useEffect(()=>{const e=document.getElementById(a);if(!e)return;const t=r=>{const{value:i,type:U}=r.detail;if(U==="date-playback"&&i){const H=v(i,o);H&&H.isValid()&&(h(H),y(H),setTimeout(()=>{const $=e.querySelector("input");if($&&($.focus(),setTimeout(()=>{$.blur()},10)),S.current)try{const K=S.current;typeof K.blur=="function"&&K.blur()}catch{}setTimeout(()=>{document.querySelectorAll(".ant-picker-dropdown:not(.ant-picker-dropdown-hidden)").forEach(Z=>{Z instanceof HTMLElement&&(Z.style.display="none",Z.classList.add("ant-picker-dropdown-hidden"))})},50)},50))}};return e.addEventListener("pilot-date-playback",t),()=>{e.removeEventListener("pilot-date-playback",t)}},[a,c,y,o]);const ce=s.useCallback(e=>{if(e.key===Ye.ENTER&&!F){e.preventDefault(),e.stopPropagation();const t=e.target.closest("form");if(t){const r=t.querySelector('button[type="submit"]');r?r.click():t.requestSubmit()}}},[F]),ie=s.useCallback(e=>{if(e&&k.current){k.current=!1,le(!1);return}le(e),e||(k.current=!0,requestAnimationFrame(()=>{S.current?.focus(),requestAnimationFrame(()=>{k.current=!1})}))},[]);return xe?n.jsx("div",{onKeyDownCapture:ce,children:n.jsx(z.DatePicker,{...O,showTime:o,open:F,format:c,placeholder:c===j?"MM/DD/YYYY hh:mm":c,value:se,needConfirm:!1,onChange:e=>{h(e),y(e),T(e?.toISOString()||null)},className:x,showNow:!1,onFocus:je,onOpenChange:ie,onBlur:e=>{const t=e.target.value;if(t){const r=v(t,o);r&&w(r)}},ref:S,disabled:Y,id:a,getPopupContainer:Q?e=>e.parentElement:()=>document.body,styles:{popup:{root:{zIndex:9999}}}})}):n.jsxs("div",{ref:ke,className:C("flex gap-0.5 relative",I&&R?"border rounded-lg border-primary-100 bg-primary-50 p-1":""),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[R&&!I?n.jsx("div",{className:"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5"}):null,n.jsxs("div",{className:`w-full flex flex-col font-inter ${x||""}`,onKeyDownCapture:ce,children:[u||G?n.jsx("label",{className:`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${ge?"":"capitalize"} ${Ie||""}`,children:n.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[n.jsxs("div",{className:"inline-flex min-w-0 items-center gap-1 flex-wrap",children:[(u||f||m)&&n.jsx(we.InputLabel,{label:u||"",required:f||!1,isRequiredConditional:m||!1}),Fe&&n.jsx(de.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),Se&&!b.shouldShowConfidenceScore(q)&&n.jsx(Pe.AIExtractedIndicator,{}),n.jsx(Oe.Label,{labels:he}),X&&n.jsx(ue,{placement:"top",title:X,children:n.jsx("div",{className:"cursor-pointer",children:n.jsx(Te.HelpIcon,{className:"w-icon-sm h-icon-sm"})})}),G]}),n.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[b.shouldShowConfidenceScore(q)&&g?n.jsx(ue,{placement:"top-end",title:V??"",hideTooltip:V==null,className:"cursor-pointer",children:n.jsxs("div",{className:C("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",b.getConfidenceScoreBadgeClass(g)),onClick:()=>ve?.(ye),children:[n.jsx(_e.AIStarIcon,{size:12,fill:b.getConfidenceScoreBadgeColor(g),fillSecondary:b.getConfidenceScoreBadgeFill(g)}),n.jsxs("span",{className:C("text-xs font-medium leading-4",b.getConfidenceScoreBadgeTextColor(g)),children:[q,"%"]})]})}):null,R&&I&&A?n.jsx("button",{id:"btn-date-field-add-to-document",className:"cursor-pointer",onClick:()=>Ce(d),type:"button",children:n.jsx(z.Tooltip,{placement:"top",title:He("Add to document"),children:n.jsx(de.NoteAddOutlined,{className:"text-primary-600",sx:{fontSize:16}})})}):null]})]})}):null,n.jsx(z.DatePicker,{...O,showTime:o?{use12Hours:!0}:!1,open:F,format:c,placeholder:c===j?"MM/DD/YYYY - HH:MM":c,className:C("w-full h-8 text-sm font-medium dark:text-black-300",p&&"border-red-400",L&&E?.color&&`bg-${E.color}-50 border-${E.color}-300`,ne&&"!border-[var(--Error-200,#FECACA)] !bg-[var(--Error-50,#FEF2F2)] !text-[#475467]",te&&"!border-[var(--Warning-200,#FEDF89)] !bg-[var(--Warning-50,#FFFAEB)]",re&&"!border-[var(--Success-200,#BBF7D0)] !bg-[var(--Success-50,#F0FDF4)] !text-[#101828]"),styles:{root:{...Ae,borderRadius:"7px",...ne&&{borderColor:"var(--Error-200, #FECACA)",backgroundColor:"var(--Error-50, #FEF2F2)",color:"#475467"},...te&&{borderColor:"var(--Warning-200, #FEDF89)",backgroundColor:"var(--Warning-50, #FFFAEB)"},...re&&{borderColor:"var(--Success-200, #BBF7D0)",backgroundColor:"var(--Success-50, #F0FDF4)",color:"#101828"}},popup:{root:{zIndex:9999}}},showNow:!1,value:se,onChange:e=>{h(e),y(e),T(e?.toISOString()||null)},onBlur:e=>{const t=e.target.value;if(t){const r=v(t,o);r&&(h(r),y(r))}},needConfirm:be,ref:S,disabled:Y,inputReadOnly:!1,onOpenChange:ie,getPopupContainer:Q?e=>e.parentElement:()=>document.body,id:a,autoComplete:"off"}),p&&n.jsx(Ne.Typography,{className:"text-error-500 mt-1",appearance:"custom",size:"extra-small",variant:"medium",children:p})]}),I&&E&&L&&ee&&n.jsx("div",{role:"tooltip",tabIndex:0,className:"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",onClick:e=>e.stopPropagation(),onMouseDown:e=>e.preventDefault(),onKeyDown:e=>{e.key==="Escape"&&_(!1)},children:n.jsx(ee,{riskDetails:E})})]})});Ee.displayName="DateTimeField";exports.DateTimeField=Ee;exports.UNIVERSAL_DATETIME_FORMAT=j;exports.UNIVERSAL_DATE_FORMAT=De;
 //# sourceMappingURL=DateTimeField.cjs.js.map