@hitachivantara/uikit-react-core 5.106.0 → 6.0.0-next.1

package/dist/cjs/Table/TableCell/TableCell.styles.cjs

@@ -1,164 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableCell", {
-  /** Styles applied to the component root class. */
-  root: {
-    verticalAlign: "inherit",
-    alignContent: "inherit",
-    textAlign: "left",
-    borderColor: uikitStyles.theme.colors.border,
-    padding: `calc(${uikitStyles.theme.space.xs} - 2px ) ${uikitStyles.theme.space.xs} calc(${uikitStyles.theme.space.xs} - 3px ) ${uikitStyles.theme.spacing(4)}`,
-    borderBottomWidth: 1
-  },
-  /** Styles applied to the cell when it's in the table head. */
-  head: {
-    height: 52,
-    verticalAlign: "top",
-    alignContent: "start",
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    borderTop: "1px solid transparent",
-    ...uikitStyles.theme.typography.label
-  },
-  /** Styles applied to the cell when it's in the table body. */
-  body: {
-    minHeight: 32,
-    "td&": {
-      height: 32
-    },
-    backgroundColor: "inherit",
-    "&$sorted": {
-      backgroundColor: uikitStyles.theme.alpha("primary", 0.1)
-    }
-  },
-  /** Styles applied to the cell when it's in the table footer. */
-  footer: {},
-  /** Styles applied to the cell when it's part of a sorted column. */
-  sorted: {},
-  /** Styles applied to the component root when it is left aligned */
-  alignLeft: {
-    textAlign: "left"
-  },
-  /** Styles applied to the component root when it is center aligned */
-  alignCenter: {
-    textAlign: "center"
-  },
-  /** Styles applied to the component root when it is right aligned */
-  alignRight: {
-    textAlign: "right",
-    flexDirection: "row-reverse"
-  },
-  /** Styles applied to the component root when it is justified */
-  alignJustify: {
-    textAlign: "justify"
-  },
-  /** Styles applied to the component root when its variant is none */
-  variantNone: {
-    padding: 0
-  },
-  /** Styles applied to the component root when its variant is checkbox */
-  variantCheckbox: {
-    boxSizing: "content-box",
-    padding: 0,
-    width: 32,
-    maxWidth: 32,
-    borderRightWidth: 1
-  },
-  /** Styles applied to the component root when its variant is actions */
-  variantActions: {
-    boxSizing: "content-box",
-    padding: 0,
-    width: 32,
-    maxWidth: 32,
-    borderLeftWidth: 1
-  },
-  /** Styles applied to the component root when its variant is expand */
-  variantExpand: {
-    paddingLeft: 0,
-    paddingTop: 0,
-    paddingBottom: 0
-  },
-  /** Styles applied to the component root when its variant is list */
-  variantList: {
-    minHeight: 52,
-    "td&": {
-      height: 52
-    },
-    padding: "0, 0, 0, 32px",
-    borderWidth: 0
-  },
-  /** Styles applied to the cell when its variant is list and the type is head. */
-  variantListHead: {
-    backgroundColor: "inherit",
-    "td&": {
-      height: 16
-    }
-  },
-  /** Styles applied to the cell when its variant is list and actions. */
-  variantListactions: {
-    verticalAlign: "middle",
-    alignContent: "center",
-    borderLeft: "none",
-    paddingLeft: "0",
-    textAlign: "center",
-    width: 130,
-    maxWidth: 130
-  },
-  /** Styles applied to the cell when its variant is list and checkbox. */
-  variantListcheckbox: {
-    borderRight: "none",
-    padding: 0,
-    textAlign: "center",
-    width: 34,
-    maxWidth: 34
-  },
-  /** Styles applied to the cell when it's part of a sticky column. */
-  stickyColumn: {
-    position: "sticky",
-    zIndex: 2,
-    backgroundColor: uikitStyles.theme.colors.bgPage,
-    "&$groupColumnMostRight+$stickyColumn": {
-      borderLeft: 0
-    }
-  },
-  /** Styles applied to the cell when it's part of the last sticky to the left column. */
-  stickyColumnMostLeft: {
-    borderRightWidth: 1
-  },
-  /** Styles applied to the cell when it's part of the first right sticky column. */
-  stickyColumnLeastRight: {
-    borderLeftWidth: 1
-  },
-  /** Styles applied to the cell when it's part of the first column in the group. */
-  groupColumnMostLeft: {
-    borderLeftWidth: 1,
-    "&:first-of-type": {
-      borderLeftWidth: 0
-    }
-  },
-  /** Styles applied to the cell when it's part of the last column in the group. */
-  groupColumnMostRight: {
-    borderRightWidth: 1,
-    // due to the ":has()" selector not being supported in browsers,
-    // this need to be managed with inline styles
-    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)
-    // "&:last-child,&:has(+ $stickyColumnLeastRight)": {
-    "&:last-child": {
-      borderRightWidth: 0
-    },
-    "&+:not($stickyColumn)": {
-      borderLeftWidth: 0
-    }
-  },
-  /** Styles applied to the cell when it's part of a resizable column. */
-  resizable: {
-    borderRightWidth: 1
-  },
-  /** Styles applied to the cell when it's part of a resizing column. */
-  resizing: {
-    borderRight: `2px solid ${uikitStyles.theme.colors.primaryStrong}`
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Table/TableContainer/TableContainer.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const TableContainer_styles = require("./TableContainer.styles.cjs");
-const HvTableContainer = React.forwardRef(
-  function HvTableContainer2(props, ref) {
-    const {
-      classes: classesProp,
-      className,
-      component,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvTableContainer", props);
-    const { classes, cx } = TableContainer_styles.useClasses(classesProp);
-    const Component = component || "div";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        className: cx(classes.root, className),
-        ...others
-      }
-    );
-  }
-);
-exports.tableContainerClasses = TableContainer_styles.staticClasses;
-exports.HvTableContainer = HvTableContainer;

package/dist/cjs/Table/TableContainer/TableContainer.styles.cjs

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableContainer", {
-  root: {
-    width: "100%",
-    overflow: "auto",
-    // extra padding to avoid cutting focus rings in the last line
-    paddingBottom: 3
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Table/TableContext.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const React = require("react");
-const TableContext = React.createContext({});
-exports.default = TableContext;

package/dist/cjs/Table/TableHead/TableHead.cjs

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const TableContext = require("../TableContext.cjs");
-const TableSectionContext = require("../TableSectionContext.cjs");
-const TableHead_styles = require("./TableHead.styles.cjs");
-const tableSectionContext = {
-  type: "head"
-};
-const defaultComponent = "thead";
-const HvTableHead = React.forwardRef(
-  function HvTableHead2(props, ref) {
-    const {
-      classes: classesProp,
-      className,
-      component,
-      stickyHeader,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvTableHead", props);
-    const { classes, cx } = TableHead_styles.useClasses(classesProp);
-    const tableContext = React.useContext(TableContext.default);
-    const Component = component || tableContext?.components?.THead || defaultComponent;
-    return /* @__PURE__ */ jsxRuntime.jsx(TableSectionContext.TableSectionContext.Provider, { value: tableSectionContext, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        className: cx(
-          classes.root,
-          { [classes.stickyHeader]: stickyHeader },
-          className
-        ),
-        ref,
-        role: Component === defaultComponent ? null : "rowgroup",
-        ...others
-      }
-    ) });
-  }
-);
-exports.tableHeadClasses = TableHead_styles.staticClasses;
-exports.HvTableHead = HvTableHead;

package/dist/cjs/Table/TableHead/TableHead.styles.cjs

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableHead", {
-  root: {},
-  stickyHeader: { position: "sticky", zIndex: 3, top: 0 }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Table/TableHeader/TableHeader.cjs

@@ -1,129 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const icons = require("../../icons.cjs");
-const helpers = require("../../utils/helpers.cjs");
-const TableContext = require("../TableContext.cjs");
-const TableSectionContext = require("../TableSectionContext.cjs");
-const TableHeader_styles = require("./TableHeader.styles.cjs");
-const utils = require("./utils.cjs");
-const Button = require("../../Button/Button.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const defaultComponent = "th";
-const HvTableHeader = React.forwardRef(
-  function HvTableHeader2(props, ref) {
-    const {
-      children,
-      component,
-      className,
-      style: styleProp,
-      classes: classesProp,
-      scope: scopeProp,
-      align = "inherit",
-      variant = "default",
-      type: typeProp,
-      stickyColumn = false,
-      stickyColumnMostLeft = false,
-      stickyColumnLeastRight = false,
-      groupColumnMostLeft = false,
-      groupColumnMostRight = false,
-      sortDirection = "none",
-      sorted,
-      sortable,
-      headerTextProps,
-      resizerProps = {},
-      resizable = false,
-      resizing = false,
-      sortButtonProps,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvTableHeader", props);
-    const { classes, cx } = TableHeader_styles.useClasses(classesProp);
-    const tableContext = React.useContext(TableContext.default);
-    const tableSectionContext = React.useContext(TableSectionContext.TableSectionContext);
-    const type = typeProp || tableSectionContext?.type || "body";
-    const isHeadCell = type === "head";
-    const scope = scopeProp ?? (isHeadCell ? "col" : "row");
-    const Component = component || tableContext?.components?.Th || defaultComponent;
-    const role = Component === defaultComponent ? null : isHeadCell ? "columnheader" : "rowheader";
-    const paragraph = utils.isParagraph(children);
-    const style = stickyColumn ? { ...styleProp, position: "sticky" } : styleProp;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Component,
-      {
-        ref,
-        role,
-        scope,
-        style,
-        className: cx(
-          classes.root,
-          classes[type],
-          align !== "inherit" && classes[`align${helpers.capitalize(align)}`],
-          variant !== "default" && classes[`variant${helpers.capitalize(variant)}`],
-          {
-            [classes.groupColumnMostLeft]: groupColumnMostLeft,
-            [classes.groupColumnMostRight]: groupColumnMostRight,
-            [classes.sortable]: sortable,
-            [classes.sorted]: sorted,
-            [classes.resizable]: resizable,
-            [classes.resizing]: resizing,
-            [classes.stickyColumn]: stickyColumn,
-            [classes.stickyColumnMostLeft]: stickyColumnMostLeft,
-            [classes.stickyColumnLeastRight]: stickyColumnLeastRight,
-            [classes.variantList]: tableContext.variant === "listrow"
-          },
-          className
-        ),
-        "aria-sort": sortable ? sortDirection : void 0,
-        ...others,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: cx(
-                classes.headerContent,
-                align !== "inherit" && classes[`alignFlex${helpers.capitalize(align)}`]
-              ),
-              children: [
-                isHeadCell && sortable && /* @__PURE__ */ jsxRuntime.jsx(
-                  Button.HvButton,
-                  {
-                    className: classes.sortButton,
-                    icon: true,
-                    "aria-label": "Sort",
-                    ...sortButtonProps,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      icons.HvIcon,
-                      {
-                        name: utils.getSortIconName(sorted && sortDirection),
-                        className: classes.sortIcon
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Typography.HvTypography,
-                  {
-                    component: "div",
-                    className: cx({
-                      [classes.headerText]: !paragraph,
-                      [classes.headerParagraph]: paragraph,
-                      [classes.sortableHeaderText]: sortable
-                    }),
-                    variant: "label",
-                    ...headerTextProps,
-                    children
-                  }
-                )
-              ]
-            }
-          ),
-          resizable && /* @__PURE__ */ jsxRuntime.jsx("div", { ...resizerProps, className: classes.resizer })
-        ]
-      }
-    );
-  }
-);
-exports.tableHeaderClasses = TableHeader_styles.staticClasses;
-exports.HvTableHeader = HvTableHeader;

package/dist/cjs/Table/TableHeader/TableHeader.styles.cjs

@@ -1,153 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableHeader", {
-  root: {
-    "--first-row-cell-height": "52px",
-    "--cell-height": "32px",
-    height: "var(--cell-height)",
-    verticalAlign: "inherit",
-    alignContent: "inherit",
-    textAlign: "left",
-    padding: uikitStyles.theme.spacing(0, 1, 0, 4),
-    borderColor: uikitStyles.theme.colors.border,
-    borderBottomWidth: 1
-  },
-  head: {
-    paddingTop: 8,
-    verticalAlign: "top",
-    alignContent: "start",
-    ...uikitStyles.theme.typography.label,
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    borderBottomWidth: 1,
-    "*:first-of-type > &": {
-      height: "var(--first-row-cell-height)",
-      borderTop: "1px solid transparent"
-    },
-    "&$variantList": {
-      backgroundColor: "inherit",
-      borderBottomWidth: 0,
-      "*:first-of-type > &": {
-        borderTop: 0
-      }
-    },
-    "&$sortable": {
-      verticalAlign: "initial",
-      alignContent: "initial",
-      paddingTop: 0,
-      paddingLeft: 0,
-      cursor: "pointer",
-      ":hover, :focus-within": {
-        backgroundColor: uikitStyles.theme.colors.bgHover,
-        "& $sortIcon": {
-          opacity: 1
-        }
-      }
-    }
-  },
-  body: {
-    backgroundColor: "inherit",
-    ...uikitStyles.theme.typography.body,
-    ":where($sorted)": {
-      backgroundColor: uikitStyles.theme.alpha("bgContainer", 0.4)
-    },
-    "&$sortable:not($variantNone)": {
-      paddingLeft: 32
-    }
-  },
-  footer: {},
-  stickyColumn: {
-    position: "sticky",
-    zIndex: 2,
-    "&$groupColumnMostRight+$stickyColumn": {
-      borderLeftWidth: 0
-    }
-  },
-  stickyColumnMostLeft: { borderRightWidth: 1 },
-  stickyColumnLeastRight: { borderLeftWidth: 1 },
-  groupColumnMostLeft: { borderLeftWidth: 1 },
-  groupColumnMostRight: {
-    borderRightWidth: 1,
-    // due to the ":has()" selector not being supported in browsers,
-    // this need to be managed with inline styles
-    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)
-    // "&:last-child,&:has(+ $stickyColumnLeastRight)": {
-    "&:last-child": {
-      borderRightWidth: 0
-    },
-    "&+:not($stickyColumn)": {
-      borderLeftWidth: 0
-    }
-  },
-  headerContent: { display: "flex", alignItems: "flex-start", width: "100%" },
-  headerText: { overflow: "hidden", textOverflow: "ellipsis" },
-  headerParagraph: { overflow: "hidden", display: "-webkit-box" },
-  sortableHeaderText: { paddingTop: "8px" },
-  sorted: {
-    "& $sortIcon": {
-      opacity: 1
-    }
-  },
-  sortable: {},
-  sortButton: {
-    paddingLeft: 4,
-    paddingTop: 4,
-    ":focus-visible": {
-      boxShadow: "none",
-      backgroundColor: "transparent"
-    }
-  },
-  sortIcon: { opacity: 0 },
-  alignLeft: { textAlign: "left" },
-  alignRight: { textAlign: "right", flexDirection: "row-reverse" },
-  alignCenter: { textAlign: "center" },
-  alignJustify: { textAlign: "justify" },
-  alignFlexLeft: { justifyContent: "flex-start" },
-  alignFlexRight: { justifyContent: "flex-end" },
-  alignFlexCenter: { justifyContent: "center" },
-  alignFlexJustify: { textAlign: "justify" },
-  variantCheckbox: {
-    padding: 0,
-    width: 32,
-    maxWidth: 32,
-    borderRightWidth: 1
-  },
-  variantExpand: {},
-  variantActions: {
-    padding: 0,
-    width: 32,
-    maxWidth: 32,
-    borderLeftWidth: 1
-  },
-  variantNone: { padding: 0 },
-  variantList: {
-    backgroundColor: "inherit",
-    borderBottomWidth: 0,
-    height: 16,
-    ":first-of-type > &": {
-      borderTopWidth: 0,
-      height: 16
-    }
-  },
-  resizable: {
-    borderRightWidth: 1,
-    ":has($resizer:hover)": {
-      borderRight: `2px solid ${uikitStyles.theme.colors.primaryStrong}`
-    }
-  },
-  resizing: { borderRight: `2px solid ${uikitStyles.theme.colors.primaryStrong}` },
-  resizer: {
-    display: "inline-block",
-    width: 16,
-    height: "100%",
-    position: "absolute",
-    right: 0,
-    top: 0,
-    transform: "translateX(50%)",
-    zIndex: 1,
-    touchAction: "none"
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Table/TableHeader/utils.cjs

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const getSortIconName = (dir) => {
-  switch (dir) {
-    case "ascending":
-      return "SortAsc";
-    case "descending":
-      return "SortDesc";
-    default:
-      return "Sort";
-  }
-};
-const isParagraph = (children) => {
-  return typeof children === "string" && /\s/.test(children);
-};
-exports.getSortIconName = getSortIconName;
-exports.isParagraph = isParagraph;

package/dist/cjs/Table/TableRow/TableRow.cjs

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const TableContext = require("../TableContext.cjs");
-const TableSectionContext = require("../TableSectionContext.cjs");
-const TableRow_styles = require("./TableRow.styles.cjs");
-const defaultComponent = "tr";
-const HvTableRow = React.forwardRef(
-  function HvTableRow2(props, ref) {
-    const {
-      classes: classesProp,
-      className,
-      component,
-      hover = false,
-      selected = false,
-      expanded = false,
-      striped = false,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvTableRow", props);
-    const { classes, cx } = TableRow_styles.useClasses(classesProp);
-    const tableContext = React.useContext(TableContext.default);
-    const tableSectionContext = React.useContext(TableSectionContext.TableSectionContext);
-    const type = tableSectionContext?.type || "body";
-    const isList = tableContext.variant === "listrow";
-    const Component = component || tableContext?.components?.Tr || defaultComponent;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        className: cx(
-          tableSectionContext.filterClassName,
-          classes.root,
-          classes[type],
-          {
-            [classes.hover]: hover,
-            [classes.selected]: selected,
-            [classes.expanded]: expanded,
-            [classes.striped]: striped,
-            [classes.variantList]: isList && type === "body",
-            [classes.variantListHead]: isList && type === "head"
-          },
-          className
-        ),
-        role: Component === defaultComponent ? null : "row",
-        ...others
-      }
-    );
-  }
-);
-exports.tableRowClasses = TableRow_styles.staticClasses;
-exports.HvTableRow = HvTableRow;