@vuu-ui/vuu-datatable 0.13.93 → 0.13.95-alpha.2

package/cjs/filter-table/FilterTable.js

@@ -3,26 +3,22 @@
 var jsxRuntime = require('react/jsx-runtime');
 var vuuFilters = require('@vuu-ui/vuu-filters');
 var vuuTable = require('@vuu-ui/vuu-table');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
 var useFilterTable = require('./useFilterTable.js');
-var FilterTable$1 = require('./FilterTable.css.js');
 var vuuUtils = require('@vuu-ui/vuu-utils');
 
 const classBase = "vuuFilterTable";
+const filterTableStyles = {
+  "--vuuFilterBar-flex": "0 0 auto",
+  "--vuuMeasuredContainer-flex": "1 1 auto",
+  display: "flex",
+  flexDirection: "column"
+};
 const FilterTable = ({
   FilterBarProps: FilterBarProps2,
   TableProps: TableProps2,
   style: styleProps,
   ...htmlAttributes
 }) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-filter-table",
-    css: FilterTable$1,
-    window: targetWindow
-  });
   const { filterBarProps } = useFilterTable.useFilterTable({
     TableProps: TableProps2,
     FilterBarProps: FilterBarProps2
@@ -31,8 +27,8 @@ const FilterTable = ({
     "div",
     {
       ...htmlAttributes,
-      className: cx(classBase),
-      style: { ...styleProps },
+      className: classBase,
+      style: { ...styleProps, ...filterTableStyles },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(vuuFilters.FilterBar, { ...filterBarProps }),
         /* @__PURE__ */ jsxRuntime.jsx(vuuTable.Table, { ...TableProps2, height: "auto", width: "auto" })

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

@@ -1 +1 @@
-{"version":3,"file":"FilterTable.js","sources":["../../../../packages/vuu-datatable/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\";\nimport { DataSourceProvider } from \"@vuu-ui/vuu-utils\";\n\nconst classBase = \"vuuFilterTable\";\n\nexport interface FilterTableProps extends HTMLAttributes<HTMLDivElement> {\n  FilterBarProps?: Partial<FilterBarProps>;\n  TableProps: Omit<TableProps, \"height\" | \"width\">;\n}\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    <DataSourceProvider dataSource={TableProps.dataSource}>\n      <div\n        {...htmlAttributes}\n        className={cx(classBase)}\n        style={{ ...styleProps }}\n      >\n        <FilterBar {...filterBarProps} />\n        <Table {...TableProps} height=\"auto\" width=\"auto\" />\n      </div>\n    </DataSourceProvider>\n  );\n};\n"],"names":["FilterBarProps","TableProps","useWindow","useComponentCssInjection","filterTableCss","useFilterTable","jsx","DataSourceProvider","jsxs","FilterBar","Table"],"mappings":";;;;;;;;;;;;AAWA,MAAM,SAAY,GAAA,gBAAA;AAOX,MAAM,cAAc,CAAC;AAAA,EAC1B,cAAAA,EAAAA,eAAAA;AAAA,EACA,UAAAC,EAAAA,WAAAA;AAAA,EACA,KAAO,EAAA,UAAA;AAAA,EACP,GAAG;AACL,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAAC,aAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAE,cAAe,EAAA,GAAIC,6BAAe,CAAA;AAAA,IACxC,UAAAJ,EAAAA,WAAAA;AAAA,IACA,cAAAD,EAAAA;AAAA,GACD,CAAA;AAED,EAAA,uBACGM,cAAA,CAAAC,2BAAA,EAAA,EAAmB,UAAYN,EAAAA,WAAAA,CAAW,UACzC,EAAA,QAAA,kBAAAO,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,MACvB,KAAA,EAAO,EAAE,GAAG,UAAW,EAAA;AAAA,MAEvB,QAAA,EAAA;AAAA,wBAACF,cAAA,CAAAG,oBAAA,EAAA,EAAW,GAAG,cAAgB,EAAA,CAAA;AAAA,uCAC9BC,cAAO,EAAA,EAAA,GAAGT,aAAY,MAAO,EAAA,MAAA,EAAO,OAAM,MAAO,EAAA;AAAA;AAAA;AAAA,GAEtD,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FilterTable.js","sources":["../../../../packages/vuu-datatable/src/filter-table/FilterTable.tsx"],"sourcesContent":["import { FilterBar, FilterBarProps } from \"@vuu-ui/vuu-filters\";\nimport { Table, TableProps } from \"@vuu-ui/vuu-table\";\nimport { CSSProperties, HTMLAttributes } from \"react\";\nimport { useFilterTable } from \"./useFilterTable\";\nimport { DataSourceProvider } from \"@vuu-ui/vuu-utils\";\n\nconst classBase = \"vuuFilterTable\";\n\n// Use inline styles as the VuuFilter stylesheet may not have been loaded\n// by the time child elements need these val;ues to be in place.\nconst filterTableStyles: CSSProperties & {\n  \"--vuuFilterBar-flex\": CSSProperties[\"flex\"];\n  \"--vuuMeasuredContainer-flex\": CSSProperties[\"flex\"];\n} = {\n  \"--vuuFilterBar-flex\": \"0 0 auto\",\n  \"--vuuMeasuredContainer-flex\": \"1 1 auto\",\n  display: \"flex\",\n  flexDirection: \"column\",\n};\n\nexport interface FilterTableProps extends HTMLAttributes<HTMLDivElement> {\n  FilterBarProps?: Partial<FilterBarProps>;\n  TableProps: Omit<TableProps, \"height\" | \"width\">;\n}\n\nexport const FilterTable = ({\n  FilterBarProps,\n  TableProps,\n  style: styleProps,\n  ...htmlAttributes\n}: FilterTableProps) => {\n  const { filterBarProps } = useFilterTable({\n    TableProps,\n    FilterBarProps,\n  });\n\n  return (\n    <DataSourceProvider dataSource={TableProps.dataSource}>\n      <div\n        {...htmlAttributes}\n        className={classBase}\n        style={{ ...styleProps, ...filterTableStyles }}\n      >\n        <FilterBar {...filterBarProps} />\n        <Table {...TableProps} height=\"auto\" width=\"auto\" />\n      </div>\n    </DataSourceProvider>\n  );\n};\n"],"names":["FilterBarProps","TableProps","useFilterTable","jsx","DataSourceProvider","jsxs","FilterBar","Table"],"mappings":";;;;;;;;AAMA,MAAM,SAAY,GAAA,gBAAA;AAIlB,MAAM,iBAGF,GAAA;AAAA,EACF,qBAAuB,EAAA,UAAA;AAAA,EACvB,6BAA+B,EAAA,UAAA;AAAA,EAC/B,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA;AACjB,CAAA;AAOO,MAAM,cAAc,CAAC;AAAA,EAC1B,cAAAA,EAAAA,eAAAA;AAAA,EACA,UAAAC,EAAAA,WAAAA;AAAA,EACA,KAAO,EAAA,UAAA;AAAA,EACP,GAAG;AACL,CAAwB,KAAA;AACtB,EAAM,MAAA,EAAE,cAAe,EAAA,GAAIC,6BAAe,CAAA;AAAA,IACxC,UAAAD,EAAAA,WAAAA;AAAA,IACA,cAAAD,EAAAA;AAAA,GACD,CAAA;AAED,EAAA,uBACGG,cAAA,CAAAC,2BAAA,EAAA,EAAmB,UAAYH,EAAAA,WAAAA,CAAW,UACzC,EAAA,QAAA,kBAAAI,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAW,EAAA,SAAA;AAAA,MACX,KAAO,EAAA,EAAE,GAAG,UAAA,EAAY,GAAG,iBAAkB,EAAA;AAAA,MAE7C,QAAA,EAAA;AAAA,wBAACF,cAAA,CAAAG,oBAAA,EAAA,EAAW,GAAG,cAAgB,EAAA,CAAA;AAAA,uCAC9BC,cAAO,EAAA,EAAA,GAAGN,aAAY,MAAO,EAAA,MAAA,EAAO,OAAM,MAAO,EAAA;AAAA;AAAA;AAAA,GAEtD,EAAA,CAAA;AAEJ;;;;"}

package/esm/filter-table/FilterTable.js

@@ -1,26 +1,22 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { FilterBar } from '@vuu-ui/vuu-filters';
 import { Table } from '@vuu-ui/vuu-table';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
 import { useFilterTable } from './useFilterTable.js';
-import filterTableCss from './FilterTable.css.js';
 import { DataSourceProvider } from '@vuu-ui/vuu-utils';
 
 const classBase = "vuuFilterTable";
+const filterTableStyles = {
+  "--vuuFilterBar-flex": "0 0 auto",
+  "--vuuMeasuredContainer-flex": "1 1 auto",
+  display: "flex",
+  flexDirection: "column"
+};
 const FilterTable = ({
   FilterBarProps: FilterBarProps2,
   TableProps: TableProps2,
   style: styleProps,
   ...htmlAttributes
 }) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-filter-table",
-    css: filterTableCss,
-    window: targetWindow
-  });
   const { filterBarProps } = useFilterTable({
     TableProps: TableProps2,
     FilterBarProps: FilterBarProps2
@@ -29,8 +25,8 @@ const FilterTable = ({
     "div",
     {
       ...htmlAttributes,
-      className: cx(classBase),
-      style: { ...styleProps },
+      className: classBase,
+      style: { ...styleProps, ...filterTableStyles },
       children: [
         /* @__PURE__ */ jsx(FilterBar, { ...filterBarProps }),
         /* @__PURE__ */ jsx(Table, { ...TableProps2, height: "auto", width: "auto" })

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

@@ -1 +1 @@
-{"version":3,"file":"FilterTable.js","sources":["../../../../packages/vuu-datatable/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\";\nimport { DataSourceProvider } from \"@vuu-ui/vuu-utils\";\n\nconst classBase = \"vuuFilterTable\";\n\nexport interface FilterTableProps extends HTMLAttributes<HTMLDivElement> {\n  FilterBarProps?: Partial<FilterBarProps>;\n  TableProps: Omit<TableProps, \"height\" | \"width\">;\n}\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    <DataSourceProvider dataSource={TableProps.dataSource}>\n      <div\n        {...htmlAttributes}\n        className={cx(classBase)}\n        style={{ ...styleProps }}\n      >\n        <FilterBar {...filterBarProps} />\n        <Table {...TableProps} height=\"auto\" width=\"auto\" />\n      </div>\n    </DataSourceProvider>\n  );\n};\n"],"names":["FilterBarProps","TableProps"],"mappings":";;;;;;;;;;AAWA,MAAM,SAAY,GAAA,gBAAA;AAOX,MAAM,cAAc,CAAC;AAAA,EAC1B,cAAAA,EAAAA,eAAAA;AAAA,EACA,UAAAC,EAAAA,WAAAA;AAAA,EACA,KAAO,EAAA,UAAA;AAAA,EACP,GAAG;AACL,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAA,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAE,cAAe,EAAA,GAAI,cAAe,CAAA;AAAA,IACxC,UAAAA,EAAAA,WAAAA;AAAA,IACA,cAAAD,EAAAA;AAAA,GACD,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EAAmB,UAAYC,EAAAA,WAAAA,CAAW,UACzC,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,MACvB,KAAA,EAAO,EAAE,GAAG,UAAW,EAAA;AAAA,MAEvB,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,SAAA,EAAA,EAAW,GAAG,cAAgB,EAAA,CAAA;AAAA,4BAC9B,KAAO,EAAA,EAAA,GAAGA,aAAY,MAAO,EAAA,MAAA,EAAO,OAAM,MAAO,EAAA;AAAA;AAAA;AAAA,GAEtD,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FilterTable.js","sources":["../../../../packages/vuu-datatable/src/filter-table/FilterTable.tsx"],"sourcesContent":["import { FilterBar, FilterBarProps } from \"@vuu-ui/vuu-filters\";\nimport { Table, TableProps } from \"@vuu-ui/vuu-table\";\nimport { CSSProperties, HTMLAttributes } from \"react\";\nimport { useFilterTable } from \"./useFilterTable\";\nimport { DataSourceProvider } from \"@vuu-ui/vuu-utils\";\n\nconst classBase = \"vuuFilterTable\";\n\n// Use inline styles as the VuuFilter stylesheet may not have been loaded\n// by the time child elements need these val;ues to be in place.\nconst filterTableStyles: CSSProperties & {\n  \"--vuuFilterBar-flex\": CSSProperties[\"flex\"];\n  \"--vuuMeasuredContainer-flex\": CSSProperties[\"flex\"];\n} = {\n  \"--vuuFilterBar-flex\": \"0 0 auto\",\n  \"--vuuMeasuredContainer-flex\": \"1 1 auto\",\n  display: \"flex\",\n  flexDirection: \"column\",\n};\n\nexport interface FilterTableProps extends HTMLAttributes<HTMLDivElement> {\n  FilterBarProps?: Partial<FilterBarProps>;\n  TableProps: Omit<TableProps, \"height\" | \"width\">;\n}\n\nexport const FilterTable = ({\n  FilterBarProps,\n  TableProps,\n  style: styleProps,\n  ...htmlAttributes\n}: FilterTableProps) => {\n  const { filterBarProps } = useFilterTable({\n    TableProps,\n    FilterBarProps,\n  });\n\n  return (\n    <DataSourceProvider dataSource={TableProps.dataSource}>\n      <div\n        {...htmlAttributes}\n        className={classBase}\n        style={{ ...styleProps, ...filterTableStyles }}\n      >\n        <FilterBar {...filterBarProps} />\n        <Table {...TableProps} height=\"auto\" width=\"auto\" />\n      </div>\n    </DataSourceProvider>\n  );\n};\n"],"names":["FilterBarProps","TableProps"],"mappings":";;;;;;AAMA,MAAM,SAAY,GAAA,gBAAA;AAIlB,MAAM,iBAGF,GAAA;AAAA,EACF,qBAAuB,EAAA,UAAA;AAAA,EACvB,6BAA+B,EAAA,UAAA;AAAA,EAC/B,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA;AACjB,CAAA;AAOO,MAAM,cAAc,CAAC;AAAA,EAC1B,cAAAA,EAAAA,eAAAA;AAAA,EACA,UAAAC,EAAAA,WAAAA;AAAA,EACA,KAAO,EAAA,UAAA;AAAA,EACP,GAAG;AACL,CAAwB,KAAA;AACtB,EAAM,MAAA,EAAE,cAAe,EAAA,GAAI,cAAe,CAAA;AAAA,IACxC,UAAAA,EAAAA,WAAAA;AAAA,IACA,cAAAD,EAAAA;AAAA,GACD,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EAAmB,UAAYC,EAAAA,WAAAA,CAAW,UACzC,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAW,EAAA,SAAA;AAAA,MACX,KAAO,EAAA,EAAE,GAAG,UAAA,EAAY,GAAG,iBAAkB,EAAA;AAAA,MAE7C,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,SAAA,EAAA,EAAW,GAAG,cAAgB,EAAA,CAAA;AAAA,4BAC9B,KAAO,EAAA,EAAA,GAAGA,aAAY,MAAO,EAAA,MAAA,EAAO,OAAM,MAAO,EAAA;AAAA;AAAA;AAAA,GAEtD,EAAA,CAAA;AAEJ;;;;"}

package/package.json

@@ -1,21 +1,21 @@
 {
-  "version": "0.13.93",
+  "version": "0.13.95-alpha.2",
   "author": "heswell",
   "license": "Apache-2.0",
   "dependencies": {
-    "@salt-ds/core": "1.48.0",
+    "@salt-ds/core": "1.54.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-data-local": "0.13.93",
-    "@vuu-ui/vuu-table-types": "0.13.93",
-    "@vuu-ui/vuu-filters": "0.13.93",
-    "@vuu-ui/vuu-layout": "0.13.93",
-    "@vuu-ui/vuu-popups": "0.13.93",
-    "@vuu-ui/vuu-shell": "0.13.93",
-    "@vuu-ui/vuu-table": "0.13.93",
-    "@vuu-ui/vuu-table-extras": "0.13.93",
-    "@vuu-ui/vuu-ui-controls": "0.13.93",
-    "@vuu-ui/vuu-utils": "0.13.93"
+    "@vuu-ui/vuu-data-local": "0.13.95-alpha.2",
+    "@vuu-ui/vuu-table-types": "0.13.95-alpha.2",
+    "@vuu-ui/vuu-filters": "0.13.95-alpha.2",
+    "@vuu-ui/vuu-layout": "0.13.95-alpha.2",
+    "@vuu-ui/vuu-popups": "0.13.95-alpha.2",
+    "@vuu-ui/vuu-shell": "0.13.95-alpha.2",
+    "@vuu-ui/vuu-table": "0.13.95-alpha.2",
+    "@vuu-ui/vuu-table-extras": "0.13.95-alpha.2",
+    "@vuu-ui/vuu-ui-controls": "0.13.95-alpha.2",
+    "@vuu-ui/vuu-utils": "0.13.95-alpha.2"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

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

@@ -1,6 +0,0 @@
-'use strict';
-
-var filterTableCss = ".vuuFilterTable {\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.css.js.map

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

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

@@ -1,4 +0,0 @@
-var filterTableCss = ".vuuFilterTable {\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.css.js.map

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