@lax-wp/design-system 0.13.33 → 0.13.34

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

@@ -1,71 +1,74 @@
-import { jsx as l, jsxs as q } from "react/jsx-runtime";
-import { escapeRegExp as H } from "../../../../../utils/table.es.js";
-import { useTableConfig as F } from "../../../../../providers/design-system-provider/hooks.es.js";
-import { CustomScrollbar as U } from "../../../../layout/CustomScrollbar.es.js";
-import { useRef as p, useContext as G, useEffect as S, useCallback as u, forwardRef as J, useState as K } from "react";
-import { VariableSizeList as Q } from "react-window";
-import { TableContext as X } from "../../context.es.js";
-import { Row as Z } from "./row.es.js";
-const ee = ({ onScroll: s, forwardedRef: c, style: a, children: g, dispatchEvent: f }) => {
-  const [d, y] = K(null), h = u(
+import { jsx as l, jsxs as G } from "react/jsx-runtime";
+import { escapeRegExp as J } from "../../../../../utils/table.es.js";
+import { useTableConfig as P } from "../../../../../providers/design-system-provider/hooks.es.js";
+import { CustomScrollbar as K } from "../../../../layout/CustomScrollbar.es.js";
+import { useRef as u, useContext as Q, useEffect as y, useCallback as p, forwardRef as X, useState as Z } from "react";
+import { VariableSizeList as ee } from "react-window";
+import { TableContext as te } from "../../context.es.js";
+import { Row as re } from "./row.es.js";
+import { useRowHeight as ne, getRowSlotHeight as se } from "../../useRowHeight.es.js";
+const ce = ({ onScroll: s, forwardedRef: c, style: a, children: g, dispatchEvent: f }) => {
+  const [h, _] = Z(null), d = p(
     (m) => {
-      const w = m;
-      if (w) {
-        const E = w.getInstance;
-        y(E), c(E?.view ?? w.view ?? null);
+      const E = m;
+      if (E) {
+        const S = E.getInstance;
+        _(S), c(S?.view ?? E.view ?? null);
       } else
         c(null);
     },
     [c]
   );
-  return S(() => {
-    d && f && f("SET_SCROLLBAR_REF_FOR_INFINITY_TABLE", { scrollbarsInstance: d });
-  }, [d, f]), /* @__PURE__ */ l(U, { ref: h, style: { ...a, overflow: "hidden" }, onScroll: s, renderViewClassName: "!h-[calc(100%+5px)]", children: g });
-}, te = J((s, c) => {
-  const a = F();
-  return /* @__PURE__ */ l(ee, { ...s, forwardedRef: c, dispatchEvent: a?.dispatchEvent });
-}), ue = ({ rows: s, prepareRow: c, isLoading: a, onScroll: g, columns: f, width: d, height: y, onScrolling: h, level: m = 0, allowAstarSearch: w = !1 }) => {
-  const E = p(null), x = p(null), C = F(), {
-    tableWrapper: P,
-    tableBodyWrapper: V,
+  return y(() => {
+    h && f && f("SET_SCROLLBAR_REF_FOR_INFINITY_TABLE", { scrollbarsInstance: h });
+  }, [h, f]), /* @__PURE__ */ l(K, { ref: d, style: { ...a, overflow: "hidden" }, onScroll: s, renderViewClassName: "!h-[calc(100%+5px)]", children: g });
+}, oe = X((s, c) => {
+  const a = P();
+  return /* @__PURE__ */ l(ce, { ...s, forwardedRef: c, dispatchEvent: a?.dispatchEvent });
+}), me = ({ rows: s, prepareRow: c, isLoading: a, onScroll: g, columns: f, width: h, height: _, onScrolling: d, level: m = 0, allowAstarSearch: E = !1 }) => {
+  const S = u(null), x = u(null), C = P(), {
+    tableWrapper: V,
+    tableBodyWrapper: j,
     search: o,
     expandedRows: R,
-    setActiveInlineEdit: v,
-    activeInlineEdit: L,
-    closeCurrencyDropdown: O,
-    currencyDropdownConfig: W
-  } = G(X), b = p(C);
-  b.current = C, S(() => {
-    if (b.current?.onEvent)
-      return b.current.onEvent("SET_SCROLLBAR_REF_FOR_INFINITY_TABLE", (e) => {
+    setActiveInlineEdit: L,
+    activeInlineEdit: O,
+    closeCurrencyDropdown: W,
+    currencyDropdownConfig: $
+  } = Q(te), w = u(C);
+  w.current = C, y(() => {
+    if (w.current?.onEvent)
+      return w.current.onEvent("SET_SCROLLBAR_REF_FOR_INFINITY_TABLE", (e) => {
         const { scrollbarsInstance: t } = e;
-        E.current = t;
+        S.current = t;
       });
   }, [C?.onEvent]);
-  const I = p(null);
-  S(() => {
-    if (b.current?.onEvent)
-      return b.current.onEvent("SCROLL_TO_TABLE_ROW", (e) => {
+  const I = u(null);
+  y(() => {
+    if (w.current?.onEvent)
+      return w.current.onEvent("SCROLL_TO_TABLE_ROW", (e) => {
         const { rowIndex: t } = e;
         I.current && typeof t == "number" && I.current.scrollToItem(t, "center");
       });
   }, [C?.onEvent]);
-  const _ = p({}), $ = u((e, t) => 0, [R]), A = u(() => {
-    const e = { ..._.current };
+  const T = u({}), D = ne(), b = se(D), A = u(b);
+  A.current = b;
+  const N = p((e, t) => 0, [R]), k = p(() => {
+    const e = { ...T.current };
     for (const t of s) {
-      const n = t.original.id;
-      if (R[n]?.isOpen) {
-        const T = $(n, 0);
-        e[t.index] = 41 * (T + 1);
+      const r = t.original.id;
+      if (R[r]?.isOpen) {
+        const v = N(r, 0);
+        e[t.index] = b * (v + 1);
       } else
-        e[t.index] = 41;
+        e[t.index] = b * 1;
     }
-    _.current = e, I.current?.resetAfterIndex(0);
-  }, [R, s, $]);
-  S(() => {
-    A();
-  }, [A]);
-  const j = u((e) => _.current[e] || 41, []), N = u(
+    T.current = e, I.current?.resetAfterIndex(0);
+  }, [R, s, N, b]);
+  y(() => {
+    k();
+  }, [k]);
+  const M = p((e) => T.current[e] || A.current, []), z = p(
     (e) => {
       a || e && (x.current && x.current.disconnect(), x.current = new IntersectionObserver(
         (t) => {
@@ -75,93 +78,93 @@ const ee = ({ onScroll: s, forwardedRef: c, style: a, children: g, dispatchEvent
       ), x.current.observe(e));
     },
     [a, g, s.length]
-  ), D = (e) => e.split(/(<span[^>]*>.*?<\/span>)/g).map((t, n) => {
+  ), Y = (e) => e.split(/(<span[^>]*>.*?<\/span>)/g).map((t, r) => {
     if (t.startsWith("<span")) {
-      const r = t.replace(/<[^>]+>/g, "");
-      return /* @__PURE__ */ l("span", { className: "bg-yellow-300 dark:bg-primary-100 dark:text-black-900", children: r }, n);
+      const n = t.replace(/<[^>]+>/g, "");
+      return /* @__PURE__ */ l("span", { className: "bg-yellow-300 dark:bg-primary-100 dark:text-black-900", children: n }, r);
     }
-    return /* @__PURE__ */ l("span", { children: t }, n);
-  }), k = u((e) => {
+    return /* @__PURE__ */ l("span", { children: t }, r);
+  }), B = p((e) => {
     if (!o || !e || typeof e != "string" && typeof e != "number") return e;
-    const t = H(o);
+    const t = J(o);
     if (o.includes("*")) {
-      const n = o.replace(/[.+?^${}()|[\]\\]/g, "\\$&");
-      let r;
+      const r = o.replace(/[.+?^${}()|[\]\\]/g, "\\$&");
+      let n;
       if (o.startsWith("*") && o.endsWith("*")) {
-        const i = n.slice(1, -1).replace(/\*/g, ".*");
-        r = new RegExp(`(${i})`, "gi");
+        const i = r.slice(1, -1).replace(/\*/g, ".*");
+        n = new RegExp(`(${i})`, "gi");
       } else if (o.startsWith("*")) {
-        const i = n.slice(1).replace(/\*/g, ".*");
-        r = new RegExp(`(${i})$`, "gi");
+        const i = r.slice(1).replace(/\*/g, ".*");
+        n = new RegExp(`(${i})$`, "gi");
       } else if (o.endsWith("*")) {
-        const i = n.slice(0, -1).replace(/\*/g, ".*");
-        r = new RegExp(`^(${i})`, "gi");
+        const i = r.slice(0, -1).replace(/\*/g, ".*");
+        n = new RegExp(`^(${i})`, "gi");
       } else {
-        const i = n.replace(/\*/g, ".*");
-        r = new RegExp(`^(${i})$`, "gi");
+        const i = r.replace(/\*/g, ".*");
+        n = new RegExp(`^(${i})$`, "gi");
       }
-      const T = e?.toString().replace(r, (i) => `<span class="highlight">${i}</span>`);
-      return /* @__PURE__ */ l("span", { children: D(T) });
+      const v = e?.toString().replace(n, (i) => `<span class="highlight">${i}</span>`);
+      return /* @__PURE__ */ l("span", { children: Y(v) });
     } else {
-      const n = new RegExp(`(${t?.trim()})`, "gi"), r = e?.toString()?.split(n);
-      return /* @__PURE__ */ q("span", { className: "overflow-clip text-ellipsis", children: [
-        r[0],
-        /* @__PURE__ */ l("span", { className: "bg-yellow-300 dark:bg-primary-100 dark:text-black-900", children: r[1] }),
-        r?.slice(2)?.join("")
+      const r = new RegExp(`(${t?.trim()})`, "gi"), n = e?.toString()?.split(r);
+      return /* @__PURE__ */ G("span", { className: "overflow-clip text-ellipsis", children: [
+        n[0],
+        /* @__PURE__ */ l("span", { className: "bg-yellow-300 dark:bg-primary-100 dark:text-black-900", children: n[1] }),
+        n?.slice(2)?.join("")
       ] });
     }
-  }, [o]), M = u(
+  }, [o]), q = p(
     ({ index: e, style: t }) => {
-      const n = s[e];
-      if (!n) return /* @__PURE__ */ l("span", { children: "Loading" });
-      const r = !a && e >= s.length - 6;
-      return c(n), /* @__PURE__ */ l(
-        Z,
+      const r = s[e];
+      if (!r) return /* @__PURE__ */ l("span", { children: "Loading" });
+      const n = !a && e >= s.length - 6;
+      return c(r), /* @__PURE__ */ l(
+        re,
         {
-          row: n,
-          isLastRow: r,
-          lastRow: N,
+          row: r,
+          isLastRow: n,
+          lastRow: z,
           prepareRow: c,
-          highlightSubstring: k,
+          highlightSubstring: B,
           index: e,
           style: t,
           rowsLength: s.length,
-          level: m || n?.original?.__level,
+          level: m || r?.original?.__level,
           columns: f,
           expandedRows: R,
           rows: s
         }
       );
     },
-    [f, s, a, N, c, R, k, m]
-  ), z = p(L);
-  z.current = L;
-  const B = p(!!W);
-  B.current = !!W;
-  const Y = u(
+    [f, s, a, z, c, R, B, m]
+  ), F = u(O);
+  F.current = O;
+  const H = u(!!$);
+  H.current = !!$;
+  const U = p(
     (e) => {
-      e.scrollUpdateWasRequested || (z.current && v?.(null), B.current && O?.()), h && h(e);
+      e.scrollUpdateWasRequested || (F.current && L?.(null), H.current && W?.()), d && d(e);
     },
-    [h, v, O]
+    [d, L, W]
   );
   return /* @__PURE__ */ l(
-    Q,
+    ee,
     {
-      outerElementType: te,
-      width: d - 2,
-      height: y - 2,
+      outerElementType: oe,
+      width: h - 2,
+      height: _ - 2,
       ref: I,
-      innerElementType: m ? V : P,
+      innerElementType: m ? j : V,
       itemCount: s.length,
-      itemSize: j,
+      itemSize: M,
       layout: "vertical",
       overscanCount: 20,
-      onScroll: Y,
-      children: M
+      onScroll: U,
+      children: q
     }
   );
 };
 export {
-  ue as Rows
+  me as Rows
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/data-display/infinite-table/body/rows/index.tsx"],"sourcesContent":["import { escapeRegExp } from '../../../../../utils/table';\nimport { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { CustomScrollbar } from '../../../../layout/CustomScrollbar';\nimport React, { forwardRef, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { VariableSizeList } from 'react-window';\nimport type { ListOnScrollProps } from 'react-window';\n\nimport { TableContext } from '../../context';\nimport { Row } from './row';\n\ninterface TableRow {\n  original: Record<string, unknown>;\n  index: number;\n  [key: string]: unknown;\n}\n\ninterface CustomScrollbarsProps {\n  onScroll?: (e: React.UIEvent) => void;\n  forwardedRef: (node: HTMLElement | null) => void;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  dispatchEvent?: (eventName: string, payload: Record<string, unknown>) => void;\n}\n\nconst CustomScrollbars = ({ onScroll, forwardedRef, style, children, dispatchEvent }: CustomScrollbarsProps) => {\n  const [scrollbarsInstance, setScrollbarInstance] = useState<unknown>(null);\n  const refSetter = useCallback(\n    (scrollbarsRef: unknown) => {\n      const ref = scrollbarsRef as { getInstance?: { view?: HTMLElement }; view?: HTMLElement } | null;\n      if (ref) {\n        const instance = ref.getInstance;\n        setScrollbarInstance(instance);\n        forwardedRef(instance?.view ?? ref.view ?? null);\n      } else {\n        forwardedRef(null);\n      }\n    },\n    [forwardedRef],\n  );\n\n  useEffect(() => {\n    if (scrollbarsInstance && dispatchEvent) {\n      dispatchEvent('SET_SCROLLBAR_REF_FOR_INFINITY_TABLE', { scrollbarsInstance });\n    }\n  }, [scrollbarsInstance, dispatchEvent]);\n\n  return (\n    <CustomScrollbar ref={refSetter} style={{ ...style, overflow: 'hidden' }} onScroll={onScroll} renderViewClassName='!h-[calc(100%+5px)]'>\n      {children}\n    </CustomScrollbar>\n  );\n};\n\nconst CustomScrollbarsVirtualList = forwardRef((props: Record<string, unknown>, ref: React.Ref<HTMLElement>) => {\n  const tableConfig = useTableConfig();\n  return <CustomScrollbars {...(props as unknown as CustomScrollbarsProps)} forwardedRef={ref as (node: HTMLElement | null) => void} dispatchEvent={tableConfig?.dispatchEvent} />;\n});\n\ninterface RowsProps {\n  rows: TableRow[];\n  prepareRow: (row: TableRow) => void;\n  isLoading: boolean;\n  onScroll?: () => void;\n  columns: unknown[];\n  width: number;\n  height: number;\n  onScrolling?: (value: ListOnScrollProps) => void;\n  level?: number;\n  allowAstarSearch?: boolean;\n}\n\nexport const Rows = ({ rows, prepareRow, isLoading, onScroll, columns, width, height, onScrolling, level = 0, allowAstarSearch = false }: RowsProps) => {\n  void allowAstarSearch;\n  const scrollbarRef = useRef<unknown>(null);\n  const observer = useRef<IntersectionObserver | null>(null);\n  const tableConfig = useTableConfig();\n  const {\n    tableWrapper,\n    tableBodyWrapper,\n    search,\n    expandedRows,\n    setActiveInlineEdit,\n    activeInlineEdit,\n    closeCurrencyDropdown,\n    currencyDropdownConfig,\n  } = useContext(TableContext);\n\n  const tableConfigRef = useRef(tableConfig);\n  tableConfigRef.current = tableConfig;\n\n  useEffect(() => {\n    if (!tableConfigRef.current?.onEvent) return;\n    return tableConfigRef.current.onEvent('SET_SCROLLBAR_REF_FOR_INFINITY_TABLE', (payload: unknown) => {\n      const { scrollbarsInstance } = payload as { scrollbarsInstance: unknown };\n      scrollbarRef.current = scrollbarsInstance;\n    });\n  }, [tableConfig?.onEvent]);\n\n  const listRef = useRef<VariableSizeList>(null);\n\n  useEffect(() => {\n    if (!tableConfigRef.current?.onEvent) return;\n    return tableConfigRef.current.onEvent('SCROLL_TO_TABLE_ROW', (payload: unknown) => {\n      const { rowIndex } = payload as { rowIndex: number };\n      if (listRef.current && typeof rowIndex === 'number') {\n        listRef.current.scrollToItem(rowIndex, 'center');\n      }\n    });\n  }, [tableConfig?.onEvent]);\n\n  const sizeMap = useRef<Record<number, number>>({});\n\n  const calculateRowHeightWithChildren = useCallback((rowId: string | number, rowCounts: number): number => {\n    return 0;\n\n    const children = expandedRows[rowId];\n    if (!children?.isOpen) return rowCounts;\n    if (children?.isOpen) {\n      rowCounts += children.data.length;\n      for (const child of children.data) {\n        rowCounts = calculateRowHeightWithChildren(child.id, rowCounts);\n      }\n    }\n    return rowCounts;\n  }, [expandedRows]);\n\n  const setMultipleRowSize = useCallback(() => {\n    const newSizeMap: Record<number, number> = { ...sizeMap.current };\n\n    for (const row of rows) {\n      const rowId = row.original.id as string | number;\n      const children = expandedRows[rowId];\n      if (children?.isOpen) {\n        const additionalRowCounts = calculateRowHeightWithChildren(rowId, 0);\n        newSizeMap[row.index] = (40 + 1) * (additionalRowCounts + 1);\n      } else {\n        newSizeMap[row.index] = (40 + 1) * 1;\n      }\n    }\n\n    sizeMap.current = newSizeMap;\n    listRef.current?.resetAfterIndex(0);\n  }, [expandedRows, rows, calculateRowHeightWithChildren]);\n\n  useEffect(() => {\n    setMultipleRowSize();\n  }, [setMultipleRowSize]);\n\n  const getSize = useCallback((index: number) => {\n    return sizeMap.current[index] || 40 + 1;\n  }, []);\n\n  const lastRow = useCallback(\n    (node: HTMLElement | null) => {\n      if (isLoading) return;\n      if (!node) return;\n      if (observer.current) observer.current.disconnect();\n      observer.current = new IntersectionObserver(\n        (entries) => {\n          if (entries[0].isIntersecting) {\n            if (onScroll) onScroll();\n          }\n        },\n        { threshold: 0.00001 },\n      );\n      observer.current.observe(node);\n    },\n    [isLoading, onScroll, rows.length],\n  );\n\n  const parseString = (input: string) =>\n    input.split(/(<span[^>]*>.*?<\\/span>)/g).map((segment: string, index: number) => {\n      if (segment.startsWith('<span')) {\n        const value = segment.replace(/<[^>]+>/g, '');\n        return (\n          <span key={index} className='bg-yellow-300 dark:bg-primary-100 dark:text-black-900'>\n            {value}\n          </span>\n        );\n      }\n      return <span key={index}>{segment}</span>;\n    });\n\n  const highlightSubstring = useCallback((value: string | number | null | undefined): JSX.Element | string | number | null | undefined => {\n    if (!search) return value;\n    if (!value || (typeof value !== 'string' && typeof value !== 'number')) return value;\n    const escapedSearch = escapeRegExp(search);\n\n    if (search.includes('*')) {\n      const escapedPattern = search.replace(/[.+?^${}()|[\\]\\\\]/g, '\\\\$&');\n      let regex;\n      if (search.startsWith('*') && search.endsWith('*')) {\n        const middlePattern = escapedPattern.slice(1, -1).replace(/\\*/g, '.*');\n        regex = new RegExp(`(${middlePattern})`, 'gi');\n      } else if (search.startsWith('*')) {\n        const endPattern = escapedPattern.slice(1).replace(/\\*/g, '.*');\n        regex = new RegExp(`(${endPattern})$`, 'gi');\n      } else if (search.endsWith('*')) {\n        const startPattern = escapedPattern.slice(0, -1).replace(/\\*/g, '.*');\n        regex = new RegExp(`^(${startPattern})`, 'gi');\n      } else {\n        const exactPattern = escapedPattern.replace(/\\*/g, '.*');\n        regex = new RegExp(`^(${exactPattern})$`, 'gi');\n      }\n\n      const highlightedText = value?.toString().replace(regex, (match) => `<span class=\"highlight\">${match}</span>`);\n      return <span>{parseString(highlightedText)}</span>;\n    } else {\n      const regex = new RegExp(`(${escapedSearch?.trim()})`, 'gi');\n      const searchValue = value?.toString()?.split(regex);\n      return (\n        <span className='overflow-clip text-ellipsis'>\n          {searchValue[0]}\n          <span className='bg-yellow-300 dark:bg-primary-100 dark:text-black-900'>{searchValue[1]}</span>\n          {searchValue?.slice(2)?.join('')}\n        </span>\n      );\n    }\n  }, [search]);\n\n  const RenderRow = useCallback(\n    ({ index, style }: { index: number; style: React.CSSProperties }) => {\n      const row = rows[index];\n      if (!row) return <span>Loading</span>;\n      const isLastRow = !isLoading && index >= rows.length - 6;\n      prepareRow(row);\n\n      return (\n        <Row\n          {...({\n            row,\n            isLastRow,\n            lastRow,\n            prepareRow,\n            highlightSubstring,\n            index,\n            style,\n            rowsLength: rows.length,\n            level: level || row?.original?.__level,\n            columns,\n            expandedRows,\n            rows,\n          } as unknown as React.ComponentProps<typeof Row>)}\n        />\n      );\n    },\n    [columns, rows, isLoading, lastRow, prepareRow, expandedRows, highlightSubstring, level],\n  );\n\n  const activeInlineEditRef = useRef(activeInlineEdit);\n  activeInlineEditRef.current = activeInlineEdit;\n\n  const currencyDropdownOpenRef = useRef(!!currencyDropdownConfig);\n  currencyDropdownOpenRef.current = !!currencyDropdownConfig;\n\n  const handleScroll = useCallback(\n    (value: ListOnScrollProps) => {\n      if (!value.scrollUpdateWasRequested) {\n        if (activeInlineEditRef.current) setActiveInlineEdit?.(null);\n        if (currencyDropdownOpenRef.current) closeCurrencyDropdown?.();\n      }\n      if (onScrolling) onScrolling(value);\n    },\n    [onScrolling, setActiveInlineEdit, closeCurrencyDropdown],\n  );\n\n  return (\n    <VariableSizeList\n      outerElementType={CustomScrollbarsVirtualList}\n      width={width - 2}\n      height={height - 2}\n      ref={listRef}\n      innerElementType={level ? tableBodyWrapper : tableWrapper}\n      itemCount={rows.length}\n      itemSize={getSize}\n      layout='vertical'\n      overscanCount={20}\n      onScroll={handleScroll}\n    >\n      {RenderRow}\n    </VariableSizeList>\n  );\n};\n"],"names":["CustomScrollbars","onScroll","forwardedRef","style","children","dispatchEvent","scrollbarsInstance","setScrollbarInstance","useState","refSetter","useCallback","scrollbarsRef","ref","instance","useEffect","jsx","CustomScrollbar","CustomScrollbarsVirtualList","forwardRef","props","tableConfig","useTableConfig","Rows","rows","prepareRow","isLoading","columns","width","height","onScrolling","level","allowAstarSearch","scrollbarRef","useRef","observer","tableWrapper","tableBodyWrapper","search","expandedRows","setActiveInlineEdit","activeInlineEdit","closeCurrencyDropdown","currencyDropdownConfig","useContext","TableContext","tableConfigRef","payload","listRef","rowIndex","sizeMap","calculateRowHeightWithChildren","rowId","rowCounts","setMultipleRowSize","newSizeMap","row","additionalRowCounts","getSize","index","lastRow","node","entries","parseString","input","segment","value","highlightSubstring","escapedSearch","escapeRegExp","escapedPattern","regex","middlePattern","endPattern","startPattern","exactPattern","highlightedText","match","searchValue","jsxs","RenderRow","isLastRow","Row","activeInlineEditRef","currencyDropdownOpenRef","handleScroll","VariableSizeList"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/data-display/infinite-table/body/rows/index.tsx"],"sourcesContent":["import { escapeRegExp } from '../../../../../utils/table';\nimport { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { CustomScrollbar } from '../../../../layout/CustomScrollbar';\nimport React, { forwardRef, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { VariableSizeList } from 'react-window';\nimport type { ListOnScrollProps } from 'react-window';\n\nimport { TableContext } from '../../context';\nimport { Row } from './row';\nimport { getRowSlotHeight, useRowHeight } from '../../useRowHeight';\n\ninterface TableRow {\n  original: Record<string, unknown>;\n  index: number;\n  [key: string]: unknown;\n}\n\ninterface CustomScrollbarsProps {\n  onScroll?: (e: React.UIEvent) => void;\n  forwardedRef: (node: HTMLElement | null) => void;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  dispatchEvent?: (eventName: string, payload: Record<string, unknown>) => void;\n}\n\nconst CustomScrollbars = ({ onScroll, forwardedRef, style, children, dispatchEvent }: CustomScrollbarsProps) => {\n  const [scrollbarsInstance, setScrollbarInstance] = useState<unknown>(null);\n  const refSetter = useCallback(\n    (scrollbarsRef: unknown) => {\n      const ref = scrollbarsRef as { getInstance?: { view?: HTMLElement }; view?: HTMLElement } | null;\n      if (ref) {\n        const instance = ref.getInstance;\n        setScrollbarInstance(instance);\n        forwardedRef(instance?.view ?? ref.view ?? null);\n      } else {\n        forwardedRef(null);\n      }\n    },\n    [forwardedRef],\n  );\n\n  useEffect(() => {\n    if (scrollbarsInstance && dispatchEvent) {\n      dispatchEvent('SET_SCROLLBAR_REF_FOR_INFINITY_TABLE', { scrollbarsInstance });\n    }\n  }, [scrollbarsInstance, dispatchEvent]);\n\n  return (\n    <CustomScrollbar ref={refSetter} style={{ ...style, overflow: 'hidden' }} onScroll={onScroll} renderViewClassName='!h-[calc(100%+5px)]'>\n      {children}\n    </CustomScrollbar>\n  );\n};\n\nconst CustomScrollbarsVirtualList = forwardRef((props: Record<string, unknown>, ref: React.Ref<HTMLElement>) => {\n  const tableConfig = useTableConfig();\n  return <CustomScrollbars {...(props as unknown as CustomScrollbarsProps)} forwardedRef={ref as (node: HTMLElement | null) => void} dispatchEvent={tableConfig?.dispatchEvent} />;\n});\n\ninterface RowsProps {\n  rows: TableRow[];\n  prepareRow: (row: TableRow) => void;\n  isLoading: boolean;\n  onScroll?: () => void;\n  columns: unknown[];\n  width: number;\n  height: number;\n  onScrolling?: (value: ListOnScrollProps) => void;\n  level?: number;\n  allowAstarSearch?: boolean;\n}\n\nexport const Rows = ({ rows, prepareRow, isLoading, onScroll, columns, width, height, onScrolling, level = 0, allowAstarSearch = false }: RowsProps) => {\n  void allowAstarSearch;\n  const scrollbarRef = useRef<unknown>(null);\n  const observer = useRef<IntersectionObserver | null>(null);\n  const tableConfig = useTableConfig();\n  const {\n    tableWrapper,\n    tableBodyWrapper,\n    search,\n    expandedRows,\n    setActiveInlineEdit,\n    activeInlineEdit,\n    closeCurrencyDropdown,\n    currencyDropdownConfig,\n  } = useContext(TableContext);\n\n  const tableConfigRef = useRef(tableConfig);\n  tableConfigRef.current = tableConfig;\n\n  useEffect(() => {\n    if (!tableConfigRef.current?.onEvent) return;\n    return tableConfigRef.current.onEvent('SET_SCROLLBAR_REF_FOR_INFINITY_TABLE', (payload: unknown) => {\n      const { scrollbarsInstance } = payload as { scrollbarsInstance: unknown };\n      scrollbarRef.current = scrollbarsInstance;\n    });\n  }, [tableConfig?.onEvent]);\n\n  const listRef = useRef<VariableSizeList>(null);\n\n  useEffect(() => {\n    if (!tableConfigRef.current?.onEvent) return;\n    return tableConfigRef.current.onEvent('SCROLL_TO_TABLE_ROW', (payload: unknown) => {\n      const { rowIndex } = payload as { rowIndex: number };\n      if (listRef.current && typeof rowIndex === 'number') {\n        listRef.current.scrollToItem(rowIndex, 'center');\n      }\n    });\n  }, [tableConfig?.onEvent]);\n\n  const sizeMap = useRef<Record<number, number>>({});\n\n  // Row height tracks the `h-row` viewport clamp; keep a ref so `getSize` (stable\n  // identity for react-window) always reads the latest measured value.\n  const rowHeight = useRowHeight();\n  const rowSlotHeight = getRowSlotHeight(rowHeight);\n  const rowSlotHeightRef = useRef(rowSlotHeight);\n  rowSlotHeightRef.current = rowSlotHeight;\n\n  const calculateRowHeightWithChildren = useCallback((rowId: string | number, rowCounts: number): number => {\n    return 0;\n\n    const children = expandedRows[rowId];\n    if (!children?.isOpen) return rowCounts;\n    if (children?.isOpen) {\n      rowCounts += children.data.length;\n      for (const child of children.data) {\n        rowCounts = calculateRowHeightWithChildren(child.id, rowCounts);\n      }\n    }\n    return rowCounts;\n  }, [expandedRows]);\n\n  const setMultipleRowSize = useCallback(() => {\n    const newSizeMap: Record<number, number> = { ...sizeMap.current };\n\n    for (const row of rows) {\n      const rowId = row.original.id as string | number;\n      const children = expandedRows[rowId];\n      if (children?.isOpen) {\n        const additionalRowCounts = calculateRowHeightWithChildren(rowId, 0);\n        newSizeMap[row.index] = rowSlotHeight * (additionalRowCounts + 1);\n      } else {\n        newSizeMap[row.index] = rowSlotHeight * 1;\n      }\n    }\n\n    sizeMap.current = newSizeMap;\n    listRef.current?.resetAfterIndex(0);\n  }, [expandedRows, rows, calculateRowHeightWithChildren, rowSlotHeight]);\n\n  useEffect(() => {\n    setMultipleRowSize();\n  }, [setMultipleRowSize]);\n\n  const getSize = useCallback((index: number) => {\n    return sizeMap.current[index] || rowSlotHeightRef.current;\n  }, []);\n\n  const lastRow = useCallback(\n    (node: HTMLElement | null) => {\n      if (isLoading) return;\n      if (!node) return;\n      if (observer.current) observer.current.disconnect();\n      observer.current = new IntersectionObserver(\n        (entries) => {\n          if (entries[0].isIntersecting) {\n            if (onScroll) onScroll();\n          }\n        },\n        { threshold: 0.00001 },\n      );\n      observer.current.observe(node);\n    },\n    [isLoading, onScroll, rows.length],\n  );\n\n  const parseString = (input: string) =>\n    input.split(/(<span[^>]*>.*?<\\/span>)/g).map((segment: string, index: number) => {\n      if (segment.startsWith('<span')) {\n        const value = segment.replace(/<[^>]+>/g, '');\n        return (\n          <span key={index} className='bg-yellow-300 dark:bg-primary-100 dark:text-black-900'>\n            {value}\n          </span>\n        );\n      }\n      return <span key={index}>{segment}</span>;\n    });\n\n  const highlightSubstring = useCallback((value: string | number | null | undefined): JSX.Element | string | number | null | undefined => {\n    if (!search) return value;\n    if (!value || (typeof value !== 'string' && typeof value !== 'number')) return value;\n    const escapedSearch = escapeRegExp(search);\n\n    if (search.includes('*')) {\n      const escapedPattern = search.replace(/[.+?^${}()|[\\]\\\\]/g, '\\\\$&');\n      let regex;\n      if (search.startsWith('*') && search.endsWith('*')) {\n        const middlePattern = escapedPattern.slice(1, -1).replace(/\\*/g, '.*');\n        regex = new RegExp(`(${middlePattern})`, 'gi');\n      } else if (search.startsWith('*')) {\n        const endPattern = escapedPattern.slice(1).replace(/\\*/g, '.*');\n        regex = new RegExp(`(${endPattern})$`, 'gi');\n      } else if (search.endsWith('*')) {\n        const startPattern = escapedPattern.slice(0, -1).replace(/\\*/g, '.*');\n        regex = new RegExp(`^(${startPattern})`, 'gi');\n      } else {\n        const exactPattern = escapedPattern.replace(/\\*/g, '.*');\n        regex = new RegExp(`^(${exactPattern})$`, 'gi');\n      }\n\n      const highlightedText = value?.toString().replace(regex, (match) => `<span class=\"highlight\">${match}</span>`);\n      return <span>{parseString(highlightedText)}</span>;\n    } else {\n      const regex = new RegExp(`(${escapedSearch?.trim()})`, 'gi');\n      const searchValue = value?.toString()?.split(regex);\n      return (\n        <span className='overflow-clip text-ellipsis'>\n          {searchValue[0]}\n          <span className='bg-yellow-300 dark:bg-primary-100 dark:text-black-900'>{searchValue[1]}</span>\n          {searchValue?.slice(2)?.join('')}\n        </span>\n      );\n    }\n  }, [search]);\n\n  const RenderRow = useCallback(\n    ({ index, style }: { index: number; style: React.CSSProperties }) => {\n      const row = rows[index];\n      if (!row) return <span>Loading</span>;\n      const isLastRow = !isLoading && index >= rows.length - 6;\n      prepareRow(row);\n\n      return (\n        <Row\n          {...({\n            row,\n            isLastRow,\n            lastRow,\n            prepareRow,\n            highlightSubstring,\n            index,\n            style,\n            rowsLength: rows.length,\n            level: level || row?.original?.__level,\n            columns,\n            expandedRows,\n            rows,\n          } as unknown as React.ComponentProps<typeof Row>)}\n        />\n      );\n    },\n    [columns, rows, isLoading, lastRow, prepareRow, expandedRows, highlightSubstring, level],\n  );\n\n  const activeInlineEditRef = useRef(activeInlineEdit);\n  activeInlineEditRef.current = activeInlineEdit;\n\n  const currencyDropdownOpenRef = useRef(!!currencyDropdownConfig);\n  currencyDropdownOpenRef.current = !!currencyDropdownConfig;\n\n  const handleScroll = useCallback(\n    (value: ListOnScrollProps) => {\n      if (!value.scrollUpdateWasRequested) {\n        if (activeInlineEditRef.current) setActiveInlineEdit?.(null);\n        if (currencyDropdownOpenRef.current) closeCurrencyDropdown?.();\n      }\n      if (onScrolling) onScrolling(value);\n    },\n    [onScrolling, setActiveInlineEdit, closeCurrencyDropdown],\n  );\n\n  return (\n    <VariableSizeList\n      outerElementType={CustomScrollbarsVirtualList}\n      width={width - 2}\n      height={height - 2}\n      ref={listRef}\n      innerElementType={level ? tableBodyWrapper : tableWrapper}\n      itemCount={rows.length}\n      itemSize={getSize}\n      layout='vertical'\n      overscanCount={20}\n      onScroll={handleScroll}\n    >\n      {RenderRow}\n    </VariableSizeList>\n  );\n};\n"],"names":["CustomScrollbars","onScroll","forwardedRef","style","children","dispatchEvent","scrollbarsInstance","setScrollbarInstance","useState","refSetter","useCallback","scrollbarsRef","ref","instance","useEffect","jsx","CustomScrollbar","CustomScrollbarsVirtualList","forwardRef","props","tableConfig","useTableConfig","Rows","rows","prepareRow","isLoading","columns","width","height","onScrolling","level","allowAstarSearch","scrollbarRef","useRef","observer","tableWrapper","tableBodyWrapper","search","expandedRows","setActiveInlineEdit","activeInlineEdit","closeCurrencyDropdown","currencyDropdownConfig","useContext","TableContext","tableConfigRef","payload","listRef","rowIndex","sizeMap","rowHeight","useRowHeight","rowSlotHeight","getRowSlotHeight","rowSlotHeightRef","calculateRowHeightWithChildren","rowId","rowCounts","setMultipleRowSize","newSizeMap","row","additionalRowCounts","getSize","index","lastRow","node","entries","parseString","input","segment","value","highlightSubstring","escapedSearch","escapeRegExp","escapedPattern","regex","middlePattern","endPattern","startPattern","exactPattern","highlightedText","match","searchValue","jsxs","RenderRow","isLastRow","Row","activeInlineEditRef","currencyDropdownOpenRef","handleScroll","VariableSizeList"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=700,T=430,O=10,L=100,A=200,I=999999,E=5,D="cubic-bezier(0.18, 0.67, 0.6, 1.22)",N=20,C=200,R=200,S=40,F=28,t=".os-viewport",o="data-row-id",c="data-column-key",M=16,n="0px",s="-8px 0px 8px 0px rgba(255, 255, 255, 0.01)",U="-8px 0px 8px 0px rgba(0, 0, 0, 0.02)",P="28px",W="-160px",H="4px";exports.CELL_DEFAULT_RIGHT_OFFSET=n;exports.CELL_INDENT_PER_LEVEL_PX=M;exports.CELL_STICKY_SHADOW_DARK=s;exports.CELL_STICKY_SHADOW_LIGHT=U;exports.CHECKBOX_PENDING_EDITS_LEFT_OFFSET=P;exports.DATA_COLUMN_KEY_ATTR=c;exports.DATA_ROW_ID_ATTR=o;exports.DEFAULT_COLUMN_MAX_WIDTH=I;exports.DEFAULT_COLUMN_MIN_WIDTH=L;exports.DEFAULT_COLUMN_WIDTH=A;exports.DEFAULT_PAGE_SIZE=O;exports.DND_ACTIVATION_DISTANCE=E;exports.DROP_ANIMATION_DURATION=N;exports.DROP_ANIMATION_EASING=D;exports.FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM=H;exports.FLOATING_BAR_TOOLTIP_MARGIN_LEFT=W;exports.OS_VIEWPORT_SELECTOR=t;exports.ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH=S;exports.ROW_OPTIONS_COLUMN_WIDTH=F;exports.SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK=C;exports.SCROLL_TO_CELL_LEFT_OFFSET=R;exports.TOOLBAR_FIRST_BREAKPOINT=_;exports.TOOLBAR_SECOND_BREAKPOINT=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=700,T=430,O=10,L=1,A=100,I=200,E=999999,D=5,N="cubic-bezier(0.18, 0.67, 0.6, 1.22)",R=20,C=200,S=200,F=40,t=28,o=".os-viewport",c="data-row-id",n="data-column-key",s=16,M="0px",P="-8px 0px 8px 0px rgba(255, 255, 255, 0.01)",U="-8px 0px 8px 0px rgba(0, 0, 0, 0.02)",W="28px",H="-160px",B="4px";exports.CELL_DEFAULT_RIGHT_OFFSET=M;exports.CELL_INDENT_PER_LEVEL_PX=s;exports.CELL_STICKY_SHADOW_DARK=P;exports.CELL_STICKY_SHADOW_LIGHT=U;exports.CHECKBOX_PENDING_EDITS_LEFT_OFFSET=W;exports.DATA_COLUMN_KEY_ATTR=n;exports.DATA_ROW_ID_ATTR=c;exports.DEFAULT_COLUMN_MAX_WIDTH=E;exports.DEFAULT_COLUMN_MIN_WIDTH=A;exports.DEFAULT_COLUMN_WIDTH=I;exports.DEFAULT_PAGE_SIZE=O;exports.DND_ACTIVATION_DISTANCE=D;exports.DROP_ANIMATION_DURATION=R;exports.DROP_ANIMATION_EASING=N;exports.FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM=B;exports.FLOATING_BAR_TOOLTIP_MARGIN_LEFT=H;exports.OS_VIEWPORT_SELECTOR=o;exports.ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH=F;exports.ROW_OPTIONS_COLUMN_WIDTH=t;exports.ROW_SLOT_BORDER_PX=L;exports.SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK=C;exports.SCROLL_TO_CELL_LEFT_OFFSET=S;exports.TOOLBAR_FIRST_BREAKPOINT=_;exports.TOOLBAR_SECOND_BREAKPOINT=T;
 //# sourceMappingURL=constants.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs.js","sources":["../../../../src/components/data-display/infinite-table/constants.ts"],"sourcesContent":["/**\n * Shared static values for the InfiniteTable and every component under it.\n *\n * Rule for this subtree: magic numbers, timings, sizes, and meaningful string\n * literals (DOM selectors, data-attributes, CSS values used in inline styles)\n * live here with a descriptive name. Tailwind `className` strings are NOT\n * extracted — they stay inline so JIT can see them and JSX stays readable.\n */\n\n// ---------------------------------------------------------------------------\n// Responsive toolbar breakpoints (header layout collapse thresholds, in px)\n// ---------------------------------------------------------------------------\nexport const TOOLBAR_FIRST_BREAKPOINT = 700;\nexport const TOOLBAR_SECOND_BREAKPOINT = 430;\n\n// ---------------------------------------------------------------------------\n// Table defaults\n// ---------------------------------------------------------------------------\n/** Default page size for pagination when the consumer doesn't pass `pageSize`. */\nexport const DEFAULT_PAGE_SIZE = 10;\n\n// ---------------------------------------------------------------------------\n// Column sizing defaults (react-table `defaultColumn`, in px)\n// ---------------------------------------------------------------------------\nexport const DEFAULT_COLUMN_MIN_WIDTH = 100;\nexport const DEFAULT_COLUMN_WIDTH = 200;\nexport const DEFAULT_COLUMN_MAX_WIDTH = 999999;\n\n// ---------------------------------------------------------------------------\n// Drag & drop (dnd-kit)\n// ---------------------------------------------------------------------------\n/** Pointer travel (px) before a drag starts, for both mouse and touch sensors. */\nexport const DND_ACTIVATION_DISTANCE = 5;\nexport const DROP_ANIMATION_EASING = 'cubic-bezier(0.18, 0.67, 0.6, 1.22)';\nexport const DROP_ANIMATION_DURATION = 20;\n\n// ---------------------------------------------------------------------------\n// scrollToCell — horizontal auto-scroll to a target inline-edit cell\n// ---------------------------------------------------------------------------\n/** Assumed column width (px) when a header has no explicit width, used to sum offset. */\nexport const SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK = 200;\n/** Left padding (px) kept before the target cell so it isn't flush to the edge. */\nexport const SCROLL_TO_CELL_LEFT_OFFSET = 200;\n\n// ---------------------------------------------------------------------------\n// Trailing action-column widths (px) used when summing sticky offsets\n// ---------------------------------------------------------------------------\n/** Fallback width for the row-additional-actions column when none is provided. */\nexport const ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH = 40;\n/** Width reserved for the row-options (three-dot) column. */\nexport const ROW_OPTIONS_COLUMN_WIDTH = 28;\n\n// ---------------------------------------------------------------------------\n// DOM selectors / data-attributes used to locate cells & the scroll viewport\n// ---------------------------------------------------------------------------\nexport const OS_VIEWPORT_SELECTOR = '.os-viewport';\nexport const DATA_ROW_ID_ATTR = 'data-row-id';\nexport const DATA_COLUMN_KEY_ATTR = 'data-column-key';\n\n// ---------------------------------------------------------------------------\n// DataCell — sizing / layout\n// ---------------------------------------------------------------------------\n/** Left indent (px) added per cascading nesting level. */\nexport const CELL_INDENT_PER_LEVEL_PX = 16;\n/** Fallback `right` offset for non-sticky cells. */\nexport const CELL_DEFAULT_RIGHT_OFFSET = '0px';\n\n// ---------------------------------------------------------------------------\n// DataCell — sticky first-cell drop shadow (theme-specific)\n// ---------------------------------------------------------------------------\nexport const CELL_STICKY_SHADOW_DARK = '-8px 0px 8px 0px rgba(255, 255, 255, 0.01)';\nexport const CELL_STICKY_SHADOW_LIGHT = '-8px 0px 8px 0px rgba(0, 0, 0, 0.02)';\n\n// ---------------------------------------------------------------------------\n// Inline-style pixel offsets (used in style={{…}}, not classNames)\n// ---------------------------------------------------------------------------\n/** Left offset for the checkbox cell when the pending-edits column is present. */\nexport const CHECKBOX_PENDING_EDITS_LEFT_OFFSET = '28px';\n/** Half the floating-bar tooltip width — negative margin to center it. */\nexport const FLOATING_BAR_TOOLTIP_MARGIN_LEFT = '-160px';\nexport const FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM = '4px';\n"],"names":["TOOLBAR_FIRST_BREAKPOINT","TOOLBAR_SECOND_BREAKPOINT","DEFAULT_PAGE_SIZE","DEFAULT_COLUMN_MIN_WIDTH","DEFAULT_COLUMN_WIDTH","DEFAULT_COLUMN_MAX_WIDTH","DND_ACTIVATION_DISTANCE","DROP_ANIMATION_EASING","DROP_ANIMATION_DURATION","SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK","SCROLL_TO_CELL_LEFT_OFFSET","ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH","ROW_OPTIONS_COLUMN_WIDTH","OS_VIEWPORT_SELECTOR","DATA_ROW_ID_ATTR","DATA_COLUMN_KEY_ATTR","CELL_INDENT_PER_LEVEL_PX","CELL_DEFAULT_RIGHT_OFFSET","CELL_STICKY_SHADOW_DARK","CELL_STICKY_SHADOW_LIGHT","CHECKBOX_PENDING_EDITS_LEFT_OFFSET","FLOATING_BAR_TOOLTIP_MARGIN_LEFT","FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM"],"mappings":"gFAYO,MAAMA,EAA2B,IAC3BC,EAA4B,IAM5BC,EAAoB,GAKpBC,EAA2B,IAC3BC,EAAuB,IACvBC,EAA2B,OAM3BC,EAA0B,EAC1BC,EAAwB,sCACxBC,EAA0B,GAM1BC,EAAuC,IAEvCC,EAA6B,IAM7BC,EAAuC,GAEvCC,EAA2B,GAK3BC,EAAuB,eACvBC,EAAmB,cACnBC,EAAuB,kBAMvBC,EAA2B,GAE3BC,EAA4B,MAK5BC,EAA0B,6CAC1BC,EAA2B,uCAM3BC,EAAqC,OAErCC,EAAmC,SACnCC,EAAqC"}
+{"version":3,"file":"constants.cjs.js","sources":["../../../../src/components/data-display/infinite-table/constants.ts"],"sourcesContent":["/**\n * Shared static values for the InfiniteTable and every component under it.\n *\n * Rule for this subtree: magic numbers, timings, sizes, and meaningful string\n * literals (DOM selectors, data-attributes, CSS values used in inline styles)\n * live here with a descriptive name. Tailwind `className` strings are NOT\n * extracted — they stay inline so JIT can see them and JSX stays readable.\n */\n\n// ---------------------------------------------------------------------------\n// Responsive toolbar breakpoints (header layout collapse thresholds, in px)\n// ---------------------------------------------------------------------------\nexport const TOOLBAR_FIRST_BREAKPOINT = 700;\nexport const TOOLBAR_SECOND_BREAKPOINT = 430;\n\n// ---------------------------------------------------------------------------\n// Table defaults\n// ---------------------------------------------------------------------------\n/** Default page size for pagination when the consumer doesn't pass `pageSize`. */\nexport const DEFAULT_PAGE_SIZE = 10;\n\n// ---------------------------------------------------------------------------\n// Row sizing — virtualization & layout math\n// ---------------------------------------------------------------------------\n/**\n * Extra px added to the measured `h-row` content height to get a full row slot.\n * Accounts for the 1px `border-t` on each `<tr>`. The row content height itself\n * is a viewport clamp (`h-row`), measured at runtime via `useRowHeight`.\n */\nexport const ROW_SLOT_BORDER_PX = 1;\n\n// ---------------------------------------------------------------------------\n// Column sizing defaults (react-table `defaultColumn`, in px)\n// ---------------------------------------------------------------------------\nexport const DEFAULT_COLUMN_MIN_WIDTH = 100;\nexport const DEFAULT_COLUMN_WIDTH = 200;\nexport const DEFAULT_COLUMN_MAX_WIDTH = 999999;\n\n// ---------------------------------------------------------------------------\n// Drag & drop (dnd-kit)\n// ---------------------------------------------------------------------------\n/** Pointer travel (px) before a drag starts, for both mouse and touch sensors. */\nexport const DND_ACTIVATION_DISTANCE = 5;\nexport const DROP_ANIMATION_EASING = 'cubic-bezier(0.18, 0.67, 0.6, 1.22)';\nexport const DROP_ANIMATION_DURATION = 20;\n\n// ---------------------------------------------------------------------------\n// scrollToCell — horizontal auto-scroll to a target inline-edit cell\n// ---------------------------------------------------------------------------\n/** Assumed column width (px) when a header has no explicit width, used to sum offset. */\nexport const SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK = 200;\n/** Left padding (px) kept before the target cell so it isn't flush to the edge. */\nexport const SCROLL_TO_CELL_LEFT_OFFSET = 200;\n\n// ---------------------------------------------------------------------------\n// Trailing action-column widths (px) used when summing sticky offsets\n// ---------------------------------------------------------------------------\n/** Fallback width for the row-additional-actions column when none is provided. */\nexport const ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH = 40;\n/** Width reserved for the row-options (three-dot) column. */\nexport const ROW_OPTIONS_COLUMN_WIDTH = 28;\n\n// ---------------------------------------------------------------------------\n// DOM selectors / data-attributes used to locate cells & the scroll viewport\n// ---------------------------------------------------------------------------\nexport const OS_VIEWPORT_SELECTOR = '.os-viewport';\nexport const DATA_ROW_ID_ATTR = 'data-row-id';\nexport const DATA_COLUMN_KEY_ATTR = 'data-column-key';\n\n// ---------------------------------------------------------------------------\n// DataCell — sizing / layout\n// ---------------------------------------------------------------------------\n/** Left indent (px) added per cascading nesting level. */\nexport const CELL_INDENT_PER_LEVEL_PX = 16;\n/** Fallback `right` offset for non-sticky cells. */\nexport const CELL_DEFAULT_RIGHT_OFFSET = '0px';\n\n// ---------------------------------------------------------------------------\n// DataCell — sticky first-cell drop shadow (theme-specific)\n// ---------------------------------------------------------------------------\nexport const CELL_STICKY_SHADOW_DARK = '-8px 0px 8px 0px rgba(255, 255, 255, 0.01)';\nexport const CELL_STICKY_SHADOW_LIGHT = '-8px 0px 8px 0px rgba(0, 0, 0, 0.02)';\n\n// ---------------------------------------------------------------------------\n// Inline-style pixel offsets (used in style={{…}}, not classNames)\n// ---------------------------------------------------------------------------\n/** Left offset for the checkbox cell when the pending-edits column is present. */\nexport const CHECKBOX_PENDING_EDITS_LEFT_OFFSET = '28px';\n/** Half the floating-bar tooltip width — negative margin to center it. */\nexport const FLOATING_BAR_TOOLTIP_MARGIN_LEFT = '-160px';\nexport const FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM = '4px';\n"],"names":["TOOLBAR_FIRST_BREAKPOINT","TOOLBAR_SECOND_BREAKPOINT","DEFAULT_PAGE_SIZE","ROW_SLOT_BORDER_PX","DEFAULT_COLUMN_MIN_WIDTH","DEFAULT_COLUMN_WIDTH","DEFAULT_COLUMN_MAX_WIDTH","DND_ACTIVATION_DISTANCE","DROP_ANIMATION_EASING","DROP_ANIMATION_DURATION","SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK","SCROLL_TO_CELL_LEFT_OFFSET","ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH","ROW_OPTIONS_COLUMN_WIDTH","OS_VIEWPORT_SELECTOR","DATA_ROW_ID_ATTR","DATA_COLUMN_KEY_ATTR","CELL_INDENT_PER_LEVEL_PX","CELL_DEFAULT_RIGHT_OFFSET","CELL_STICKY_SHADOW_DARK","CELL_STICKY_SHADOW_LIGHT","CHECKBOX_PENDING_EDITS_LEFT_OFFSET","FLOATING_BAR_TOOLTIP_MARGIN_LEFT","FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM"],"mappings":"gFAYO,MAAMA,EAA2B,IAC3BC,EAA4B,IAM5BC,EAAoB,GAUpBC,EAAqB,EAKrBC,EAA2B,IAC3BC,EAAuB,IACvBC,EAA2B,OAM3BC,EAA0B,EAC1BC,EAAwB,sCACxBC,EAA0B,GAM1BC,EAAuC,IAEvCC,EAA6B,IAM7BC,EAAuC,GAEvCC,EAA2B,GAK3BC,EAAuB,eACvBC,EAAmB,cACnBC,EAAuB,kBAMvBC,EAA2B,GAE3BC,EAA4B,MAK5BC,EAA0B,6CAC1BC,EAA2B,uCAM3BC,EAAqC,OAErCC,EAAmC,SACnCC,EAAqC"}

package/dist/components/data-display/infinite-table/constants.d.ts

@@ -10,6 +10,12 @@ export declare const TOOLBAR_FIRST_BREAKPOINT = 700;
 export declare const TOOLBAR_SECOND_BREAKPOINT = 430;
 /** Default page size for pagination when the consumer doesn't pass `pageSize`. */
 export declare const DEFAULT_PAGE_SIZE = 10;
+/**
+ * Extra px added to the measured `h-row` content height to get a full row slot.
+ * Accounts for the 1px `border-t` on each `<tr>`. The row content height itself
+ * is a viewport clamp (`h-row`), measured at runtime via `useRowHeight`.
+ */
+export declare const ROW_SLOT_BORDER_PX = 1;
 export declare const DEFAULT_COLUMN_MIN_WIDTH = 100;
 export declare const DEFAULT_COLUMN_WIDTH = 200;
 export declare const DEFAULT_COLUMN_MAX_WIDTH = 999999;

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

@@ -1,26 +1,27 @@
-const _ = 700, T = 430, O = 10, L = 100, A = 200, I = 999999, E = 5, D = "cubic-bezier(0.18, 0.67, 0.6, 1.22)", N = 20, o = 200, t = 200, c = 40, n = 28, s = ".os-viewport", C = "data-row-id", R = "data-column-key", F = 16, S = "0px", p = "-8px 0px 8px 0px rgba(255, 255, 255, 0.01)", x = "-8px 0px 8px 0px rgba(0, 0, 0, 0.02)", M = "28px", U = "-160px", P = "4px";
+const _ = 700, T = 430, O = 10, L = 1, A = 100, I = 200, E = 999999, D = 5, N = "cubic-bezier(0.18, 0.67, 0.6, 1.22)", o = 20, t = 200, c = 200, R = 40, n = 28, s = ".os-viewport", C = "data-row-id", S = "data-column-key", F = 16, p = "0px", x = "-8px 0px 8px 0px rgba(255, 255, 255, 0.01)", M = "-8px 0px 8px 0px rgba(0, 0, 0, 0.02)", P = "28px", U = "-160px", W = "4px";
 export {
-  S as CELL_DEFAULT_RIGHT_OFFSET,
+  p as CELL_DEFAULT_RIGHT_OFFSET,
   F as CELL_INDENT_PER_LEVEL_PX,
-  p as CELL_STICKY_SHADOW_DARK,
-  x as CELL_STICKY_SHADOW_LIGHT,
-  M as CHECKBOX_PENDING_EDITS_LEFT_OFFSET,
-  R as DATA_COLUMN_KEY_ATTR,
+  x as CELL_STICKY_SHADOW_DARK,
+  M as CELL_STICKY_SHADOW_LIGHT,
+  P as CHECKBOX_PENDING_EDITS_LEFT_OFFSET,
+  S as DATA_COLUMN_KEY_ATTR,
   C as DATA_ROW_ID_ATTR,
-  I as DEFAULT_COLUMN_MAX_WIDTH,
-  L as DEFAULT_COLUMN_MIN_WIDTH,
-  A as DEFAULT_COLUMN_WIDTH,
+  E as DEFAULT_COLUMN_MAX_WIDTH,
+  A as DEFAULT_COLUMN_MIN_WIDTH,
+  I as DEFAULT_COLUMN_WIDTH,
   O as DEFAULT_PAGE_SIZE,
-  E as DND_ACTIVATION_DISTANCE,
-  N as DROP_ANIMATION_DURATION,
-  D as DROP_ANIMATION_EASING,
-  P as FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM,
+  D as DND_ACTIVATION_DISTANCE,
+  o as DROP_ANIMATION_DURATION,
+  N as DROP_ANIMATION_EASING,
+  W as FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM,
   U as FLOATING_BAR_TOOLTIP_MARGIN_LEFT,
   s as OS_VIEWPORT_SELECTOR,
-  c as ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH,
+  R as ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH,
   n as ROW_OPTIONS_COLUMN_WIDTH,
-  o as SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK,
-  t as SCROLL_TO_CELL_LEFT_OFFSET,
+  L as ROW_SLOT_BORDER_PX,
+  t as SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK,
+  c as SCROLL_TO_CELL_LEFT_OFFSET,
   _ as TOOLBAR_FIRST_BREAKPOINT,
   T as TOOLBAR_SECOND_BREAKPOINT
 };

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

@@ -1 +1 @@
-{"version":3,"file":"constants.es.js","sources":["../../../../src/components/data-display/infinite-table/constants.ts"],"sourcesContent":["/**\n * Shared static values for the InfiniteTable and every component under it.\n *\n * Rule for this subtree: magic numbers, timings, sizes, and meaningful string\n * literals (DOM selectors, data-attributes, CSS values used in inline styles)\n * live here with a descriptive name. Tailwind `className` strings are NOT\n * extracted — they stay inline so JIT can see them and JSX stays readable.\n */\n\n// ---------------------------------------------------------------------------\n// Responsive toolbar breakpoints (header layout collapse thresholds, in px)\n// ---------------------------------------------------------------------------\nexport const TOOLBAR_FIRST_BREAKPOINT = 700;\nexport const TOOLBAR_SECOND_BREAKPOINT = 430;\n\n// ---------------------------------------------------------------------------\n// Table defaults\n// ---------------------------------------------------------------------------\n/** Default page size for pagination when the consumer doesn't pass `pageSize`. */\nexport const DEFAULT_PAGE_SIZE = 10;\n\n// ---------------------------------------------------------------------------\n// Column sizing defaults (react-table `defaultColumn`, in px)\n// ---------------------------------------------------------------------------\nexport const DEFAULT_COLUMN_MIN_WIDTH = 100;\nexport const DEFAULT_COLUMN_WIDTH = 200;\nexport const DEFAULT_COLUMN_MAX_WIDTH = 999999;\n\n// ---------------------------------------------------------------------------\n// Drag & drop (dnd-kit)\n// ---------------------------------------------------------------------------\n/** Pointer travel (px) before a drag starts, for both mouse and touch sensors. */\nexport const DND_ACTIVATION_DISTANCE = 5;\nexport const DROP_ANIMATION_EASING = 'cubic-bezier(0.18, 0.67, 0.6, 1.22)';\nexport const DROP_ANIMATION_DURATION = 20;\n\n// ---------------------------------------------------------------------------\n// scrollToCell — horizontal auto-scroll to a target inline-edit cell\n// ---------------------------------------------------------------------------\n/** Assumed column width (px) when a header has no explicit width, used to sum offset. */\nexport const SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK = 200;\n/** Left padding (px) kept before the target cell so it isn't flush to the edge. */\nexport const SCROLL_TO_CELL_LEFT_OFFSET = 200;\n\n// ---------------------------------------------------------------------------\n// Trailing action-column widths (px) used when summing sticky offsets\n// ---------------------------------------------------------------------------\n/** Fallback width for the row-additional-actions column when none is provided. */\nexport const ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH = 40;\n/** Width reserved for the row-options (three-dot) column. */\nexport const ROW_OPTIONS_COLUMN_WIDTH = 28;\n\n// ---------------------------------------------------------------------------\n// DOM selectors / data-attributes used to locate cells & the scroll viewport\n// ---------------------------------------------------------------------------\nexport const OS_VIEWPORT_SELECTOR = '.os-viewport';\nexport const DATA_ROW_ID_ATTR = 'data-row-id';\nexport const DATA_COLUMN_KEY_ATTR = 'data-column-key';\n\n// ---------------------------------------------------------------------------\n// DataCell — sizing / layout\n// ---------------------------------------------------------------------------\n/** Left indent (px) added per cascading nesting level. */\nexport const CELL_INDENT_PER_LEVEL_PX = 16;\n/** Fallback `right` offset for non-sticky cells. */\nexport const CELL_DEFAULT_RIGHT_OFFSET = '0px';\n\n// ---------------------------------------------------------------------------\n// DataCell — sticky first-cell drop shadow (theme-specific)\n// ---------------------------------------------------------------------------\nexport const CELL_STICKY_SHADOW_DARK = '-8px 0px 8px 0px rgba(255, 255, 255, 0.01)';\nexport const CELL_STICKY_SHADOW_LIGHT = '-8px 0px 8px 0px rgba(0, 0, 0, 0.02)';\n\n// ---------------------------------------------------------------------------\n// Inline-style pixel offsets (used in style={{…}}, not classNames)\n// ---------------------------------------------------------------------------\n/** Left offset for the checkbox cell when the pending-edits column is present. */\nexport const CHECKBOX_PENDING_EDITS_LEFT_OFFSET = '28px';\n/** Half the floating-bar tooltip width — negative margin to center it. */\nexport const FLOATING_BAR_TOOLTIP_MARGIN_LEFT = '-160px';\nexport const FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM = '4px';\n"],"names":["TOOLBAR_FIRST_BREAKPOINT","TOOLBAR_SECOND_BREAKPOINT","DEFAULT_PAGE_SIZE","DEFAULT_COLUMN_MIN_WIDTH","DEFAULT_COLUMN_WIDTH","DEFAULT_COLUMN_MAX_WIDTH","DND_ACTIVATION_DISTANCE","DROP_ANIMATION_EASING","DROP_ANIMATION_DURATION","SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK","SCROLL_TO_CELL_LEFT_OFFSET","ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH","ROW_OPTIONS_COLUMN_WIDTH","OS_VIEWPORT_SELECTOR","DATA_ROW_ID_ATTR","DATA_COLUMN_KEY_ATTR","CELL_INDENT_PER_LEVEL_PX","CELL_DEFAULT_RIGHT_OFFSET","CELL_STICKY_SHADOW_DARK","CELL_STICKY_SHADOW_LIGHT","CHECKBOX_PENDING_EDITS_LEFT_OFFSET","FLOATING_BAR_TOOLTIP_MARGIN_LEFT","FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM"],"mappings":"AAYO,MAAMA,IAA2B,KAC3BC,IAA4B,KAM5BC,IAAoB,IAKpBC,IAA2B,KAC3BC,IAAuB,KACvBC,IAA2B,QAM3BC,IAA0B,GAC1BC,IAAwB,uCACxBC,IAA0B,IAM1BC,IAAuC,KAEvCC,IAA6B,KAM7BC,IAAuC,IAEvCC,IAA2B,IAK3BC,IAAuB,gBACvBC,IAAmB,eACnBC,IAAuB,mBAMvBC,IAA2B,IAE3BC,IAA4B,OAK5BC,IAA0B,8CAC1BC,IAA2B,wCAM3BC,IAAqC,QAErCC,IAAmC,UACnCC,IAAqC;"}
+{"version":3,"file":"constants.es.js","sources":["../../../../src/components/data-display/infinite-table/constants.ts"],"sourcesContent":["/**\n * Shared static values for the InfiniteTable and every component under it.\n *\n * Rule for this subtree: magic numbers, timings, sizes, and meaningful string\n * literals (DOM selectors, data-attributes, CSS values used in inline styles)\n * live here with a descriptive name. Tailwind `className` strings are NOT\n * extracted — they stay inline so JIT can see them and JSX stays readable.\n */\n\n// ---------------------------------------------------------------------------\n// Responsive toolbar breakpoints (header layout collapse thresholds, in px)\n// ---------------------------------------------------------------------------\nexport const TOOLBAR_FIRST_BREAKPOINT = 700;\nexport const TOOLBAR_SECOND_BREAKPOINT = 430;\n\n// ---------------------------------------------------------------------------\n// Table defaults\n// ---------------------------------------------------------------------------\n/** Default page size for pagination when the consumer doesn't pass `pageSize`. */\nexport const DEFAULT_PAGE_SIZE = 10;\n\n// ---------------------------------------------------------------------------\n// Row sizing — virtualization & layout math\n// ---------------------------------------------------------------------------\n/**\n * Extra px added to the measured `h-row` content height to get a full row slot.\n * Accounts for the 1px `border-t` on each `<tr>`. The row content height itself\n * is a viewport clamp (`h-row`), measured at runtime via `useRowHeight`.\n */\nexport const ROW_SLOT_BORDER_PX = 1;\n\n// ---------------------------------------------------------------------------\n// Column sizing defaults (react-table `defaultColumn`, in px)\n// ---------------------------------------------------------------------------\nexport const DEFAULT_COLUMN_MIN_WIDTH = 100;\nexport const DEFAULT_COLUMN_WIDTH = 200;\nexport const DEFAULT_COLUMN_MAX_WIDTH = 999999;\n\n// ---------------------------------------------------------------------------\n// Drag & drop (dnd-kit)\n// ---------------------------------------------------------------------------\n/** Pointer travel (px) before a drag starts, for both mouse and touch sensors. */\nexport const DND_ACTIVATION_DISTANCE = 5;\nexport const DROP_ANIMATION_EASING = 'cubic-bezier(0.18, 0.67, 0.6, 1.22)';\nexport const DROP_ANIMATION_DURATION = 20;\n\n// ---------------------------------------------------------------------------\n// scrollToCell — horizontal auto-scroll to a target inline-edit cell\n// ---------------------------------------------------------------------------\n/** Assumed column width (px) when a header has no explicit width, used to sum offset. */\nexport const SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK = 200;\n/** Left padding (px) kept before the target cell so it isn't flush to the edge. */\nexport const SCROLL_TO_CELL_LEFT_OFFSET = 200;\n\n// ---------------------------------------------------------------------------\n// Trailing action-column widths (px) used when summing sticky offsets\n// ---------------------------------------------------------------------------\n/** Fallback width for the row-additional-actions column when none is provided. */\nexport const ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH = 40;\n/** Width reserved for the row-options (three-dot) column. */\nexport const ROW_OPTIONS_COLUMN_WIDTH = 28;\n\n// ---------------------------------------------------------------------------\n// DOM selectors / data-attributes used to locate cells & the scroll viewport\n// ---------------------------------------------------------------------------\nexport const OS_VIEWPORT_SELECTOR = '.os-viewport';\nexport const DATA_ROW_ID_ATTR = 'data-row-id';\nexport const DATA_COLUMN_KEY_ATTR = 'data-column-key';\n\n// ---------------------------------------------------------------------------\n// DataCell — sizing / layout\n// ---------------------------------------------------------------------------\n/** Left indent (px) added per cascading nesting level. */\nexport const CELL_INDENT_PER_LEVEL_PX = 16;\n/** Fallback `right` offset for non-sticky cells. */\nexport const CELL_DEFAULT_RIGHT_OFFSET = '0px';\n\n// ---------------------------------------------------------------------------\n// DataCell — sticky first-cell drop shadow (theme-specific)\n// ---------------------------------------------------------------------------\nexport const CELL_STICKY_SHADOW_DARK = '-8px 0px 8px 0px rgba(255, 255, 255, 0.01)';\nexport const CELL_STICKY_SHADOW_LIGHT = '-8px 0px 8px 0px rgba(0, 0, 0, 0.02)';\n\n// ---------------------------------------------------------------------------\n// Inline-style pixel offsets (used in style={{…}}, not classNames)\n// ---------------------------------------------------------------------------\n/** Left offset for the checkbox cell when the pending-edits column is present. */\nexport const CHECKBOX_PENDING_EDITS_LEFT_OFFSET = '28px';\n/** Half the floating-bar tooltip width — negative margin to center it. */\nexport const FLOATING_BAR_TOOLTIP_MARGIN_LEFT = '-160px';\nexport const FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM = '4px';\n"],"names":["TOOLBAR_FIRST_BREAKPOINT","TOOLBAR_SECOND_BREAKPOINT","DEFAULT_PAGE_SIZE","ROW_SLOT_BORDER_PX","DEFAULT_COLUMN_MIN_WIDTH","DEFAULT_COLUMN_WIDTH","DEFAULT_COLUMN_MAX_WIDTH","DND_ACTIVATION_DISTANCE","DROP_ANIMATION_EASING","DROP_ANIMATION_DURATION","SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK","SCROLL_TO_CELL_LEFT_OFFSET","ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH","ROW_OPTIONS_COLUMN_WIDTH","OS_VIEWPORT_SELECTOR","DATA_ROW_ID_ATTR","DATA_COLUMN_KEY_ATTR","CELL_INDENT_PER_LEVEL_PX","CELL_DEFAULT_RIGHT_OFFSET","CELL_STICKY_SHADOW_DARK","CELL_STICKY_SHADOW_LIGHT","CHECKBOX_PENDING_EDITS_LEFT_OFFSET","FLOATING_BAR_TOOLTIP_MARGIN_LEFT","FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM"],"mappings":"AAYO,MAAMA,IAA2B,KAC3BC,IAA4B,KAM5BC,IAAoB,IAUpBC,IAAqB,GAKrBC,IAA2B,KAC3BC,IAAuB,KACvBC,IAA2B,QAM3BC,IAA0B,GAC1BC,IAAwB,uCACxBC,IAA0B,IAM1BC,IAAuC,KAEvCC,IAA6B,KAM7BC,IAAuC,IAEvCC,IAA2B,IAK3BC,IAAuB,gBACvBC,IAAmB,eACnBC,IAAuB,mBAMvBC,IAA2B,IAE3BC,IAA4B,OAK5BC,IAA0B,8CAC1BC,IAA2B,wCAM3BC,IAAqC,QAErCC,IAAmC,UACnCC,IAAqC;"}