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

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

@@ -1,87 +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 getBorderStyles = (color, rowBorderRadius) => {
-  return {
-    "& td": {
-      borderTop: `1px solid ${color}`,
-      borderBottom: `1px solid ${color}`
-    },
-    "& td:first-of-type": {
-      borderLeft: `1px solid ${color}`,
-      borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`
-    },
-    "& td:last-of-type": {
-      borderRight: `1px solid ${color}`,
-      borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`
-    }
-  };
-};
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableRow", {
-  /** Styles applied to the component root class. */
-  root: {
-    color: "inherit",
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    verticalAlign: "middle",
-    alignContent: "center",
-    outline: 0,
-    ":is($hover,$striped):hover": {
-      backgroundColor: uikitStyles.theme.colors.bgHover
-    }
-  },
-  /** Styles applied to the component root when inside a `HvTableHead`. */
-  head: {},
-  /** Styles applied to the component root when inside a `HvTableBody`. */
-  body: {},
-  /** Styles applied to the component root when inside a `HvTableFooter`. */
-  footer: {},
-  /** Styles applied to the component root when selected. */
-  selected: {
-    backgroundColor: uikitStyles.theme.colors.bgPage
-  },
-  /** Styles applied to the component root when expanded. */
-  expanded: {
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    "& > *[role=cell]": {
-      borderBottom: "none"
-    }
-  },
-  /** Styles applied to the component root when striped. */
-  striped: {
-    "&:nth-of-type(even)": {
-      backgroundColor: uikitStyles.theme.alpha("bgContainer", 0.6)
-    },
-    "&:nth-of-type(odd)": {
-      backgroundColor: "transparent"
-    }
-  },
-  /** Styles applied to the component root on hover. */
-  hover: {},
-  /** Styles applied to the component root when its table variant is list. */
-  variantList: {
-    // only applied on custom `display`
-    marginBottom: uikitStyles.theme.space.xs,
-    borderRadius: uikitStyles.theme.radii.round,
-    ...getBorderStyles(uikitStyles.theme.colors.border, uikitStyles.theme.radii.round),
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    "&$selected": {
-      ...getBorderStyles(uikitStyles.theme.colors.text, uikitStyles.theme.radii.round),
-      "&:hover": {
-        ...getBorderStyles(uikitStyles.theme.colors.border, uikitStyles.theme.radii.round)
-      }
-    },
-    "&:hover": {
-      ...getBorderStyles(uikitStyles.theme.colors.border, uikitStyles.theme.radii.round)
-    },
-    "&.HvIsFocused": {
-      borderRadius: uikitStyles.theme.radii.round
-    }
-  },
-  /** Styles applied to the component root when its table variant is list. */
-  variantListHead: {
-    backgroundColor: "transparent"
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Table/TableSection/TableSection.cjs

@@ -1,23 +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 useUniqueId = require("../../hooks/useUniqueId.cjs");
-const TableSection_styles = require("./TableSection.styles.cjs");
-const Section = require("../../Section/Section.cjs");
-const HvTableSection = React.forwardRef(
-  function HvTableSection2(props, ref) {
-    const {
-      id,
-      classes: classesProp,
-      children,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvTableSection", props);
-    const { classes } = TableSection_styles.useClasses(classesProp);
-    const elementId = useUniqueId.useUniqueId(id);
-    return /* @__PURE__ */ jsxRuntime.jsx(Section.HvSection, { id: elementId, ref, classes, ...others, children });
-  }
-);
-exports.tableSectionClasses = TableSection_styles.staticClasses;
-exports.HvTableSection = HvTableSection;

package/dist/cjs/Table/TableSection/TableSection.styles.cjs

@@ -1,100 +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 Pagination_styles = require("../../Pagination/Pagination.styles.cjs");
-require("../../Pagination/Pagination.cjs");
-const BulkActions_styles = require("../../BulkActions/BulkActions.styles.cjs");
-require("../../BulkActions/BulkActions.cjs");
-const TableCell_styles = require("../TableCell/TableCell.styles.cjs");
-require("../TableCell/TableCell.cjs");
-const TableRow_styles = require("../TableRow/TableRow.styles.cjs");
-require("../TableRow/TableRow.cjs");
-const TableHeader_styles = require("../TableHeader/TableHeader.styles.cjs");
-require("../TableHeader/TableHeader.cjs");
-const TableContainer_styles = require("../TableContainer/TableContainer.styles.cjs");
-require("../TableContainer/TableContainer.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableSection", {
-  root: {},
-  header: {},
-  actions: {},
-  content: {
-    marginTop: 0,
-    padding: 0,
-    // Apply border radius to the first child if there's not an header
-    "&:first-of-type": {
-      "& > :first-of-type": {
-        borderTopLeftRadius: "inherit",
-        borderTopRightRadius: "inherit"
-      }
-    },
-    "& > :last-child": {
-      borderBottomLeftRadius: "inherit",
-      borderBottomRightRadius: "inherit"
-    },
-    [`& .${TableContainer_styles.staticClasses.root}`]: {
-      paddingBottom: 0,
-      borderTopLeftRadius: "inherit",
-      borderTopRightRadius: "inherit"
-    },
-    [`& .${TableHeader_styles.staticClasses.head}`]: {
-      backgroundColor: uikitStyles.theme.colors.bgPage,
-      borderBottomColor: uikitStyles.theme.colors.bgPageSecondary,
-      [`&.${TableHeader_styles.staticClasses.variantCheckbox}`]: {
-        borderRight: "none"
-      },
-      [`&.${TableHeader_styles.staticClasses.variantActions}`]: {
-        borderLeft: "none"
-      }
-    },
-    // Remove border for the last table row
-    [`& .${TableRow_styles.staticClasses.root}`]: {
-      "&:last-child": {
-        [`& .${TableCell_styles.staticClasses.root}`]: { borderBottom: "none" }
-      }
-    },
-    [`& .${TableCell_styles.staticClasses.root}`]: {
-      borderBottomColor: uikitStyles.theme.colors.borderSubtle
-    },
-    [`& .${TableCell_styles.staticClasses.variantCheckbox}`]: {
-      borderRight: "none"
-    },
-    [`& .${TableCell_styles.staticClasses.variantActions}`]: {
-      borderLeft: "none"
-    },
-    [`& .${BulkActions_styles.staticClasses.root}`]: {
-      marginBottom: 0,
-      border: "none",
-      borderBottom: `1px solid ${uikitStyles.theme.colors.borderSubtle}`,
-      padding: uikitStyles.theme.spacing("xs", "sm")
-    },
-    [`& .${Pagination_styles.staticClasses.root}`]: {
-      margin: 0,
-      backgroundColor: uikitStyles.theme.colors.bgPage,
-      padding: uikitStyles.theme.space.xs,
-      borderTop: `1px solid ${uikitStyles.theme.colors.borderSubtle}`,
-      borderBottomLeftRadius: "inherit",
-      borderBottomRightRadius: "inherit"
-    },
-    [`& .${Pagination_styles.staticClasses.pageSizeOptions}`]: {
-      left: uikitStyles.theme.space.sm
-    },
-    [`& .${Pagination_styles.staticClasses.pageSizeHeader}`]: {
-      border: "none",
-      "&:hover": {
-        border: "none"
-      }
-    }
-  },
-  hidden: {},
-  raisedHeader: {
-    "& $content": {
-      paddingTop: 0
-    }
-  },
-  hasHeader: {},
-  /** @deprecated use `hasHeader` instead */
-  spaceTop: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Table/TableSectionContext.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const TableSectionContext = React.createContext({});
-exports.TableSectionContext = TableSectionContext;

package/dist/cjs/Table/hooks/useHvBulkActions.cjs

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const reactTable = require("react-table");
-const useInstanceHook = (instance) => {
-  const { plugins, page, toggleAllPageRowsSelected, toggleAllRowsSelected } = instance;
-  reactTable.ensurePluginOrder(plugins, ["useHvRowSelection"], "useHvBulkActions");
-  const getInstance = reactTable.useGetLatest(instance);
-  const getHvBulkActionsProps = reactTable.makePropGetter(
-    instance.getHooks().getHvBulkActionsProps,
-    {
-      instance: getInstance()
-    }
-  );
-  const isPaginated = !!page;
-  const invertedToggleAllRowsSelected = React.useCallback(() => {
-    if (!isPaginated) return toggleAllRowsSelected();
-    const {
-      aditivePageBulkSelection: additivePageBulkSelection,
-      subtractivePageBulkDeselection,
-      isNoRowsSelected,
-      isNoPageRowsSelected,
-      isAllSelectablePageRowsSelected,
-      isAllSelectablePageRowsUnselected
-    } = getInstance();
-    if (additivePageBulkSelection && subtractivePageBulkDeselection) {
-      return toggleAllPageRowsSelected(!isAllSelectablePageRowsSelected);
-    }
-    if (additivePageBulkSelection && !subtractivePageBulkDeselection) {
-      if (!isAllSelectablePageRowsSelected) {
-        return toggleAllPageRowsSelected(true);
-      }
-      return toggleAllRowsSelected(false);
-    }
-    if (!additivePageBulkSelection && !subtractivePageBulkDeselection) {
-      if (isNoRowsSelected) {
-        return toggleAllPageRowsSelected(true);
-      }
-      return toggleAllRowsSelected(false);
-    }
-    if (!additivePageBulkSelection && subtractivePageBulkDeselection) {
-      if (isNoRowsSelected) {
-        return toggleAllPageRowsSelected(true);
-      }
-      if (!isAllSelectablePageRowsUnselected) {
-        return toggleAllPageRowsSelected(false);
-      }
-      if (!isNoPageRowsSelected) {
-        return toggleAllPageRowsSelected(false);
-      }
-      return toggleAllRowsSelected(false);
-    }
-    return toggleAllPageRowsSelected();
-  }, [
-    getInstance,
-    isPaginated,
-    toggleAllPageRowsSelected,
-    toggleAllRowsSelected
-  ]);
-  Object.assign(instance, {
-    getHvBulkActionsProps,
-    invertedToggleAllRowsSelected,
-    aditivePageBulkSelection: !!instance.aditivePageBulkSelection,
-    subtractivePageBulkDeselection: !!instance.subtractivePageBulkDeselection
-  });
-};
-const defaultGetHvBulkActionsProps = (props, { instance }) => {
-  const {
-    rows,
-    initialRows,
-    selectedFlatRows,
-    state: { selectedRowIds = {} } = {},
-    page,
-    toggleAllRowsSelected,
-    invertedToggleAllRowsSelected,
-    showSelectAllPages = true,
-    applyToggleAllRowsSelectedToPrefilteredRows
-  } = instance;
-  const isPaginated = !!page;
-  const nextProps = {
-    numTotal: applyToggleAllRowsSelectedToPrefilteredRows ? initialRows.length : rows.length,
-    numSelected: applyToggleAllRowsSelectedToPrefilteredRows ? Object.keys(selectedRowIds).length : selectedFlatRows.length,
-    showSelectAllPages: showSelectAllPages && isPaginated,
-    onSelectAll: invertedToggleAllRowsSelected,
-    onSelectAllPages: toggleAllRowsSelected
-  };
-  return [props, nextProps];
-};
-const useHvBulkActions = (hooks) => {
-  hooks.getHvBulkActionsProps = [defaultGetHvBulkActionsProps];
-  hooks.useInstance.push(useInstanceHook);
-};
-useHvBulkActions.pluginName = "useHvBulkActions";
-exports.useHvBulkActions = useHvBulkActions;

package/dist/cjs/Table/hooks/useHvFilters.cjs

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactTable = require("react-table");
-const useHvFilters = reactTable.useFilters.bind({});
-useHvFilters.pluginName = "useHvFilters";
-exports.useHvFilters = useHvFilters;

package/dist/cjs/Table/hooks/useHvGlobalFilter.cjs

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactTable = require("react-table");
-const useHvGlobalFilter = reactTable.useGlobalFilter.bind({});
-useHvGlobalFilter.pluginName = "useHvGlobalFilter";
-exports.useHvGlobalFilter = useHvGlobalFilter;

package/dist/cjs/Table/hooks/useHvHeaderGroups.cjs

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const replaceHeaderPlaceholders = (headerGroups) => {
-  const [headerGroup] = headerGroups;
-  const hasPlaceholderHeaders = headerGroup.headers.some(
-    (h) => h.placeholderOf != null
-  );
-  if (!hasPlaceholderHeaders) {
-    return;
-  }
-  const maxDepth = headerGroups.length - 1;
-  const leafGroup = headerGroups[maxDepth];
-  headerGroup.headers.forEach((header, position) => {
-    const { placeholderOf } = header;
-    const isPlaceholderHeader = placeholderOf != null;
-    if (isPlaceholderHeader) {
-      const leafIndex = leafGroup.headers.slice(position).findIndex(({ id }) => id === placeholderOf.id) + position;
-      header.variant = placeholderOf.variant;
-      header.depth = maxDepth;
-      leafGroup.headers[leafIndex] = header;
-      placeholderOf.rowSpan = maxDepth + 1;
-      headerGroup.headers[position] = placeholderOf;
-    }
-  });
-};
-const getCellProps = (column, isHeaderCell = false) => ({
-  groupColumnMostLeft: column.isGroupLeftColumn,
-  groupColumnMostRight: column.isGroupRightColumn,
-  rowSpan: isHeaderCell && column.rowSpan != null ? column.rowSpan : 1
-});
-const getHeaderPropsHook = (props, { instance, column }) => {
-  const nextProps = instance.hasGroupedColumns ? getCellProps(column, true) : {};
-  if (instance.hasGroupedColumns) {
-    const isPlaceholder = column.placeholderOf != null;
-    nextProps.style = {
-      display: isPlaceholder ? "none" : props.style?.display
-    };
-    if (instance.hasStickyColumns) {
-      if (isPlaceholder) {
-        nextProps.style.display = "inline-flex";
-        nextProps.style.visibility = "hidden";
-      }
-      if (column.parent || isPlaceholder) {
-        nextProps.style.marginTop = `calc(var(--cell-height) * -1)`;
-      }
-      if (column.rowSpan > 1) {
-        nextProps.style.height = `calc(var(--first-row-cell-height) + var(--cell-height) * ${column.rowSpan - 1})`;
-      }
-    }
-  }
-  return [props, nextProps];
-};
-const getCellPropsHook = (props, { instance, cell }) => {
-  const nextProps = instance.hasGroupedColumns ? getCellProps(cell.column) : {};
-  return [props, nextProps];
-};
-const visibleColumnsHook = (visibleColumns, { instance }) => {
-  const parentList = /* @__PURE__ */ new Set();
-  visibleColumns.forEach(({ parent }) => {
-    if (parent != null && !parentList.has(parent)) {
-      parentList.add(parent);
-    }
-  });
-  const hasGroupedColumns = parentList.size > 0;
-  if (hasGroupedColumns) {
-    parentList.forEach((parent) => {
-      parent.align = "center";
-      parent.isGroupLeftColumn = true;
-      parent.isGroupRightColumn = true;
-      const { columns } = parent;
-      columns[0].isGroupLeftColumn = true;
-      columns[columns.length - 1].isGroupRightColumn = true;
-    });
-  }
-  Object.assign(instance, { hasGroupedColumns });
-  return visibleColumns;
-};
-const useInstanceHook = (instance) => {
-  if (instance.hasGroupedColumns) {
-    replaceHeaderPlaceholders(instance.headerGroups);
-  }
-};
-const useHvHeaderGroups = (hooks) => {
-  hooks.visibleColumns.push(visibleColumnsHook);
-  hooks.useInstance.push(useInstanceHook);
-  hooks.getHeaderProps.push(getHeaderPropsHook);
-  hooks.getCellProps.push(getCellPropsHook);
-};
-useHvHeaderGroups.pluginName = "useHvHeaderGroups";
-exports.useHvHeaderGroups = useHvHeaderGroups;

package/dist/cjs/Table/hooks/useHvPagination.cjs

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactTable = require("react-table");
-const useInstanceHook = (instance) => {
-  reactTable.ensurePluginOrder(
-    instance.plugins,
-    [
-      "usePagination",
-      "useHvGlobalFilter",
-      "useHvFilters",
-      "useGroupBy",
-      "useHvSortBy",
-      "useHvRowExpand"
-    ],
-    "useHvPagination"
-  );
-  const getInstance = reactTable.useGetLatest(instance);
-  const getHvPaginationProps = reactTable.makePropGetter(
-    instance.getHooks().getHvPaginationProps,
-    {
-      instance: getInstance()
-    }
-  );
-  Object.assign(instance, {
-    getHvPaginationProps
-  });
-};
-const defaultGetHvPaginationProps = (props, { instance }) => {
-  const {
-    canPreviousPage,
-    canNextPage,
-    pageOptions,
-    gotoPage,
-    setPageSize,
-    state: { pageSize, pageIndex },
-    labels
-  } = instance;
-  const nextProps = {
-    canPrevious: canPreviousPage,
-    canNext: canNextPage,
-    pages: pageOptions.length,
-    page: pageIndex,
-    pageSize,
-    onPageChange: gotoPage,
-    onPageSizeChange: setPageSize,
-    labels
-  };
-  return [props, nextProps];
-};
-const useHvPagination = (hooks) => {
-  hooks.getHvPaginationProps = [defaultGetHvPaginationProps];
-  hooks.useInstance.push(useInstanceHook);
-};
-useHvPagination.pluginName = "useHvPagination";
-exports.useHvPagination = useHvPagination;

package/dist/cjs/Table/hooks/useHvResizeColumns.cjs

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactTable = require("react-table");
-const getHeaderPropsHook = (props, { column }) => {
-  const resizerProps = column.getResizerProps?.() || {};
-  resizerProps.onClick = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-  };
-  const nextProps = {
-    resizable: column.canResize,
-    resizing: column.isResizing,
-    resizerProps
-  };
-  return [props, nextProps];
-};
-const getCellPropsHook = (props, { cell }) => {
-  const nextProps = {
-    resizable: cell.column.canResize,
-    resizing: cell.column.isResizing
-  };
-  return [props, nextProps];
-};
-const useInstanceHook = (instance) => {
-  reactTable.ensurePluginOrder(
-    instance.plugins,
-    ["useResizeColumns"],
-    "useHvResizeColumns"
-  );
-};
-const useHvResizeColumns = (hooks) => {
-  hooks.getHeaderProps.push(getHeaderPropsHook);
-  hooks.getCellProps.push(getCellPropsHook);
-  hooks.useInstance.push(useInstanceHook);
-};
-useHvResizeColumns.pluginName = "useHvResizeColumns";
-exports.useHvResizeColumns = useHvResizeColumns;

package/dist/cjs/Table/hooks/useHvRowExpand.cjs

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const useLabels = require("../../hooks/useLabels.cjs");
-const icons = require("../../icons.cjs");
-const Button = require("../../Button/Button.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const DEFAULT_LABELS = {
-  expandRowButtonAriaLabel: "Expand this row",
-  collapseRowButtonAriaLabel: "Collapse this row"
-};
-const CellWithExpandButton = ({
-  row,
-  cell,
-  labels: labelsProp
-}) => {
-  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
-  const rowProps = row.getToggleRowExpandedProps?.();
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Button.HvButton,
-      {
-        icon: true,
-        "aria-label": row.isExpanded ? labels.collapseRowButtonAriaLabel : labels.expandRowButtonAriaLabel,
-        "aria-expanded": row.isExpanded,
-        onClick: rowProps?.onClick,
-        children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "CaretDown", size: "xs", rotate: row.isExpanded })
-      }
-    ),
-    cell?.value && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "label", component: "span", children: cell.value })
-  ] });
-};
-const visibleColumnsHook = (columns, { instance }) => {
-  if (instance.disableCreateExpandButton) {
-    return columns;
-  }
-  const firstDataColumnIndex = columns.findIndex(
-    (c) => !c.id?.startsWith("_hv_")
-  );
-  if (firstDataColumnIndex !== -1) {
-    const firstDataColumn = columns[firstDataColumnIndex];
-    if (firstDataColumn.Cell === CellWithExpandButton) return columns;
-    if (firstDataColumn.Cell == null) {
-      firstDataColumn.Cell = CellWithExpandButton;
-      firstDataColumn.variant = "expand";
-      return columns;
-    }
-  }
-  const expandColumn = {
-    id: "_hv_expand",
-    variant: "none",
-    width: 32,
-    // this will only work when using useHvTableSticky
-    // but ensures it stays left of any sticky column
-    sticky: "left",
-    Cell: CellWithExpandButton
-  };
-  const columnsCopy = [...columns];
-  columnsCopy.splice(
-    firstDataColumnIndex !== -1 ? firstDataColumnIndex : 0,
-    0,
-    expandColumn
-  );
-  return columnsCopy;
-};
-const getRowPropsHook = (props, { row }) => {
-  const nextProps = {
-    expanded: row.isExpanded
-  };
-  return [props, nextProps];
-};
-const useHvRowExpand = (hooks) => {
-  hooks.visibleColumns.push(visibleColumnsHook);
-  hooks.getRowProps.push(getRowPropsHook);
-};
-useHvRowExpand.pluginName = "useHvRowExpand";
-exports.useHvRowExpand = useHvRowExpand;