@bsol-oss/react-datatable5 9.0.1 → 9.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.ts +4 -3
  2. package/dist/index.js +23 -17
  3. package/dist/index.mjs +23 -17
  4. package/dist/types/components/DataTable/DataDisplay.d.ts +3 -1
  5. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -5,14 +5,14 @@ import React__default, { ReactNode, Dispatch, SetStateAction } from 'react';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
6
6
  import { ImageProps, TableHeaderProps as TableHeaderProps$1, TableRootProps, GridProps, CardBodyProps, FlexProps, TextProps, BoxProps } from '@chakra-ui/react';
7
7
  import { IconType } from 'react-icons';
8
+ import * as react_i18next from 'react-i18next';
9
+ import { UseTranslationResponse } from 'react-i18next';
8
10
  import { RankingInfo } from '@tanstack/match-sorter-utils';
9
11
  import { UseQueryResult } from '@tanstack/react-query';
10
12
  import { JSONSchema7 } from 'json-schema';
11
13
  import { ForeignKeyProps } from '@/components/Form/components/StringInputField';
12
14
  import * as react_hook_form from 'react-hook-form';
13
15
  import { FieldValues, UseFormReturn, SubmitHandler } from 'react-hook-form';
14
- import * as react_i18next from 'react-i18next';
15
- import { UseTranslationResponse } from 'react-i18next';
16
16
  import { RenderProps, Props } from '@bsol-oss/dayzed-react19';
17
17
 
18
18
  interface DensityToggleButtonProps {
@@ -88,8 +88,9 @@ declare const CardHeader: <TData>({ row, imageColumnId, titleColumnId, tagColumn
88
88
 
89
89
  interface DataDisplayProps {
90
90
  variant?: "horizontal" | "stats" | "";
91
+ translate?: UseTranslationResponse<any, any>;
91
92
  }
92
- declare const DataDisplay: ({ variant }: DataDisplayProps) => react_jsx_runtime.JSX.Element;
93
+ declare const DataDisplay: ({ variant, translate }: DataDisplayProps) => react_jsx_runtime.JSX.Element;
93
94
 
94
95
  type DensityState = "sm" | "md" | "lg";
95
96
  interface DensityTableState {
package/dist/index.js CHANGED
@@ -29,6 +29,7 @@ var hi = require('react-icons/hi');
29
29
  var axios = require('axios');
30
30
  var reactHookForm = require('react-hook-form');
31
31
  var dayjs = require('dayjs');
32
+ var ti = require('react-icons/ti');
32
33
  var reactI18next = require('react-i18next');
33
34
 
34
35
  function _interopNamespaceDefault(e) {
@@ -2570,8 +2571,8 @@ const PaginationPageText = React__namespace.forwardRef(function PaginationPageTe
2570
2571
  if (format === "short")
2571
2572
  return `${page} / ${totalPages}`;
2572
2573
  if (format === "compact")
2573
- return `${page} of ${totalPages}`;
2574
- return `${pageRange.start + 1} - ${Math.min(pageRange.end, count)} of ${count}`;
2574
+ return `${page} / ${totalPages}`;
2575
+ return `${pageRange.start + 1} - ${Math.min(pageRange.end, count)} / ${count}`;
2575
2576
  }, [format, page, totalPages, pageRange, count]);
2576
2577
  return (jsxRuntime.jsx(react.Text, { fontWeight: "medium", ref: ref, ...rest, children: content }));
2577
2578
  });
@@ -2629,8 +2630,14 @@ const formatValue = (value) => {
2629
2630
  }
2630
2631
  throw new Error(`value is unknown, ${typeof value}`);
2631
2632
  };
2632
- const DataDisplay = ({ variant = "" }) => {
2633
+ const DataDisplay = ({ variant = "", translate }) => {
2633
2634
  const { table } = useDataTableContext();
2635
+ const getLabel = ({ columnId }) => {
2636
+ if (translate !== undefined) {
2637
+ return translate.t(`${columnId}`);
2638
+ }
2639
+ return snakeToLabel(columnId);
2640
+ };
2634
2641
  if (variant == "horizontal") {
2635
2642
  return (jsxRuntime.jsx(react.Flex, { flexFlow: "column", gap: "1", children: table.getRowModel().rows.map((row) => {
2636
2643
  return (jsxRuntime.jsx(react.Card.Root, { children: jsxRuntime.jsx(react.Card.Body, { children: jsxRuntime.jsx(react.DataList.Root, { gap: 4, padding: 4, display: "grid", variant: "subtle", orientation: "horizontal", overflow: "auto", children: row.getVisibleCells().map((cell) => {
@@ -2640,7 +2647,7 @@ const DataDisplay = ({ variant = "" }) => {
2640
2647
  }
2641
2648
  const value = cell.getValue();
2642
2649
  if (typeof value === "object") {
2643
- return (jsxRuntime.jsxs(react.DataList.Item, { children: [jsxRuntime.jsx(react.DataList.ItemLabel, { children: snakeToLabel(cell.column.id) }), jsxRuntime.jsx(RecordDisplay, { boxProps: {
2650
+ return (jsxRuntime.jsxs(react.DataList.Item, { children: [jsxRuntime.jsx(react.DataList.ItemLabel, { children: getLabel({ columnId: cell.column.id }) }), jsxRuntime.jsx(RecordDisplay, { boxProps: {
2644
2651
  borderWidth: 1,
2645
2652
  borderRadius: 4,
2646
2653
  borderColor: "gray.400",
@@ -2648,7 +2655,7 @@ const DataDisplay = ({ variant = "" }) => {
2648
2655
  paddingY: 2,
2649
2656
  }, object: value })] }, cell.id));
2650
2657
  }
2651
- return (jsxRuntime.jsxs(react.DataList.Item, { children: [jsxRuntime.jsx(react.DataList.ItemLabel, { children: snakeToLabel(cell.column.id) }), jsxRuntime.jsx(react.DataList.ItemValue, { wordBreak: "break-word", textOverflow: "ellipsis", overflow: "hidden", children: `${formatValue(cell.getValue())}` })] }, cell.id));
2658
+ return (jsxRuntime.jsxs(react.DataList.Item, { children: [jsxRuntime.jsx(react.DataList.ItemLabel, { children: getLabel({ columnId: cell.column.id }) }), jsxRuntime.jsx(react.DataList.ItemValue, { wordBreak: "break-word", textOverflow: "ellipsis", overflow: "hidden", children: `${formatValue(cell.getValue())}` })] }, cell.id));
2652
2659
  }) }) }) }, `chakra-table-card-${row.id}`));
2653
2660
  }) }));
2654
2661
  }
@@ -2661,7 +2668,7 @@ const DataDisplay = ({ variant = "" }) => {
2661
2668
  }
2662
2669
  const value = cell.getValue();
2663
2670
  if (typeof value === "object") {
2664
- return (jsxRuntime.jsxs(react.DataList.Item, { display: "inline-flex", flexFlow: "column", justifyContent: "center", alignItems: "center", flex: "1 0 0%", children: [jsxRuntime.jsx(react.DataList.ItemLabel, { children: snakeToLabel(cell.column.id) }), jsxRuntime.jsx(RecordDisplay, { boxProps: {
2671
+ return (jsxRuntime.jsxs(react.DataList.Item, { display: "inline-flex", flexFlow: "column", justifyContent: "center", alignItems: "center", flex: "1 0 0%", children: [jsxRuntime.jsx(react.DataList.ItemLabel, { children: getLabel({ columnId: cell.column.id }) }), jsxRuntime.jsx(RecordDisplay, { boxProps: {
2665
2672
  borderWidth: 1,
2666
2673
  borderRadius: 4,
2667
2674
  borderColor: "gray.400",
@@ -2669,7 +2676,7 @@ const DataDisplay = ({ variant = "" }) => {
2669
2676
  paddingY: 2,
2670
2677
  }, object: value })] }));
2671
2678
  }
2672
- return (jsxRuntime.jsxs(react.DataList.Item, { display: "flex", justifyContent: "center", alignItems: "center", flex: "1 0 0%", children: [jsxRuntime.jsx(react.DataList.ItemLabel, { children: snakeToLabel(cell.column.id) }), jsxRuntime.jsx(react.DataList.ItemValue, { wordBreak: "break-word", textOverflow: "ellipsis", overflow: "hidden", children: `${formatValue(cell.getValue())}` })] }, cell.id));
2679
+ return (jsxRuntime.jsxs(react.DataList.Item, { display: "flex", justifyContent: "center", alignItems: "center", flex: "1 0 0%", children: [jsxRuntime.jsx(react.DataList.ItemLabel, { children: getLabel({ columnId: cell.column.id }) }), jsxRuntime.jsx(react.DataList.ItemValue, { wordBreak: "break-word", textOverflow: "ellipsis", overflow: "hidden", children: `${formatValue(cell.getValue())}` })] }, cell.id));
2673
2680
  }) }) }) }, `chakra-table-card-${row.id}`));
2674
2681
  }) }));
2675
2682
  }
@@ -2681,7 +2688,7 @@ const DataDisplay = ({ variant = "" }) => {
2681
2688
  }
2682
2689
  const value = cell.getValue();
2683
2690
  if (typeof value === "object") {
2684
- return (jsxRuntime.jsxs(react.DataList.Item, { children: [jsxRuntime.jsx(react.DataList.ItemLabel, { children: snakeToLabel(cell.column.id) }), jsxRuntime.jsx(RecordDisplay, { boxProps: {
2691
+ return (jsxRuntime.jsxs(react.DataList.Item, { children: [jsxRuntime.jsx(react.DataList.ItemLabel, { children: getLabel({ columnId: cell.column.id }) }), jsxRuntime.jsx(RecordDisplay, { boxProps: {
2685
2692
  borderWidth: 1,
2686
2693
  borderRadius: 4,
2687
2694
  borderColor: "gray.400",
@@ -2689,7 +2696,7 @@ const DataDisplay = ({ variant = "" }) => {
2689
2696
  paddingY: 2,
2690
2697
  }, object: value })] }, cell.id));
2691
2698
  }
2692
- return (jsxRuntime.jsxs(react.DataList.Item, { children: [jsxRuntime.jsx(react.DataList.ItemLabel, { children: snakeToLabel(cell.column.id) }), jsxRuntime.jsx(react.DataList.ItemValue, { wordBreak: "break-word", textOverflow: "ellipsis", overflow: "hidden", children: `${formatValue(cell.getValue())}` })] }, cell.id));
2699
+ return (jsxRuntime.jsxs(react.DataList.Item, { children: [jsxRuntime.jsx(react.DataList.ItemLabel, { children: getLabel({ columnId: cell.column.id }) }), jsxRuntime.jsx(react.DataList.ItemValue, { wordBreak: "break-word", textOverflow: "ellipsis", overflow: "hidden", children: `${formatValue(cell.getValue())}` })] }, cell.id));
2693
2700
  }) }) }) }, `chakra-table-card-${row.id}`));
2694
2701
  }) }));
2695
2702
  };
@@ -4329,23 +4336,22 @@ const FileDropzone = ({ children = undefined, gridProps = {}, onDrop = () => { }
4329
4336
  const FilePicker = ({ column }) => {
4330
4337
  const { setValue, formState: { errors }, watch, } = reactHookForm.useFormContext();
4331
4338
  const { schema, translate } = useSchemaContext();
4332
- displayText;
4333
4339
  const { required } = schema;
4334
4340
  const isRequired = required?.some((columnId) => columnId === column);
4335
4341
  if (schema.properties == undefined) {
4336
4342
  throw new Error("schema properties when using String Input Field");
4337
4343
  }
4338
- const { gridColumn, gridRow, title } = schema.properties[column];
4344
+ const { gridColumn, gridRow } = schema.properties[column];
4339
4345
  const currentFiles = (watch(column) ?? []);
4340
4346
  return (jsxRuntime.jsxs(Field, { label: `${translate.t(`${column}.fieldLabel`)}`, required: isRequired, gridColumn: gridColumn ?? "span 4", gridRow: gridRow ?? "span 1", display: "grid", gridTemplateRows: "auto 1fr auto", alignItems: "stretch", children: [jsxRuntime.jsx(FileDropzone, { onDrop: ({ files }) => {
4341
4347
  const newFiles = files.filter(({ name }) => !currentFiles.some((cur) => cur.name === name));
4342
4348
  setValue(column, [...currentFiles, ...newFiles]);
4343
- }, placeholder: translate.t(`${column}.fileDropzone`) }), jsxRuntime.jsx(react.Flex, { flexFlow: "wrap", alignItems: "start", gap: 1, children: currentFiles.map((file) => {
4344
- return (jsxRuntime.jsx(Tag, { cursor: "pointer", onClick: () => {
4345
- setValue(column, currentFiles.filter(({ name }) => {
4346
- return name !== file.name;
4347
- }));
4348
- }, children: file.name }));
4349
+ }, placeholder: translate.t(`${column}.fileDropzone`) }), jsxRuntime.jsx(react.Flex, { flexFlow: "column", gap: 1, children: currentFiles.map((file) => {
4350
+ return (jsxRuntime.jsx(react.Card.Root, { variant: "subtle", children: jsxRuntime.jsxs(react.Card.Body, { gap: "2", cursor: "pointer", onClick: () => {
4351
+ setValue(column, currentFiles.filter(({ name }) => {
4352
+ return name !== file.name;
4353
+ }));
4354
+ }, display: "flex", flexFlow: 'row', alignItems: 'center', padding: '2', children: [jsxRuntime.jsx(react.Box, { children: file.name }), jsxRuntime.jsx(ti.TiDeleteOutline, {})] }) }, file.name));
4349
4355
  }) }), errors[`${column}`] && (jsxRuntime.jsx(react.Text, { color: "red.400", children: translate.t(`${column}.fieldRequired`) }))] }));
4350
4356
  };
4351
4357
 
package/dist/index.mjs CHANGED
@@ -28,6 +28,7 @@ import { HiColorSwatch, HiOutlineInformationCircle } from 'react-icons/hi';
28
28
  import axios from 'axios';
29
29
  import { useFormContext, FormProvider, useForm as useForm$1 } from 'react-hook-form';
30
30
  import dayjs from 'dayjs';
31
+ import { TiDeleteOutline } from 'react-icons/ti';
31
32
  import { useTranslation } from 'react-i18next';
32
33
 
33
34
  const DataTableContext = createContext({
@@ -2550,8 +2551,8 @@ const PaginationPageText = React.forwardRef(function PaginationPageText(props, r
2550
2551
  if (format === "short")
2551
2552
  return `${page} / ${totalPages}`;
2552
2553
  if (format === "compact")
2553
- return `${page} of ${totalPages}`;
2554
- return `${pageRange.start + 1} - ${Math.min(pageRange.end, count)} of ${count}`;
2554
+ return `${page} / ${totalPages}`;
2555
+ return `${pageRange.start + 1} - ${Math.min(pageRange.end, count)} / ${count}`;
2555
2556
  }, [format, page, totalPages, pageRange, count]);
2556
2557
  return (jsx(Text, { fontWeight: "medium", ref: ref, ...rest, children: content }));
2557
2558
  });
@@ -2609,8 +2610,14 @@ const formatValue = (value) => {
2609
2610
  }
2610
2611
  throw new Error(`value is unknown, ${typeof value}`);
2611
2612
  };
2612
- const DataDisplay = ({ variant = "" }) => {
2613
+ const DataDisplay = ({ variant = "", translate }) => {
2613
2614
  const { table } = useDataTableContext();
2615
+ const getLabel = ({ columnId }) => {
2616
+ if (translate !== undefined) {
2617
+ return translate.t(`${columnId}`);
2618
+ }
2619
+ return snakeToLabel(columnId);
2620
+ };
2614
2621
  if (variant == "horizontal") {
2615
2622
  return (jsx(Flex, { flexFlow: "column", gap: "1", children: table.getRowModel().rows.map((row) => {
2616
2623
  return (jsx(Card.Root, { children: jsx(Card.Body, { children: jsx(DataList.Root, { gap: 4, padding: 4, display: "grid", variant: "subtle", orientation: "horizontal", overflow: "auto", children: row.getVisibleCells().map((cell) => {
@@ -2620,7 +2627,7 @@ const DataDisplay = ({ variant = "" }) => {
2620
2627
  }
2621
2628
  const value = cell.getValue();
2622
2629
  if (typeof value === "object") {
2623
- return (jsxs(DataList.Item, { children: [jsx(DataList.ItemLabel, { children: snakeToLabel(cell.column.id) }), jsx(RecordDisplay, { boxProps: {
2630
+ return (jsxs(DataList.Item, { children: [jsx(DataList.ItemLabel, { children: getLabel({ columnId: cell.column.id }) }), jsx(RecordDisplay, { boxProps: {
2624
2631
  borderWidth: 1,
2625
2632
  borderRadius: 4,
2626
2633
  borderColor: "gray.400",
@@ -2628,7 +2635,7 @@ const DataDisplay = ({ variant = "" }) => {
2628
2635
  paddingY: 2,
2629
2636
  }, object: value })] }, cell.id));
2630
2637
  }
2631
- return (jsxs(DataList.Item, { children: [jsx(DataList.ItemLabel, { children: snakeToLabel(cell.column.id) }), jsx(DataList.ItemValue, { wordBreak: "break-word", textOverflow: "ellipsis", overflow: "hidden", children: `${formatValue(cell.getValue())}` })] }, cell.id));
2638
+ return (jsxs(DataList.Item, { children: [jsx(DataList.ItemLabel, { children: getLabel({ columnId: cell.column.id }) }), jsx(DataList.ItemValue, { wordBreak: "break-word", textOverflow: "ellipsis", overflow: "hidden", children: `${formatValue(cell.getValue())}` })] }, cell.id));
2632
2639
  }) }) }) }, `chakra-table-card-${row.id}`));
2633
2640
  }) }));
2634
2641
  }
@@ -2641,7 +2648,7 @@ const DataDisplay = ({ variant = "" }) => {
2641
2648
  }
2642
2649
  const value = cell.getValue();
2643
2650
  if (typeof value === "object") {
2644
- return (jsxs(DataList.Item, { display: "inline-flex", flexFlow: "column", justifyContent: "center", alignItems: "center", flex: "1 0 0%", children: [jsx(DataList.ItemLabel, { children: snakeToLabel(cell.column.id) }), jsx(RecordDisplay, { boxProps: {
2651
+ return (jsxs(DataList.Item, { display: "inline-flex", flexFlow: "column", justifyContent: "center", alignItems: "center", flex: "1 0 0%", children: [jsx(DataList.ItemLabel, { children: getLabel({ columnId: cell.column.id }) }), jsx(RecordDisplay, { boxProps: {
2645
2652
  borderWidth: 1,
2646
2653
  borderRadius: 4,
2647
2654
  borderColor: "gray.400",
@@ -2649,7 +2656,7 @@ const DataDisplay = ({ variant = "" }) => {
2649
2656
  paddingY: 2,
2650
2657
  }, object: value })] }));
2651
2658
  }
2652
- return (jsxs(DataList.Item, { display: "flex", justifyContent: "center", alignItems: "center", flex: "1 0 0%", children: [jsx(DataList.ItemLabel, { children: snakeToLabel(cell.column.id) }), jsx(DataList.ItemValue, { wordBreak: "break-word", textOverflow: "ellipsis", overflow: "hidden", children: `${formatValue(cell.getValue())}` })] }, cell.id));
2659
+ return (jsxs(DataList.Item, { display: "flex", justifyContent: "center", alignItems: "center", flex: "1 0 0%", children: [jsx(DataList.ItemLabel, { children: getLabel({ columnId: cell.column.id }) }), jsx(DataList.ItemValue, { wordBreak: "break-word", textOverflow: "ellipsis", overflow: "hidden", children: `${formatValue(cell.getValue())}` })] }, cell.id));
2653
2660
  }) }) }) }, `chakra-table-card-${row.id}`));
2654
2661
  }) }));
2655
2662
  }
@@ -2661,7 +2668,7 @@ const DataDisplay = ({ variant = "" }) => {
2661
2668
  }
2662
2669
  const value = cell.getValue();
2663
2670
  if (typeof value === "object") {
2664
- return (jsxs(DataList.Item, { children: [jsx(DataList.ItemLabel, { children: snakeToLabel(cell.column.id) }), jsx(RecordDisplay, { boxProps: {
2671
+ return (jsxs(DataList.Item, { children: [jsx(DataList.ItemLabel, { children: getLabel({ columnId: cell.column.id }) }), jsx(RecordDisplay, { boxProps: {
2665
2672
  borderWidth: 1,
2666
2673
  borderRadius: 4,
2667
2674
  borderColor: "gray.400",
@@ -2669,7 +2676,7 @@ const DataDisplay = ({ variant = "" }) => {
2669
2676
  paddingY: 2,
2670
2677
  }, object: value })] }, cell.id));
2671
2678
  }
2672
- return (jsxs(DataList.Item, { children: [jsx(DataList.ItemLabel, { children: snakeToLabel(cell.column.id) }), jsx(DataList.ItemValue, { wordBreak: "break-word", textOverflow: "ellipsis", overflow: "hidden", children: `${formatValue(cell.getValue())}` })] }, cell.id));
2679
+ return (jsxs(DataList.Item, { children: [jsx(DataList.ItemLabel, { children: getLabel({ columnId: cell.column.id }) }), jsx(DataList.ItemValue, { wordBreak: "break-word", textOverflow: "ellipsis", overflow: "hidden", children: `${formatValue(cell.getValue())}` })] }, cell.id));
2673
2680
  }) }) }) }, `chakra-table-card-${row.id}`));
2674
2681
  }) }));
2675
2682
  };
@@ -4309,23 +4316,22 @@ const FileDropzone = ({ children = undefined, gridProps = {}, onDrop = () => { }
4309
4316
  const FilePicker = ({ column }) => {
4310
4317
  const { setValue, formState: { errors }, watch, } = useFormContext();
4311
4318
  const { schema, translate } = useSchemaContext();
4312
- displayText;
4313
4319
  const { required } = schema;
4314
4320
  const isRequired = required?.some((columnId) => columnId === column);
4315
4321
  if (schema.properties == undefined) {
4316
4322
  throw new Error("schema properties when using String Input Field");
4317
4323
  }
4318
- const { gridColumn, gridRow, title } = schema.properties[column];
4324
+ const { gridColumn, gridRow } = schema.properties[column];
4319
4325
  const currentFiles = (watch(column) ?? []);
4320
4326
  return (jsxs(Field, { label: `${translate.t(`${column}.fieldLabel`)}`, required: isRequired, gridColumn: gridColumn ?? "span 4", gridRow: gridRow ?? "span 1", display: "grid", gridTemplateRows: "auto 1fr auto", alignItems: "stretch", children: [jsx(FileDropzone, { onDrop: ({ files }) => {
4321
4327
  const newFiles = files.filter(({ name }) => !currentFiles.some((cur) => cur.name === name));
4322
4328
  setValue(column, [...currentFiles, ...newFiles]);
4323
- }, placeholder: translate.t(`${column}.fileDropzone`) }), jsx(Flex, { flexFlow: "wrap", alignItems: "start", gap: 1, children: currentFiles.map((file) => {
4324
- return (jsx(Tag, { cursor: "pointer", onClick: () => {
4325
- setValue(column, currentFiles.filter(({ name }) => {
4326
- return name !== file.name;
4327
- }));
4328
- }, children: file.name }));
4329
+ }, placeholder: translate.t(`${column}.fileDropzone`) }), jsx(Flex, { flexFlow: "column", gap: 1, children: currentFiles.map((file) => {
4330
+ return (jsx(Card.Root, { variant: "subtle", children: jsxs(Card.Body, { gap: "2", cursor: "pointer", onClick: () => {
4331
+ setValue(column, currentFiles.filter(({ name }) => {
4332
+ return name !== file.name;
4333
+ }));
4334
+ }, display: "flex", flexFlow: 'row', alignItems: 'center', padding: '2', children: [jsx(Box, { children: file.name }), jsx(TiDeleteOutline, {})] }) }, file.name));
4329
4335
  }) }), errors[`${column}`] && (jsx(Text, { color: "red.400", children: translate.t(`${column}.fieldRequired`) }))] }));
4330
4336
  };
4331
4337
 
package/dist/types/components/DataTable/DataDisplay.d.ts CHANGED
@@ -1,4 +1,6 @@
1
+ import { UseTranslationResponse } from "react-i18next";
1
2
  export interface DataDisplayProps {
2
3
  variant?: "horizontal" | "stats" | "";
4
+ translate?: UseTranslationResponse<any, any>;
3
5
  }
4
- export declare const DataDisplay: ({ variant }: DataDisplayProps) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const DataDisplay: ({ variant, translate }: DataDisplayProps) => import("react/jsx-runtime").JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bsol-oss/react-datatable5",
3
- "version": "9.0.1",
3
+ "version": "9.1.0",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",