@hitachivantara/uikit-react-core 5.36.4 → 5.36.5
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/components/Table/TableCell/TableCell.cjs +5 -8
- package/dist/cjs/components/Table/TableCell/TableCell.cjs.map +1 -1
- package/dist/cjs/components/Table/TableRow/TableRow.cjs +3 -20
- package/dist/cjs/components/Table/TableRow/TableRow.cjs.map +1 -1
- package/dist/esm/components/Table/TableCell/TableCell.js +6 -9
- package/dist/esm/components/Table/TableCell/TableCell.js.map +1 -1
- package/dist/esm/components/Table/TableRow/TableRow.js +4 -21
- package/dist/esm/components/Table/TableRow/TableRow.js.map +1 -1
- package/package.json +5 -5
|
@@ -49,16 +49,13 @@ const HvTableCell = React.forwardRef((props, externalRef) => {
|
|
|
49
49
|
} = useTheme.useTheme();
|
|
50
50
|
const tableContext = React.useContext(TableContext.default);
|
|
51
51
|
const tableSectionContext = React.useContext(TableSectionContext.default);
|
|
52
|
-
const [sortedColorValue, setSortedColorValue] = React.useState();
|
|
53
|
-
const [sortedColorAlpha, setSortedColorAlpha] = React.useState();
|
|
54
52
|
const type = typeProp || tableSectionContext?.type || "body";
|
|
55
53
|
const Component = component || tableContext?.components?.Td || defaultComponent;
|
|
56
|
-
const
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}, [colors, sortedColorValue, sortedColorAlpha, rootId]);
|
|
54
|
+
const sortedColor = React.useMemo(() => {
|
|
55
|
+
const color = theme.getVarValue(uikitStyles.theme.table.rowSortedColor, rootId) || colors?.primary_20;
|
|
56
|
+
const alpha = theme.getVarValue(uikitStyles.theme.table.rowSortedColorAlpha, rootId) || "0.1";
|
|
57
|
+
return getSortedColor(color, alpha);
|
|
58
|
+
}, [colors, rootId]);
|
|
62
59
|
return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref: externalRef, role: Component === defaultComponent ? null : "cell", style, className: cx(classes.root, classes[type], type === "body" && css({
|
|
63
60
|
[`&.${TableCell_styles.staticClasses.sorted}`]: {
|
|
64
61
|
backgroundColor: sortedColor
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import {\n CSSProperties,\n forwardRef,\n TdHTMLAttributes,\n useContext,\n
|
|
1
|
+
{"version":3,"file":"TableCell.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import {\n CSSProperties,\n forwardRef,\n TdHTMLAttributes,\n useContext,\n useMemo,\n} from \"react\";\nimport capitalize from \"lodash/capitalize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { checkValidHexColorValue } from \"@core/utils/checkValidHexColorValue\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { getVarValue } from \"@core/utils/theme\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks\";\n\nimport {\n HvTableCellAlign,\n HvTableCellType,\n HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableCell.styles\";\n\nexport { staticClasses as tableCellClasses };\n\nexport type HvTableCellClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableCellProps\n extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n component?: React.ElementType;\n /** Content to be rendered */\n children?: React.ReactNode;\n /** Inline styles to be applied to the root element. */\n style?: CSSProperties;\n /** Set the text-align on the table cell content. */\n align?: HvTableCellAlign;\n /** Sets the cell's variant. */\n variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n type?: HvTableCellType;\n /** Whether or not the cell is part of a sorted column. */\n sorted?: boolean;\n /** The cell is part of a sticky column. */\n stickyColumn?: boolean;\n /** The cell is part of the last sticky to the left column. */\n stickyColumnMostLeft?: boolean;\n /** The cell is part of the first sticky to the right column. */\n stickyColumnLeastRight?: boolean;\n /** The cell is part of the first column in the group. */\n groupColumnMostLeft?: boolean;\n /** The cell is part of the last column in the group. */\n groupColumnMostRight?: boolean;\n /** Whether or not the cell is resizable */\n resizable?: boolean;\n /** Whether or not the cell is being resized */\n resizing?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\nconst getSortedColor = (color?: string, alpha?: string) => {\n return checkValidHexColorValue(color) && alpha\n ? hexToRgbA(color, parseFloat(alpha))\n : color;\n};\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n (props, externalRef) => {\n const {\n children,\n component,\n className,\n style,\n classes: classesProp,\n align = \"inherit\",\n variant = \"default\",\n type: typeProp,\n stickyColumn = false,\n stickyColumnMostLeft = false,\n stickyColumnLeastRight = false,\n groupColumnMostLeft = false,\n groupColumnMostRight = false,\n sorted = false,\n resizable = false,\n resizing = false,\n ...others\n } = useDefaultProps(\"HvTableCell\", props);\n const { classes, cx, css } = useClasses(classesProp);\n const { colors, rootId } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const type = typeProp || tableSectionContext?.type || \"body\";\n\n const Component =\n component || tableContext?.components?.Td || defaultComponent;\n\n const sortedColor = useMemo(() => {\n // \"colors\" makes the \"sortedColor\" change with the color mode and theme\n const color =\n getVarValue(theme.table.rowSortedColor, rootId) || colors?.primary_20;\n const alpha =\n getVarValue(theme.table.rowSortedColorAlpha, rootId) || \"0.1\";\n\n return getSortedColor(color, alpha);\n }, [colors, rootId]);\n\n return (\n <Component\n ref={externalRef}\n role={Component === defaultComponent ? null : \"cell\"}\n style={style}\n className={cx(\n classes.root,\n classes[type],\n type === \"body\" &&\n css({\n [`&.${staticClasses.sorted}`]: {\n backgroundColor: sortedColor,\n },\n }),\n stickyColumn &&\n css({\n [`&.${staticClasses.sorted}`]: {\n backgroundImage: `linear-gradient(to right, ${sortedColor}, ${sortedColor})`,\n },\n }),\n {\n [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n [classes.variantList]: tableContext.variant === \"listrow\",\n [classes.variantListHead]:\n tableContext.variant === \"listrow\" && type !== \"body\",\n [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n [classes.sorted]: sorted,\n [classes.stickyColumn]: stickyColumn,\n [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n [classes.groupColumnMostLeft]: groupColumnMostLeft,\n [classes.groupColumnMostRight]: groupColumnMostRight,\n [classes.resizable]: resizable,\n [classes.resizing]: resizing,\n },\n className\n )}\n {...others}\n >\n {children}\n </Component>\n );\n }\n);\n"],"names":["defaultComponent","getSortedColor","color","alpha","checkValidHexColorValue","hexToRgbA","parseFloat","HvTableCell","forwardRef","props","externalRef","children","component","className","style","classes","classesProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sorted","resizable","resizing","others","useDefaultProps","cx","css","useClasses","colors","rootId","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","Component","components","Td","sortedColor","useMemo","getVarValue","theme","table","rowSortedColor","primary_20","rowSortedColorAlpha","root","staticClasses","backgroundColor","backgroundImage","capitalize","variantList","variantListHead"],"mappings":";;;;;;;;;;;;;;;;AAgEA,MAAMA,mBAAmB;AAEzB,MAAMC,iBAAiBA,CAACC,OAAgBC,UAAmB;AAClDC,SAAAA,wBAAAA,wBAAwBF,KAAK,KAAKC,QACrCE,UAAAA,UAAUH,OAAOI,WAAWH,KAAK,CAAC,IAClCD;AACN;AAKO,MAAMK,cAAcC,MAAAA,WACzB,CAACC,OAAOC,gBAAgB;AAChB,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,IACVC,MAAMC;AAAAA,IACNC,eAAe;AAAA,IACfC,uBAAuB;AAAA,IACvBC,yBAAyB;AAAA,IACzBC,sBAAsB;AAAA,IACtBC,uBAAuB;AAAA,IACvBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,WAAW;AAAA,IACX,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,eAAerB,KAAK;AAClC,QAAA;AAAA,IAAEM;AAAAA,IAASgB;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,iBAAAA,WAAWjB,WAAW;AAC7C,QAAA;AAAA,IAAEkB;AAAAA,IAAQC;AAAAA,MAAWC,SAAS,SAAA;AAC9BC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AACtCC,QAAAA,sBAAsBF,iBAAWG,oBAAAA,OAAmB;AAEpDtB,QAAAA,OAAOC,YAAYoB,qBAAqBrB,QAAQ;AAEtD,QAAMuB,YACJ9B,aAAayB,cAAcM,YAAYC,MAAM5C;AAEzC6C,QAAAA,cAAcC,MAAAA,QAAQ,MAAM;AAEhC,UAAM5C,QACJ6C,MAAYC,YAAAA,kBAAMC,MAAMC,gBAAgBf,MAAM,KAAKD,QAAQiB;AAC7D,UAAMhD,QACJ4C,MAAAA,YAAYC,YAAAA,MAAMC,MAAMG,qBAAqBjB,MAAM,KAAK;AAEnDlC,WAAAA,eAAeC,OAAOC,KAAK;AAAA,EAAA,GACjC,CAAC+B,QAAQC,MAAM,CAAC;AAEnB,wCACG,WACC,EAAA,KAAKzB,aACL,MAAMgC,cAAc1C,mBAAmB,OAAO,QAC9C,OACA,WAAW+B,GACThB,QAAQsC,MACRtC,QAAQI,IAAI,GACZA,SAAS,UACPa,IAAI;AAAA,IACF,CAAE,KAAIsB,+BAAc5B,MAAO,EAAC,GAAG;AAAA,MAC7B6B,iBAAiBV;AAAAA,IACnB;AAAA,EAAA,CACD,GACHxB,gBACEW,IAAI;AAAA,IACF,CAAE,KAAIsB,+BAAc5B,MAAO,EAAC,GAAG;AAAA,MAC7B8B,iBAAkB,6BAA4BX,WAAY,KAAIA,WAAY;AAAA,IAC5E;AAAA,EAAA,CACD,GACH;AAAA,IACE,CAAC9B,QAAS,QAAO0C,oBAAAA,QAAWxC,KAAK,CAAE,EAAC,CAAC,GAAGA,UAAU;AAAA,IAClD,CAACF,QAAQ2C,WAAW,GAAGrB,aAAanB,YAAY;AAAA,IAChD,CAACH,QAAQ4C,eAAe,GACtBtB,aAAanB,YAAY,aAAaC,SAAS;AAAA,IACjD,CAACJ,QAAS,UAAS0C,oBAAAA,QAAWvC,OAAO,CAAE,EAAC,CAAC,GAAGA,YAAY;AAAA,IACxD,CAACH,QAAQW,MAAM,GAAGA;AAAAA,IAClB,CAACX,QAAQM,YAAY,GAAGA;AAAAA,IACxB,CAACN,QAAQO,oBAAoB,GAAGA;AAAAA,IAChC,CAACP,QAAQQ,sBAAsB,GAAGA;AAAAA,IAClC,CAACR,QAAQS,mBAAmB,GAAGA;AAAAA,IAC/B,CAACT,QAAQU,oBAAoB,GAAGA;AAAAA,IAChC,CAACV,QAAQY,SAAS,GAAGA;AAAAA,IACrB,CAACZ,QAAQa,QAAQ,GAAGA;AAAAA,EAEtBf,GAAAA,SACF,GACA,GAAIgB,QAEHlB,SACH,CAAA;AAEJ,CACF;;;"}
|
|
@@ -2,19 +2,13 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
|
-
const uikitStyles = require("@hitachivantara/uikit-styles");
|
|
6
|
-
const checkValidHexColorValue = require("../../../utils/checkValidHexColorValue.cjs");
|
|
7
5
|
const hexToRgbA = require("../../../utils/hexToRgbA.cjs");
|
|
8
|
-
const theme = require("../../../utils/theme.cjs");
|
|
9
6
|
const useTheme = require("../../../hooks/useTheme.cjs");
|
|
10
7
|
const TableContext = require("../TableContext.cjs");
|
|
11
8
|
const TableSectionContext = require("../TableSectionContext.cjs");
|
|
12
9
|
const TableRow_styles = require("./TableRow.styles.cjs");
|
|
13
10
|
const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
|
|
14
11
|
const defaultComponent = "tr";
|
|
15
|
-
const getStripedColor = (color, opacity = 0.6) => {
|
|
16
|
-
return checkValidHexColorValue.checkValidHexColorValue(color) ? hexToRgbA.hexToRgbA(color, opacity) : color;
|
|
17
|
-
};
|
|
18
12
|
const HvTableRow = React.forwardRef((props, externalRef) => {
|
|
19
13
|
const {
|
|
20
14
|
classes: classesProp,
|
|
@@ -32,30 +26,19 @@ const HvTableRow = React.forwardRef((props, externalRef) => {
|
|
|
32
26
|
css
|
|
33
27
|
} = TableRow_styles.useClasses(classesProp);
|
|
34
28
|
const {
|
|
35
|
-
colors
|
|
36
|
-
rootId
|
|
29
|
+
colors
|
|
37
30
|
} = useTheme.useTheme();
|
|
38
31
|
const tableContext = React.useContext(TableContext.default);
|
|
39
32
|
const tableSectionContext = React.useContext(TableSectionContext.default);
|
|
40
|
-
const [even, setEven] = React.useState();
|
|
41
|
-
const [odd, setOdd] = React.useState();
|
|
42
33
|
const type = tableSectionContext?.type || "body";
|
|
43
34
|
const isList = tableContext.variant === "listrow";
|
|
44
35
|
const Component = component || tableContext?.components?.Tr || defaultComponent;
|
|
45
|
-
const [stripedColorEven, setStripedColorEven] = React.useState(getStripedColor(even));
|
|
46
|
-
const [stripedColorOdd, setStripedColorOdd] = React.useState(getStripedColor(odd));
|
|
47
|
-
React.useEffect(() => {
|
|
48
|
-
setEven(theme.getVarValue(uikitStyles.theme.table.rowStripedBackgroundColorEven, rootId));
|
|
49
|
-
setOdd(theme.getVarValue(uikitStyles.theme.table.rowStripedBackgroundColorOdd, rootId));
|
|
50
|
-
setStripedColorEven(getStripedColor(even));
|
|
51
|
-
setStripedColorOdd(getStripedColor(odd));
|
|
52
|
-
}, [colors, even, odd, rootId]);
|
|
53
36
|
return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref: externalRef, className: cx(tableSectionContext.filterClassName, classes.root, classes[type], striped && css({
|
|
54
37
|
"&:nth-of-type(even)": {
|
|
55
|
-
backgroundColor:
|
|
38
|
+
backgroundColor: hexToRgbA.hexToRgbA(colors?.atmo1, 0.6)
|
|
56
39
|
},
|
|
57
40
|
"&:nth-of-type(odd)": {
|
|
58
|
-
backgroundColor:
|
|
41
|
+
backgroundColor: "transparent"
|
|
59
42
|
}
|
|
60
43
|
}), {
|
|
61
44
|
[classes.hover]: hover,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext
|
|
1
|
+
{"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableRow.styles\";\n\nexport { staticClasses as tableRowClasses };\n\nexport type HvTableRowClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableRowProps\n extends HvBaseProps<HTMLTableRowElement, \"children\"> {\n /** Content to be rendered */\n children: React.ReactNode;\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */\n component?: React.ElementType;\n /** Whether the table row will shade on hover. */\n hover?: boolean;\n /** Whether the table row will have the selected shading. */\n selected?: boolean;\n /** Whether the table row is expanded. */\n expanded?: boolean;\n /** Whether the table row background is striped. */\n striped?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableRowClasses;\n}\n\nconst defaultComponent = \"tr\";\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n (props, externalRef) => {\n const {\n classes: classesProp,\n className,\n component,\n hover = false,\n selected = false,\n expanded = false,\n striped = false,\n ...others\n } = useDefaultProps(\"HvTableRow\", props);\n const { classes, cx, css } = useClasses(classesProp);\n const { colors } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const type = tableSectionContext?.type || \"body\";\n\n const isList = tableContext.variant === \"listrow\";\n\n const Component =\n component || tableContext?.components?.Tr || defaultComponent;\n\n return (\n <Component\n ref={externalRef}\n className={cx(\n tableSectionContext.filterClassName,\n classes.root,\n classes[type],\n striped &&\n css({\n \"&:nth-of-type(even)\": {\n backgroundColor: hexToRgbA(colors?.atmo1, 0.6),\n },\n \"&:nth-of-type(odd)\": {\n backgroundColor: \"transparent\",\n },\n }),\n {\n [classes.hover]: hover,\n [classes.selected]: selected,\n [classes.expanded]: expanded,\n [classes.striped]: striped,\n [classes.variantList]: isList && type === \"body\",\n [classes.variantListHead]: isList && type === \"head\",\n },\n className\n )}\n role={Component === defaultComponent ? null : \"row\"}\n {...others}\n />\n );\n }\n);\n"],"names":["defaultComponent","HvTableRow","forwardRef","props","externalRef","classes","classesProp","className","component","hover","selected","expanded","striped","others","useDefaultProps","cx","css","useClasses","colors","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","type","isList","variant","Component","components","Tr","jsx","filterClassName","root","backgroundColor","hexToRgbA","atmo1","variantList","variantListHead"],"mappings":";;;;;;;;;;AAkCA,MAAMA,mBAAmB;AAKlB,MAAMC,aAAaC,MAAAA,WACxB,CAACC,OAAOC,gBAAgB;AAChB,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,UAAU;AAAA,IACV,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,cAAcX,KAAK;AACjC,QAAA;AAAA,IAAEE;AAAAA,IAASU;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,gBAAAA,WAAWX,WAAW;AAC7C,QAAA;AAAA,IAAEY;AAAAA,MAAWC,SAAS,SAAA;AACtBC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AACtCC,QAAAA,sBAAsBF,iBAAWG,oBAAAA,OAAmB;AAEpDC,QAAAA,OAAOF,qBAAqBE,QAAQ;AAEpCC,QAAAA,SAASN,aAAaO,YAAY;AAExC,QAAMC,YACJpB,aAAaY,cAAcS,YAAYC,MAAM9B;AAE/C,SACG+B,2BAAAA,IAAA,WAAA,EACC,KAAK3B,aACL,WAAWW,GACTQ,oBAAoBS,iBACpB3B,QAAQ4B,MACR5B,QAAQoB,IAAI,GACZb,WACEI,IAAI;AAAA,IACF,uBAAuB;AAAA,MACrBkB,iBAAiBC,UAAAA,UAAUjB,QAAQkB,OAAO,GAAG;AAAA,IAC/C;AAAA,IACA,sBAAsB;AAAA,MACpBF,iBAAiB;AAAA,IACnB;AAAA,EAAA,CACD,GACH;AAAA,IACE,CAAC7B,QAAQI,KAAK,GAAGA;AAAAA,IACjB,CAACJ,QAAQK,QAAQ,GAAGA;AAAAA,IACpB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,IACpB,CAACN,QAAQO,OAAO,GAAGA;AAAAA,IACnB,CAACP,QAAQgC,WAAW,GAAGX,UAAUD,SAAS;AAAA,IAC1C,CAACpB,QAAQiC,eAAe,GAAGZ,UAAUD,SAAS;AAAA,EAAA,GAEhDlB,SACF,GACA,MAAMqB,cAAc5B,mBAAmB,OAAO,OAC1Ca,GAAAA,OACJ,CAAA;AAEN,CACF;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { forwardRef, useContext,
|
|
2
|
+
import { forwardRef, useContext, useMemo } from "react";
|
|
3
3
|
import capitalize from "lodash/capitalize";
|
|
4
4
|
import { theme } from "@hitachivantara/uikit-styles";
|
|
5
5
|
import { checkValidHexColorValue } from "../../../utils/checkValidHexColorValue.js";
|
|
@@ -45,16 +45,13 @@ const HvTableCell = forwardRef((props, externalRef) => {
|
|
|
45
45
|
} = useTheme();
|
|
46
46
|
const tableContext = useContext(TableContext);
|
|
47
47
|
const tableSectionContext = useContext(TableSectionContext);
|
|
48
|
-
const [sortedColorValue, setSortedColorValue] = useState();
|
|
49
|
-
const [sortedColorAlpha, setSortedColorAlpha] = useState();
|
|
50
48
|
const type = typeProp || tableSectionContext?.type || "body";
|
|
51
49
|
const Component = component || tableContext?.components?.Td || defaultComponent;
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}, [colors, sortedColorValue, sortedColorAlpha, rootId]);
|
|
50
|
+
const sortedColor = useMemo(() => {
|
|
51
|
+
const color = getVarValue(theme.table.rowSortedColor, rootId) || colors?.primary_20;
|
|
52
|
+
const alpha = getVarValue(theme.table.rowSortedColorAlpha, rootId) || "0.1";
|
|
53
|
+
return getSortedColor(color, alpha);
|
|
54
|
+
}, [colors, rootId]);
|
|
58
55
|
return /* @__PURE__ */ jsx(Component, { ref: externalRef, role: Component === defaultComponent ? null : "cell", style, className: cx(classes.root, classes[type], type === "body" && css({
|
|
59
56
|
[`&.${staticClasses.sorted}`]: {
|
|
60
57
|
backgroundColor: sortedColor
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import {\n CSSProperties,\n forwardRef,\n TdHTMLAttributes,\n useContext,\n
|
|
1
|
+
{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import {\n CSSProperties,\n forwardRef,\n TdHTMLAttributes,\n useContext,\n useMemo,\n} from \"react\";\nimport capitalize from \"lodash/capitalize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { checkValidHexColorValue } from \"@core/utils/checkValidHexColorValue\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { getVarValue } from \"@core/utils/theme\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks\";\n\nimport {\n HvTableCellAlign,\n HvTableCellType,\n HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableCell.styles\";\n\nexport { staticClasses as tableCellClasses };\n\nexport type HvTableCellClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableCellProps\n extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n component?: React.ElementType;\n /** Content to be rendered */\n children?: React.ReactNode;\n /** Inline styles to be applied to the root element. */\n style?: CSSProperties;\n /** Set the text-align on the table cell content. */\n align?: HvTableCellAlign;\n /** Sets the cell's variant. */\n variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n type?: HvTableCellType;\n /** Whether or not the cell is part of a sorted column. */\n sorted?: boolean;\n /** The cell is part of a sticky column. */\n stickyColumn?: boolean;\n /** The cell is part of the last sticky to the left column. */\n stickyColumnMostLeft?: boolean;\n /** The cell is part of the first sticky to the right column. */\n stickyColumnLeastRight?: boolean;\n /** The cell is part of the first column in the group. */\n groupColumnMostLeft?: boolean;\n /** The cell is part of the last column in the group. */\n groupColumnMostRight?: boolean;\n /** Whether or not the cell is resizable */\n resizable?: boolean;\n /** Whether or not the cell is being resized */\n resizing?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\nconst getSortedColor = (color?: string, alpha?: string) => {\n return checkValidHexColorValue(color) && alpha\n ? hexToRgbA(color, parseFloat(alpha))\n : color;\n};\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n (props, externalRef) => {\n const {\n children,\n component,\n className,\n style,\n classes: classesProp,\n align = \"inherit\",\n variant = \"default\",\n type: typeProp,\n stickyColumn = false,\n stickyColumnMostLeft = false,\n stickyColumnLeastRight = false,\n groupColumnMostLeft = false,\n groupColumnMostRight = false,\n sorted = false,\n resizable = false,\n resizing = false,\n ...others\n } = useDefaultProps(\"HvTableCell\", props);\n const { classes, cx, css } = useClasses(classesProp);\n const { colors, rootId } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const type = typeProp || tableSectionContext?.type || \"body\";\n\n const Component =\n component || tableContext?.components?.Td || defaultComponent;\n\n const sortedColor = useMemo(() => {\n // \"colors\" makes the \"sortedColor\" change with the color mode and theme\n const color =\n getVarValue(theme.table.rowSortedColor, rootId) || colors?.primary_20;\n const alpha =\n getVarValue(theme.table.rowSortedColorAlpha, rootId) || \"0.1\";\n\n return getSortedColor(color, alpha);\n }, [colors, rootId]);\n\n return (\n <Component\n ref={externalRef}\n role={Component === defaultComponent ? null : \"cell\"}\n style={style}\n className={cx(\n classes.root,\n classes[type],\n type === \"body\" &&\n css({\n [`&.${staticClasses.sorted}`]: {\n backgroundColor: sortedColor,\n },\n }),\n stickyColumn &&\n css({\n [`&.${staticClasses.sorted}`]: {\n backgroundImage: `linear-gradient(to right, ${sortedColor}, ${sortedColor})`,\n },\n }),\n {\n [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n [classes.variantList]: tableContext.variant === \"listrow\",\n [classes.variantListHead]:\n tableContext.variant === \"listrow\" && type !== \"body\",\n [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n [classes.sorted]: sorted,\n [classes.stickyColumn]: stickyColumn,\n [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n [classes.groupColumnMostLeft]: groupColumnMostLeft,\n [classes.groupColumnMostRight]: groupColumnMostRight,\n [classes.resizable]: resizable,\n [classes.resizing]: resizing,\n },\n className\n )}\n {...others}\n >\n {children}\n </Component>\n );\n }\n);\n"],"names":["defaultComponent","getSortedColor","color","alpha","checkValidHexColorValue","hexToRgbA","parseFloat","HvTableCell","forwardRef","props","externalRef","children","component","className","style","classes","classesProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sorted","resizable","resizing","others","useDefaultProps","cx","css","useClasses","colors","rootId","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","Component","components","Td","sortedColor","useMemo","getVarValue","theme","table","rowSortedColor","primary_20","rowSortedColorAlpha","root","staticClasses","backgroundColor","backgroundImage","capitalize","variantList","variantListHead"],"mappings":";;;;;;;;;;;;AAgEA,MAAMA,mBAAmB;AAEzB,MAAMC,iBAAiBA,CAACC,OAAgBC,UAAmB;AAClDC,SAAAA,wBAAwBF,KAAK,KAAKC,QACrCE,UAAUH,OAAOI,WAAWH,KAAK,CAAC,IAClCD;AACN;AAKO,MAAMK,cAAcC,WACzB,CAACC,OAAOC,gBAAgB;AAChB,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,IACVC,MAAMC;AAAAA,IACNC,eAAe;AAAA,IACfC,uBAAuB;AAAA,IACvBC,yBAAyB;AAAA,IACzBC,sBAAsB;AAAA,IACtBC,uBAAuB;AAAA,IACvBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,WAAW;AAAA,IACX,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,eAAerB,KAAK;AAClC,QAAA;AAAA,IAAEM;AAAAA,IAASgB;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAWjB,WAAW;AAC7C,QAAA;AAAA,IAAEkB;AAAAA,IAAQC;AAAAA,MAAWC,SAAS;AAC9BC,QAAAA,eAAeC,WAAWC,YAAY;AACtCC,QAAAA,sBAAsBF,WAAWG,mBAAmB;AAEpDtB,QAAAA,OAAOC,YAAYoB,qBAAqBrB,QAAQ;AAEtD,QAAMuB,YACJ9B,aAAayB,cAAcM,YAAYC,MAAM5C;AAEzC6C,QAAAA,cAAcC,QAAQ,MAAM;AAEhC,UAAM5C,QACJ6C,YAAYC,MAAMC,MAAMC,gBAAgBf,MAAM,KAAKD,QAAQiB;AAC7D,UAAMhD,QACJ4C,YAAYC,MAAMC,MAAMG,qBAAqBjB,MAAM,KAAK;AAEnDlC,WAAAA,eAAeC,OAAOC,KAAK;AAAA,EAAA,GACjC,CAAC+B,QAAQC,MAAM,CAAC;AAEnB,6BACG,WACC,EAAA,KAAKzB,aACL,MAAMgC,cAAc1C,mBAAmB,OAAO,QAC9C,OACA,WAAW+B,GACThB,QAAQsC,MACRtC,QAAQI,IAAI,GACZA,SAAS,UACPa,IAAI;AAAA,IACF,CAAE,KAAIsB,cAAc5B,MAAO,EAAC,GAAG;AAAA,MAC7B6B,iBAAiBV;AAAAA,IACnB;AAAA,EAAA,CACD,GACHxB,gBACEW,IAAI;AAAA,IACF,CAAE,KAAIsB,cAAc5B,MAAO,EAAC,GAAG;AAAA,MAC7B8B,iBAAkB,6BAA4BX,WAAY,KAAIA,WAAY;AAAA,IAC5E;AAAA,EAAA,CACD,GACH;AAAA,IACE,CAAC9B,QAAS,QAAO0C,WAAWxC,KAAK,CAAE,EAAC,CAAC,GAAGA,UAAU;AAAA,IAClD,CAACF,QAAQ2C,WAAW,GAAGrB,aAAanB,YAAY;AAAA,IAChD,CAACH,QAAQ4C,eAAe,GACtBtB,aAAanB,YAAY,aAAaC,SAAS;AAAA,IACjD,CAACJ,QAAS,UAAS0C,WAAWvC,OAAO,CAAE,EAAC,CAAC,GAAGA,YAAY;AAAA,IACxD,CAACH,QAAQW,MAAM,GAAGA;AAAAA,IAClB,CAACX,QAAQM,YAAY,GAAGA;AAAAA,IACxB,CAACN,QAAQO,oBAAoB,GAAGA;AAAAA,IAChC,CAACP,QAAQQ,sBAAsB,GAAGA;AAAAA,IAClC,CAACR,QAAQS,mBAAmB,GAAGA;AAAAA,IAC/B,CAACT,QAAQU,oBAAoB,GAAGA;AAAAA,IAChC,CAACV,QAAQY,SAAS,GAAGA;AAAAA,IACrB,CAACZ,QAAQa,QAAQ,GAAGA;AAAAA,EAEtBf,GAAAA,SACF,GACA,GAAIgB,QAEHlB,SACH,CAAA;AAEJ,CACF;"}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { forwardRef, useContext
|
|
3
|
-
import { theme } from "@hitachivantara/uikit-styles";
|
|
4
|
-
import { checkValidHexColorValue } from "../../../utils/checkValidHexColorValue.js";
|
|
2
|
+
import { forwardRef, useContext } from "react";
|
|
5
3
|
import { hexToRgbA } from "../../../utils/hexToRgbA.js";
|
|
6
|
-
import { getVarValue } from "../../../utils/theme.js";
|
|
7
4
|
import { useTheme } from "../../../hooks/useTheme.js";
|
|
8
5
|
import TableContext from "../TableContext.js";
|
|
9
6
|
import TableSectionContext from "../TableSectionContext.js";
|
|
@@ -11,9 +8,6 @@ import { useClasses } from "./TableRow.styles.js";
|
|
|
11
8
|
import { staticClasses } from "./TableRow.styles.js";
|
|
12
9
|
import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
|
|
13
10
|
const defaultComponent = "tr";
|
|
14
|
-
const getStripedColor = (color, opacity = 0.6) => {
|
|
15
|
-
return checkValidHexColorValue(color) ? hexToRgbA(color, opacity) : color;
|
|
16
|
-
};
|
|
17
11
|
const HvTableRow = forwardRef((props, externalRef) => {
|
|
18
12
|
const {
|
|
19
13
|
classes: classesProp,
|
|
@@ -31,30 +25,19 @@ const HvTableRow = forwardRef((props, externalRef) => {
|
|
|
31
25
|
css
|
|
32
26
|
} = useClasses(classesProp);
|
|
33
27
|
const {
|
|
34
|
-
colors
|
|
35
|
-
rootId
|
|
28
|
+
colors
|
|
36
29
|
} = useTheme();
|
|
37
30
|
const tableContext = useContext(TableContext);
|
|
38
31
|
const tableSectionContext = useContext(TableSectionContext);
|
|
39
|
-
const [even, setEven] = useState();
|
|
40
|
-
const [odd, setOdd] = useState();
|
|
41
32
|
const type = tableSectionContext?.type || "body";
|
|
42
33
|
const isList = tableContext.variant === "listrow";
|
|
43
34
|
const Component = component || tableContext?.components?.Tr || defaultComponent;
|
|
44
|
-
const [stripedColorEven, setStripedColorEven] = useState(getStripedColor(even));
|
|
45
|
-
const [stripedColorOdd, setStripedColorOdd] = useState(getStripedColor(odd));
|
|
46
|
-
useEffect(() => {
|
|
47
|
-
setEven(getVarValue(theme.table.rowStripedBackgroundColorEven, rootId));
|
|
48
|
-
setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd, rootId));
|
|
49
|
-
setStripedColorEven(getStripedColor(even));
|
|
50
|
-
setStripedColorOdd(getStripedColor(odd));
|
|
51
|
-
}, [colors, even, odd, rootId]);
|
|
52
35
|
return /* @__PURE__ */ jsx(Component, { ref: externalRef, className: cx(tableSectionContext.filterClassName, classes.root, classes[type], striped && css({
|
|
53
36
|
"&:nth-of-type(even)": {
|
|
54
|
-
backgroundColor:
|
|
37
|
+
backgroundColor: hexToRgbA(colors?.atmo1, 0.6)
|
|
55
38
|
},
|
|
56
39
|
"&:nth-of-type(odd)": {
|
|
57
|
-
backgroundColor:
|
|
40
|
+
backgroundColor: "transparent"
|
|
58
41
|
}
|
|
59
42
|
}), {
|
|
60
43
|
[classes.hover]: hover,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext
|
|
1
|
+
{"version":3,"file":"TableRow.js","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableRow.styles\";\n\nexport { staticClasses as tableRowClasses };\n\nexport type HvTableRowClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableRowProps\n extends HvBaseProps<HTMLTableRowElement, \"children\"> {\n /** Content to be rendered */\n children: React.ReactNode;\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */\n component?: React.ElementType;\n /** Whether the table row will shade on hover. */\n hover?: boolean;\n /** Whether the table row will have the selected shading. */\n selected?: boolean;\n /** Whether the table row is expanded. */\n expanded?: boolean;\n /** Whether the table row background is striped. */\n striped?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableRowClasses;\n}\n\nconst defaultComponent = \"tr\";\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n (props, externalRef) => {\n const {\n classes: classesProp,\n className,\n component,\n hover = false,\n selected = false,\n expanded = false,\n striped = false,\n ...others\n } = useDefaultProps(\"HvTableRow\", props);\n const { classes, cx, css } = useClasses(classesProp);\n const { colors } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const type = tableSectionContext?.type || \"body\";\n\n const isList = tableContext.variant === \"listrow\";\n\n const Component =\n component || tableContext?.components?.Tr || defaultComponent;\n\n return (\n <Component\n ref={externalRef}\n className={cx(\n tableSectionContext.filterClassName,\n classes.root,\n classes[type],\n striped &&\n css({\n \"&:nth-of-type(even)\": {\n backgroundColor: hexToRgbA(colors?.atmo1, 0.6),\n },\n \"&:nth-of-type(odd)\": {\n backgroundColor: \"transparent\",\n },\n }),\n {\n [classes.hover]: hover,\n [classes.selected]: selected,\n [classes.expanded]: expanded,\n [classes.striped]: striped,\n [classes.variantList]: isList && type === \"body\",\n [classes.variantListHead]: isList && type === \"head\",\n },\n className\n )}\n role={Component === defaultComponent ? null : \"row\"}\n {...others}\n />\n );\n }\n);\n"],"names":["defaultComponent","HvTableRow","forwardRef","props","externalRef","classes","classesProp","className","component","hover","selected","expanded","striped","others","useDefaultProps","cx","css","useClasses","colors","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","type","isList","variant","Component","components","Tr","filterClassName","root","backgroundColor","hexToRgbA","atmo1","variantList","variantListHead"],"mappings":";;;;;;;;;AAkCA,MAAMA,mBAAmB;AAKlB,MAAMC,aAAaC,WACxB,CAACC,OAAOC,gBAAgB;AAChB,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,UAAU;AAAA,IACV,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,cAAcX,KAAK;AACjC,QAAA;AAAA,IAAEE;AAAAA,IAASU;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAWX,WAAW;AAC7C,QAAA;AAAA,IAAEY;AAAAA,MAAWC,SAAS;AACtBC,QAAAA,eAAeC,WAAWC,YAAY;AACtCC,QAAAA,sBAAsBF,WAAWG,mBAAmB;AAEpDC,QAAAA,OAAOF,qBAAqBE,QAAQ;AAEpCC,QAAAA,SAASN,aAAaO,YAAY;AAExC,QAAMC,YACJpB,aAAaY,cAAcS,YAAYC,MAAM9B;AAE/C,SACG,oBAAA,WAAA,EACC,KAAKI,aACL,WAAWW,GACTQ,oBAAoBQ,iBACpB1B,QAAQ2B,MACR3B,QAAQoB,IAAI,GACZb,WACEI,IAAI;AAAA,IACF,uBAAuB;AAAA,MACrBiB,iBAAiBC,UAAUhB,QAAQiB,OAAO,GAAG;AAAA,IAC/C;AAAA,IACA,sBAAsB;AAAA,MACpBF,iBAAiB;AAAA,IACnB;AAAA,EAAA,CACD,GACH;AAAA,IACE,CAAC5B,QAAQI,KAAK,GAAGA;AAAAA,IACjB,CAACJ,QAAQK,QAAQ,GAAGA;AAAAA,IACpB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,IACpB,CAACN,QAAQO,OAAO,GAAGA;AAAAA,IACnB,CAACP,QAAQ+B,WAAW,GAAGV,UAAUD,SAAS;AAAA,IAC1C,CAACpB,QAAQgC,eAAe,GAAGX,UAAUD,SAAS;AAAA,EAAA,GAEhDlB,SACF,GACA,MAAMqB,cAAc5B,mBAAmB,OAAO,OAC1Ca,GAAAA,OACJ,CAAA;AAEN,CACF;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-core",
|
|
3
|
-
"version": "5.36.
|
|
3
|
+
"version": "5.36.5",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Hitachi Vantara UI Kit Team",
|
|
6
6
|
"description": "Core React components for the NEXT Design System.",
|
|
@@ -33,9 +33,9 @@
|
|
|
33
33
|
"@emotion/css": "^11.11.0",
|
|
34
34
|
"@emotion/serialize": "^1.1.2",
|
|
35
35
|
"@emotion/utils": "^1.2.1",
|
|
36
|
-
"@hitachivantara/uikit-react-icons": "^5.7.
|
|
37
|
-
"@hitachivantara/uikit-react-shared": "^5.1.
|
|
38
|
-
"@hitachivantara/uikit-styles": "^5.16.
|
|
36
|
+
"@hitachivantara/uikit-react-icons": "^5.7.3",
|
|
37
|
+
"@hitachivantara/uikit-react-shared": "^5.1.18",
|
|
38
|
+
"@hitachivantara/uikit-styles": "^5.16.2",
|
|
39
39
|
"@internationalized/date": "^3.2.0",
|
|
40
40
|
"@mui/base": "^5.0.0-beta.4",
|
|
41
41
|
"@popperjs/core": "^2.11.8",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"access": "public",
|
|
65
65
|
"directory": "package"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "d0236ef87c697adb1d66b6b99a09404ee33e930e",
|
|
68
68
|
"main": "dist/cjs/index.cjs",
|
|
69
69
|
"exports": {
|
|
70
70
|
".": {
|