@vuu-ui/vuu-datatable 0.8.92 → 0.8.94

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var filterTableCss = ".vuuFilterTable {\n  --vuuFilterBar-flex: 0 0 33px;\n  --vuuMeasuredContainer-flex: 1 1 auto;\n  --vuuMeasuredContainer-height: auto;\n  display: flex;\n  flex-direction: column;\n\n  .vuuFilterBar {\n    flex: 0 0 auto;\n  }\n}\n";
+var filterTableCss = ".vuuFilterTable {\n  /* --vuuFilterBar-flex: 0 0 33px;\n  --vuuMeasuredContainer-flex: 1 1 auto;\n  --vuuMeasuredContainer-height: auto;\n  display: flex;\n  flex-direction: column; */\n\n  .vuuFilterBar {\n    flex: 0 0 auto;\n  }\n}\n";
 
 module.exports = filterTableCss;
 //# sourceMappingURL=FilterTable.css.js.map

package/cjs/filter-table/FilterTable.js

@@ -10,9 +10,16 @@ var useFilterTable = require('./useFilterTable.js');
 var FilterTable$1 = require('./FilterTable.css.js');
 
 const classBase = "vuuFilterTable";
+const style = {
+  "--vuuMeasuredContainer-flex": "1 1 auto",
+  "--vuuMeasuredContainer-height": "auto",
+  display: "flex",
+  flexDirection: "column"
+};
 const FilterTable = ({
   FilterBarProps: FilterBarProps2,
   TableProps: TableProps2,
+  style: styleProps,
   ...htmlAttributes
 }) => {
   const targetWindow = window.useWindow();
@@ -25,10 +32,18 @@ const FilterTable = ({
     TableProps: TableProps2,
     FilterBarProps: FilterBarProps2
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlAttributes, className: cx(classBase), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(vuuFilters.FilterBar, { ...filterBarProps }),
-    /* @__PURE__ */ jsxRuntime.jsx(vuuTable.Table, { ...TableProps2 })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ...htmlAttributes,
+      className: cx(classBase),
+      style: { ...styleProps, ...style },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(vuuFilters.FilterBar, { ...filterBarProps, style: { flex: "0 0 33px" } }),
+        /* @__PURE__ */ jsxRuntime.jsx(vuuTable.Table, { ...TableProps2 })
+      ]
+    }
+  );
 };
 
 exports.FilterTable = FilterTable;

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

@@ -1 +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 { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { useFilterTable } from \"./useFilterTable\";\n\nimport filterTableCss from \"./FilterTable.css\";\n\nconst classBase = \"vuuFilterTable\";\n\nexport interface FilterTableProps extends HTMLAttributes<HTMLDivElement> {\n  FilterBarProps?: Partial<FilterBarProps>;\n  TableProps: TableProps;\n}\n\nexport const FilterTable = ({\n  FilterBarProps,\n  TableProps,\n  ...htmlAttributes\n}: FilterTableProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-table\",\n    css: filterTableCss,\n    window: targetWindow,\n  });\n\n  const { filterBarProps } = useFilterTable({\n    TableProps,\n    FilterBarProps,\n  });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase)}>\n      <FilterBar {...filterBarProps} />\n      <Table {...TableProps} />\n    </div>\n  );\n};\n"],"names":["FilterBarProps","TableProps","useWindow","useComponentCssInjection","filterTableCss","useFilterTable","jsx","FilterBar","Table"],"mappings":";;;;;;;;;;;AAUA,MAAM,SAAY,GAAA,gBAAA,CAAA;AAOX,MAAM,cAAc,CAAC;AAAA,EAC1B,cAAAA,EAAAA,eAAAA;AAAA,EACA,UAAAC,EAAAA,WAAAA;AAAA,EACA,GAAG,cAAA;AACL,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAAC,aAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,cAAe,EAAA,GAAIC,6BAAe,CAAA;AAAA,IACxC,UAAAJ,EAAAA,WAAAA;AAAA,IACA,cAAAD,EAAAA,eAAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,uCACG,KAAK,EAAA,EAAA,GAAG,gBAAgB,SAAW,EAAA,EAAA,CAAG,SAAS,CAC9C,EAAA,QAAA,EAAA;AAAA,oBAACM,cAAA,CAAAC,oBAAA,EAAA,EAAW,GAAG,cAAgB,EAAA,CAAA;AAAA,oBAC/BD,cAAA,CAACE,cAAO,EAAA,EAAA,GAAGP,WAAY,EAAA,CAAA;AAAA,GACzB,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"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 { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { CSSProperties, HTMLAttributes } from \"react\";\nimport { useFilterTable } from \"./useFilterTable\";\n\nimport filterTableCss from \"./FilterTable.css\";\n\nconst classBase = \"vuuFilterTable\";\n\nexport interface FilterTableProps extends HTMLAttributes<HTMLDivElement> {\n  FilterBarProps?: Partial<FilterBarProps>;\n  TableProps: TableProps;\n}\n\n// Using inline styles here as Salt style injection happens too late for the\n// measurements that we have to take on first render\nconst style = {\n  \"--vuuMeasuredContainer-flex\": \"1 1 auto\",\n  \"--vuuMeasuredContainer-height\": \"auto\",\n  display: \"flex\",\n  flexDirection: \"column\",\n} as CSSProperties;\n\nexport const FilterTable = ({\n  FilterBarProps,\n  TableProps,\n  style: styleProps,\n  ...htmlAttributes\n}: FilterTableProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-table\",\n    css: filterTableCss,\n    window: targetWindow,\n  });\n\n  const { filterBarProps } = useFilterTable({\n    TableProps,\n    FilterBarProps,\n  });\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={cx(classBase)}\n      style={{ ...styleProps, ...style }}\n    >\n      <FilterBar {...filterBarProps} style={{ flex: \"0 0 33px\" }} />\n      <Table {...TableProps} />\n    </div>\n  );\n};\n"],"names":["FilterBarProps","TableProps","useWindow","useComponentCssInjection","filterTableCss","useFilterTable","jsxs","jsx","FilterBar","Table"],"mappings":";;;;;;;;;;;AAUA,MAAM,SAAY,GAAA,gBAAA,CAAA;AASlB,MAAM,KAAQ,GAAA;AAAA,EACZ,6BAA+B,EAAA,UAAA;AAAA,EAC/B,+BAAiC,EAAA,MAAA;AAAA,EACjC,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA,QAAA;AACjB,CAAA,CAAA;AAEO,MAAM,cAAc,CAAC;AAAA,EAC1B,cAAAA,EAAAA,eAAAA;AAAA,EACA,UAAAC,EAAAA,WAAAA;AAAA,EACA,KAAO,EAAA,UAAA;AAAA,EACP,GAAG,cAAA;AACL,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAAC,aAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,cAAe,EAAA,GAAIC,6BAAe,CAAA;AAAA,IACxC,UAAAJ,EAAAA,WAAAA;AAAA,IACA,cAAAD,EAAAA,eAAAA;AAAA,GACD,CAAA,CAAA;AAED,EACE,uBAAAM,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,MACvB,KAAO,EAAA,EAAE,GAAG,UAAA,EAAY,GAAG,KAAM,EAAA;AAAA,MAEjC,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACC,wBAAW,GAAG,cAAA,EAAgB,OAAO,EAAE,IAAA,EAAM,YAAc,EAAA,CAAA;AAAA,wBAC5DD,cAAA,CAACE,cAAO,EAAA,EAAA,GAAGR,WAAY,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACzB,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-var filterTableCss = ".vuuFilterTable {\n  --vuuFilterBar-flex: 0 0 33px;\n  --vuuMeasuredContainer-flex: 1 1 auto;\n  --vuuMeasuredContainer-height: auto;\n  display: flex;\n  flex-direction: column;\n\n  .vuuFilterBar {\n    flex: 0 0 auto;\n  }\n}\n";
+var filterTableCss = ".vuuFilterTable {\n  /* --vuuFilterBar-flex: 0 0 33px;\n  --vuuMeasuredContainer-flex: 1 1 auto;\n  --vuuMeasuredContainer-height: auto;\n  display: flex;\n  flex-direction: column; */\n\n  .vuuFilterBar {\n    flex: 0 0 auto;\n  }\n}\n";
 
 export { filterTableCss as default };
 //# sourceMappingURL=FilterTable.css.js.map

package/esm/filter-table/FilterTable.js

@@ -8,9 +8,16 @@ import { useFilterTable } from './useFilterTable.js';
 import filterTableCss from './FilterTable.css.js';
 
 const classBase = "vuuFilterTable";
+const style = {
+  "--vuuMeasuredContainer-flex": "1 1 auto",
+  "--vuuMeasuredContainer-height": "auto",
+  display: "flex",
+  flexDirection: "column"
+};
 const FilterTable = ({
   FilterBarProps: FilterBarProps2,
   TableProps: TableProps2,
+  style: styleProps,
   ...htmlAttributes
 }) => {
   const targetWindow = useWindow();
@@ -23,10 +30,18 @@ const FilterTable = ({
     TableProps: TableProps2,
     FilterBarProps: FilterBarProps2
   });
-  return /* @__PURE__ */ jsxs("div", { ...htmlAttributes, className: cx(classBase), children: [
-    /* @__PURE__ */ jsx(FilterBar, { ...filterBarProps }),
-    /* @__PURE__ */ jsx(Table, { ...TableProps2 })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...htmlAttributes,
+      className: cx(classBase),
+      style: { ...styleProps, ...style },
+      children: [
+        /* @__PURE__ */ jsx(FilterBar, { ...filterBarProps, style: { flex: "0 0 33px" } }),
+        /* @__PURE__ */ jsx(Table, { ...TableProps2 })
+      ]
+    }
+  );
 };
 
 export { FilterTable };

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

@@ -1 +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 { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { useFilterTable } from \"./useFilterTable\";\n\nimport filterTableCss from \"./FilterTable.css\";\n\nconst classBase = \"vuuFilterTable\";\n\nexport interface FilterTableProps extends HTMLAttributes<HTMLDivElement> {\n  FilterBarProps?: Partial<FilterBarProps>;\n  TableProps: TableProps;\n}\n\nexport const FilterTable = ({\n  FilterBarProps,\n  TableProps,\n  ...htmlAttributes\n}: FilterTableProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-table\",\n    css: filterTableCss,\n    window: targetWindow,\n  });\n\n  const { filterBarProps } = useFilterTable({\n    TableProps,\n    FilterBarProps,\n  });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase)}>\n      <FilterBar {...filterBarProps} />\n      <Table {...TableProps} />\n    </div>\n  );\n};\n"],"names":["FilterBarProps","TableProps"],"mappings":";;;;;;;;;AAUA,MAAM,SAAY,GAAA,gBAAA,CAAA;AAOX,MAAM,cAAc,CAAC;AAAA,EAC1B,cAAAA,EAAAA,eAAAA;AAAA,EACA,UAAAC,EAAAA,WAAAA;AAAA,EACA,GAAG,cAAA;AACL,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAA,cAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,cAAe,EAAA,GAAI,cAAe,CAAA;AAAA,IACxC,UAAAA,EAAAA,WAAAA;AAAA,IACA,cAAAD,EAAAA,eAAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,4BACG,KAAK,EAAA,EAAA,GAAG,gBAAgB,SAAW,EAAA,EAAA,CAAG,SAAS,CAC9C,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,SAAA,EAAA,EAAW,GAAG,cAAgB,EAAA,CAAA;AAAA,oBAC/B,GAAA,CAAC,KAAO,EAAA,EAAA,GAAGC,WAAY,EAAA,CAAA;AAAA,GACzB,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"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 { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { CSSProperties, HTMLAttributes } from \"react\";\nimport { useFilterTable } from \"./useFilterTable\";\n\nimport filterTableCss from \"./FilterTable.css\";\n\nconst classBase = \"vuuFilterTable\";\n\nexport interface FilterTableProps extends HTMLAttributes<HTMLDivElement> {\n  FilterBarProps?: Partial<FilterBarProps>;\n  TableProps: TableProps;\n}\n\n// Using inline styles here as Salt style injection happens too late for the\n// measurements that we have to take on first render\nconst style = {\n  \"--vuuMeasuredContainer-flex\": \"1 1 auto\",\n  \"--vuuMeasuredContainer-height\": \"auto\",\n  display: \"flex\",\n  flexDirection: \"column\",\n} as CSSProperties;\n\nexport const FilterTable = ({\n  FilterBarProps,\n  TableProps,\n  style: styleProps,\n  ...htmlAttributes\n}: FilterTableProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-table\",\n    css: filterTableCss,\n    window: targetWindow,\n  });\n\n  const { filterBarProps } = useFilterTable({\n    TableProps,\n    FilterBarProps,\n  });\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={cx(classBase)}\n      style={{ ...styleProps, ...style }}\n    >\n      <FilterBar {...filterBarProps} style={{ flex: \"0 0 33px\" }} />\n      <Table {...TableProps} />\n    </div>\n  );\n};\n"],"names":["FilterBarProps","TableProps"],"mappings":";;;;;;;;;AAUA,MAAM,SAAY,GAAA,gBAAA,CAAA;AASlB,MAAM,KAAQ,GAAA;AAAA,EACZ,6BAA+B,EAAA,UAAA;AAAA,EAC/B,+BAAiC,EAAA,MAAA;AAAA,EACjC,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA,QAAA;AACjB,CAAA,CAAA;AAEO,MAAM,cAAc,CAAC;AAAA,EAC1B,cAAAA,EAAAA,eAAAA;AAAA,EACA,UAAAC,EAAAA,WAAAA;AAAA,EACA,KAAO,EAAA,UAAA;AAAA,EACP,GAAG,cAAA;AACL,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAA,cAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,cAAe,EAAA,GAAI,cAAe,CAAA;AAAA,IACxC,UAAAA,EAAAA,WAAAA;AAAA,IACA,cAAAD,EAAAA,eAAAA;AAAA,GACD,CAAA,CAAA;AAED,EACE,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,MACvB,KAAO,EAAA,EAAE,GAAG,UAAA,EAAY,GAAG,KAAM,EAAA;AAAA,MAEjC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAW,GAAG,cAAA,EAAgB,OAAO,EAAE,IAAA,EAAM,YAAc,EAAA,CAAA;AAAA,wBAC5D,GAAA,CAAC,KAAO,EAAA,EAAA,GAAGC,WAAY,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACzB,CAAA;AAEJ;;;;"}

package/package.json

@@ -1,20 +1,20 @@
 {
-  "version": "0.8.92",
+  "version": "0.8.94",
   "author": "heswell",
   "license": "Apache-2.0",
   "dependencies": {
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-data-local": "0.8.92",
-    "@vuu-ui/vuu-table-types": "0.8.92",
-    "@vuu-ui/vuu-filters": "0.8.92",
-    "@vuu-ui/vuu-layout": "0.8.92",
-    "@vuu-ui/vuu-popups": "0.8.92",
-    "@vuu-ui/vuu-shell": "0.8.92",
-    "@vuu-ui/vuu-table": "0.8.92",
-    "@vuu-ui/vuu-table-extras": "0.8.92",
-    "@vuu-ui/vuu-ui-controls": "0.8.92",
-    "@vuu-ui/vuu-utils": "0.8.92"
+    "@vuu-ui/vuu-data-local": "0.8.94",
+    "@vuu-ui/vuu-table-types": "0.8.94",
+    "@vuu-ui/vuu-filters": "0.8.94",
+    "@vuu-ui/vuu-layout": "0.8.94",
+    "@vuu-ui/vuu-popups": "0.8.94",
+    "@vuu-ui/vuu-shell": "0.8.94",
+    "@vuu-ui/vuu-table": "0.8.94",
+    "@vuu-ui/vuu-table-extras": "0.8.94",
+    "@vuu-ui/vuu-ui-controls": "0.8.94",
+    "@vuu-ui/vuu-utils": "0.8.94"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

package/types/filter-table/FilterTable.d.ts

@@ -5,4 +5,4 @@ export interface FilterTableProps extends HTMLAttributes<HTMLDivElement> {
     FilterBarProps?: Partial<FilterBarProps>;
     TableProps: TableProps;
 }
-export declare const FilterTable: ({ FilterBarProps, TableProps, ...htmlAttributes }: FilterTableProps) => JSX.Element;
+export declare const FilterTable: ({ FilterBarProps, TableProps, style: styleProps, ...htmlAttributes }: FilterTableProps) => JSX.Element;