ods-ant 0.2.0 → 0.4.0

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 m(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 h(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=h(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 g(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 _(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 ee(e,t,n){let r=Math.max(t,Math.round(e));return typeof n==`number`?Math.min(n,r):r}function v(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 n=g(e);!n||r[n]!=null||(r[n]=_(e.width)??t)})};return i(e),r}function y(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 te(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 ne(e,t,n){return e&&e.map(e=>{let r={...e};if(Array.isArray(r.children)&&r.children.length>0)return r.children=ne(r.children,t,n),r;let i=g(r);return!(i&&t.has(i))||r.dataIndex==null||(r.render=(e,t,i)=>{let o=y(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 re(e,t){return e&&e.map(e=>{let n={...e};if(Array.isArray(n.children)&&n.children.length>0)return n.children=re(n.children,t),n;let r=g(n);return!r||t.has(r)?n:null}).filter(e=>e!==null)}var ie=({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=g(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))})]})},ae=({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(ee(e,t,n))},[n,t,r]),m=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]),h=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:m,onKeyDown:h}):null]})};function oe(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=oe(o.children,t,n,r,i,a),o;let s=g(o);if(!s)return o;let c=t[s]??_(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 se(){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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 b=({dsStyle:e=`styleA`,dsHeaderVariant:t=`default`,dsFrozenColumns:n=`none`,dsFrozenBreakpoint:c=768,dsFrozenColumnWidth:l=180,dsTruncateCellText:u=!1,dsTruncateTooltip:d=!0,dsTruncateTooltipDelay:_=.25,dsTruncateTooltipSize:y=`normal`,dsTruncateTooltipTitle:b=`Title Heading`,dsEditableColumns:x=[],dsOnEditableDataChange:S,dsCustomizable:ce=!1,dsVisibleColumns:C,dsOnVisibleColumnsChange:w,dsFixedBodyHeight:T=320,dsResizableColumns:le=!1,dsColumnWidths:E,dsOnColumnWidthsChange:D,dsResizableColumnMinWidth:O=96,dsResizableColumnMaxWidth:k,dsResizableDefaultColumnWidth:A=180,size:ue=`middle`,className:de,columns:j,dataSource:M,pagination:N,...fe})=>{let[pe,me]=o.default.useState(!1),[P,F]=o.default.useState(Array.isArray(M)?M:[]),[I,L]=o.default.useState(()=>Array.isArray(C)?new Set(C.map(String)):j&&Array.isArray(j)?new Set(j.map(e=>g(e)).filter(e=>!!e)):new Set),[R,z]=o.default.useState(()=>E??v(j,A));(0,o.useEffect)(()=>{se(),r.ensureTooltipStyles()},[]),(0,o.useEffect)(()=>{if(typeof window>`u`)return;let e=()=>{me(window.innerWidth<=c)};return e(),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[c]),(0,o.useEffect)(()=>{e===`styleAEditable`&&F(Array.isArray(M)?M:[])},[M,e]);let{scroll:B,tableLayout:V,showSorterTooltip:H,components:U,...he}=fe,W=n!==`none`&&pe,G=e===`styleAEditable`,K=e===`styleACustomizable`&&ce,q=e===`styleAFixedHeaderFooter`,J=e===`styleAResizable`||le,Y=N&&typeof N==`object`?N:void 0,[ge,_e]=o.default.useState(Y?.defaultCurrent??1),[ve,ye]=o.default.useState(Y?.defaultPageSize??Y?.pageSize??10);(0,o.useEffect)(()=>{K&&Array.isArray(C)&&L(new Set(C.map(String)))},[C,K]),(0,o.useEffect)(()=>{if(J){if(E){z(E);return}z(e=>v(j,A,e))}},[j,E,A,J]);let be=o.default.useCallback((e,t)=>{L(n=>{let r=new Set(n);t?r.add(e):r.delete(e);let i=Array.from(r);return w?.(i),r})},[w]),xe=o.default.useMemo(()=>Array.isArray(x)?x.map(String):typeof x==`string`?x.split(`,`).map(e=>e.trim()).filter(Boolean):x&&typeof x==`object`?Object.entries(x).filter(([,e])=>!!e).map(([e])=>e):[],[x]),Se=o.default.useCallback((e,t,n)=>{F(r=>{if(!Array.isArray(r)||!r[e])return r;let i=[...r],a=i[e];return i[e]=te(a,t,n),S?.(i),i})},[S]),Ce=o.default.useCallback((e,t)=>{let n=ee(t,O,k);z(t=>{let r={...t,[e]:n};return D?.(r),r})},[D,k,O]),we=o.default.useMemo(()=>{let e=p(j,H),t=W?m(e,n,l):e,r=K?re(t,I):t,i=new Set(xe),a=G?ne(r,i,Se):r,o=J?oe(a,R,Ce,O,k,A):a;return!u||G?o:h(o,d,_,y,b)},[j,H,l,n,u,d,_,y,b,xe,Se,J,R,Ce,O,k,A,W,G,I,K,be]),Te=o.default.useMemo(()=>{if(q){let e=B&&typeof B==`object`?B:{};return{...e,y:e.y??T}}return J||W?!B||typeof B!=`object`?{x:`max-content`}:{...B,x:B.x??`max-content`}:B},[B,T,W,q,J]),Ee=G||J?V??`fixed`:V,De=o.default.useMemo(()=>J?{...U,header:{...U?.header,cell:ae}}:U,[U,J]),Oe=Y?.total??(Array.isArray(M)?M.length:0),X=Y?.current??ge,Z=Y?.pageSize??ve,ke=o.default.useMemo(()=>{let e=G?P:M;if(!q||!Array.isArray(e)||Y?.total!=null&&Y.total>e.length)return e;let t=(X-1)*Z;return e.slice(t,t+Z)},[M,P,X,Z,Y?.total,G,q]),Ae={...Y,current:X,pageSize:Z,total:Oe,showSizeChanger:Y?.showSizeChanger??!1,onChange:(e,t)=>{_e(e),ye(t),Y?.onChange?.(e,t)},onShowSizeChange:(e,t)=>{_e(e),ye(t),Y?.onShowSizeChange?.(e,t)}},Q=[`ds-table`,`ds-table-${e}`,`ds-table-size-${ue}`,t===`white`?`ds-table-header-white`:``,de||``].filter(Boolean).join(` `),$=(0,s.jsx)(a.Table,{...he,columns:we,dataSource:ke,pagination:q?!1:N,scroll:Te,tableLayout:Ee,components:De,size:ue,className:Q,showSorterTooltip:f(H)});return q?(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,{...Ae})})]}):K?(0,s.jsxs)(`div`,{className:Q,children:[(0,s.jsx)(ie,{columns:j,visibleColumns:I,onToggle:be}),$]}):$};exports.Table=b,exports.default=b;
+//# sourceMappingURL=Table.cjs.map