@hitachivantara/uikit-react-lab 3.45.6 → 3.45.9
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/dist/QueryBuilder/QueryBuilder.d.ts +14 -2
- package/dist/QueryBuilder/styles.js +14 -1
- package/dist/QueryBuilder/styles.js.map +1 -1
- package/dist/Table/stories/TableColumnRenderers.stories.mdx +2 -1
- package/dist/Table/stories/TableHooks.stories.mdx +1 -1
- package/dist/legacy/QueryBuilder/QueryBuilder.d.ts +14 -2
- package/dist/legacy/QueryBuilder/styles.js +14 -1
- package/dist/legacy/QueryBuilder/styles.js.map +1 -1
- package/dist/legacy/Table/stories/TableColumnRenderers.stories.mdx +2 -1
- package/dist/legacy/Table/stories/TableHooks.stories.mdx +1 -1
- package/dist/modern/QueryBuilder/QueryBuilder.d.ts +14 -2
- package/dist/modern/QueryBuilder/styles.js +14 -1
- package/dist/modern/QueryBuilder/styles.js.map +1 -1
- package/dist/modern/Table/stories/TableColumnRenderers.stories.mdx +2 -1
- package/dist/modern/Table/stories/TableHooks.stories.mdx +1 -1
- package/package.json +3 -3
|
@@ -3,7 +3,19 @@ import { StandardProps } from "@material-ui/core";
|
|
|
3
3
|
|
|
4
4
|
import { Attribute, Query, QueryBuilderLabels, QueryCombinator, QueryOperator } from "./types";
|
|
5
5
|
|
|
6
|
-
export type HvQueryBuilderClassKey =
|
|
6
|
+
export type HvQueryBuilderClassKey =
|
|
7
|
+
| "root"
|
|
8
|
+
| "topGroup"
|
|
9
|
+
| "subGroup"
|
|
10
|
+
| "combinator"
|
|
11
|
+
| "topCombinator"
|
|
12
|
+
| "combinatorButton"
|
|
13
|
+
| "removeButton"
|
|
14
|
+
| "topRemoveButton"
|
|
15
|
+
| "rulesContainer"
|
|
16
|
+
| "subRulesContainer"
|
|
17
|
+
| "actionButtonContainer"
|
|
18
|
+
| "topActionButtonContainer";
|
|
7
19
|
|
|
8
20
|
export interface HvQueryBuilderProps
|
|
9
21
|
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvQueryBuilderClassKey, "onChange"> {
|
|
@@ -38,4 +50,4 @@ export interface HvQueryBuilderProps
|
|
|
38
50
|
labels?: QueryBuilderLabels;
|
|
39
51
|
}
|
|
40
52
|
|
|
41
|
-
export default function
|
|
53
|
+
export default function HvQueryBuilder(props: HvQueryBuilderProps): JSX.Element | null;
|
|
@@ -6,7 +6,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var styles = function styles() {
|
|
9
|
-
return {
|
|
9
|
+
return {
|
|
10
|
+
root: {},
|
|
11
|
+
topGroup: {},
|
|
12
|
+
subGroup: {},
|
|
13
|
+
combinator: {},
|
|
14
|
+
topCombinator: {},
|
|
15
|
+
combinatorButton: {},
|
|
16
|
+
removeButton: {},
|
|
17
|
+
topRemoveButton: {},
|
|
18
|
+
rulesContainer: {},
|
|
19
|
+
subRulesContainer: {},
|
|
20
|
+
actionButtonContainer: {},
|
|
21
|
+
topActionButtonContainer: {}
|
|
22
|
+
};
|
|
10
23
|
};
|
|
11
24
|
|
|
12
25
|
var _default = styles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles"],"sources":["../../src/QueryBuilder/styles.js"],"sourcesContent":["const styles = () => ({});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","root","topGroup","subGroup","combinator","topCombinator","combinatorButton","removeButton","topRemoveButton","rulesContainer","subRulesContainer","actionButtonContainer","topActionButtonContainer"],"sources":["../../src/QueryBuilder/styles.js"],"sourcesContent":["const styles = () => ({\n root: {},\n topGroup: {},\n subGroup: {},\n combinator: {},\n topCombinator: {},\n combinatorButton: {},\n removeButton: {},\n topRemoveButton: {},\n rulesContainer: {},\n subRulesContainer: {},\n actionButtonContainer: {},\n topActionButtonContainer: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE,EADc;IAEpBC,QAAQ,EAAE,EAFU;IAGpBC,QAAQ,EAAE,EAHU;IAIpBC,UAAU,EAAE,EAJQ;IAKpBC,aAAa,EAAE,EALK;IAMpBC,gBAAgB,EAAE,EANE;IAOpBC,YAAY,EAAE,EAPM;IAQpBC,eAAe,EAAE,EARG;IASpBC,cAAc,EAAE,EATI;IAUpBC,iBAAiB,EAAE,EAVC;IAWpBC,qBAAqB,EAAE,EAXH;IAYpBC,wBAAwB,EAAE;EAZN,CAAP;AAAA,CAAf;;eAeeZ,M"}
|
|
@@ -21,7 +21,8 @@ import {
|
|
|
21
21
|
<Meta title="Lab/Table Column Renderers" />
|
|
22
22
|
|
|
23
23
|
# Table column renderers
|
|
24
|
-
|
|
24
|
+
|
|
25
|
+
The UI Kit library provides a collection of utility functions that, together with the <LinkTo kind="Lab/Table Hooks" story="Main" className="sbdocs sbdocs-a">Table Hooks</LinkTo>,
|
|
25
26
|
ease the setup of common column configurations, including the render function, alignment, missing data fallbacks and cell overflow.
|
|
26
27
|
|
|
27
28
|
They add a set of out of the box features, not meant to be 100% feature complete, but instead, ease the majority of use-cases we have been encountering. If you need any customization or extension to these renderers, please feel free to copy and customize them.
|
|
@@ -12,7 +12,7 @@ import * as stories from "./TableHooks.stories.js";
|
|
|
12
12
|
|
|
13
13
|
# Table hooks
|
|
14
14
|
|
|
15
|
-
The UI Kit library provides a collection of **custom hooks** that ease the integration with the <LinkTo kind="Lab/Table" story="Main" className="sbdocs-a">HvTable elements</LinkTo> and allows more advanced use cases and better data handling.
|
|
15
|
+
The UI Kit library provides a collection of **custom hooks** that ease the integration with the <LinkTo kind="Lab/Table" story="Main" className="sbdocs sbdocs-a">HvTable elements</LinkTo> and allows more advanced use cases and better data handling.
|
|
16
16
|
|
|
17
17
|
Our custom hooks are built on top of [React Table](https://react-table.tanstack.com) which is an "headless" UI utility library to build data tables while retaining control over markup and styles. It consists of a collection of, lightweight, composable and extensible custom React hooks.
|
|
18
18
|
|
|
@@ -3,7 +3,19 @@ import { StandardProps } from "@material-ui/core";
|
|
|
3
3
|
|
|
4
4
|
import { Attribute, Query, QueryBuilderLabels, QueryCombinator, QueryOperator } from "./types";
|
|
5
5
|
|
|
6
|
-
export type HvQueryBuilderClassKey =
|
|
6
|
+
export type HvQueryBuilderClassKey =
|
|
7
|
+
| "root"
|
|
8
|
+
| "topGroup"
|
|
9
|
+
| "subGroup"
|
|
10
|
+
| "combinator"
|
|
11
|
+
| "topCombinator"
|
|
12
|
+
| "combinatorButton"
|
|
13
|
+
| "removeButton"
|
|
14
|
+
| "topRemoveButton"
|
|
15
|
+
| "rulesContainer"
|
|
16
|
+
| "subRulesContainer"
|
|
17
|
+
| "actionButtonContainer"
|
|
18
|
+
| "topActionButtonContainer";
|
|
7
19
|
|
|
8
20
|
export interface HvQueryBuilderProps
|
|
9
21
|
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvQueryBuilderClassKey, "onChange"> {
|
|
@@ -38,4 +50,4 @@ export interface HvQueryBuilderProps
|
|
|
38
50
|
labels?: QueryBuilderLabels;
|
|
39
51
|
}
|
|
40
52
|
|
|
41
|
-
export default function
|
|
53
|
+
export default function HvQueryBuilder(props: HvQueryBuilderProps): JSX.Element | null;
|
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
var styles = function styles() {
|
|
2
|
-
return {
|
|
2
|
+
return {
|
|
3
|
+
root: {},
|
|
4
|
+
topGroup: {},
|
|
5
|
+
subGroup: {},
|
|
6
|
+
combinator: {},
|
|
7
|
+
topCombinator: {},
|
|
8
|
+
combinatorButton: {},
|
|
9
|
+
removeButton: {},
|
|
10
|
+
topRemoveButton: {},
|
|
11
|
+
rulesContainer: {},
|
|
12
|
+
subRulesContainer: {},
|
|
13
|
+
actionButtonContainer: {},
|
|
14
|
+
topActionButtonContainer: {}
|
|
15
|
+
};
|
|
3
16
|
};
|
|
4
17
|
|
|
5
18
|
export default styles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles"],"sources":["../../../src/QueryBuilder/styles.js"],"sourcesContent":["const styles = () => ({});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","root","topGroup","subGroup","combinator","topCombinator","combinatorButton","removeButton","topRemoveButton","rulesContainer","subRulesContainer","actionButtonContainer","topActionButtonContainer"],"sources":["../../../src/QueryBuilder/styles.js"],"sourcesContent":["const styles = () => ({\n root: {},\n topGroup: {},\n subGroup: {},\n combinator: {},\n topCombinator: {},\n combinatorButton: {},\n removeButton: {},\n topRemoveButton: {},\n rulesContainer: {},\n subRulesContainer: {},\n actionButtonContainer: {},\n topActionButtonContainer: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE,EADc;IAEpBC,QAAQ,EAAE,EAFU;IAGpBC,QAAQ,EAAE,EAHU;IAIpBC,UAAU,EAAE,EAJQ;IAKpBC,aAAa,EAAE,EALK;IAMpBC,gBAAgB,EAAE,EANE;IAOpBC,YAAY,EAAE,EAPM;IAQpBC,eAAe,EAAE,EARG;IASpBC,cAAc,EAAE,EATI;IAUpBC,iBAAiB,EAAE,EAVC;IAWpBC,qBAAqB,EAAE,EAXH;IAYpBC,wBAAwB,EAAE;EAZN,CAAP;AAAA,CAAf;;AAeA,eAAeZ,MAAf"}
|
|
@@ -21,7 +21,8 @@ import {
|
|
|
21
21
|
<Meta title="Lab/Table Column Renderers" />
|
|
22
22
|
|
|
23
23
|
# Table column renderers
|
|
24
|
-
|
|
24
|
+
|
|
25
|
+
The UI Kit library provides a collection of utility functions that, together with the <LinkTo kind="Lab/Table Hooks" story="Main" className="sbdocs sbdocs-a">Table Hooks</LinkTo>,
|
|
25
26
|
ease the setup of common column configurations, including the render function, alignment, missing data fallbacks and cell overflow.
|
|
26
27
|
|
|
27
28
|
They add a set of out of the box features, not meant to be 100% feature complete, but instead, ease the majority of use-cases we have been encountering. If you need any customization or extension to these renderers, please feel free to copy and customize them.
|
|
@@ -12,7 +12,7 @@ import * as stories from "./TableHooks.stories.js";
|
|
|
12
12
|
|
|
13
13
|
# Table hooks
|
|
14
14
|
|
|
15
|
-
The UI Kit library provides a collection of **custom hooks** that ease the integration with the <LinkTo kind="Lab/Table" story="Main" className="sbdocs-a">HvTable elements</LinkTo> and allows more advanced use cases and better data handling.
|
|
15
|
+
The UI Kit library provides a collection of **custom hooks** that ease the integration with the <LinkTo kind="Lab/Table" story="Main" className="sbdocs sbdocs-a">HvTable elements</LinkTo> and allows more advanced use cases and better data handling.
|
|
16
16
|
|
|
17
17
|
Our custom hooks are built on top of [React Table](https://react-table.tanstack.com) which is an "headless" UI utility library to build data tables while retaining control over markup and styles. It consists of a collection of, lightweight, composable and extensible custom React hooks.
|
|
18
18
|
|
|
@@ -3,7 +3,19 @@ import { StandardProps } from "@material-ui/core";
|
|
|
3
3
|
|
|
4
4
|
import { Attribute, Query, QueryBuilderLabels, QueryCombinator, QueryOperator } from "./types";
|
|
5
5
|
|
|
6
|
-
export type HvQueryBuilderClassKey =
|
|
6
|
+
export type HvQueryBuilderClassKey =
|
|
7
|
+
| "root"
|
|
8
|
+
| "topGroup"
|
|
9
|
+
| "subGroup"
|
|
10
|
+
| "combinator"
|
|
11
|
+
| "topCombinator"
|
|
12
|
+
| "combinatorButton"
|
|
13
|
+
| "removeButton"
|
|
14
|
+
| "topRemoveButton"
|
|
15
|
+
| "rulesContainer"
|
|
16
|
+
| "subRulesContainer"
|
|
17
|
+
| "actionButtonContainer"
|
|
18
|
+
| "topActionButtonContainer";
|
|
7
19
|
|
|
8
20
|
export interface HvQueryBuilderProps
|
|
9
21
|
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvQueryBuilderClassKey, "onChange"> {
|
|
@@ -38,4 +50,4 @@ export interface HvQueryBuilderProps
|
|
|
38
50
|
labels?: QueryBuilderLabels;
|
|
39
51
|
}
|
|
40
52
|
|
|
41
|
-
export default function
|
|
53
|
+
export default function HvQueryBuilder(props: HvQueryBuilderProps): JSX.Element | null;
|
|
@@ -1,4 +1,17 @@
|
|
|
1
|
-
const styles = () => ({
|
|
1
|
+
const styles = () => ({
|
|
2
|
+
root: {},
|
|
3
|
+
topGroup: {},
|
|
4
|
+
subGroup: {},
|
|
5
|
+
combinator: {},
|
|
6
|
+
topCombinator: {},
|
|
7
|
+
combinatorButton: {},
|
|
8
|
+
removeButton: {},
|
|
9
|
+
topRemoveButton: {},
|
|
10
|
+
rulesContainer: {},
|
|
11
|
+
subRulesContainer: {},
|
|
12
|
+
actionButtonContainer: {},
|
|
13
|
+
topActionButtonContainer: {}
|
|
14
|
+
});
|
|
2
15
|
|
|
3
16
|
export default styles;
|
|
4
17
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles"],"sources":["../../../src/QueryBuilder/styles.js"],"sourcesContent":["const styles = () => ({});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","root","topGroup","subGroup","combinator","topCombinator","combinatorButton","removeButton","topRemoveButton","rulesContainer","subRulesContainer","actionButtonContainer","topActionButtonContainer"],"sources":["../../../src/QueryBuilder/styles.js"],"sourcesContent":["const styles = () => ({\n root: {},\n topGroup: {},\n subGroup: {},\n combinator: {},\n topCombinator: {},\n combinatorButton: {},\n removeButton: {},\n topRemoveButton: {},\n rulesContainer: {},\n subRulesContainer: {},\n actionButtonContainer: {},\n topActionButtonContainer: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE,EADc;EAEpBC,QAAQ,EAAE,EAFU;EAGpBC,QAAQ,EAAE,EAHU;EAIpBC,UAAU,EAAE,EAJQ;EAKpBC,aAAa,EAAE,EALK;EAMpBC,gBAAgB,EAAE,EANE;EAOpBC,YAAY,EAAE,EAPM;EAQpBC,eAAe,EAAE,EARG;EASpBC,cAAc,EAAE,EATI;EAUpBC,iBAAiB,EAAE,EAVC;EAWpBC,qBAAqB,EAAE,EAXH;EAYpBC,wBAAwB,EAAE;AAZN,CAAP,CAAf;;AAeA,eAAeZ,MAAf"}
|
|
@@ -21,7 +21,8 @@ import {
|
|
|
21
21
|
<Meta title="Lab/Table Column Renderers" />
|
|
22
22
|
|
|
23
23
|
# Table column renderers
|
|
24
|
-
|
|
24
|
+
|
|
25
|
+
The UI Kit library provides a collection of utility functions that, together with the <LinkTo kind="Lab/Table Hooks" story="Main" className="sbdocs sbdocs-a">Table Hooks</LinkTo>,
|
|
25
26
|
ease the setup of common column configurations, including the render function, alignment, missing data fallbacks and cell overflow.
|
|
26
27
|
|
|
27
28
|
They add a set of out of the box features, not meant to be 100% feature complete, but instead, ease the majority of use-cases we have been encountering. If you need any customization or extension to these renderers, please feel free to copy and customize them.
|
|
@@ -12,7 +12,7 @@ import * as stories from "./TableHooks.stories.js";
|
|
|
12
12
|
|
|
13
13
|
# Table hooks
|
|
14
14
|
|
|
15
|
-
The UI Kit library provides a collection of **custom hooks** that ease the integration with the <LinkTo kind="Lab/Table" story="Main" className="sbdocs-a">HvTable elements</LinkTo> and allows more advanced use cases and better data handling.
|
|
15
|
+
The UI Kit library provides a collection of **custom hooks** that ease the integration with the <LinkTo kind="Lab/Table" story="Main" className="sbdocs sbdocs-a">HvTable elements</LinkTo> and allows more advanced use cases and better data handling.
|
|
16
16
|
|
|
17
17
|
Our custom hooks are built on top of [React Table](https://react-table.tanstack.com) which is an "headless" UI utility library to build data tables while retaining control over markup and styles. It consists of a collection of, lightweight, composable and extensible custom React hooks.
|
|
18
18
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-lab",
|
|
3
|
-
"version": "3.45.
|
|
3
|
+
"version": "3.45.9",
|
|
4
4
|
"description": "A collection of contributed React components for the Hitachi Vantara's Design System.",
|
|
5
5
|
"homepage": "https://github.com/lumada-design/hv-uikit-react",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@babel/runtime": "^7.17.9",
|
|
49
|
-
"@hitachivantara/uikit-react-core": "^3.67.
|
|
49
|
+
"@hitachivantara/uikit-react-core": "^3.67.7",
|
|
50
50
|
"@hitachivantara/uikit-react-icons": "^3.8.12",
|
|
51
51
|
"@types/react-table": "^7.7.11",
|
|
52
52
|
"clsx": "^1.1.1",
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"publishConfig": {
|
|
83
83
|
"access": "public"
|
|
84
84
|
},
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "7963d741611a8226d654b4814e083954f5c22b8d"
|
|
86
86
|
}
|