@vef-framework/components 1.0.128 → 1.0.129

package/cjs/vef-table/hooks/use-helper-columns.cjs

@@ -1,70 +1,2 @@
 "use strict";
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var columnsSettings = require('../components/columns-settings.cjs');
-var operationButtons = require('../components/operation-buttons.cjs');
-var settingsIcon = require('../components/settings-icon.cjs');
-var useOperationColumnWidth = require('./use-operation-column-width.cjs');
-
-"use strict";
-const DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS = 3;
-function useHelperColumns({
-  showRowNumber,
-  operationButtons: operationButtons$1,
-  maxVisibleOperationButtons,
-  size
-}) {
-  const rowNumberColumn = react.useMemo(() => {
-    if (showRowNumber) {
-      return {
-        key: "_rowNumber",
-        title: "#",
-        align: "center",
-        fixed: "left",
-        // rowScope: "row",
-        width: 48,
-        shouldCellUpdate: () => false,
-        render: (_, __, rowIndex) => rowIndex + 1
-      };
-    }
-  }, [showRowNumber]);
-  const authorizedOperationButtons = hooks.useAuthorizedItems(operationButtons$1 ?? []);
-  const operationColumnWidth = useOperationColumnWidth.useOperationColumnWidth(
-    authorizedOperationButtons,
-    maxVisibleOperationButtons ?? DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,
-    size
-  );
-  const operationColumn = react.useMemo(() => {
-    if (authorizedOperationButtons && authorizedOperationButtons.length > 0) {
-      return {
-        key: "_operationButtons",
-        title: "操作",
-        align: "center",
-        fixed: "right",
-        filterIcon: () => /* @__PURE__ */ jsxRuntime.jsx(settingsIcon.default, {}),
-        filterDropdown: () => /* @__PURE__ */ jsxRuntime.jsx(columnsSettings.default, {}),
-        width: operationColumnWidth,
-        shouldCellUpdate: (record, prevRecord) => !shared.isDeepEqual(record, prevRecord),
-        render: (_, record, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(
-          operationButtons.default,
-          {
-            maxVisibleOperationButtons: maxVisibleOperationButtons ?? DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,
-            operationButtons: authorizedOperationButtons,
-            record,
-            rowIndex
-          }
-        )
-      };
-    }
-  }, [authorizedOperationButtons, maxVisibleOperationButtons, operationColumnWidth]);
-  return {
-    rowNumberColumn,
-    operationColumn
-  };
-}
-
-exports.useHelperColumns = useHelperColumns;
+"use strict";var o=require("@emotion/react/jsx-runtime"),h=require("@vef-framework/hooks"),f=require("@vef-framework/shared"),a=require("react"),q=require("../components/columns-settings.cjs"),x=require("../components/operation-buttons.cjs"),v=require("../components/settings-icon.cjs"),w=require("./use-operation-column-width.cjs");const l=3;function C({showRowNumber:n,operationButtons:d,maxVisibleOperationButtons:t,size:m}){const p=a.useMemo(()=>{if(n)return{key:"_rowNumber",title:"#",align:"center",fixed:"left",width:48,shouldCellUpdate:()=>!1,render:(u,r,i)=>i+1}},[n]),e=h.useAuthorizedItems(d??[]),s=w.useOperationColumnWidth(e,t??l,m),c=a.useMemo(()=>{if(e&&e.length>0)return{key:"_operationButtons",title:"操作",align:"center",fixed:"right",filterIcon:()=>o.jsx(v.default,{}),filterDropdown:()=>o.jsx(q.default,{}),width:s,shouldCellUpdate:(u,r)=>!f.isDeepEqual(u,r),render:(u,r,i)=>o.jsx(x.default,{maxVisibleOperationButtons:t??l,operationButtons:e,record:r,rowIndex:i})}},[e,t,s]);return{rowNumberColumn:p,operationColumn:c}}exports.useHelperColumns=C;

package/cjs/vef-table/hooks/use-operation-column-width.cjs

@@ -1,53 +1,2 @@
 "use strict";
-'use strict';
-
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-function useOperationColumnWidth(operationButtons, maxVisibleOperationButtons, size = "medium") {
-  const { Button: buttonThemeTokens } = hooks.useThemeTokens();
-  const cellInlinePadding = size === "large" ? 16 : 8;
-  const fontSize = buttonThemeTokens?.contentFontSizeSM ?? 16;
-  return react.useMemo(() => {
-    if (operationButtons.length === 0) {
-      return 0;
-    }
-    const showMoreButton = operationButtons.length > maxVisibleOperationButtons;
-    if (showMoreButton) {
-      const longestButtons = /* @__PURE__ */ new Set();
-      for (let i = 0; i < maxVisibleOperationButtons; i++) {
-        const longestButton = shared.max(operationButtons, (button) => {
-          if (longestButtons.has(button)) {
-            return 0;
-          }
-          return button.label.length;
-        });
-        if (longestButton) {
-          longestButtons.add(longestButton);
-        }
-      }
-      return calculateButtonsWidth(Array.from(longestButtons), fontSize, cellInlinePadding, true);
-    }
-    return calculateButtonsWidth(operationButtons, fontSize, cellInlinePadding, false);
-  }, [
-    cellInlinePadding,
-    fontSize,
-    maxVisibleOperationButtons,
-    operationButtons
-  ]);
-}
-function calculateButtonsWidth(operationButtons, fontSize, cellInlinePadding, includeMoreButtonWidth) {
-  const fontWidth = fontSize + 4;
-  const buttonInlinePadding = 4 * 2;
-  return operationButtons.map((button) => {
-    const baseWidth = button.label.length * fontWidth + buttonInlinePadding;
-    if (button.icon) {
-      return baseWidth + fontWidth + 8;
-    }
-    return baseWidth;
-  }).reduce((acc, width) => acc + width, 0) + (includeMoreButtonWidth ? fontWidth + buttonInlinePadding : 0) + cellInlinePadding * 2;
-}
-
-exports.useOperationColumnWidth = useOperationColumnWidth;
+"use strict";var h=require("@vef-framework/hooks"),m=require("@vef-framework/shared"),d=require("react");function f(r,o,s="medium"){const{Button:i}=h.useThemeTokens(),t=s==="large"?16:8,u=i?.contentFontSizeSM??16;return d.useMemo(()=>{if(r.length===0)return 0;if(r.length>o){const e=new Set;for(let n=0;n<o;n++){const a=m.max(r,c=>e.has(c)?0:c.label.length);a&&e.add(a)}return l(Array.from(e),u,t,!0)}return l(r,u,t,!1)},[t,u,o,r])}function l(r,o,s,i){const t=o+4,u=4*2;return r.map(e=>{const n=e.label.length*t+u;return e.icon?n+t+8:n}).reduce((e,n)=>e+n,0)+(i?t+u:0)+s*2}exports.useOperationColumnWidth=f;

package/cjs/vef-table/hooks/use-pagination-props.cjs

@@ -1,47 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-var props = require('../../vef-pagination/props.cjs');
-
-"use strict";
-function usePaginationProps(paginated, size) {
-  const [paginationParams, setPaginationParams] = react.useState({
-    page: 1,
-    size: props.defaultPageSizeOptions[2]
-  });
-  const handlePaginationChange = react.useMemo(() => {
-    if (!paginated) {
-      return;
-    }
-    return (pageNumber, pageSize) => {
-      setPaginationParams({
-        page: pageNumber,
-        size: pageSize
-      });
-    };
-  }, [paginated, setPaginationParams]);
-  const paginationProps = react.useMemo(() => {
-    if (!paginated) {
-      return;
-    }
-    return {
-      pageNumber: paginationParams.page,
-      pageSize: paginationParams.size,
-      size: size === "small" ? "small" : "medium",
-      onChange: handlePaginationChange
-    };
-  }, [
-    handlePaginationChange,
-    paginated,
-    paginationParams.page,
-    paginationParams.size,
-    size
-  ]);
-  return {
-    paginationProps,
-    paginationParams
-  };
-}
-
-exports.usePaginationProps = usePaginationProps;
+"use strict";var i=require("react"),p=require("../../vef-pagination/props.cjs");function o(a,s){const[e,r]=i.useState({page:1,size:p.defaultPageSizeOptions[2]}),n=i.useMemo(()=>{if(a)return(t,u)=>{r({page:t,size:u})}},[a,r]);return{paginationProps:i.useMemo(()=>{if(a)return{pageNumber:e.page,pageSize:e.size,size:s==="small"?"small":"medium",onChange:n}},[n,a,e.page,e.size,s]),paginationParams:e}}exports.usePaginationProps=o;

package/cjs/vef-table/hooks/use-row-props.cjs

@@ -1,42 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useRowProps({
-  enableRowClick = false,
-  enableRowClickForSelection = false,
-  onRowClick,
-  disabledSelection,
-  handleRowClickSelection
-}) {
-  return react.useMemo(() => {
-    if (!enableRowClick) {
-      return;
-    }
-    return (record, index) => {
-      const disabled = disabledSelection?.(record) ?? false;
-      return {
-        style: {
-          cursor: disabled ? "not-allowed" : "pointer"
-          // backgroundColor: index! % 2 === 0 ? "#fcfcfc" : undefined,
-        },
-        onClick: disabled ? void 0 : () => {
-          if (!enableRowClickForSelection) {
-            onRowClick?.(record, index ?? -1);
-          }
-          handleRowClickSelection?.(record);
-        }
-      };
-    };
-  }, [
-    disabledSelection,
-    enableRowClick,
-    enableRowClickForSelection,
-    handleRowClickSelection,
-    onRowClick
-  ]);
-}
-
-exports.useRowProps = useRowProps;
+"use strict";var s=require("react");function u({enableRowClick:o=!1,enableRowClickForSelection:r=!1,onRowClick:i,disabledSelection:l,handleRowClickSelection:n}){return s.useMemo(()=>{if(o)return(e,c)=>{const t=l?.(e)??!1;return{style:{cursor:t?"not-allowed":"pointer"},onClick:t?void 0:()=>{r||i?.(e,c??-1),n?.(e)}}}},[l,o,r,n,i])}exports.useRowProps=u;

package/cjs/vef-table/hooks/use-row-selection-config.cjs

@@ -1,115 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var useSelectedRows = require('./use-selected-rows.cjs');
-
-"use strict";
-function useRowSelectionConfig({
-  rowKey,
-  selectedKeys,
-  defaultSelectedKeys,
-  selectable,
-  enableRowClick,
-  enableRowClickForSelection,
-  multipleSelection = true,
-  showSelectAllCheckbox = true,
-  disabledSelection,
-  onRowSelect,
-  onRowDeselect,
-  onRowSelectionChange
-}) {
-  const {
-    selectedKeys: selectedKeysToUse,
-    selectedRecords,
-    onChange
-  } = useSelectedRows.useSelectedRows({
-    selectedKeys,
-    defaultSelectedKeys,
-    onRowSelectionChange
-  });
-  const handleRowClickSelection = react.useMemo(() => {
-    if (!enableRowClick || !enableRowClickForSelection) {
-      return;
-    }
-    return (record) => {
-      const key = shared.isFunction(rowKey) ? rowKey(record) : record[rowKey];
-      if (selectedKeysToUse.includes(key)) {
-        if (!multipleSelection) {
-          return;
-        }
-        const newValue = selectedKeysToUse.filter((it) => it !== key);
-        const newSelectedRows = selectedRecords.current.filter((it) => (shared.isFunction(rowKey) ? rowKey(it) : it[rowKey]) !== key);
-        onChange(newValue, newSelectedRows);
-        onRowDeselect?.(key, record);
-      } else {
-        const newValue = [key];
-        if (multipleSelection) {
-          newValue.push(...selectedKeysToUse);
-        }
-        const newSelectedRows = [record];
-        if (multipleSelection) {
-          newSelectedRows.push(...selectedRecords.current);
-        }
-        onChange(newValue, newSelectedRows);
-        onRowSelect?.(key, record);
-      }
-    };
-  }, [
-    enableRowClick,
-    enableRowClickForSelection,
-    multipleSelection,
-    onChange,
-    onRowDeselect,
-    onRowSelect,
-    rowKey,
-    selectedKeysToUse,
-    selectedRecords
-  ]);
-  const rowSelectionConfig = react.useMemo(() => {
-    if (!selectable) {
-      return;
-    }
-    const config = {
-      fixed: true,
-      hideSelectAll: !showSelectAllCheckbox,
-      preserveSelectedRowKeys: false,
-      selectedRowKeys: selectedKeysToUse,
-      type: multipleSelection ? "checkbox" : "radio",
-      getCheckboxProps: shared.isFunction(disabledSelection) ? (record) => ({
-        disabled: disabledSelection(record)
-      }) : void 0,
-      onChange: (selectedRowKeys, selectedRows) => {
-        onChange(selectedRowKeys, selectedRows);
-      },
-      onSelect: shared.isFunction(onRowSelect) || shared.isFunction(onRowDeselect) ? (record, selected) => {
-        const key = shared.isFunction(rowKey) ? rowKey(record) : record[rowKey];
-        if (selected) {
-          onRowSelect?.(key, record);
-        } else {
-          onRowDeselect?.(key, record);
-        }
-      } : void 0
-    };
-    return config;
-  }, [
-    selectable,
-    showSelectAllCheckbox,
-    selectedKeysToUse,
-    multipleSelection,
-    disabledSelection,
-    onRowSelect,
-    onRowDeselect,
-    onChange,
-    rowKey
-  ]);
-  return {
-    rowSelectionConfig,
-    handleRowClickSelection,
-    selectedKeys: selectedKeysToUse,
-    selectedRecords
-  };
-}
-
-exports.useRowSelectionConfig = useRowSelectionConfig;
+"use strict";var l=require("@vef-framework/shared"),K=require("react"),v=require("./use-selected-rows.cjs");function F({rowKey:o,selectedKeys:f,defaultSelectedKeys:b,selectable:R,enableRowClick:h,enableRowClickForSelection:C,multipleSelection:t=!0,showSelectAllCheckbox:y=!0,disabledSelection:w,onRowSelect:i,onRowDeselect:r,onRowSelectionChange:g}){const{selectedKeys:n,selectedRecords:d,onChange:u}=v.useSelectedRows({selectedKeys:f,defaultSelectedKeys:b,onRowSelectionChange:g}),p=K.useMemo(()=>{if(!(!h||!C))return e=>{const s=l.isFunction(o)?o(e):e[o];if(n.includes(s)){if(!t)return;const c=n.filter(a=>a!==s),S=d.current.filter(a=>(l.isFunction(o)?o(a):a[o])!==s);u(c,S),r?.(s,e)}else{const c=[s];t&&c.push(...n);const S=[e];t&&S.push(...d.current),u(c,S),i?.(s,e)}}},[h,C,t,u,r,i,o,n,d]);return{rowSelectionConfig:K.useMemo(()=>R?{fixed:!0,hideSelectAll:!y,preserveSelectedRowKeys:!1,selectedRowKeys:n,type:t?"checkbox":"radio",getCheckboxProps:l.isFunction(w)?e=>({disabled:w(e)}):void 0,onChange:(e,s)=>{u(e,s)},onSelect:l.isFunction(i)||l.isFunction(r)?(e,s)=>{const c=l.isFunction(o)?o(e):e[o];s?i?.(c,e):r?.(c,e)}:void 0}:void 0,[R,y,n,t,w,i,r,u,o]),handleRowClickSelection:p,selectedKeys:n,selectedRecords:d}}exports.useRowSelectionConfig=F;

package/cjs/vef-table/hooks/use-selected-rows.cjs

@@ -1,29 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useSelectedRows({
-  selectedKeys,
-  defaultSelectedKeys,
-  onRowSelectionChange
-}) {
-  const [internalSelectedKeys, setInternalSelectedKeys] = react.useState(defaultSelectedKeys ?? []);
-  const selectedKeysToUse = selectedKeys ?? internalSelectedKeys;
-  const selectedRecords = react.useRef([]);
-  const onChange = react.useCallback((keys, records) => {
-    if (!selectedKeys) {
-      setInternalSelectedKeys(keys);
-    }
-    selectedRecords.current = records;
-    onRowSelectionChange?.(keys, records);
-  }, [onRowSelectionChange, selectedKeys]);
-  return {
-    selectedKeys: selectedKeysToUse,
-    selectedRecords,
-    onChange
-  };
-}
-
-exports.useSelectedRows = useSelectedRows;
+"use strict";var s=require("react");function i({selectedKeys:e,defaultSelectedKeys:n,onRowSelectionChange:t}){const[r,a]=s.useState(n??[]),d=e??r,c=s.useRef([]),o=s.useCallback((u,l)=>{e||a(u),c.current=l,t?.(u,l)},[t,e]);return{selectedKeys:d,selectedRecords:c,onChange:o}}exports.useSelectedRows=i;

package/cjs/vef-table/hooks/use-table-columns.cjs

@@ -1,59 +1,2 @@
 "use strict";
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var index = require('../components/columns/index.cjs');
-
-"use strict";
-function useTableColumns(columns, rowNumberColumn, operationColumn) {
-  return react.useMemo(() => {
-    const columnsToUse = [];
-    const dataColumns = columns.map((column) => {
-      const {
-        title,
-        show,
-        sort,
-        fixed,
-        dependentColumnNames,
-        ...columnProps
-      } = column;
-      const sortToUse = shared.isNumber(sort) ? { multiple: sort } : sort ?? false ? true : void 0;
-      const ColumnComponent = index.columnComponents[column.type];
-      return {
-        key: columnProps.name,
-        dataIndex: columnProps.name,
-        title: title || columnProps.name,
-        fixed,
-        hidden: !(show ?? true),
-        sorter: sortToUse,
-        align: columnProps.align,
-        width: columnProps.width,
-        shouldCellUpdate: (record, prevRecord) => !shared.isDeepEqual(
-          dependentColumnNames.map((name) => record[name]),
-          dependentColumnNames.map((name) => prevRecord[name])
-        ),
-        render: (value, record, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(
-          ColumnComponent,
-          {
-            columnProps,
-            record,
-            rowIndex,
-            value
-          }
-        )
-      };
-    });
-    if (rowNumberColumn) {
-      columnsToUse.push(rowNumberColumn);
-    }
-    columnsToUse.push(...dataColumns);
-    if (operationColumn) {
-      columnsToUse.push(operationColumn);
-    }
-    return columnsToUse;
-  }, [columns, rowNumberColumn, operationColumn]);
-}
-
-exports.useTableColumns = useTableColumns;
+"use strict";var q=require("@emotion/react/jsx-runtime"),l=require("@vef-framework/shared"),f=require("react"),w=require("../components/columns/index.cjs");function b(o,s,t){return f.useMemo(()=>{const u=[],p=o.map(d=>{const{title:c,show:h,sort:n,fixed:x,dependentColumnNames:m,...e}=d,v=l.isNumber(n)?{multiple:n}:n??!1?!0:void 0,C=w.columnComponents[d.type];return{key:e.name,dataIndex:e.name,title:c||e.name,fixed:x,hidden:!(h??!0),sorter:v,align:e.align,width:e.width,shouldCellUpdate:(i,a)=>!l.isDeepEqual(m.map(r=>i[r]),m.map(r=>a[r])),render:(i,a,r)=>q.jsx(C,{columnProps:e,record:a,rowIndex:r,value:i})}});return s&&u.push(s),u.push(...p),t&&u.push(t),u},[o,s,t])}exports.useTableColumns=b;

package/cjs/vef-table/hooks/use-table-context.cjs

@@ -1,26 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-
-"use strict";
-const {
-  useContextSelector,
-  useContext,
-  ContextProvider: TableContextProvider
-} = shared.createSelectableContext({
-  isFetching: false,
-  refetch: () => Promise.resolve({}),
-  selectedKeys: [],
-  selectedRecords: [],
-  defaultColumnConfigMap: /* @__PURE__ */ new Map(),
-  columnConfigMap: /* @__PURE__ */ new Map(),
-  setColumnConfigMap: shared.noop,
-  columnConfigMapHasChanged: false
-});
-const useTableContextSelector = useContextSelector;
-const useTableContext = useContext;
-
-exports.TableContextProvider = TableContextProvider;
-exports.useTableContext = useTableContext;
-exports.useTableContextSelector = useTableContextSelector;
+"use strict";var e=require("@vef-framework/shared");const{useContextSelector:t,useContext:o,ContextProvider:n}=e.createSelectableContext({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:e.noop,columnConfigMapHasChanged:!1}),s=t,r=o;exports.TableContextProvider=n,exports.useTableContext=r,exports.useTableContextSelector=s;

package/cjs/vef-table/hooks/use-table-instance.cjs

@@ -1,18 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useTableInstance(ref, data, refetch) {
-  const tableRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    getData: () => data,
-    refetch: async () => {
-      await refetch();
-    }
-  }));
-  return tableRef;
-}
-
-exports.useTableInstance = useTableInstance;
+"use strict";var e=require("react");function r(t,a,s){const n=e.useRef(null);return e.useImperativeHandle(t,()=>({getData:()=>a,refetch:async()=>{await s()}})),n}exports.useTableInstance=r;

package/cjs/vef-table/hooks/use-table-summary.cjs

@@ -1,45 +1,2 @@
 "use strict";
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react = require('react');
-
-"use strict";
-const { Summary } = antd.Table;
-const { Row, Cell } = Summary;
-function useTableSummary(columns) {
-  const summaryColumns = react.useMemo(() => columns.filter((column) => shared.isFunction(column.summary)).map((column) => {
-    const {
-      name,
-      summary,
-      summaryColSpan
-    } = column;
-    return {
-      name,
-      summary,
-      summaryColSpan: summaryColSpan ?? 1
-    };
-  }), [columns]);
-  return react.useMemo(() => {
-    if (summaryColumns.length === 0) {
-      return;
-    }
-    return (records) => /* @__PURE__ */ jsxRuntime.jsx(Summary, { fixed: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(Row, { children: summaryColumns.map(({
-      name,
-      summary,
-      summaryColSpan
-    }, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      Cell,
-      {
-        colSpan: summaryColSpan,
-        index,
-        children: summary(records)
-      },
-      name
-    )) }) });
-  }, [summaryColumns]);
-}
-
-exports.useTableSummary = useTableSummary;
+"use strict";var s=require("@emotion/react/jsx-runtime"),l=require("@vef-framework/shared"),c=require("antd"),t=require("react");const{Summary:i}=c.Table,{Row:y,Cell:d}=i;function S(n){const e=t.useMemo(()=>n.filter(r=>l.isFunction(r.summary)).map(r=>{const{name:a,summary:m,summaryColSpan:u}=r;return{name:a,summary:m,summaryColSpan:u??1}}),[n]);return t.useMemo(()=>{if(e.length!==0)return r=>s.jsx(i,{fixed:"bottom",children:s.jsx(y,{children:e.map(({name:a,summary:m,summaryColSpan:u},o)=>s.jsx(d,{colSpan:u,index:o,children:m(r)},a))})})},[e])}exports.useTableSummary=S;

package/cjs/vef-table/hooks/use-table-width.cjs

@@ -1,16 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-const defaultColumnWidth = 160;
-const selectionColumnWidth = 40;
-function useTableWidth(columns, selectable) {
-  return react.useMemo(() => {
-    const width = columns.filter((column) => column.hidden !== true).map((column) => column.width ?? column.minWidth ?? defaultColumnWidth).reduce((acc, w) => acc + w, 0);
-    return selectable ? width + selectionColumnWidth : width;
-  }, [columns, selectable]);
-}
-
-exports.useTableWidth = useTableWidth;
+"use strict";var s=require("react");const d=160,n=40;function c(t,r){return s.useMemo(()=>{const i=t.filter(e=>e.hidden!==!0).map(e=>e.width??e.minWidth??d).reduce((e,u)=>e+u,0);return r?i+n:i},[t,r])}exports.useTableWidth=c;