@vef-framework/components 1.0.127 → 1.0.129

package/esm/vef-table/hooks/use-computed-columns.js

@@ -1,21 +1,2 @@
 "use strict";
-import { useMemo } from 'react';
-
-"use strict";
-function useComputedColumns(columns, columnConfigMap) {
-  return useMemo(() => columns.map(
-    (column) => {
-      const { name } = column;
-      const config = columnConfigMap.get(name);
-      return {
-        ...column,
-        show: config.show,
-        fixed: config.fixed
-      };
-    }
-  ).sort(
-    (one, another) => columnConfigMap.get(one.name).order - columnConfigMap.get(another.name).order
-  ), [columns, columnConfigMap]);
-}
-
-export { useComputedColumns };
+import{useMemo as n}from"react";function s(r,e){return n(()=>r.map(t=>{const{name:o}=t,m=e.get(o);return{...t,show:m.show,fixed:m.fixed}}).sort((t,o)=>e.get(t.name).order-e.get(o.name).order),[r,e])}export{s as useComputedColumns};

package/esm/vef-table/hooks/use-computed-values.js

@@ -1,39 +1,2 @@
 "use strict";
-import { useDeepMemo } from '@vef-framework/hooks';
-import { computeValue } from '../helper.js';
-
-"use strict";
-function useComputedValues(values, value, record, rowIndex, returnAsObject = false) {
-  const computedValues = useDeepMemo(
-    () => values.reduce((acc, it) => {
-      const {
-        key,
-        rawValue,
-        defaultValue
-      } = it;
-      const computedValue = computeValue(rawValue, value, record, rowIndex, defaultValue);
-      acc[key] = computedValue;
-      return acc;
-    }, {}),
-    [
-      record,
-      rowIndex,
-      value,
-      values
-    ]
-  );
-  if (returnAsObject) {
-    return values.reduce(
-      (acc, { key }) => {
-        acc[key] = computedValues[key];
-        return acc;
-      },
-      {}
-    );
-  }
-  return values.map(
-    ({ key }) => computedValues[key]
-  );
-}
-
-export { useComputedValues };
+import{useDeepMemo as n}from"@vef-framework/hooks";import{computeValue as f}from"../helper.js";function i(r,o,t,m,c=!1){const p=n(()=>r.reduce((e,u)=>{const{key:s,rawValue:a,defaultValue:d}=u,l=f(a,o,t,m,d);return e[s]=l,e},{}),[t,m,o,r]);return c?r.reduce((e,{key:u})=>(e[u]=p[u],e),{}):r.map(({key:e})=>p[e])}export{i as useComputedValues};

package/esm/vef-table/hooks/use-data.js

@@ -1,58 +1,2 @@
 "use strict";
-import { useDataQuery } from '@vef-framework/hooks';
-import { isShallowEqual, isNumber, isArray } from '@vef-framework/shared';
-import { useRef } from 'react';
-
-"use strict";
-function useData({ apiParams, ...queryConfig }, paginated, paginationParams) {
-  const lastApiParamsRef = useRef();
-  const {
-    data,
-    isLoading,
-    isFetching,
-    isSuccess,
-    refetch
-  } = useDataQuery({
-    apiParams: paginated ? {
-      ...paginationParams,
-      page: isShallowEqual(lastApiParamsRef.current, apiParams) ? paginationParams.page : 1,
-      ...apiParams
-    } : apiParams,
-    keepPreviousData: true,
-    staleTime: 0,
-    ...queryConfig
-  });
-  lastApiParamsRef.current = apiParams;
-  if (isSuccess) {
-    if (paginated) {
-      if (!Object.hasOwn(data, "total") || !Object.hasOwn(data, "items")) {
-        throw new Error(
-          "The paginated data of VefTable is invalid. The data must contain the `total` and `items` properties. Please check the data."
-        );
-      }
-      if (!isNumber(data.total)) {
-        throw new Error(
-          "The `total` property of the paginated data of VefTable is invalid. It must be a number."
-        );
-      }
-      if (!isArray(data.items)) {
-        throw new Error(
-          "The `items` property of the paginated data of VefTable is invalid. It must be an array."
-        );
-      }
-    } else {
-      if (!isArray(data)) {
-        throw new Error("The data of VefTable is invalid. It must be an array.");
-      }
-    }
-  }
-  return {
-    data: paginated ? data?.items : data,
-    isFetching,
-    isLoading,
-    total: paginated ? data?.total : void 0,
-    refetch
-  };
-}
-
-export { useData };
+import{useDataQuery as m}from"@vef-framework/hooks";import{isShallowEqual as d,isNumber as u,isArray as s}from"@vef-framework/shared";import{useRef as p}from"react";function c({apiParams:a,...o},t,i){const r=p(),{data:e,isLoading:n,isFetching:f,isSuccess:h,refetch:l}=m({apiParams:t?{...i,page:d(r.current,a)?i.page:1,...a}:a,keepPreviousData:!0,staleTime:0,...o});if(r.current=a,h){if(t){if(!Object.hasOwn(e,"total")||!Object.hasOwn(e,"items"))throw new Error("The paginated data of VefTable is invalid. The data must contain the `total` and `items` properties. Please check the data.");if(!u(e.total))throw new Error("The `total` property of the paginated data of VefTable is invalid. It must be a number.");if(!s(e.items))throw new Error("The `items` property of the paginated data of VefTable is invalid. It must be an array.")}else if(!s(e))throw new Error("The data of VefTable is invalid. It must be an array.")}return{data:t?e?.items:e,isFetching:f,isLoading:n,total:t?e?.total:void 0,refetch:l}}export{c as useData};

package/esm/vef-table/hooks/use-default-column-configs.js

@@ -1,28 +1,2 @@
 "use strict";
-import { useMemo } from 'react';
-
-"use strict";
-function useDefaultColumnConfigs(columns) {
-  return useMemo(() => {
-    const columnConfigs = /* @__PURE__ */ new Map();
-    let currentOrder = 1;
-    for (const column of columns) {
-      const {
-        name,
-        title,
-        fixed,
-        configurable
-      } = column;
-      columnConfigs.set(name, {
-        title: title ?? name,
-        show: true,
-        fixed,
-        order: currentOrder++,
-        configurable: configurable ?? true
-      });
-    }
-    return columnConfigs;
-  }, [columns]);
-}
-
-export { useDefaultColumnConfigs };
+import{useMemo as s}from"react";function l(e){return s(()=>{const t=new Map;let n=1;for(const r of e){const{name:o,title:f,fixed:u,configurable:i}=r;t.set(o,{title:f??o,show:!0,fixed:u,order:n++,configurable:i??!0})}return t},[e])}export{l as useDefaultColumnConfigs};

package/esm/vef-table/hooks/use-display-value.js

@@ -1,37 +1,2 @@
 "use strict";
-import { isNullish, isFunction, isExpression, compileDynamicFn } from '@vef-framework/shared';
-import { useMemo } from 'react';
-
-"use strict";
-function useDisplayValue(value, record, rowIndex, config) {
-  const {
-    defaultValue,
-    formatter,
-    prefix,
-    suffix
-  } = config;
-  const valueToUse = isNullish(value) ? defaultValue : value;
-  return useMemo(() => {
-    if (isFunction(formatter)) {
-      return formatter(value, record, rowIndex);
-    }
-    if (isExpression(formatter)) {
-      const fn = compileDynamicFn(formatter, "value", "record", "rowIndex", `return ${formatter.expression}`);
-      return fn(value, record, rowIndex);
-    }
-    if (isNullish(valueToUse)) {
-      return;
-    }
-    return `${prefix ?? ""}${valueToUse}${suffix ?? ""}`;
-  }, [
-    formatter,
-    valueToUse,
-    prefix,
-    suffix,
-    value,
-    record,
-    rowIndex
-  ]);
-}
-
-export { useDisplayValue };
+import{isNullish as t,isFunction as m,isExpression as p,compileDynamicFn as a}from"@vef-framework/shared";import{useMemo as c}from"react";function x(r,i,u,f){const{defaultValue:l,formatter:e,prefix:s,suffix:o}=f,n=t(r)?l:r;return c(()=>{if(m(e))return e(r,i,u);if(p(e))return a(e,"value","record","rowIndex",`return ${e.expression}`)(r,i,u);if(!t(n))return`${s??""}${n}${o??""}`},[e,n,s,o,r,i,u])}export{x as useDisplayValue};

package/esm/vef-table/hooks/use-helper-columns.js

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

package/esm/vef-table/hooks/use-operation-column-width.js

@@ -1,51 +1,2 @@
 "use strict";
-import { useThemeTokens } from '@vef-framework/hooks';
-import { max } from '@vef-framework/shared';
-import { useMemo } from 'react';
-
-"use strict";
-function useOperationColumnWidth(operationButtons, maxVisibleOperationButtons, size = "medium") {
-  const { Button: buttonThemeTokens } = useThemeTokens();
-  const cellInlinePadding = size === "large" ? 16 : 8;
-  const fontSize = buttonThemeTokens?.contentFontSizeSM ?? 16;
-  return 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 = 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;
-}
-
-export { useOperationColumnWidth };
+import{useThemeTokens as f}from"@vef-framework/hooks";import{max as a}from"@vef-framework/shared";import{useMemo as h}from"react";function p(e,u,i="medium"){const{Button:m}=f(),r=i==="large"?16:8,o=m?.contentFontSizeSM??16;return h(()=>{if(e.length===0)return 0;if(e.length>u){const t=new Set;for(let n=0;n<u;n++){const s=a(e,l=>t.has(l)?0:l.label.length);s&&t.add(s)}return c(Array.from(t),o,r,!0)}return c(e,o,r,!1)},[r,o,u,e])}function c(e,u,i,m){const r=u+4,o=4*2;return e.map(t=>{const n=t.label.length*r+o;return t.icon?n+r+8:n}).reduce((t,n)=>t+n,0)+(m?r+o:0)+i*2}export{p as useOperationColumnWidth};

package/esm/vef-table/hooks/use-pagination-props.js

@@ -1,45 +1,2 @@
 "use strict";
-import { useState, useMemo } from 'react';
-import { defaultPageSizeOptions } from '../../vef-pagination/props.js';
-
-"use strict";
-function usePaginationProps(paginated, size) {
-  const [paginationParams, setPaginationParams] = useState({
-    page: 1,
-    size: defaultPageSizeOptions[2]
-  });
-  const handlePaginationChange = useMemo(() => {
-    if (!paginated) {
-      return;
-    }
-    return (pageNumber, pageSize) => {
-      setPaginationParams({
-        page: pageNumber,
-        size: pageSize
-      });
-    };
-  }, [paginated, setPaginationParams]);
-  const paginationProps = 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
-  };
-}
-
-export { usePaginationProps };
+import{useState as p,useMemo as n}from"react";import{defaultPageSizeOptions as g}from"../../vef-pagination/props.js";function m(i,a){const[e,s]=p({page:1,size:g[2]}),t=n(()=>{if(i)return(r,o)=>{s({page:r,size:o})}},[i,s]);return{paginationProps:n(()=>{if(i)return{pageNumber:e.page,pageSize:e.size,size:a==="small"?"small":"medium",onChange:t}},[t,i,e.page,e.size,a]),paginationParams:e}}export{m as usePaginationProps};

package/esm/vef-table/hooks/use-row-props.js

@@ -1,40 +1,2 @@
 "use strict";
-import { useMemo } from 'react';
-
-"use strict";
-function useRowProps({
-  enableRowClick = false,
-  enableRowClickForSelection = false,
-  onRowClick,
-  disabledSelection,
-  handleRowClickSelection
-}) {
-  return 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
-  ]);
-}
-
-export { useRowProps };
+import{useMemo as s}from"react";function u({enableRowClick:e=!1,enableRowClickForSelection:i=!1,onRowClick:l,disabledSelection:n,handleRowClickSelection:r}){return s(()=>{if(e)return(o,c)=>{const t=n?.(o)??!1;return{style:{cursor:t?"not-allowed":"pointer"},onClick:t?void 0:()=>{i||l?.(o,c??-1),r?.(o)}}}},[n,e,i,r,l])}export{u as useRowProps};

package/esm/vef-table/hooks/use-row-selection-config.js

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

package/esm/vef-table/hooks/use-selected-rows.js

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

package/esm/vef-table/hooks/use-table-columns.js

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

package/esm/vef-table/hooks/use-table-context.js

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

package/esm/vef-table/hooks/use-table-instance.js

@@ -1,16 +1,2 @@
 "use strict";
-import { useRef, useImperativeHandle } from 'react';
-
-"use strict";
-function useTableInstance(ref, data, refetch) {
-  const tableRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    getData: () => data,
-    refetch: async () => {
-      await refetch();
-    }
-  }));
-  return tableRef;
-}
-
-export { useTableInstance };
+import{useRef as r,useImperativeHandle as s}from"react";function u(e,t,a){const n=r(null);return s(e,()=>({getData:()=>t,refetch:async()=>{await a()}})),n}export{u as useTableInstance};