@vuu-ui/vuu-datatable 0.6.13-debug → 0.8.14-debug
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.
- package/cjs/index.js +47 -23358
- package/cjs/index.js.map +7 -0
- package/esm/index.js +63 -0
- package/esm/index.js.map +7 -0
- package/index.css +3 -634
- package/index.css.map +3 -3
- package/package.json +14 -8
- package/types/filter-table/FilterTable.d.ts +10 -0
- package/types/filter-table/index.d.ts +1 -0
- package/types/index.d.ts +2 -3
- package/types/json-table/JsonTable.d.ts +9 -0
- package/types/json-table/index.d.ts +1 -0
- package/LICENSE +0 -201
- package/types/ColumnBasedTable.d.ts +0 -3
- package/types/ColumnResizer.d.ts +0 -8
- package/types/DataTable.d.ts +0 -4
- package/types/DragVisualizer.d.ts +0 -8
- package/types/KeySet.d.ts +0 -12
- package/types/RowBasedTable.d.ts +0 -3
- package/types/SortIndicator.d.ts +0 -7
- package/types/TableCell.d.ts +0 -9
- package/types/TableGroupCell.d.ts +0 -7
- package/types/TableGroupHeaderCell.d.ts +0 -13
- package/types/TableHeaderCell.d.ts +0 -11
- package/types/TableRow.d.ts +0 -14
- package/types/context-menu/buildContextMenuDescriptors.d.ts +0 -4
- package/types/context-menu/index.d.ts +0 -2
- package/types/context-menu/useContextMenu.d.ts +0 -16
- package/types/dataTableTypes.d.ts +0 -67
- package/types/filter-indicator.d.ts +0 -13
- package/types/keyUtils.d.ts +0 -19
- package/types/useDataSource.d.ts +0 -40
- package/types/useDataTable.d.ts +0 -63
- package/types/useDraggableColumn.d.ts +0 -12
- package/types/useKeyboardNavigation.d.ts +0 -22
- package/types/useMeasuredContainer.d.ts +0 -25
- package/types/useMeasuredSize.d.ts +0 -26
- package/types/useResizeObserver.d.ts +0 -15
- package/types/useSelection.d.ts +0 -7
- package/types/useTableColumnResize.d.ts +0 -17
- package/types/useTableModel.d.ts +0 -66
- package/types/useTableScroll.d.ts +0 -31
- package/types/useTableViewport.d.ts +0 -39
package/cjs/index.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../packages/vuu-datatable/src/index.ts", "../../../packages/vuu-datatable/src/filter-table/FilterTable.tsx", "../../../packages/vuu-datatable/src/json-table/JsonTable.tsx"],
|
|
4
|
+
"sourcesContent": ["export * from \"./filter-table\";\nexport * from \"./json-table\";\n", "import { FilterBar, FilterBarProps } from \"@vuu-ui/vuu-filters\";\nimport { Table, TableProps } from \"@vuu-ui/vuu-table\";\nimport { HTMLAttributes } from \"react\";\nimport cx from \"classnames\";\n\nimport \"./FilterTable.css\";\n\nconst classBase = \"vuuFilterTable\";\n\nexport interface FilterTableProps extends HTMLAttributes<HTMLDivElement> {\n FilterBarProps: FilterBarProps;\n TableProps: TableProps;\n}\n\nimport \"./FilterTable.css\";\n\nexport const FilterTable = ({\n TableProps,\n FilterBarProps,\n ...htmlAttributes\n}: FilterTableProps) => {\n return (\n <div {...htmlAttributes} className={cx(classBase)}>\n <FilterBar {...FilterBarProps} />\n <Table {...TableProps} />\n </div>\n );\n};\n", "import { TableProps } from \"@vuu-ui/vuu-table\";\nimport { JsonData } from \"@vuu-ui/vuu-utils\";\nimport { Table } from \"@vuu-ui/vuu-table\";\nimport { JsonDataSource } from \"@vuu-ui/vuu-data\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { TableConfig } from \"@vuu-ui/vuu-table-types\";\n\nexport interface JsonTableProps\n extends Omit<TableProps, \"config\" | \"dataSource\"> {\n config?: Pick<\n TableConfig,\n \"columnSeparators\" | \"rowSeparators\" | \"zebraStripes\"\n >;\n source: JsonData | undefined;\n}\n\nexport const JsonTable = ({\n config,\n source: sourceProp = { \"\": \"\" },\n ...tableProps\n}: JsonTableProps) => {\n const sourceRef = useRef(sourceProp);\n const dataSourceRef = useRef<JsonDataSource>();\n useMemo(() => {\n dataSourceRef.current = new JsonDataSource({\n data: sourceRef.current,\n });\n }, []);\n\n const tableConfig = useMemo<TableConfig>(() => {\n return {\n ...config,\n columns: dataSourceRef.current?.columnDescriptors ?? [],\n };\n }, [config]);\n\n useEffect(() => {\n if (dataSourceRef.current) {\n dataSourceRef.current.data = sourceProp;\n }\n }, [sourceProp]);\n\n if (dataSourceRef.current === undefined) {\n return null;\n }\n\n return (\n <Table\n {...tableProps}\n config={tableConfig}\n dataSource={dataSourceRef.current}\n />\n );\n};\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBAA0C;AAC1C,uBAAkC;AAElC,wBAAe;AAmBX;AAfJ,IAAM,YAAY;AASX,IAAM,cAAc,CAAC;AAAA,EAC1B,YAAAA;AAAA,EACA,gBAAAC;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,SACE,6CAAC,SAAK,GAAG,gBAAgB,eAAW,kBAAAC,SAAG,SAAS,GAC9C;AAAA,gDAAC,gCAAW,GAAGD,iBAAgB;AAAA,IAC/B,4CAAC,0BAAO,GAAGD,aAAY;AAAA,KACzB;AAEJ;;;ACzBA,IAAAG,oBAAsB;AACtB,sBAA+B;AAC/B,mBAA2C;AA2CvC,IAAAC,sBAAA;AA/BG,IAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,QAAQ,aAAa,EAAE,IAAI,GAAG;AAAA,EAC9B,GAAG;AACL,MAAsB;AACpB,QAAM,gBAAY,qBAAO,UAAU;AACnC,QAAM,oBAAgB,qBAAuB;AAC7C,4BAAQ,MAAM;AACZ,kBAAc,UAAU,IAAI,+BAAe;AAAA,MACzC,MAAM,UAAU;AAAA,IAClB,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAc,sBAAqB,MAAM;AA7BjD;AA8BI,WAAO;AAAA,MACL,GAAG;AAAA,MACH,UAAS,yBAAc,YAAd,mBAAuB,sBAAvB,YAA4C,CAAC;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,8BAAU,MAAM;AACd,QAAI,cAAc,SAAS;AACzB,oBAAc,QAAQ,OAAO;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,MAAI,cAAc,YAAY,QAAW;AACvC,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR,YAAY,cAAc;AAAA;AAAA,EAC5B;AAEJ;",
|
|
6
|
+
"names": ["TableProps", "FilterBarProps", "cx", "import_vuu_table", "import_jsx_runtime"]
|
|
7
|
+
}
|
package/esm/index.js
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
// src/filter-table/FilterTable.tsx
|
|
2
|
+
import { FilterBar } from "@vuu-ui/vuu-filters";
|
|
3
|
+
import { Table } from "@vuu-ui/vuu-table";
|
|
4
|
+
import cx from "classnames";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
var classBase = "vuuFilterTable";
|
|
7
|
+
var FilterTable = ({
|
|
8
|
+
TableProps: TableProps2,
|
|
9
|
+
FilterBarProps: FilterBarProps2,
|
|
10
|
+
...htmlAttributes
|
|
11
|
+
}) => {
|
|
12
|
+
return /* @__PURE__ */ jsxs("div", { ...htmlAttributes, className: cx(classBase), children: [
|
|
13
|
+
/* @__PURE__ */ jsx(FilterBar, { ...FilterBarProps2 }),
|
|
14
|
+
/* @__PURE__ */ jsx(Table, { ...TableProps2 })
|
|
15
|
+
] });
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
// src/json-table/JsonTable.tsx
|
|
19
|
+
import { Table as Table2 } from "@vuu-ui/vuu-table";
|
|
20
|
+
import { JsonDataSource } from "@vuu-ui/vuu-data";
|
|
21
|
+
import { useEffect, useMemo, useRef } from "react";
|
|
22
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
23
|
+
var JsonTable = ({
|
|
24
|
+
config,
|
|
25
|
+
source: sourceProp = { "": "" },
|
|
26
|
+
...tableProps
|
|
27
|
+
}) => {
|
|
28
|
+
const sourceRef = useRef(sourceProp);
|
|
29
|
+
const dataSourceRef = useRef();
|
|
30
|
+
useMemo(() => {
|
|
31
|
+
dataSourceRef.current = new JsonDataSource({
|
|
32
|
+
data: sourceRef.current
|
|
33
|
+
});
|
|
34
|
+
}, []);
|
|
35
|
+
const tableConfig = useMemo(() => {
|
|
36
|
+
var _a, _b;
|
|
37
|
+
return {
|
|
38
|
+
...config,
|
|
39
|
+
columns: (_b = (_a = dataSourceRef.current) == null ? void 0 : _a.columnDescriptors) != null ? _b : []
|
|
40
|
+
};
|
|
41
|
+
}, [config]);
|
|
42
|
+
useEffect(() => {
|
|
43
|
+
if (dataSourceRef.current) {
|
|
44
|
+
dataSourceRef.current.data = sourceProp;
|
|
45
|
+
}
|
|
46
|
+
}, [sourceProp]);
|
|
47
|
+
if (dataSourceRef.current === void 0) {
|
|
48
|
+
return null;
|
|
49
|
+
}
|
|
50
|
+
return /* @__PURE__ */ jsx2(
|
|
51
|
+
Table2,
|
|
52
|
+
{
|
|
53
|
+
...tableProps,
|
|
54
|
+
config: tableConfig,
|
|
55
|
+
dataSource: dataSourceRef.current
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
};
|
|
59
|
+
export {
|
|
60
|
+
FilterTable,
|
|
61
|
+
JsonTable
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=index.js.map
|
package/esm/index.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../packages/vuu-datatable/src/filter-table/FilterTable.tsx", "../../../packages/vuu-datatable/src/json-table/JsonTable.tsx"],
|
|
4
|
+
"sourcesContent": ["import { FilterBar, FilterBarProps } from \"@vuu-ui/vuu-filters\";\nimport { Table, TableProps } from \"@vuu-ui/vuu-table\";\nimport { HTMLAttributes } from \"react\";\nimport cx from \"classnames\";\n\nimport \"./FilterTable.css\";\n\nconst classBase = \"vuuFilterTable\";\n\nexport interface FilterTableProps extends HTMLAttributes<HTMLDivElement> {\n FilterBarProps: FilterBarProps;\n TableProps: TableProps;\n}\n\nimport \"./FilterTable.css\";\n\nexport const FilterTable = ({\n TableProps,\n FilterBarProps,\n ...htmlAttributes\n}: FilterTableProps) => {\n return (\n <div {...htmlAttributes} className={cx(classBase)}>\n <FilterBar {...FilterBarProps} />\n <Table {...TableProps} />\n </div>\n );\n};\n", "import { TableProps } from \"@vuu-ui/vuu-table\";\nimport { JsonData } from \"@vuu-ui/vuu-utils\";\nimport { Table } from \"@vuu-ui/vuu-table\";\nimport { JsonDataSource } from \"@vuu-ui/vuu-data\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { TableConfig } from \"@vuu-ui/vuu-table-types\";\n\nexport interface JsonTableProps\n extends Omit<TableProps, \"config\" | \"dataSource\"> {\n config?: Pick<\n TableConfig,\n \"columnSeparators\" | \"rowSeparators\" | \"zebraStripes\"\n >;\n source: JsonData | undefined;\n}\n\nexport const JsonTable = ({\n config,\n source: sourceProp = { \"\": \"\" },\n ...tableProps\n}: JsonTableProps) => {\n const sourceRef = useRef(sourceProp);\n const dataSourceRef = useRef<JsonDataSource>();\n useMemo(() => {\n dataSourceRef.current = new JsonDataSource({\n data: sourceRef.current,\n });\n }, []);\n\n const tableConfig = useMemo<TableConfig>(() => {\n return {\n ...config,\n columns: dataSourceRef.current?.columnDescriptors ?? [],\n };\n }, [config]);\n\n useEffect(() => {\n if (dataSourceRef.current) {\n dataSourceRef.current.data = sourceProp;\n }\n }, [sourceProp]);\n\n if (dataSourceRef.current === undefined) {\n return null;\n }\n\n return (\n <Table\n {...tableProps}\n config={tableConfig}\n dataSource={dataSourceRef.current}\n />\n );\n};\n"],
|
|
5
|
+
"mappings": ";AAAA,SAAS,iBAAiC;AAC1C,SAAS,aAAyB;AAElC,OAAO,QAAQ;AAmBX,SACE,KADF;AAfJ,IAAM,YAAY;AASX,IAAM,cAAc,CAAC;AAAA,EAC1B,YAAAA;AAAA,EACA,gBAAAC;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,SACE,qBAAC,SAAK,GAAG,gBAAgB,WAAW,GAAG,SAAS,GAC9C;AAAA,wBAAC,aAAW,GAAGA,iBAAgB;AAAA,IAC/B,oBAAC,SAAO,GAAGD,aAAY;AAAA,KACzB;AAEJ;;;ACzBA,SAAS,SAAAE,cAAa;AACtB,SAAS,sBAAsB;AAC/B,SAAS,WAAW,SAAS,cAAc;AA2CvC,gBAAAC,YAAA;AA/BG,IAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,QAAQ,aAAa,EAAE,IAAI,GAAG;AAAA,EAC9B,GAAG;AACL,MAAsB;AACpB,QAAM,YAAY,OAAO,UAAU;AACnC,QAAM,gBAAgB,OAAuB;AAC7C,UAAQ,MAAM;AACZ,kBAAc,UAAU,IAAI,eAAe;AAAA,MACzC,MAAM,UAAU;AAAA,IAClB,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,QAAqB,MAAM;AA7BjD;AA8BI,WAAO;AAAA,MACL,GAAG;AAAA,MACH,UAAS,yBAAc,YAAd,mBAAuB,sBAAvB,YAA4C,CAAC;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;AACd,QAAI,cAAc,SAAS;AACzB,oBAAc,QAAQ,OAAO;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,MAAI,cAAc,YAAY,QAAW;AACvC,WAAO;AAAA,EACT;AAEA,SACE,gBAAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR,YAAY,cAAc;AAAA;AAAA,EAC5B;AAEJ;",
|
|
6
|
+
"names": ["TableProps", "FilterBarProps", "Table", "jsx"]
|
|
7
|
+
}
|