ods-ant 0.2.0 → 0.4.1

package/dist-lib/display/Table.cjs

@@ -0,0 +1,510 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../theme.cjs`),n=require(`../useCustomIcon-DbSB56Pd.cjs`),r=require(`./Tooltip.cjs`),i=require(`../navigation/Pagination.cjs`);let a=require(`antd`),o=require(`react`);o=e.t(o,1);let s=require(`react/jsx-runtime`);var c=`ds-table-styles`,l=e=>typeof e==`string`||typeof e==`number`,u=({value:e,withTooltip:t,tooltipDelay:n,tooltipSize:i,tooltipTitle:a})=>{let c=o.default.useRef(null),[l,u]=o.default.useState(!1),d=String(e),f=o.default.useCallback(()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth;u(e=>e===t?e:t)},[]);o.default.useEffect(()=>{let e=c.current;if(!e)return;f();let t=requestAnimationFrame(()=>{f(),requestAnimationFrame(f)}),n=window.setTimeout(f,120),r=typeof ResizeObserver<`u`?new ResizeObserver(f):null;return r?r.observe(e):typeof window<`u`&&window.addEventListener(`resize`,f),()=>{r?r.disconnect():typeof window<`u`&&window.removeEventListener(`resize`,f),cancelAnimationFrame(t),window.clearTimeout(n)}},[d,f]);let p=(0,s.jsx)(`span`,{ref:c,className:`ds-table-cell-truncate`,onMouseOverCapture:f,onFocus:f,children:d});return t?(0,s.jsx)(r.Tooltip,{title:l?void 0:null,dsSize:i,dsTitle:a,dsBody:d,mouseEnterDelay:n,trigger:`hover`,children:p}):p};function d(...e){return e.filter(Boolean).join(` `)}function f(e){if(e===!1)return!1;let{tooltip:n}=t.dsSemanticTokens,r=e&&typeof e==`object`?e:void 0;return{...r,color:r?.color??n.surface.background,arrow:r?.arrow??!0,classNames:{...r?.classNames,root:d(`ds-tooltip-overlay`,`ds-tooltip-size-normal`,r?.classNames?.root,r?.overlayClassName)},styles:{...r?.styles,container:{borderRadius:n.radius,color:n.surface.body,letterSpacing:0,minWidth:n.width.normal.min,maxWidth:n.width.normal.max,padding:n.padding.normal,...r?.styles?.container}}}}function p(e,t){return e&&e.map(e=>{let r={...e};return Array.isArray(r.children)&&r.children.length>0&&(r.children=p(r.children,t)),r.sorter&&(r.showSorterTooltip=f(r.showSorterTooltip===void 0?t:r.showSorterTooltip)),r.sorter&&!r.sortIcon&&(r.sortIcon=({sortOrder:e})=>(0,s.jsx)(`span`,{className:`ds-table-sort-icon`,"aria-hidden":`true`,children:(0,s.jsx)(n.t,{name:e===`ascend`?`arrowThickUp`:`arrowThickDown`,size:10,style:{color:`inherit`}})})),r})}function ee(e,t,n){if(!e||t===`none`||e.length===0)return e;let r=t===`first`||t===`both`,i=t===`last`||t===`both`,a=e.length-1;return e.map((e,t)=>{let o={...e},s=r&&t===0,c=i&&t===a;return s&&(o.fixed=`left`,o.width??=n),c&&(o.fixed=`right`,o.width??=n),o})}function m(e,t,n,r,i){return e&&e.map(e=>{let a={...e};if(Array.isArray(a.children)&&a.children.length>0)return a.children=m(a.children,t,n,r,i),a;let o=a.render;return a.ellipsis==null||a.ellipsis===!0?a.ellipsis={showTitle:!1}:typeof a.ellipsis==`object`&&(a.ellipsis={...a.ellipsis,showTitle:!1}),a.render=(e,a,c)=>{let d=o?o(e,a,c):e;return l(d)?(0,s.jsx)(u,{value:d,withTooltip:t,tooltipDelay:n,tooltipSize:r,tooltipTitle:i}):!o&&l(e)?(0,s.jsx)(u,{value:e,withTooltip:t,tooltipDelay:n,tooltipSize:r,tooltipTitle:i}):d},a})}function h(e){if(typeof e?.key==`string`)return e.key;if(typeof e?.dataIndex==`string`)return e.dataIndex;if(typeof e?.dataIndex==`number`)return String(e.dataIndex)}function g(e){if(typeof e==`number`&&Number.isFinite(e))return e;if(typeof e==`string`&&e.endsWith(`px`)){let t=Number(e.slice(0,-2));return Number.isFinite(t)?t:void 0}}function _(e,t,n){let r=Math.max(t,Math.round(e));return typeof n==`number`?Math.min(n,r):r}function te(e,t,n={}){if(!e)return n;let r={...n},i=e=>{e.forEach(e=>{if(Array.isArray(e.children)&&e.children.length>0){i(e.children);return}let t=h(e);if(!t||r[t]!=null)return;let n=g(e.width);n!=null&&(r[t]=n)})};return i(e),r}function v(e){let t=e==null?``:String(e);return t?t.length*8:0}function y(e){return typeof e==`string`||typeof e==`number`?String(e):``}function ne(e,t,n){if(!e)return e;let r=t.slice(0,Math.max(0,n.sampleSize)),i=e=>{let t={...e};if(Array.isArray(t.children)&&t.children.length>0)return t.children=t.children.map(i),t;if(t.width!=null)return t;let a=h(t);if(n.enabledColumnKeys&&(!a||!n.enabledColumnKeys.has(a)))return t;let o=v(y(t.title)),s=r.reduce((e,n,r)=>{let i=b(n,t.dataIndex),a=typeof t.render==`function`?t.render(i,n,r):i,o=l(a)?v(a):v(i);return Math.max(e,o)},0);return t.width=_(Math.max(o,s)+n.cellPadding,n.minWidth,n.maxWidth),t};return e.map(i)}function re(e){if(!(e===!0||e===!1||e==null)){if(Array.isArray(e))return new Set(e.map(String));if(typeof e==`string`)return new Set(e.split(`,`).map(e=>e.trim()).filter(Boolean));if(typeof e==`object`)return new Set(Object.entries(e).filter(([,e])=>!!e).map(([e])=>e))}}function b(e,t){if(Array.isArray(t))return t.reduce((e,t)=>{if(e&&typeof e==`object`)return e[String(t)]},e);if(typeof t==`string`||typeof t==`number`)return e[String(t)]}function ie(e,t,n){if(Array.isArray(t)&&t.length>0){let r={...e},i=r;for(let e=0;e<t.length-1;e+=1){let n=String(t[e]),r=i[n],a=r&&typeof r==`object`?{...r}:{};i[n]=a,i=a}return i[String(t[t.length-1])]=n,r}return typeof t==`string`||typeof t==`number`?{...e,[String(t)]:n}:e}function ae(e,t,n){return e&&e.map(e=>{let r={...e};if(Array.isArray(r.children)&&r.children.length>0)return r.children=ae(r.children,t,n),r;let i=h(r);return!(i&&t.has(i))||r.dataIndex==null||(r.render=(e,t,i)=>{let o=b(t,r.dataIndex),c=typeof o==`number`;return(0,s.jsx)(a.Input,{className:`ds-table-edit-input`,type:c?`number`:`text`,size:`small`,value:o==null?``:String(o),onChange:e=>{let t=e.target.value,a=c?t===``?null:Number(t):t;n(i,r.dataIndex,a)}})}),r})}function oe(e,t){return e&&e.map(e=>{let n={...e};if(Array.isArray(n.children)&&n.children.length>0)return n.children=oe(n.children,t),n;let r=h(n);return!r||t.has(r)?n:null}).filter(e=>e!==null)}var se=({columns:e,visibleColumns:t,onToggle:n})=>{let r=o.default.useMemo(()=>{let t=[],n=e=>{e.forEach(e=>{if(Array.isArray(e.children)&&e.children.length>0)n(e.children);else{let n=h(e),r=e.title||(typeof e.dataIndex==`string`?e.dataIndex:`Column`);n&&t.push({key:n,label:String(r)})}})};return n(e),t},[e]);return(0,s.jsxs)(`div`,{className:`ds-table-column-visibility-control`,children:[(0,s.jsx)(`label`,{className:`ds-table-control-label`,children:`Columns:`}),(0,s.jsx)(`div`,{className:`ds-table-control-checkboxes`,children:r.map(({key:e,label:r})=>(0,s.jsxs)(`label`,{className:`ds-table-control-checkbox`,children:[(0,s.jsx)(`input`,{type:`checkbox`,checked:t.has(e),onChange:t=>n(e,t.target.checked)}),(0,s.jsx)(`span`,{children:r})]},e))})]})},ce=({width:e,minWidth:t=96,maxWidth:n,onResize:r,children:i,className:a,style:c,...l})=>{let u=o.default.useRef(0),f=o.default.useRef(0),p=o.default.useCallback(e=>{r&&r(_(e,t,n))},[n,t,r]),ee=o.default.useCallback(n=>{if(!r||typeof document>`u`)return;n.preventDefault(),n.stopPropagation(),f.current=n.clientX,u.current=e??n.currentTarget.parentElement?.getBoundingClientRect().width??t;let i=e=>{let t=e.clientX-f.current;p(u.current+t)},a=()=>{document.removeEventListener(`mousemove`,i),document.removeEventListener(`mouseup`,a),document.body.style.cursor=``,document.body.style.userSelect=``};document.body.style.cursor=`col-resize`,document.body.style.userSelect=`none`,document.addEventListener(`mousemove`,i),document.addEventListener(`mouseup`,a)},[t,r,p,e]),m=o.default.useCallback(t=>{!r||e==null||t.key!==`ArrowLeft`&&t.key!==`ArrowRight`||(t.preventDefault(),t.stopPropagation(),p(e+(t.key===`ArrowLeft`?-1:1)*(t.shiftKey?24:8)))},[r,p,e]);return(0,s.jsxs)(`th`,{...l,className:d(a,r?`ds-table-resizable-header-cell`:void 0),style:{...c,width:e},children:[i,r?(0,s.jsx)(`button`,{type:`button`,className:`ds-table-resize-handle`,"aria-label":`Resize column`,onClick:e=>e.stopPropagation(),onMouseDown:ee,onKeyDown:m}):null]})};function le(e,t,n,r,i,a){return e&&e.map(e=>{let o={...e};if(Array.isArray(o.children)&&o.children.length>0)return o.children=le(o.children,t,n,r,i,a),o;let s=h(o);if(!s)return o;let c=t[s]??g(o.width)??a,l=o.onHeaderCell;return o.width=c,o.onHeaderCell=e=>{let t=l?.(e)??{};return{...t,width:c,minWidth:r,maxWidth:i,onResize:e=>n(s,e),className:d(t.className,`ds-table-resizable-header`)}},o})}function ue(e,t){if(!e||e.length===0)return t;let n=e=>e.flatMap(e=>Array.isArray(e?.children)&&e.children.length>0?n(e.children):[g(e?.width)??t]),r=n(e);return r.length===0?t:r.reduce((e,t)=>e+t,0)}function de(){if(typeof document>`u`)return;let{table:e,checkbox:n}=t.dsSemanticTokens,r=document.getElementById(c);r||(r=document.createElement(`style`),r.id=c,document.head.appendChild(r)),r.textContent=`
+    .ds-table {
+      font-family: "Nunito", sans-serif;
+      color: ${e.text.body};
+    }
+
+    .ds-table .ant-table {
+      font-family: "Nunito", sans-serif;
+      color: ${e.text.body};
+      background: ${e.surface.container};
+    }
+
+    .ds-table .ant-table-thead > tr > th {
+      color: ${e.text.header} !important;
+      font-weight: ${e.typography.header.fontWeight} !important;
+      font-size: ${e.typography.header.fontSize} !important;
+      line-height: ${e.typography.header.lineHeight} !important;
+      letter-spacing: ${e.typography.header.letterSpacing} !important;
+      background: ${e.surface.container} !important;
+      border-bottom: ${e.border.headerDividerWidth} solid ${e.border.container} !important;
+      padding: ${e.padding.normal.header} !important;
+      height: ${e.rowHeight.normal.header} !important;
+      vertical-align: middle !important;
+      box-sizing: border-box !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th::before {
+      display: none !important;
+    }
+
+    .ds-table .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
+      color: ${e.text.body} !important;
+      font-weight: ${e.typography.body.fontWeight} !important;
+      font-size: ${e.typography.body.fontSize} !important;
+      line-height: ${e.typography.body.lineHeight} !important;
+      letter-spacing: ${e.typography.body.letterSpacing} !important;
+      border-bottom: 1px solid ${e.border.bodyDivider} !important;
+      background: transparent !important;
+      padding: ${e.padding.normal.body} !important;
+      height: ${e.rowHeight.normal.body} !important;
+      vertical-align: middle !important;
+      transition: none !important;
+      box-sizing: border-box !important;
+    }
+
+    .ds-table .ant-table-tbody > tr:hover > td {
+      background: ${e.surface.rowHover} !important;
+    }
+
+    .ds-table .ant-table-tbody > tr.ant-table-row-selected > td,
+    .ds-table .ant-table-tbody > tr.ant-table-row-selected:hover > td {
+      background: ${e.surface.rowSelected} !important;
+    }
+
+    .ds-table .ant-table-selection-column .ant-checkbox.ant-checkbox-indeterminate {
+      border-color: ${n.border.checked} !important;
+      background-color: ${n.background.checked} !important;
+    }
+
+    .ds-table .ant-table-selection-column .ant-checkbox.ant-checkbox-indeterminate::after {
+      content: '' !important;
+      position: absolute !important;
+      left: 50% !important;
+      top: 50% !important;
+      margin: 0 !important;
+      border: 0 !important;
+      border-radius: 1px !important;
+      background: ${n.mark.indeterminate} !important;
+      width: ${n.indeterminate.sm.width}px !important;
+      height: ${n.indeterminate.sm.height}px !important;
+      transform: translate(-50%, -50%) !important;
+      opacity: 1 !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th.ant-table-column-sort,
+    .ds-table .ant-table-thead > tr > th.ant-table-column-sort:hover {
+      color: ${e.text.header} !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th.ant-table-column-has-sorters,
+    .ds-table .ant-table-thead > tr > th.ant-table-column-has-sorters:hover {
+      color: ${e.text.header} !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th.ant-table-column-has-sorters .ant-table-column-sorters {
+      justify-content: flex-start !important;
+      gap: 6px !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th.ant-table-column-has-sorters .ant-table-column-title {
+      flex: none !important;
+      font-weight: 600 !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th.ant-table-column-has-sorters .ant-table-column-sorter {
+      opacity: 0 !important;
+      transition: none !important;
+      margin-inline-start: 0 !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th.ant-table-column-has-sorters .ds-table-sort-icon {
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      width: 10px !important;
+      height: 10px !important;
+      opacity: 0 !important;
+      transition: none !important;
+      color: inherit !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th.ant-table-column-has-sorters:hover .ant-table-column-sorter,
+    .ds-table .ant-table-thead > tr > th.ant-table-column-sort .ant-table-column-sorter {
+      opacity: 1 !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th.ant-table-column-has-sorters:hover .ds-table-sort-icon,
+    .ds-table .ant-table-thead > tr > th.ant-table-column-sort .ds-table-sort-icon {
+      opacity: 1 !important;
+    }
+
+    .ds-table .ant-table-column-sorter,
+    .ds-table .ant-table-column-sorter-up,
+    .ds-table .ant-table-column-sorter-down {
+      color: ${e.text.sorterMuted} !important;
+    }
+
+    .ds-table .ant-table-column-sorter-up.active,
+    .ds-table .ant-table-column-sorter-down.active {
+      color: ${e.text.header} !important;
+    }
+
+    .ds-table .ant-table-pagination.ant-pagination {
+      margin-top: 16px !important;
+      margin-bottom: 0 !important;
+    }
+
+    .ds-table .ant-table-row-expand-icon-cell {
+      vertical-align: middle !important;
+    }
+
+    .ds-table .ant-table-row-expand-icon-cell .ds-table-expand-toggle {
+      display: flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      margin: 0 auto !important;
+      line-height: 0 !important;
+    }
+
+    .ds-table .ant-table-row-expand-icon-cell .ds-table-expand-toggle svg {
+      display: block !important;
+      width: 16px !important;
+      height: 16px !important;
+    }
+
+    .ds-table .ds-table-cell-truncate {
+      display: block !important;
+      width: 100% !important;
+      overflow: hidden !important;
+      white-space: nowrap !important;
+      text-overflow: ellipsis !important;
+    }
+
+    .ds-table.ds-table-size-small .ant-table-thead > tr > th,
+    .ds-table.ds-table-size-small .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
+      vertical-align: middle !important;
+    }
+
+    .ds-table.ds-table-size-small .ant-table-thead > tr > th {
+      font-size: ${e.typography.compactHeader.fontSize} !important;
+      line-height: ${e.typography.compactHeader.lineHeight} !important;
+      font-weight: ${e.typography.compactHeader.fontWeight} !important;
+      letter-spacing: ${e.typography.compactHeader.letterSpacing} !important;
+      height: ${e.rowHeight.compact.header} !important;
+      padding: ${e.padding.compact.header} !important;
+      border-bottom: ${e.border.headerDividerWidth} solid ${e.border.container} !important;
+    }
+
+    .ds-table.ds-table-size-small .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
+      font-size: ${e.typography.compactBody.fontSize} !important;
+      line-height: ${e.typography.compactBody.lineHeight} !important;
+      font-weight: ${e.typography.compactBody.fontWeight} !important;
+      letter-spacing: ${e.typography.compactBody.letterSpacing} !important;
+      height: ${e.rowHeight.compact.body} !important;
+      min-height: ${e.rowHeight.compact.body} !important;
+      max-height: ${e.rowHeight.compact.body} !important;
+      padding: ${e.padding.compact.body} !important;
+    }
+
+    .ds-table.ds-table-size-small .ant-table-tbody > tr {
+      height: ${e.rowHeight.compact.body} !important;
+      min-height: ${e.rowHeight.compact.body} !important;
+      max-height: ${e.rowHeight.compact.body} !important;
+    }
+
+    .ds-table.ds-table-size-small .ant-tag {
+      margin-inline-end: 0 !important;
+      padding: 0 4px !important;
+      height: 16px !important;
+      line-height: 16px !important;
+      font-size: 10px !important;
+      border-radius: 2px !important;
+      display: inline-flex !important;
+      align-items: center !important;
+    }
+
+    .ds-table.ds-table-size-middle .ant-table-thead > tr > th,
+    .ds-table.ds-table-size-middle .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
+      padding: 0 16px !important;
+      vertical-align: middle !important;
+    }
+
+    .ds-table.ds-table-size-middle .ant-table-thead > tr > th {
+      font-size: ${e.typography.header.fontSize} !important;
+      line-height: ${e.typography.header.lineHeight} !important;
+      letter-spacing: ${e.typography.header.letterSpacing} !important;
+      height: ${e.rowHeight.normal.header} !important;
+      font-weight: ${e.typography.header.fontWeight} !important;
+    }
+
+    .ds-table.ds-table-size-middle .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
+      font-size: ${e.typography.body.fontSize} !important;
+      line-height: ${e.typography.body.lineHeight} !important;
+      letter-spacing: ${e.typography.body.letterSpacing} !important;
+      height: ${e.rowHeight.normal.body} !important;
+    }
+
+    .ds-table.ds-table-size-large .ant-table-thead > tr > th,
+    .ds-table.ds-table-size-large .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
+      padding: 0 16px !important;
+      vertical-align: middle !important;
+    }
+
+    .ds-table.ds-table-size-large .ant-table-thead > tr > th {
+      font-size: 18px !important;
+      line-height: 22px !important;
+      letter-spacing: -0.036px !important;
+      height: 50px !important;
+      font-weight: 600 !important;
+    }
+
+    .ds-table.ds-table-size-large .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
+      font-size: 16px !important;
+      line-height: 20px !important;
+      letter-spacing: -0.016px !important;
+      height: 46px !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th,
+    .ds-table .ant-table-thead > tr > th:hover {
+      color: ${e.text.body} !important;
+      font-weight: ${e.typography.body.fontWeight} !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th .ant-table-column-title {
+      color: inherit !important;
+      font-weight: inherit !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th.ant-table-column-has-sorters,
+    .ds-table .ant-table-thead > tr > th.ant-table-column-has-sorters:hover,
+    .ds-table .ant-table-thead > tr > th.ant-table-column-sort,
+    .ds-table .ant-table-thead > tr > th.ant-table-column-sort:hover {
+      color: ${e.text.header} !important;
+      font-weight: ${e.typography.header.fontWeight} !important;
+    }
+
+    .ds-table .ant-table-thead > tr > th.ant-table-column-has-sorters .ant-table-column-title,
+    .ds-table .ant-table-thead > tr > th.ant-table-column-sort .ant-table-column-title {
+      font-weight: ${e.typography.header.fontWeight} !important;
+    }
+
+    .ds-table.ds-table-styleA .ant-table {
+      background: ${e.surface.container} !important;
+    }
+
+    .ds-table.ds-table-styleA .ant-table-thead > tr > th {
+      border-bottom-width: 2px !important;
+    }
+
+    .ds-table.ds-table-styleA .ant-table-container {
+      border: none !important;
+      border-radius: 0 !important;
+      background: ${e.surface.container} !important;
+    }
+
+    .ds-table.ds-table-styleAEditable .ant-table {
+      background: ${e.surface.container} !important;
+    }
+
+    .ds-table.ds-table-styleAEditable .ant-table-thead > tr > th {
+      border-bottom-width: 2px !important;
+    }
+
+    .ds-table.ds-table-styleAEditable .ant-table-container {
+      border: none !important;
+      border-radius: 0 !important;
+      background: ${e.surface.container} !important;
+    }
+
+    .ds-table.ds-table-styleACustomizable .ant-table {
+      background: ${e.surface.container} !important;
+    }
+
+    .ds-table.ds-table-styleACustomizable .ant-table-thead > tr > th {
+      border-bottom-width: 2px !important;
+    }
+
+    .ds-table.ds-table-styleACustomizable .ant-table-container {
+      border: none !important;
+      border-radius: 0 !important;
+      background: ${e.surface.container} !important;
+    }
+
+    .ds-table.ds-table-styleAResizable .ant-table {
+      background: ${e.surface.container} !important;
+    }
+
+    .ds-table.ds-table-styleAResizable .ant-table-thead > tr > th {
+      border-bottom-width: 2px !important;
+    }
+
+    .ds-table.ds-table-styleAResizable .ant-table-container {
+      border: none !important;
+      border-radius: 0 !important;
+      background: ${e.surface.container} !important;
+    }
+
+    .ds-table .ds-table-resizable-header-cell {
+      position: relative !important;
+    }
+
+    .ds-table .ds-table-resize-handle {
+      position: absolute !important;
+      top: 8px !important;
+      inset-inline-end: 0 !important;
+      bottom: 8px !important;
+      width: 12px !important;
+      padding: 0 !important;
+      border: 0 !important;
+      border-radius: 0 !important;
+      background: transparent !important;
+      cursor: col-resize !important;
+      touch-action: none !important;
+      z-index: 2 !important;
+    }
+
+    .ds-table .ds-table-resize-handle::after {
+      content: '' !important;
+      position: absolute !important;
+      top: 0 !important;
+      bottom: 0 !important;
+      inset-inline-end: 5px !important;
+      width: 1px !important;
+      background: ${e.border.bodyDivider} !important;
+      opacity: 0 !important;
+      transition: opacity 120ms ease !important;
+    }
+
+    .ds-table .ds-table-resizable-header-cell:hover .ds-table-resize-handle::after,
+    .ds-table .ds-table-resize-handle:focus-visible::after {
+      opacity: 1 !important;
+      background: ${e.text.header} !important;
+    }
+
+    .ds-table .ds-table-resize-handle:focus-visible {
+      outline: 2px solid ${e.text.header} !important;
+      outline-offset: -2px !important;
+    }
+
+    .ds-table.ds-table-styleAFixedHeaderFooter .ant-table {
+      background: ${e.surface.container} !important;
+    }
+
+    .ds-table.ds-table-styleAFixedHeaderFooter .ant-table-thead > tr > th {
+      border-bottom-width: 2px !important;
+    }
+
+    .ds-table.ds-table-styleAFixedHeaderFooter .ant-table-container {
+      border: none !important;
+      border-radius: 0 !important;
+      background: ${e.surface.container} !important;
+    }
+
+    .ds-table-fixed-frame {
+      display: flex !important;
+      flex-direction: column !important;
+      width: 100% !important;
+      background: ${e.surface.container} !important;
+    }
+
+    .ds-table-fixed-frame > .ds-table.ant-table-wrapper,
+    .ds-table-fixed-frame > .ant-table-wrapper {
+      flex: 1 1 auto !important;
+      min-height: 0 !important;
+    }
+
+    .ds-table-fixed-frame .ant-table-body {
+      overflow-y: auto !important;
+    }
+
+    .ds-table-fixed-footer {
+      flex: 0 0 auto !important;
+      min-height: 56px !important;
+      display: flex !important;
+      align-items: center !important;
+      justify-content: flex-end !important;
+      padding: 12px 16px !important;
+      border-top: 1px solid ${e.border.bodyDivider} !important;
+      background: ${e.surface.container} !important;
+      box-sizing: border-box !important;
+    }
+
+    .ds-table-column-visibility-control {
+      display: flex !important;
+      align-items: center !important;
+      gap: 12px !important;
+      margin-bottom: 16px !important;
+      padding: 12px 0 !important;
+      flex-wrap: wrap !important;
+    }
+
+    .ds-table-control-label {
+      font-weight: 600 !important;
+      font-size: 14px !important;
+      color: ${e.text.body} !important;
+      margin: 0 !important;
+    }
+
+    .ds-table-control-checkboxes {
+      display: flex !important;
+      gap: 12px !important;
+      flex-wrap: wrap !important;
+    }
+
+    .ds-table-control-checkbox {
+      display: inline-flex !important;
+      align-items: center !important;
+      gap: 6px !important;
+      font-size: 14px !important;
+      color: ${e.text.body} !important;
+      cursor: pointer !important;
+      user-select: none !important;
+      margin: 0 !important;
+    }
+
+    .ds-table-control-checkbox input[type='checkbox'] {
+      width: 16px !important;
+      height: 16px !important;
+      cursor: pointer !important;
+      margin: 0 !important;
+    }
+
+    .ds-table .ds-table-edit-input.ant-input,
+    .ds-table .ds-table-edit-input.ant-input-affix-wrapper {
+      height: 26px !important;
+      min-height: 26px !important;
+      width: 100% !important;
+      min-width: 0 !important;
+      max-width: 100% !important;
+      box-sizing: border-box !important;
+      border-radius: 4px !important;
+      border: 1px solid ${t.dsSemanticTokens.input.border.default} !important;
+      background: ${t.dsSemanticTokens.input.background.default} !important;
+      color: ${t.dsSemanticTokens.input.text.focus} !important;
+      padding: 3px 8px !important;
+      font-size: 12px !important;
+      line-height: 16px !important;
+    }
+
+    .ds-table .ds-table-edit-input.ant-input:hover,
+    .ds-table .ds-table-edit-input.ant-input-affix-wrapper:hover {
+      border-color: ${t.dsSemanticTokens.input.border.hover} !important;
+    }
+
+    .ds-table .ds-table-edit-input.ant-input:focus,
+    .ds-table .ds-table-edit-input.ant-input-focused,
+    .ds-table .ds-table-edit-input.ant-input-affix-wrapper-focused {
+      border-color: ${t.dsSemanticTokens.input.border.focus} !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .ds-table.ds-table-styleB {
+      background: ${e.surface.layout};
+      padding: 0;
+    }
+
+    .ds-table.ds-table-styleB .ant-table {
+      background: ${e.surface.layout} !important;
+    }
+
+    .ds-table.ds-table-styleB .ant-table-container {
+      border: 1px solid ${e.border.container} !important;
+      border-radius: ${e.border.radius} !important;
+      overflow: hidden !important;
+      background: ${e.surface.layout} !important;
+    }
+
+    .ds-table.ds-table-styleB .ant-table-thead > tr > th {
+      border-bottom-width: ${e.border.headerDividerWidth} !important;
+      background: ${e.surface.headerDefault} !important;
+    }
+
+
+    .ds-table.ds-table-styleB.ds-table-header-white .ant-table-thead > tr > th {
+      background: ${e.surface.headerWhite} !important;
+    }
+  `}var x=({dsStyle:e=`styleA`,dsHeaderVariant:t=`default`,dsFrozenColumns:n=`none`,dsFrozenBreakpoint:c=768,dsFrozenColumnWidth:l=180,dsTruncateCellText:u=!1,dsTruncateTooltip:d=!0,dsTruncateTooltipDelay:g=.25,dsTruncateTooltipSize:v=`normal`,dsTruncateTooltipTitle:y=`Title Heading`,dsEditableColumns:b=[],dsOnEditableDataChange:x,dsCustomizable:fe=!1,dsVisibleColumns:S,dsOnVisibleColumnsChange:pe,dsFixedBodyHeight:me=320,dsResizableColumns:he=!1,dsColumnWidths:C,dsOnColumnWidthsChange:ge,dsResizableColumnMinWidth:w=96,dsResizableColumnMaxWidth:T,dsResizableDefaultColumnWidth:E=180,dsResponsive:D=!0,dsResponsiveMinColumnWidth:_e=160,dsDensity:ve=`comfortable`,dsStickyHeader:ye=!1,dsStickyOffsetHeader:be=0,dsRowsPerPageOptions:O,dsAutoSizeColumns:k=!1,dsAutoSizeMinWidth:xe=96,dsAutoSizeMaxWidth:A=520,dsAutoSizeSampleSize:Se=50,dsAutoSizeCellPadding:Ce=32,size:we,className:Te,columns:j,dataSource:M,pagination:N,...Ee})=>{let[De,Oe]=o.default.useState(!1),[P,ke]=o.default.useState(Array.isArray(M)?M:[]),[F,Ae]=o.default.useState(()=>Array.isArray(S)?new Set(S.map(String)):j&&Array.isArray(j)?new Set(j.map(e=>h(e)).filter(e=>!!e)):new Set),[je,I]=o.default.useState(()=>C??te(j,E));(0,o.useEffect)(()=>{de(),r.ensureTooltipStyles()},[]),(0,o.useEffect)(()=>{if(typeof window>`u`)return;let e=()=>{Oe(window.innerWidth<=c)};return e(),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[c]),(0,o.useEffect)(()=>{e===`styleAEditable`&&ke(Array.isArray(M)?M:[])},[M,e]);let{scroll:L,tableLayout:Me,showSorterTooltip:R,components:z,sticky:Ne,...Pe}=Ee,B=n!==`none`&&De,V=e===`styleAEditable`,H=e===`styleACustomizable`&&fe,U=e===`styleAFixedHeaderFooter`,W=e===`styleAResizable`||he,G=N&&typeof N==`object`?N:void 0,K=o.default.useMemo(()=>!G||!O||O.length===0?G:{...G,pageSizeOptions:G.pageSizeOptions??O,showSizeChanger:G.showSizeChanger??!0},[O,G]),Fe=we??(ve===`compact`?`small`:`middle`),[Ie,Le]=o.default.useState(G?.defaultCurrent??1),[Re,ze]=o.default.useState(G?.defaultPageSize??G?.pageSize??10);(0,o.useEffect)(()=>{H&&Array.isArray(S)&&Ae(new Set(S.map(String)))},[S,H]),(0,o.useEffect)(()=>{if(W){if(C){I(C);return}I(e=>te(j,E,e))}},[j,C,E,W]);let Be=o.default.useCallback((e,t)=>{Ae(n=>{let r=new Set(n);t?r.add(e):r.delete(e);let i=Array.from(r);return pe?.(i),r})},[pe]),Ve=o.default.useMemo(()=>Array.isArray(b)?b.map(String):typeof b==`string`?b.split(`,`).map(e=>e.trim()).filter(Boolean):b&&typeof b==`object`?Object.entries(b).filter(([,e])=>!!e).map(([e])=>e):[],[b]),He=o.default.useCallback((e,t,n)=>{ke(r=>{if(!Array.isArray(r)||!r[e])return r;let i=[...r],a=i[e];return i[e]=ie(a,t,n),x?.(i),i})},[x]),Ue=o.default.useCallback((e,t)=>{let n=_(t,w,T);I(t=>{let r={...t,[e]:n};return ge?.(r),r})},[ge,T,w]),q=o.default.useMemo(()=>{let e=p(j,R),t=B?ee(e,n,l):e,r=H?oe(t,F):t,i=new Set(Ve),a=V?ae(r,i,He):r,o=V?P:Array.isArray(M)?M:[],s=re(k),c=k===!0||s?.size?ne(a,o,{minWidth:xe,maxWidth:A,sampleSize:Se,cellPadding:Ce,enabledColumnKeys:s}):a,f=W?le(c,je,Ue,w,T,E):c;return!u||V?f:m(f,d,g,v,y)},[j,R,l,n,u,d,g,v,y,Ve,He,W,je,Ue,w,T,E,k,xe,A,Se,Ce,B,V,P,M,F,H,Be]),J=o.default.useMemo(()=>ue(q,_e),[q,_e]),Y=o.default.useCallback(e=>D?!e||typeof e!=`object`?{x:J}:{...e,x:e.x??J}:e,[D,J]),We=o.default.useMemo(()=>{if(U){let e=L&&typeof L==`object`?L:{};return Y({...e,y:e.y??me})}return Y(L)},[L,Y,me,B,U,W]),Ge=V||W||D?Me??`fixed`:Me,Ke=Ne??(ye?{offsetHeader:be}:void 0),qe=o.default.useMemo(()=>W?{...z,header:{...z?.header,cell:ce}}:z,[z,W]),Je=K?.total??(Array.isArray(M)?M.length:0),X=K?.current??Ie,Z=K?.pageSize??Re,Ye=o.default.useMemo(()=>{let e=V?P:M;if(!U||!Array.isArray(e)||K?.total!=null&&K.total>e.length)return e;let t=(X-1)*Z;return e.slice(t,t+Z)},[M,P,X,Z,K?.total,V,U]),Xe={...K,current:X,pageSize:Z,total:Je,showSizeChanger:K?.showSizeChanger??!1,onChange:(e,t)=>{Le(e),ze(t),K?.onChange?.(e,t)},onShowSizeChange:(e,t)=>{Le(e),ze(t),K?.onShowSizeChange?.(e,t)}},Q=[`ds-table`,`ds-table-${e}`,`ds-table-size-${Fe}`,D?`ds-table-responsive`:``,t===`white`?`ds-table-header-white`:``,Te||``].filter(Boolean).join(` `),$=(0,s.jsx)(a.Table,{...Pe,columns:q,dataSource:Ye,pagination:U?!1:K??N,scroll:We,tableLayout:Ge,components:qe,size:Fe,className:Q,sticky:Ke,showSorterTooltip:f(R)});return U?(0,s.jsxs)(`div`,{className:`${Q} ds-table-fixed-frame`,children:[$,(0,s.jsx)(`div`,{className:`ds-table-fixed-footer`,children:(0,s.jsx)(i.Pagination,{...Xe})})]}):H?(0,s.jsxs)(`div`,{className:Q,children:[(0,s.jsx)(se,{columns:j,visibleColumns:F,onToggle:Be}),$]}):$};exports.Table=x,exports.default=x;
+//# sourceMappingURL=Table.cjs.map