@vuu-ui/vuu-datatable 0.9.1 → 0.9.2
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/filter-table/FilterTable.css.js +1 -1
- package/cjs/filter-table/FilterTable.js +4 -9
- package/cjs/filter-table/FilterTable.js.map +1 -1
- package/esm/filter-table/FilterTable.css.js +1 -1
- package/esm/filter-table/FilterTable.js +4 -9
- package/esm/filter-table/FilterTable.js.map +1 -1
- package/package.json +11 -11
- package/types/filter-table/FilterTable.d.ts +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var filterTableCss = ".vuuFilterTable {\n
|
|
3
|
+
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";
|
|
4
4
|
|
|
5
5
|
module.exports = filterTableCss;
|
|
6
6
|
//# sourceMappingURL=FilterTable.css.js.map
|
|
@@ -10,12 +10,6 @@ var useFilterTable = require('./useFilterTable.js');
|
|
|
10
10
|
var FilterTable$1 = require('./FilterTable.css.js');
|
|
11
11
|
|
|
12
12
|
const classBase = "vuuFilterTable";
|
|
13
|
-
const style = {
|
|
14
|
-
"--vuuMeasuredContainer-flex": "1 1 auto",
|
|
15
|
-
"--vuuMeasuredContainer-height": "auto",
|
|
16
|
-
display: "flex",
|
|
17
|
-
flexDirection: "column"
|
|
18
|
-
};
|
|
19
13
|
const FilterTable = ({
|
|
20
14
|
FilterBarProps: FilterBarProps2,
|
|
21
15
|
TableProps: TableProps2,
|
|
@@ -28,6 +22,7 @@ const FilterTable = ({
|
|
|
28
22
|
css: FilterTable$1,
|
|
29
23
|
window: targetWindow
|
|
30
24
|
});
|
|
25
|
+
console.log({ TableProps: TableProps2 });
|
|
31
26
|
const { filterBarProps } = useFilterTable.useFilterTable({
|
|
32
27
|
TableProps: TableProps2,
|
|
33
28
|
FilterBarProps: FilterBarProps2
|
|
@@ -37,10 +32,10 @@ const FilterTable = ({
|
|
|
37
32
|
{
|
|
38
33
|
...htmlAttributes,
|
|
39
34
|
className: cx(classBase),
|
|
40
|
-
style: { ...styleProps
|
|
35
|
+
style: { ...styleProps },
|
|
41
36
|
children: [
|
|
42
|
-
/* @__PURE__ */ jsxRuntime.jsx(vuuFilters.FilterBar, { ...filterBarProps
|
|
43
|
-
/* @__PURE__ */ jsxRuntime.jsx(vuuTable.Table, { ...TableProps2 })
|
|
37
|
+
/* @__PURE__ */ jsxRuntime.jsx(vuuFilters.FilterBar, { ...filterBarProps }),
|
|
38
|
+
/* @__PURE__ */ jsxRuntime.jsx(vuuTable.Table, { ...TableProps2, height: "auto", width: "auto" })
|
|
44
39
|
]
|
|
45
40
|
}
|
|
46
41
|
);
|
|
@@ -1 +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 {
|
|
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: 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 console.log({ TableProps });\n\n const { filterBarProps } = useFilterTable({\n TableProps,\n FilterBarProps,\n });\n\n return (\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 );\n};\n"],"names":["FilterBarProps","TableProps","useWindow","useComponentCssInjection","filterTableCss","useFilterTable","jsxs","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,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,EAAA,OAAA,CAAQ,GAAI,CAAA,EAAE,UAAAH,EAAAA,WAAAA,EAAY,CAAA,CAAA;AAE1B,EAAM,MAAA,EAAE,cAAe,EAAA,GAAII,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,KAAA,EAAO,EAAE,GAAG,UAAW,EAAA;AAAA,MAEvB,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAAC,oBAAA,EAAA,EAAW,GAAG,cAAgB,EAAA,CAAA;AAAA,uCAC9BC,cAAO,EAAA,EAAA,GAAGR,aAAY,MAAO,EAAA,MAAA,EAAO,OAAM,MAAO,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACpD,CAAA;AAEJ;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var filterTableCss = ".vuuFilterTable {\n
|
|
1
|
+
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";
|
|
2
2
|
|
|
3
3
|
export { filterTableCss as default };
|
|
4
4
|
//# sourceMappingURL=FilterTable.css.js.map
|
|
@@ -8,12 +8,6 @@ import { useFilterTable } from './useFilterTable.js';
|
|
|
8
8
|
import filterTableCss from './FilterTable.css.js';
|
|
9
9
|
|
|
10
10
|
const classBase = "vuuFilterTable";
|
|
11
|
-
const style = {
|
|
12
|
-
"--vuuMeasuredContainer-flex": "1 1 auto",
|
|
13
|
-
"--vuuMeasuredContainer-height": "auto",
|
|
14
|
-
display: "flex",
|
|
15
|
-
flexDirection: "column"
|
|
16
|
-
};
|
|
17
11
|
const FilterTable = ({
|
|
18
12
|
FilterBarProps: FilterBarProps2,
|
|
19
13
|
TableProps: TableProps2,
|
|
@@ -26,6 +20,7 @@ const FilterTable = ({
|
|
|
26
20
|
css: filterTableCss,
|
|
27
21
|
window: targetWindow
|
|
28
22
|
});
|
|
23
|
+
console.log({ TableProps: TableProps2 });
|
|
29
24
|
const { filterBarProps } = useFilterTable({
|
|
30
25
|
TableProps: TableProps2,
|
|
31
26
|
FilterBarProps: FilterBarProps2
|
|
@@ -35,10 +30,10 @@ const FilterTable = ({
|
|
|
35
30
|
{
|
|
36
31
|
...htmlAttributes,
|
|
37
32
|
className: cx(classBase),
|
|
38
|
-
style: { ...styleProps
|
|
33
|
+
style: { ...styleProps },
|
|
39
34
|
children: [
|
|
40
|
-
/* @__PURE__ */ jsx(FilterBar, { ...filterBarProps
|
|
41
|
-
/* @__PURE__ */ jsx(Table, { ...TableProps2 })
|
|
35
|
+
/* @__PURE__ */ jsx(FilterBar, { ...filterBarProps }),
|
|
36
|
+
/* @__PURE__ */ jsx(Table, { ...TableProps2, height: "auto", width: "auto" })
|
|
42
37
|
]
|
|
43
38
|
}
|
|
44
39
|
);
|
|
@@ -1 +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 {
|
|
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: 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 console.log({ TableProps });\n\n const { filterBarProps } = useFilterTable({\n TableProps,\n FilterBarProps,\n });\n\n return (\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 );\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,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,EAAA,OAAA,CAAQ,GAAI,CAAA,EAAE,UAAAA,EAAAA,WAAAA,EAAY,CAAA,CAAA;AAE1B,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,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,GAAGC,aAAY,MAAO,EAAA,MAAA,EAAO,OAAM,MAAO,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACpD,CAAA;AAEJ;;;;"}
|
package/package.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.9.
|
|
2
|
+
"version": "0.9.2",
|
|
3
3
|
"author": "heswell",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"@salt-ds/styles": "0.2.1",
|
|
7
7
|
"@salt-ds/window": "0.1.1",
|
|
8
|
-
"@vuu-ui/vuu-data-local": "0.9.
|
|
9
|
-
"@vuu-ui/vuu-table-types": "0.9.
|
|
10
|
-
"@vuu-ui/vuu-filters": "0.9.
|
|
11
|
-
"@vuu-ui/vuu-layout": "0.9.
|
|
12
|
-
"@vuu-ui/vuu-popups": "0.9.
|
|
13
|
-
"@vuu-ui/vuu-shell": "0.9.
|
|
14
|
-
"@vuu-ui/vuu-table": "0.9.
|
|
15
|
-
"@vuu-ui/vuu-table-extras": "0.9.
|
|
16
|
-
"@vuu-ui/vuu-ui-controls": "0.9.
|
|
17
|
-
"@vuu-ui/vuu-utils": "0.9.
|
|
8
|
+
"@vuu-ui/vuu-data-local": "0.9.2",
|
|
9
|
+
"@vuu-ui/vuu-table-types": "0.9.2",
|
|
10
|
+
"@vuu-ui/vuu-filters": "0.9.2",
|
|
11
|
+
"@vuu-ui/vuu-layout": "0.9.2",
|
|
12
|
+
"@vuu-ui/vuu-popups": "0.9.2",
|
|
13
|
+
"@vuu-ui/vuu-shell": "0.9.2",
|
|
14
|
+
"@vuu-ui/vuu-table": "0.9.2",
|
|
15
|
+
"@vuu-ui/vuu-table-extras": "0.9.2",
|
|
16
|
+
"@vuu-ui/vuu-ui-controls": "0.9.2",
|
|
17
|
+
"@vuu-ui/vuu-utils": "0.9.2"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"clsx": "^2.0.0",
|
|
@@ -3,6 +3,6 @@ import { TableProps } from "@vuu-ui/vuu-table";
|
|
|
3
3
|
import { HTMLAttributes } from "react";
|
|
4
4
|
export interface FilterTableProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
FilterBarProps?: Partial<FilterBarProps>;
|
|
6
|
-
TableProps: TableProps
|
|
6
|
+
TableProps: Omit<TableProps, "height" | "width">;
|
|
7
7
|
}
|
|
8
8
|
export declare const FilterTable: ({ FilterBarProps, TableProps, style: styleProps, ...htmlAttributes }: FilterTableProps) => JSX.Element;
|