@hitachivantara/uikit-react-core 5.87.1 → 5.87.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/dist/cjs/BaseRadio/BaseRadio.styles.cjs +7 -6
- package/dist/cjs/BulkActions/BulkActions.cjs +9 -18
- package/dist/cjs/CheckBoxGroup/CheckBoxGroup.cjs +9 -9
- package/dist/cjs/FilterGroup/RightPanel/RightPanel.cjs +9 -10
- package/dist/cjs/Radio/Radio.cjs +2 -1
- package/dist/cjs/Radio/Radio.styles.cjs +7 -27
- package/dist/cjs/Table/TableCell/TableCell.styles.cjs +14 -14
- package/dist/cjs/Table/TableHeader/TableHeader.styles.cjs +16 -15
- package/dist/cjs/utils/CounterLabel.cjs +15 -0
- package/dist/esm/BaseRadio/BaseRadio.styles.js +7 -6
- package/dist/esm/BaseRadio/BaseRadio.styles.js.map +1 -1
- package/dist/esm/BulkActions/BulkActions.js +10 -19
- package/dist/esm/BulkActions/BulkActions.js.map +1 -1
- package/dist/esm/CheckBoxGroup/CheckBoxGroup.js +10 -10
- package/dist/esm/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
- package/dist/esm/FilterGroup/RightPanel/RightPanel.js +9 -10
- package/dist/esm/FilterGroup/RightPanel/RightPanel.js.map +1 -1
- package/dist/esm/Radio/Radio.js +2 -1
- package/dist/esm/Radio/Radio.js.map +1 -1
- package/dist/esm/Radio/Radio.styles.js +7 -27
- package/dist/esm/Radio/Radio.styles.js.map +1 -1
- package/dist/esm/Table/TableCell/TableCell.styles.js +14 -14
- package/dist/esm/Table/TableCell/TableCell.styles.js.map +1 -1
- package/dist/esm/Table/TableHeader/TableHeader.styles.js +16 -15
- package/dist/esm/Table/TableHeader/TableHeader.styles.js.map +1 -1
- package/dist/esm/utils/CounterLabel.js +15 -0
- package/dist/esm/utils/CounterLabel.js.map +1 -0
- package/dist/types/index.d.ts +2 -2
- package/package.json +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.styles.js","sources":["../../../../src/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableHeader\", {\n root: {\n \"--first-row-cell-height\": \"52px\",\n \"--cell-height\": \"32px\",\n height: \"var(--cell-height)\",\n verticalAlign: \"inherit\",\n alignContent: \"inherit\",\n textAlign: \"left\",\n padding: theme.spacing(0, 1, 0, 4),\n
|
|
1
|
+
{"version":3,"file":"TableHeader.styles.js","sources":["../../../../src/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableHeader\", {\n root: {\n \"--first-row-cell-height\": \"52px\",\n \"--cell-height\": \"32px\",\n height: \"var(--cell-height)\",\n verticalAlign: \"inherit\",\n alignContent: \"inherit\",\n textAlign: \"left\",\n padding: theme.spacing(0, 1, 0, 4),\n borderColor: theme.colors.atmo4,\n borderBottomWidth: 1,\n },\n head: {\n paddingTop: 8,\n verticalAlign: \"top\",\n alignContent: \"start\",\n ...theme.typography.label,\n backgroundColor: theme.colors.atmo1,\n borderBottomWidth: 1,\n\n \"*:first-of-type > &\": {\n height: \"var(--first-row-cell-height)\",\n borderTop: \"1px solid transparent\",\n },\n\n \"&$variantList\": {\n backgroundColor: \"inherit\",\n borderBottomWidth: 0,\n \"*:first-of-type > &\": {\n borderTop: 0,\n },\n },\n\n \"&$sortable\": {\n verticalAlign: \"initial\",\n alignContent: \"initial\",\n paddingTop: 0,\n paddingLeft: 0,\n cursor: \"pointer\",\n\n \":hover, :focus-within\": {\n backgroundColor: theme.colors.containerBackgroundHover,\n \"& $sortIcon\": {\n opacity: 1,\n },\n },\n },\n },\n body: {\n backgroundColor: \"inherit\",\n ...theme.typography.body,\n \":where($sorted)\": {\n backgroundColor: theme.alpha(\"atmo1\", 0.4),\n },\n \"&$sortable:not($variantNone)\": {\n paddingLeft: 32,\n },\n },\n footer: {},\n stickyColumn: {\n position: \"sticky\",\n zIndex: 2,\n\n \"&$groupColumnMostRight+$stickyColumn\": {\n borderLeftWidth: 0,\n },\n },\n stickyColumnMostLeft: { borderRightWidth: 1 },\n stickyColumnLeastRight: { borderLeftWidth: 1 },\n groupColumnMostLeft: { borderLeftWidth: 1 },\n groupColumnMostRight: {\n borderRightWidth: 1,\n // due to the \":has()\" selector not being supported in browsers,\n // this need to be managed with inline styles\n // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n \"&:last-child\": {\n borderRightWidth: 0,\n },\n \"&+:not($stickyColumn)\": {\n borderLeftWidth: 0,\n },\n },\n headerContent: { display: \"flex\", alignItems: \"flex-start\", width: \"100%\" },\n headerText: { overflow: \"hidden\", textOverflow: \"ellipsis\" },\n headerParagraph: { overflow: \"hidden\", display: \"-webkit-box\" },\n sortableHeaderText: { paddingTop: \"8px\" },\n sorted: {\n \"& $sortIcon\": {\n opacity: 1,\n },\n },\n sortable: {},\n sortButton: {\n \":focus-visible\": {\n boxShadow: \"none\",\n backgroundColor: \"transparent\",\n },\n },\n sortIcon: { opacity: 0 },\n alignLeft: { textAlign: \"left\" },\n alignRight: { textAlign: \"right\", flexDirection: \"row-reverse\" },\n alignCenter: { textAlign: \"center\" },\n alignJustify: { textAlign: \"justify\" },\n alignFlexLeft: { justifyContent: \"flex-start\" },\n alignFlexRight: { justifyContent: \"flex-end\" },\n alignFlexCenter: { justifyContent: \"center\" },\n alignFlexJustify: { textAlign: \"justify\" },\n variantCheckbox: {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderRightWidth: 1,\n },\n variantExpand: {},\n variantActions: {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderLeftWidth: 1,\n },\n variantNone: { padding: 0 },\n variantList: {\n backgroundColor: \"inherit\",\n borderBottomWidth: 0,\n height: 16,\n \":first-of-type > &\": {\n borderTopWidth: 0,\n height: 16,\n },\n },\n resizable: {\n borderRightWidth: 1,\n \":has($resizer:hover)\": {\n borderRight: `2px solid ${theme.colors.primary_80}`,\n },\n },\n resizing: { borderRight: `2px solid ${theme.colors.primary_80}` },\n resizer: {\n display: \"inline-block\",\n width: 16,\n height: \"100%\",\n position: \"absolute\",\n right: 0,\n top: 0,\n transform: \"translateX(50%)\",\n zIndex: 1,\n touchAction: \"none\",\n },\n});\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
const CounterLabel = ({
|
|
3
|
+
selected,
|
|
4
|
+
total,
|
|
5
|
+
conjunctionLabel = "/"
|
|
6
|
+
}) => {
|
|
7
|
+
return /* @__PURE__ */ jsxs("span", { children: [
|
|
8
|
+
/* @__PURE__ */ jsx("b", { children: selected }),
|
|
9
|
+
" ",
|
|
10
|
+
` ${conjunctionLabel} ${total}`
|
|
11
|
+
] });
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
CounterLabel
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CounterLabel.js","sources":["../../../src/utils/CounterLabel.tsx"],"sourcesContent":["/** A utility counter component (eg. X / Y) */\nexport const CounterLabel = ({\n selected,\n total,\n conjunctionLabel = \"/\",\n}: {\n selected: number;\n total: number;\n conjunctionLabel?: React.ReactNode;\n}) => {\n return (\n <span>\n <b>{selected}</b> {` ${conjunctionLabel} ${total}`}\n </span>\n );\n};\n"],"names":[],"mappings":";AACO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,mBAAmB;AACrB,MAIM;AACJ,8BACG,QACC,EAAA,UAAA;AAAA,IAAA,oBAAC,OAAG,UAAS,SAAA,CAAA;AAAA,IAAI;AAAA,IAAE,IAAI,gBAAgB,IAAI,KAAK;AAAA,EAAA,GAClD;AAEJ;"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1915,7 +1915,7 @@ export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_35>;
|
|
|
1915
1915
|
export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
|
|
1916
1916
|
|
|
1917
1917
|
export declare interface HvBulkActionsProps extends HvBaseProps {
|
|
1918
|
-
/** Custom label for select all checkbox */
|
|
1918
|
+
/** Custom label for select all checkbox. @deprecated no longer used */
|
|
1919
1919
|
selectAllLabel?: React.ReactNode;
|
|
1920
1920
|
/** Custom label for select all checkbox conjunction */
|
|
1921
1921
|
selectAllConjunctionLabel?: string;
|
|
@@ -2487,7 +2487,7 @@ export declare interface HvCheckBoxGroupProps extends HvBaseProps<HTMLDivElement
|
|
|
2487
2487
|
*/
|
|
2488
2488
|
showSelectAll?: boolean;
|
|
2489
2489
|
/**
|
|
2490
|
-
* The label of the select all checkbox. Defaults to "All".
|
|
2490
|
+
* The label of the select all checkbox. Defaults to "All". @deprecated no longer used
|
|
2491
2491
|
*/
|
|
2492
2492
|
selectAllLabel?: string;
|
|
2493
2493
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-core",
|
|
3
|
-
"version": "5.87.
|
|
3
|
+
"version": "5.87.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Hitachi Vantara UI Kit Team",
|
|
6
6
|
"description": "Core React components for the NEXT Design System.",
|
|
@@ -32,10 +32,10 @@
|
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@emotion/cache": "^11.11.0",
|
|
34
34
|
"@emotion/serialize": "^1.1.2",
|
|
35
|
-
"@hitachivantara/uikit-react-icons": "^5.13.
|
|
36
|
-
"@hitachivantara/uikit-react-shared": "^5.3.
|
|
37
|
-
"@hitachivantara/uikit-react-utils": "^0.2.
|
|
38
|
-
"@hitachivantara/uikit-styles": "^5.41.
|
|
35
|
+
"@hitachivantara/uikit-react-icons": "^5.13.6",
|
|
36
|
+
"@hitachivantara/uikit-react-shared": "^5.3.22",
|
|
37
|
+
"@hitachivantara/uikit-react-utils": "^0.2.23",
|
|
38
|
+
"@hitachivantara/uikit-styles": "^5.41.1",
|
|
39
39
|
"@internationalized/date": "^3.2.0",
|
|
40
40
|
"@mui/base": "^5.0.0-beta.40",
|
|
41
41
|
"@popperjs/core": "^2.11.8",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"access": "public",
|
|
63
63
|
"directory": "package"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "e87984a453b911d219b69cc57fd9a79cfdfdad2c",
|
|
66
66
|
"exports": {
|
|
67
67
|
".": {
|
|
68
68
|
"types": "./dist/types/index.d.ts",
|