@xanui/ui 1.1.28 → 1.1.30

package/Datatable/index.js

@@ -47,7 +47,7 @@ const DataTable = React.forwardRef((props, ref) => {
             np.rowAction = undefined;
         }
         return np;
-    }, [p.skeleton]);
+    }, [p.skeleton, props.columns, props.rowAction, p.hideCheckbox, p.rows]);
     let { rows, tabs, pagination: { perpages = [30, 50, 100], total = 0 } = {}, defaultState = {}, onStateChange, fixedHeader, hidePagination, slotProps, 
     // skip props for ViewBox
     skeleton, rowAction, disableRow, renderRow, filters, hideCheckbox, hideSearch, columns, compact } = _props, viewBoxProps = tslib.__rest(_props, ["rows", "tabs", "pagination", "defaultState", "onStateChange", "fixedHeader", "hidePagination", "slotProps", "skeleton", "rowAction", "disableRow", "renderRow", "filters", "hideCheckbox", "hideSearch", "columns", "compact"]);

package/Datatable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Datatable/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useMemo, useState } from 'react'\nimport ViewBox from '../ViewBox'\nimport { Tag, useInterface } from '@xanui/core';\nimport SelectedBox from './SelectedBox'\nimport TableArea from './Table'\nimport FilterBox from './FilterBox'\nimport TablePagination, { TablePaginationState } from '../TablePagination'\nimport Stack from '../Stack'\nimport { DatatableProps, DatatableState } from './types';\nimport Skeleton from '../Skeleton';\n\n\nconst DataTable = React.forwardRef((props: DatatableProps, ref: React.Ref<HTMLDivElement>) => {\n    let [p] = useInterface<any>(\"Datatable\", props, {})\n\n    let _props = useMemo(() => {\n        let np = { ...p }\n\n        if (typeof np.skeleton === 'number' || np.skeleton === true) {\n            const limit = np.perpages && np.perpages.length > 0 ? np.perpages[0] : 10\n            let length = np.skeleton === true ? limit : np.skeleton\n\n            if (!np.hideCheckbox) {\n                np.columns = [{\n                    label: '', field: \"__checkbox\", width: 34\n                }, ...np.columns]\n            }\n\n            if (np.rowAction) {\n                np.columns = [...np.columns, { label: \"\", field: \"__actions\", width: 34 }]\n            }\n\n            let columns = np.columns || []\n\n            np.rows = []\n            for (let i = 0; i < length; i++) {\n                let r: any = { id: i }\n                for (let col of columns) {\n                    r[col.field] = \"\"\n                }\n                np.rows.push(r)\n            }\n\n            np.renderRow = (r: any) => {\n                for (let col of columns) {\n                    r[col.field] = <Skeleton\n                        animation={\"wave\"}\n                        height={16}\n                        radius={.5}\n                        width={\"100%\"}\n                    />\n                }\n                return r\n            }\n            np.hideCheckbox = true\n            np.rowAction = undefined\n        }\n        return np\n    }, [p.skeleton])\n\n    let {\n        rows,\n        tabs,\n\n        pagination: { perpages = [30, 50, 100], total = 0 } = {},\n        defaultState = {},\n        onStateChange,\n\n        fixedHeader,\n        hidePagination,\n        slotProps,\n\n\n        // skip props for ViewBox\n        skeleton,\n        rowAction,\n        disableRow,\n        renderRow,\n        filters,\n        hideCheckbox,\n        hideSearch,\n        columns,\n        compact,\n\n        ...viewBoxProps\n    } = _props\n\n    const [state, setState] = useState<DatatableState>({\n        selected: defaultState?.selected || [],\n        selectAll: defaultState?.selectAll || false,\n        pagination: {\n            page: defaultState?.page || 1,\n            perpage: perpages && perpages.length > 0 ? perpages[0] : 10,\n            from: defaultState?.from || 1,\n            to: defaultState?.to || (perpages && perpages.length > 0 ? perpages[0] : 10),\n        },\n        tab: tabs ? (defaultState?.tab || tabs[0].value || tabs[0].label.toLowerCase()) : \"\",\n        search: defaultState?.search || \"\",\n        sortable: defaultState?.sortable || {},\n        filters: defaultState?.filter || {}\n    })\n\n    const update = (s: Partial<DatatableState>) => setState(o => ({ ...o, ...s }))\n\n    useEffect(() => {\n        if (onStateChange) {\n            onStateChange(state)\n        }\n    }, [state])\n\n    return (\n        <ViewBox\n            height=\"100%\"\n            {...viewBoxProps}\n            baseClass='datatable'\n            ref={ref as any}\n            sx={{\n                ...viewBoxProps?.sx,\n                '& thead': fixedHeader ? {\n                    position: \"sticky\",\n                    top: 0,\n                    bgcolor: \"background.primary\",\n                    zIndex: 1\n                } : {},\n            }}\n            startContent={(\n                <Tag\n                    baseClass='datatable-header'\n                    sxr={{\n                        display: \"flex\",\n                        flexDirection: \"row\",\n                        justifyContent: \"space-between\"\n                    }}\n                >\n                    <SelectedBox {..._props} update={update} state={state} />\n                    <FilterBox {..._props} update={update} state={state} />\n                </Tag>\n            )}\n        >\n            <TableArea\n                {..._props}\n                update={update}\n                state={state}\n            />\n            <Stack\n                p={1}\n                alignItems=\"flex-end\"\n            >\n                {!hidePagination && <TablePagination\n                    disabled={_props.skeleton ? true : false}\n                    {...slotProps?.pagination}\n                    total={total || rows.length}\n                    page={state.pagination.page}\n                    perpage={state.pagination.perpage}\n                    perpages={perpages}\n                    slotProps={{\n                        select: {\n                            size: \"small\",\n                        }\n                    }}\n                    onChange={(state: TablePaginationState) => {\n                        update({ pagination: state })\n                    }}\n                />}\n            </Stack>\n        </ViewBox>\n    )\n})\n\nexport default DataTable"],"names":[],"mappings":";;;;;;;;;;;;;;;AAaA;AACI;AAEA;AACI;AAEA;;AAEI;AAEA;;;AAGK;;AAGL;;;AAIA;AAEA;AACA;AACI;AACA;AACI;;AAEJ;;AAGJ;AACI;;;AAQA;AACJ;AACA;AACA;;AAEJ;AACJ;AAEA;;;AA2BA;;;AAGI;;AAEI;;AAEA;AACH;AACD;;;;AAIH;AAED;;;;;AAMA;AAEA;AASgB;AACA;AACA;AACA;AACH;AAMO;AACA;AACA;;AAyBA;AACI;AACH;AACJ;AAEG;AACJ;AAKpB;;"}
+{"version":3,"file":"index.js","sources":["../../src/Datatable/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useMemo, useState } from 'react'\nimport ViewBox from '../ViewBox'\nimport { Tag, useInterface } from '@xanui/core';\nimport SelectedBox from './SelectedBox'\nimport TableArea from './Table'\nimport FilterBox from './FilterBox'\nimport TablePagination, { TablePaginationState } from '../TablePagination'\nimport Stack from '../Stack'\nimport { DatatableProps, DatatableState } from './types';\nimport Skeleton from '../Skeleton';\n\n\nconst DataTable = React.forwardRef((props: DatatableProps, ref: React.Ref<HTMLDivElement>) => {\n    let [p] = useInterface<any>(\"Datatable\", props, {})\n\n    let _props = useMemo(() => {\n        let np = { ...p }\n\n        if (typeof np.skeleton === 'number' || np.skeleton === true) {\n            const limit = np.perpages && np.perpages.length > 0 ? np.perpages[0] : 10\n            let length = np.skeleton === true ? limit : np.skeleton\n\n            if (!np.hideCheckbox) {\n                np.columns = [{\n                    label: '', field: \"__checkbox\", width: 34\n                }, ...np.columns]\n            }\n\n            if (np.rowAction) {\n                np.columns = [...np.columns, { label: \"\", field: \"__actions\", width: 34 }]\n            }\n\n            let columns = np.columns || []\n\n            np.rows = []\n            for (let i = 0; i < length; i++) {\n                let r: any = { id: i }\n                for (let col of columns) {\n                    r[col.field] = \"\"\n                }\n                np.rows.push(r)\n            }\n\n            np.renderRow = (r: any) => {\n                for (let col of columns) {\n                    r[col.field] = <Skeleton\n                        animation={\"wave\"}\n                        height={16}\n                        radius={.5}\n                        width={\"100%\"}\n                    />\n                }\n                return r\n            }\n            np.hideCheckbox = true\n            np.rowAction = undefined\n        }\n        return np\n    }, [p.skeleton, props.columns, props.rowAction, p.hideCheckbox, p.rows])\n\n    let {\n        rows,\n        tabs,\n\n        pagination: { perpages = [30, 50, 100], total = 0 } = {},\n        defaultState = {},\n        onStateChange,\n\n        fixedHeader,\n        hidePagination,\n        slotProps,\n\n\n        // skip props for ViewBox\n        skeleton,\n        rowAction,\n        disableRow,\n        renderRow,\n        filters,\n        hideCheckbox,\n        hideSearch,\n        columns,\n        compact,\n\n        ...viewBoxProps\n    } = _props\n\n    const [state, setState] = useState<DatatableState>({\n        selected: defaultState?.selected || [],\n        selectAll: defaultState?.selectAll || false,\n        pagination: {\n            page: defaultState?.page || 1,\n            perpage: perpages && perpages.length > 0 ? perpages[0] : 10,\n            from: defaultState?.from || 1,\n            to: defaultState?.to || (perpages && perpages.length > 0 ? perpages[0] : 10),\n        },\n        tab: tabs ? (defaultState?.tab || tabs[0].value || tabs[0].label.toLowerCase()) : \"\",\n        search: defaultState?.search || \"\",\n        sortable: defaultState?.sortable || {},\n        filters: defaultState?.filter || {}\n    })\n\n    const update = (s: Partial<DatatableState>) => setState(o => ({ ...o, ...s }))\n\n    useEffect(() => {\n        if (onStateChange) {\n            onStateChange(state)\n        }\n    }, [state])\n\n    return (\n        <ViewBox\n            height=\"100%\"\n            {...viewBoxProps}\n            baseClass='datatable'\n            ref={ref as any}\n            sx={{\n                ...viewBoxProps?.sx,\n                '& thead': fixedHeader ? {\n                    position: \"sticky\",\n                    top: 0,\n                    bgcolor: \"background.primary\",\n                    zIndex: 1\n                } : {},\n            }}\n            startContent={(\n                <Tag\n                    baseClass='datatable-header'\n                    sxr={{\n                        display: \"flex\",\n                        flexDirection: \"row\",\n                        justifyContent: \"space-between\"\n                    }}\n                >\n                    <SelectedBox {..._props} update={update} state={state} />\n                    <FilterBox {..._props} update={update} state={state} />\n                </Tag>\n            )}\n        >\n            <TableArea\n                {..._props}\n                update={update}\n                state={state}\n            />\n            <Stack\n                p={1}\n                alignItems=\"flex-end\"\n            >\n                {!hidePagination && <TablePagination\n                    disabled={_props.skeleton ? true : false}\n                    {...slotProps?.pagination}\n                    total={total || rows.length}\n                    page={state.pagination.page}\n                    perpage={state.pagination.perpage}\n                    perpages={perpages}\n                    slotProps={{\n                        select: {\n                            size: \"small\",\n                        }\n                    }}\n                    onChange={(state: TablePaginationState) => {\n                        update({ pagination: state })\n                    }}\n                />}\n            </Stack>\n        </ViewBox>\n    )\n})\n\nexport default DataTable"],"names":[],"mappings":";;;;;;;;;;;;;;;AAaA;AACI;AAEA;AACI;AAEA;;AAEI;AAEA;;;AAGK;;AAGL;;;AAIA;AAEA;AACA;AACI;AACA;AACI;;AAEJ;;AAGJ;AACI;;;AAQA;AACJ;AACA;AACA;;AAEJ;;AAGJ;;;AA2BA;;;AAGI;;AAEI;;AAEA;AACH;AACD;;;;AAIH;AAED;;;;;AAMA;AAEA;AASgB;AACA;AACA;AACA;AACH;AAMO;AACA;AACA;;AAyBA;AACI;AACH;AACJ;AAEG;AACJ;AAKpB;;"}

package/Datatable/index.mjs

@@ -45,7 +45,7 @@ const DataTable = React.forwardRef((props, ref) => {
             np.rowAction = undefined;
         }
         return np;
-    }, [p.skeleton]);
+    }, [p.skeleton, props.columns, props.rowAction, p.hideCheckbox, p.rows]);
     let { rows, tabs, pagination: { perpages = [30, 50, 100], total = 0 } = {}, defaultState = {}, onStateChange, fixedHeader, hidePagination, slotProps, 
     // skip props for ViewBox
     skeleton, rowAction, disableRow, renderRow, filters, hideCheckbox, hideSearch, columns, compact } = _props, viewBoxProps = __rest(_props, ["rows", "tabs", "pagination", "defaultState", "onStateChange", "fixedHeader", "hidePagination", "slotProps", "skeleton", "rowAction", "disableRow", "renderRow", "filters", "hideCheckbox", "hideSearch", "columns", "compact"]);

package/Datatable/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Datatable/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useMemo, useState } from 'react'\nimport ViewBox from '../ViewBox'\nimport { Tag, useInterface } from '@xanui/core';\nimport SelectedBox from './SelectedBox'\nimport TableArea from './Table'\nimport FilterBox from './FilterBox'\nimport TablePagination, { TablePaginationState } from '../TablePagination'\nimport Stack from '../Stack'\nimport { DatatableProps, DatatableState } from './types';\nimport Skeleton from '../Skeleton';\n\n\nconst DataTable = React.forwardRef((props: DatatableProps, ref: React.Ref<HTMLDivElement>) => {\n    let [p] = useInterface<any>(\"Datatable\", props, {})\n\n    let _props = useMemo(() => {\n        let np = { ...p }\n\n        if (typeof np.skeleton === 'number' || np.skeleton === true) {\n            const limit = np.perpages && np.perpages.length > 0 ? np.perpages[0] : 10\n            let length = np.skeleton === true ? limit : np.skeleton\n\n            if (!np.hideCheckbox) {\n                np.columns = [{\n                    label: '', field: \"__checkbox\", width: 34\n                }, ...np.columns]\n            }\n\n            if (np.rowAction) {\n                np.columns = [...np.columns, { label: \"\", field: \"__actions\", width: 34 }]\n            }\n\n            let columns = np.columns || []\n\n            np.rows = []\n            for (let i = 0; i < length; i++) {\n                let r: any = { id: i }\n                for (let col of columns) {\n                    r[col.field] = \"\"\n                }\n                np.rows.push(r)\n            }\n\n            np.renderRow = (r: any) => {\n                for (let col of columns) {\n                    r[col.field] = <Skeleton\n                        animation={\"wave\"}\n                        height={16}\n                        radius={.5}\n                        width={\"100%\"}\n                    />\n                }\n                return r\n            }\n            np.hideCheckbox = true\n            np.rowAction = undefined\n        }\n        return np\n    }, [p.skeleton])\n\n    let {\n        rows,\n        tabs,\n\n        pagination: { perpages = [30, 50, 100], total = 0 } = {},\n        defaultState = {},\n        onStateChange,\n\n        fixedHeader,\n        hidePagination,\n        slotProps,\n\n\n        // skip props for ViewBox\n        skeleton,\n        rowAction,\n        disableRow,\n        renderRow,\n        filters,\n        hideCheckbox,\n        hideSearch,\n        columns,\n        compact,\n\n        ...viewBoxProps\n    } = _props\n\n    const [state, setState] = useState<DatatableState>({\n        selected: defaultState?.selected || [],\n        selectAll: defaultState?.selectAll || false,\n        pagination: {\n            page: defaultState?.page || 1,\n            perpage: perpages && perpages.length > 0 ? perpages[0] : 10,\n            from: defaultState?.from || 1,\n            to: defaultState?.to || (perpages && perpages.length > 0 ? perpages[0] : 10),\n        },\n        tab: tabs ? (defaultState?.tab || tabs[0].value || tabs[0].label.toLowerCase()) : \"\",\n        search: defaultState?.search || \"\",\n        sortable: defaultState?.sortable || {},\n        filters: defaultState?.filter || {}\n    })\n\n    const update = (s: Partial<DatatableState>) => setState(o => ({ ...o, ...s }))\n\n    useEffect(() => {\n        if (onStateChange) {\n            onStateChange(state)\n        }\n    }, [state])\n\n    return (\n        <ViewBox\n            height=\"100%\"\n            {...viewBoxProps}\n            baseClass='datatable'\n            ref={ref as any}\n            sx={{\n                ...viewBoxProps?.sx,\n                '& thead': fixedHeader ? {\n                    position: \"sticky\",\n                    top: 0,\n                    bgcolor: \"background.primary\",\n                    zIndex: 1\n                } : {},\n            }}\n            startContent={(\n                <Tag\n                    baseClass='datatable-header'\n                    sxr={{\n                        display: \"flex\",\n                        flexDirection: \"row\",\n                        justifyContent: \"space-between\"\n                    }}\n                >\n                    <SelectedBox {..._props} update={update} state={state} />\n                    <FilterBox {..._props} update={update} state={state} />\n                </Tag>\n            )}\n        >\n            <TableArea\n                {..._props}\n                update={update}\n                state={state}\n            />\n            <Stack\n                p={1}\n                alignItems=\"flex-end\"\n            >\n                {!hidePagination && <TablePagination\n                    disabled={_props.skeleton ? true : false}\n                    {...slotProps?.pagination}\n                    total={total || rows.length}\n                    page={state.pagination.page}\n                    perpage={state.pagination.perpage}\n                    perpages={perpages}\n                    slotProps={{\n                        select: {\n                            size: \"small\",\n                        }\n                    }}\n                    onChange={(state: TablePaginationState) => {\n                        update({ pagination: state })\n                    }}\n                />}\n            </Stack>\n        </ViewBox>\n    )\n})\n\nexport default DataTable"],"names":[],"mappings":";;;;;;;;;;;;;AAaA;AACI;AAEA;AACI;AAEA;;AAEI;AAEA;;;AAGK;;AAGL;;;AAIA;AAEA;AACA;AACI;AACA;AACI;;AAEJ;;AAGJ;AACI;;;AAQA;AACJ;AACA;AACA;;AAEJ;AACJ;AAEA;;;AA2BA;;;AAGI;;AAEI;;AAEA;AACH;AACD;;;;AAIH;AAED;;;;;AAMA;AAEA;AASgB;AACA;AACA;AACA;AACH;AAMO;AACA;AACA;;AAyBA;AACI;AACH;AACJ;AAEG;AACJ;AAKpB;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/Datatable/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useMemo, useState } from 'react'\nimport ViewBox from '../ViewBox'\nimport { Tag, useInterface } from '@xanui/core';\nimport SelectedBox from './SelectedBox'\nimport TableArea from './Table'\nimport FilterBox from './FilterBox'\nimport TablePagination, { TablePaginationState } from '../TablePagination'\nimport Stack from '../Stack'\nimport { DatatableProps, DatatableState } from './types';\nimport Skeleton from '../Skeleton';\n\n\nconst DataTable = React.forwardRef((props: DatatableProps, ref: React.Ref<HTMLDivElement>) => {\n    let [p] = useInterface<any>(\"Datatable\", props, {})\n\n    let _props = useMemo(() => {\n        let np = { ...p }\n\n        if (typeof np.skeleton === 'number' || np.skeleton === true) {\n            const limit = np.perpages && np.perpages.length > 0 ? np.perpages[0] : 10\n            let length = np.skeleton === true ? limit : np.skeleton\n\n            if (!np.hideCheckbox) {\n                np.columns = [{\n                    label: '', field: \"__checkbox\", width: 34\n                }, ...np.columns]\n            }\n\n            if (np.rowAction) {\n                np.columns = [...np.columns, { label: \"\", field: \"__actions\", width: 34 }]\n            }\n\n            let columns = np.columns || []\n\n            np.rows = []\n            for (let i = 0; i < length; i++) {\n                let r: any = { id: i }\n                for (let col of columns) {\n                    r[col.field] = \"\"\n                }\n                np.rows.push(r)\n            }\n\n            np.renderRow = (r: any) => {\n                for (let col of columns) {\n                    r[col.field] = <Skeleton\n                        animation={\"wave\"}\n                        height={16}\n                        radius={.5}\n                        width={\"100%\"}\n                    />\n                }\n                return r\n            }\n            np.hideCheckbox = true\n            np.rowAction = undefined\n        }\n        return np\n    }, [p.skeleton, props.columns, props.rowAction, p.hideCheckbox, p.rows])\n\n    let {\n        rows,\n        tabs,\n\n        pagination: { perpages = [30, 50, 100], total = 0 } = {},\n        defaultState = {},\n        onStateChange,\n\n        fixedHeader,\n        hidePagination,\n        slotProps,\n\n\n        // skip props for ViewBox\n        skeleton,\n        rowAction,\n        disableRow,\n        renderRow,\n        filters,\n        hideCheckbox,\n        hideSearch,\n        columns,\n        compact,\n\n        ...viewBoxProps\n    } = _props\n\n    const [state, setState] = useState<DatatableState>({\n        selected: defaultState?.selected || [],\n        selectAll: defaultState?.selectAll || false,\n        pagination: {\n            page: defaultState?.page || 1,\n            perpage: perpages && perpages.length > 0 ? perpages[0] : 10,\n            from: defaultState?.from || 1,\n            to: defaultState?.to || (perpages && perpages.length > 0 ? perpages[0] : 10),\n        },\n        tab: tabs ? (defaultState?.tab || tabs[0].value || tabs[0].label.toLowerCase()) : \"\",\n        search: defaultState?.search || \"\",\n        sortable: defaultState?.sortable || {},\n        filters: defaultState?.filter || {}\n    })\n\n    const update = (s: Partial<DatatableState>) => setState(o => ({ ...o, ...s }))\n\n    useEffect(() => {\n        if (onStateChange) {\n            onStateChange(state)\n        }\n    }, [state])\n\n    return (\n        <ViewBox\n            height=\"100%\"\n            {...viewBoxProps}\n            baseClass='datatable'\n            ref={ref as any}\n            sx={{\n                ...viewBoxProps?.sx,\n                '& thead': fixedHeader ? {\n                    position: \"sticky\",\n                    top: 0,\n                    bgcolor: \"background.primary\",\n                    zIndex: 1\n                } : {},\n            }}\n            startContent={(\n                <Tag\n                    baseClass='datatable-header'\n                    sxr={{\n                        display: \"flex\",\n                        flexDirection: \"row\",\n                        justifyContent: \"space-between\"\n                    }}\n                >\n                    <SelectedBox {..._props} update={update} state={state} />\n                    <FilterBox {..._props} update={update} state={state} />\n                </Tag>\n            )}\n        >\n            <TableArea\n                {..._props}\n                update={update}\n                state={state}\n            />\n            <Stack\n                p={1}\n                alignItems=\"flex-end\"\n            >\n                {!hidePagination && <TablePagination\n                    disabled={_props.skeleton ? true : false}\n                    {...slotProps?.pagination}\n                    total={total || rows.length}\n                    page={state.pagination.page}\n                    perpage={state.pagination.perpage}\n                    perpages={perpages}\n                    slotProps={{\n                        select: {\n                            size: \"small\",\n                        }\n                    }}\n                    onChange={(state: TablePaginationState) => {\n                        update({ pagination: state })\n                    }}\n                />}\n            </Stack>\n        </ViewBox>\n    )\n})\n\nexport default DataTable"],"names":[],"mappings":";;;;;;;;;;;;;AAaA;AACI;AAEA;AACI;AAEA;;AAEI;AAEA;;;AAGK;;AAGL;;;AAIA;AAEA;AACA;AACI;AACA;AACI;;AAEJ;;AAGJ;AACI;;;AAQA;AACJ;AACA;AACA;;AAEJ;;AAGJ;;;AA2BA;;;AAGI;;AAEI;;AAEA;AACH;AACD;;;;AAIH;AAED;;;;;AAMA;AAEA;AASgB;AACA;AACA;AACA;AACH;AAMO;AACA;AACA;;AAyBA;AACI;AACH;AACJ;AAEG;AACJ;AAKpB;;"}

package/Datatable/types.d.ts

@@ -24,7 +24,7 @@ type TabsProps = {
     label: string;
     value?: string;
 };
-type DatatableProps = Omit<ViewBoxProps, "children"> & {
+type DatatableProps = Omit<ViewBoxProps, "children" | "rows"> & {
     rows: DataTableDefaultRow[];
     columns: ColumnType[];
     tabs?: TabsProps[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xanui/ui",
-  "version": "1.1.28",
+  "version": "1.1.30",
   "description": "",
   "private": false,
   "main": "./index.js",