@vuu-ui/vuu-datatable 0.8.33 → 0.8.34

package/cjs/filter-table/FilterTable.css

@@ -0,0 +1,5 @@
+.vuuFilterTable {
+    --vuuFilterBar-flex: 0 0 33px;
+    display: flex;
+    flex-direction: column;
+}

package/cjs/filter-table/FilterTable.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuFilters = require('@vuu-ui/vuu-filters');
+var vuuTable = require('@vuu-ui/vuu-table');
+var cx = require('clsx');
+
+const classBase = "vuuFilterTable";
+const FilterTable = ({
+  TableProps: TableProps2,
+  FilterBarProps: FilterBarProps2,
+  ...htmlAttributes
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlAttributes, className: cx(classBase), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(vuuFilters.FilterBar, { ...FilterBarProps2 }),
+    /* @__PURE__ */ jsxRuntime.jsx(vuuTable.Table, { ...TableProps2 })
+  ] });
+};
+
+exports.FilterTable = FilterTable;
+//# sourceMappingURL=FilterTable.js.map

package/cjs/filter-table/FilterTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTable.js","sources":["../../src/filter-table/FilterTable.tsx"],"sourcesContent":["import { FilterBar, FilterBarProps } from \"@vuu-ui/vuu-filters\";\nimport { Table, TableProps } from \"@vuu-ui/vuu-table\";\nimport { HTMLAttributes } from \"react\";\nimport cx from \"clsx\";\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"],"names":["TableProps","FilterBarProps","jsx","FilterBar","Table"],"mappings":";;;;;;;AAOA,MAAM,SAAY,GAAA,gBAAA,CAAA;AASX,MAAM,cAAc,CAAC;AAAA,EAC1B,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAAC,EAAAA,eAAAA;AAAA,EACA,GAAG,cAAA;AACL,CAAwB,KAAA;AACtB,EAAA,uCACG,KAAK,EAAA,EAAA,GAAG,gBAAgB,SAAW,EAAA,EAAA,CAAG,SAAS,CAC9C,EAAA,QAAA,EAAA;AAAA,oBAACC,cAAA,CAAAC,oBAAA,EAAA,EAAW,GAAGF,eAAgB,EAAA,CAAA;AAAA,oBAC/BC,cAAA,CAACE,cAAO,EAAA,EAAA,GAAGJ,WAAY,EAAA,CAAA;AAAA,GACzB,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/json-table/JsonTable.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuTable = require('@vuu-ui/vuu-table');
+var vuuDataLocal = require('@vuu-ui/vuu-data-local');
+var react = require('react');
+
+const JsonTable = ({
+  config,
+  source: sourceProp = { "": "" },
+  ...tableProps
+}) => {
+  const sourceRef = react.useRef(sourceProp);
+  const dataSourceRef = react.useRef();
+  react.useMemo(() => {
+    dataSourceRef.current = new vuuDataLocal.JsonDataSource({
+      data: sourceRef.current
+    });
+  }, []);
+  const tableConfig = react.useMemo(() => {
+    return {
+      ...config,
+      columns: dataSourceRef.current?.columnDescriptors ?? []
+    };
+  }, [config]);
+  react.useEffect(() => {
+    if (dataSourceRef.current) {
+      dataSourceRef.current.data = sourceProp;
+    }
+  }, [sourceProp]);
+  if (dataSourceRef.current === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    vuuTable.Table,
+    {
+      ...tableProps,
+      config: tableConfig,
+      dataSource: dataSourceRef.current
+    }
+  );
+};
+
+exports.JsonTable = JsonTable;
+//# sourceMappingURL=JsonTable.js.map

package/cjs/json-table/JsonTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonTable.js","sources":["../../src/json-table/JsonTable.tsx"],"sourcesContent":["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-local\";\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"],"names":["useRef","useMemo","JsonDataSource","useEffect","jsx","Table"],"mappings":";;;;;;;AAgBO,MAAM,YAAY,CAAC;AAAA,EACxB,MAAA;AAAA,EACA,MAAQ,EAAA,UAAA,GAAa,EAAE,EAAA,EAAI,EAAG,EAAA;AAAA,EAC9B,GAAG,UAAA;AACL,CAAsB,KAAA;AACpB,EAAM,MAAA,SAAA,GAAYA,aAAO,UAAU,CAAA,CAAA;AACnC,EAAA,MAAM,gBAAgBA,YAAuB,EAAA,CAAA;AAC7C,EAAAC,aAAA,CAAQ,MAAM;AACZ,IAAc,aAAA,CAAA,OAAA,GAAU,IAAIC,2BAAe,CAAA;AAAA,MACzC,MAAM,SAAU,CAAA,OAAA;AAAA,KACjB,CAAA,CAAA;AAAA,GACH,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,WAAA,GAAcD,cAAqB,MAAM;AAC7C,IAAO,OAAA;AAAA,MACL,GAAG,MAAA;AAAA,MACH,OAAS,EAAA,aAAA,CAAc,OAAS,EAAA,iBAAA,IAAqB,EAAC;AAAA,KACxD,CAAA;AAAA,GACF,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAAE,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,cAAc,OAAS,EAAA;AACzB,MAAA,aAAA,CAAc,QAAQ,IAAO,GAAA,UAAA,CAAA;AAAA,KAC/B;AAAA,GACF,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAI,IAAA,aAAA,CAAc,YAAY,KAAW,CAAA,EAAA;AACvC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAC,cAAA;AAAA,IAACC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,MAAQ,EAAA,WAAA;AAAA,MACR,YAAY,aAAc,CAAA,OAAA;AAAA,KAAA;AAAA,GAC5B,CAAA;AAEJ;;;;"}

package/esm/filter-table/FilterTable.css

@@ -0,0 +1,5 @@
+.vuuFilterTable {
+    --vuuFilterBar-flex: 0 0 33px;
+    display: flex;
+    flex-direction: column;
+}

package/esm/filter-table/FilterTable.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FilterBar } from '@vuu-ui/vuu-filters';
+import { Table } from '@vuu-ui/vuu-table';
+import cx from 'clsx';
+
+const classBase = "vuuFilterTable";
+const FilterTable = ({
+  TableProps: TableProps2,
+  FilterBarProps: FilterBarProps2,
+  ...htmlAttributes
+}) => {
+  return /* @__PURE__ */ jsxs("div", { ...htmlAttributes, className: cx(classBase), children: [
+    /* @__PURE__ */ jsx(FilterBar, { ...FilterBarProps2 }),
+    /* @__PURE__ */ jsx(Table, { ...TableProps2 })
+  ] });
+};
+
+export { FilterTable };
+//# sourceMappingURL=FilterTable.js.map

package/esm/filter-table/FilterTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTable.js","sources":["../../src/filter-table/FilterTable.tsx"],"sourcesContent":["import { FilterBar, FilterBarProps } from \"@vuu-ui/vuu-filters\";\nimport { Table, TableProps } from \"@vuu-ui/vuu-table\";\nimport { HTMLAttributes } from \"react\";\nimport cx from \"clsx\";\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"],"names":["TableProps","FilterBarProps"],"mappings":";;;;;AAOA,MAAM,SAAY,GAAA,gBAAA,CAAA;AASX,MAAM,cAAc,CAAC;AAAA,EAC1B,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAAC,EAAAA,eAAAA;AAAA,EACA,GAAG,cAAA;AACL,CAAwB,KAAA;AACtB,EAAA,4BACG,KAAK,EAAA,EAAA,GAAG,gBAAgB,SAAW,EAAA,EAAA,CAAG,SAAS,CAC9C,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,SAAA,EAAA,EAAW,GAAGA,eAAgB,EAAA,CAAA;AAAA,oBAC/B,GAAA,CAAC,KAAO,EAAA,EAAA,GAAGD,WAAY,EAAA,CAAA;AAAA,GACzB,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/esm/index.js

@@ -0,0 +1,3 @@
+export { FilterTable } from './filter-table/FilterTable.js';
+export { JsonTable } from './json-table/JsonTable.js';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/esm/json-table/JsonTable.js

@@ -0,0 +1,43 @@
+import { jsx } from 'react/jsx-runtime';
+import { Table } from '@vuu-ui/vuu-table';
+import { JsonDataSource } from '@vuu-ui/vuu-data-local';
+import { useRef, useMemo, useEffect } from 'react';
+
+const JsonTable = ({
+  config,
+  source: sourceProp = { "": "" },
+  ...tableProps
+}) => {
+  const sourceRef = useRef(sourceProp);
+  const dataSourceRef = useRef();
+  useMemo(() => {
+    dataSourceRef.current = new JsonDataSource({
+      data: sourceRef.current
+    });
+  }, []);
+  const tableConfig = useMemo(() => {
+    return {
+      ...config,
+      columns: dataSourceRef.current?.columnDescriptors ?? []
+    };
+  }, [config]);
+  useEffect(() => {
+    if (dataSourceRef.current) {
+      dataSourceRef.current.data = sourceProp;
+    }
+  }, [sourceProp]);
+  if (dataSourceRef.current === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Table,
+    {
+      ...tableProps,
+      config: tableConfig,
+      dataSource: dataSourceRef.current
+    }
+  );
+};
+
+export { JsonTable };
+//# sourceMappingURL=JsonTable.js.map

package/esm/json-table/JsonTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonTable.js","sources":["../../src/json-table/JsonTable.tsx"],"sourcesContent":["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-local\";\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"],"names":[],"mappings":";;;;;AAgBO,MAAM,YAAY,CAAC;AAAA,EACxB,MAAA;AAAA,EACA,MAAQ,EAAA,UAAA,GAAa,EAAE,EAAA,EAAI,EAAG,EAAA;AAAA,EAC9B,GAAG,UAAA;AACL,CAAsB,KAAA;AACpB,EAAM,MAAA,SAAA,GAAY,OAAO,UAAU,CAAA,CAAA;AACnC,EAAA,MAAM,gBAAgB,MAAuB,EAAA,CAAA;AAC7C,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAc,aAAA,CAAA,OAAA,GAAU,IAAI,cAAe,CAAA;AAAA,MACzC,MAAM,SAAU,CAAA,OAAA;AAAA,KACjB,CAAA,CAAA;AAAA,GACH,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,WAAA,GAAc,QAAqB,MAAM;AAC7C,IAAO,OAAA;AAAA,MACL,GAAG,MAAA;AAAA,MACH,OAAS,EAAA,aAAA,CAAc,OAAS,EAAA,iBAAA,IAAqB,EAAC;AAAA,KACxD,CAAA;AAAA,GACF,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,cAAc,OAAS,EAAA;AACzB,MAAA,aAAA,CAAc,QAAQ,IAAO,GAAA,UAAA,CAAA;AAAA,KAC/B;AAAA,GACF,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAI,IAAA,aAAA,CAAc,YAAY,KAAW,CAAA,EAAA;AACvC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,MAAQ,EAAA,WAAA;AAAA,MACR,YAAY,aAAc,CAAA,OAAA;AAAA,KAAA;AAAA,GAC5B,CAAA;AAEJ;;;;"}

package/package.json

@@ -1,17 +1,17 @@
 {
-  "version": "0.8.33",
+  "version": "0.8.34",
   "author": "heswell",
   "license": "Apache-2.0",
   "dependencies": {
-    "@vuu-ui/vuu-data-local": "0.8.33",
-    "@vuu-ui/vuu-table-types": "0.8.33",
-    "@vuu-ui/vuu-filters": "0.8.33",
-    "@vuu-ui/vuu-layout": "0.8.33",
-    "@vuu-ui/vuu-popups": "0.8.33",
-    "@vuu-ui/vuu-table": "0.8.33",
-    "@vuu-ui/vuu-table-extras": "0.8.33",
-    "@vuu-ui/vuu-ui-controls": "0.8.33",
-    "@vuu-ui/vuu-utils": "0.8.33"
+    "@vuu-ui/vuu-data-local": "0.8.34",
+    "@vuu-ui/vuu-table-types": "0.8.34",
+    "@vuu-ui/vuu-filters": "0.8.34",
+    "@vuu-ui/vuu-layout": "0.8.34",
+    "@vuu-ui/vuu-popups": "0.8.34",
+    "@vuu-ui/vuu-table": "0.8.34",
+    "@vuu-ui/vuu-table-extras": "0.8.34",
+    "@vuu-ui/vuu-ui-controls": "0.8.34",
+    "@vuu-ui/vuu-utils": "0.8.34"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",
@@ -19,6 +19,8 @@
     "react-dom": ">=17.0.2"
   },
   "files": [
+    "esm",
+    "cjs",
     "README.md",
     "/types"
   ],