@hitachivantara/uikit-react-core 5.82.3 → 5.83.0

package/dist/cjs/Input/Input.cjs

@@ -11,6 +11,7 @@ const useControlled = require("../hooks/useControlled.cjs");
 const useIsMounted = require("../hooks/useIsMounted.cjs");
 const useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
+const generic = require("../types/generic.cjs");
 const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const setId = require("../utils/setId.cjs");
 const Input_styles = require("./Input.styles.cjs");
@@ -46,7 +47,7 @@ const changeInputValue = (input, value = "") => {
   setInputValue?.call(input, value);
   input?.dispatchEvent(event);
 };
-const HvInput = React.forwardRef(function HvInput2(props, ref) {
+const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
   const {
     classes: classesProp,
     className,
@@ -123,7 +124,7 @@ const HvInput = React.forwardRef(function HvInput2(props, ref) {
   const performValidation = React.useCallback(() => {
     const inputValidity = validations.validateInput(
       inputRef.current,
-      value,
+      String(value),
       required,
       minCharQuantity,
       maxCharQuantity,
@@ -209,12 +210,12 @@ const HvInput = React.forwardRef(function HvInput2(props, ref) {
     if (eventTargetIsInsideContainer(suggestionsRef.current, event)) return;
     setFocused(false);
     const inputValidity = performValidation();
-    onBlur?.(event, value, inputValidity);
+    onBlur?.(event, String(value), inputValidity);
   };
   const onFocusHandler = (event) => {
     setFocused(true);
     setValidationState(utils$1.validationStates.standBy);
-    onFocus?.(event, value);
+    onFocus?.(event, String(value));
   };
   const getSuggestions = (li) => {
     const listEl = document.getElementById(
@@ -235,9 +236,9 @@ const HvInput = React.forwardRef(function HvInput2(props, ref) {
       const li = getSuggestions(0);
       li?.focus();
     } else if (keyboardUtils.isKey(event, "Enter")) {
-      onEnter?.(event, value);
+      onEnter?.(event, String(value));
     }
-    onKeyDown?.(event, value);
+    onKeyDown?.(event, String(value));
   };
   const onContainerBlurHandler = (event) => {
     if (event.relatedTarget) {
@@ -290,7 +291,7 @@ const HvInput = React.forwardRef(function HvInput2(props, ref) {
   ]);
   const handleSearch = React.useCallback(
     (event) => {
-      onEnter?.(event, value);
+      onEnter?.(event, String(value));
     },
     [onEnter, value]
   );
@@ -466,7 +467,7 @@ const HvInput = React.forwardRef(function HvInput2(props, ref) {
               onFocus: (event) => {
                 inputProps.onFocus?.(event);
                 if (canShowSuggestions && suggestOnFocus) {
-                  suggestionHandler(value);
+                  suggestionHandler(String(value));
                 }
               },
               onClick: (event) => {

package/dist/cjs/ListContainer/ListContext/ListContext.cjs

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const React = require("react");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const React__default = /* @__PURE__ */ _interopDefault(React);
-const ListContext = React__default.default.createContext({});
+const ListContext = React.createContext({});
 ListContext.displayName = "ListContext";
 exports.default = ListContext;

package/dist/cjs/Select/Option.cjs

@@ -42,8 +42,7 @@ const HvOption = generic.fixedForwardRef(function HvOption2(props, ref) {
       className: cx(classes.root, className, {
         [classes.highlighted]: highlighted
       }),
-      ...getRootProps(),
-      ...others,
+      ...getRootProps(others),
       children
     }
   );

package/dist/cjs/Select/Select.cjs

@@ -11,6 +11,7 @@ const useUniqueId = require("../hooks/useUniqueId.cjs");
 const generic = require("../types/generic.cjs");
 const document = require("../utils/document.cjs");
 const setId = require("../utils/setId.cjs");
+const Option = require("./Option.cjs");
 const Select_styles = require("./Select.styles.cjs");
 const FormElement = require("../FormElement/FormElement.cjs");
 const Label = require("../FormElement/Label/Label.cjs");
@@ -19,8 +20,6 @@ const DropdownButton = require("../DropdownButton/DropdownButton.cjs");
 const Panel = require("../Panel/Panel.cjs");
 const ListContainer = require("../ListContainer/ListContainer.cjs");
 const WarningText = require("../FormElement/WarningText/WarningText.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 function defaultRenderValue(options) {
   if (Array.isArray(options)) {
     if (options.length === 0) return null;
@@ -28,10 +27,13 @@ function defaultRenderValue(options) {
   }
   return options?.label ?? null;
 }
-const mergeIds = (...ids) => clsx__default.default(ids) || void 0;
+const mergeIds = (...ids) => clsx.clsx(ids) || void 0;
+function renderOptions(options) {
+  return options?.map((option) => /* @__PURE__ */ jsxRuntime.jsx(Option.HvOption, { ...option, children: option.label }, option.value));
+}
 const HvSelect = generic.fixedForwardRef(function HvSelect2(props, ref) {
   const {
-    children,
+    children: childrenProp,
     classes: classesProp,
     className,
     id: idProp,
@@ -120,6 +122,7 @@ const HvSelect = generic.fixedForwardRef(function HvSelect2(props, ref) {
   const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
   const isInvalid = validationState === "invalid";
   const actualValue = multiple ? value.map((v) => getOptionMetadata(v)).filter((v) => v !== void 0) : getOptionMetadata(value) ?? null;
+  const children = childrenProp ?? renderOptions(optionsProp);
   const isOpen = open && !!children;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     FormElement.HvFormElement,

package/dist/cjs/Slider/Slider.cjs

@@ -19,7 +19,7 @@ const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Slider__default = /* @__PURE__ */ _interopDefault(Slider);
 const Tooltip__default = /* @__PURE__ */ _interopDefault(Tooltip);
-const HvSlider = React.forwardRef((props, ref) => {
+const HvSlider = React.forwardRef(function HvSlider2(props, ref) {
   const {
     id,
     className,
@@ -163,7 +163,7 @@ const HvSlider = React.forwardRef((props, ref) => {
           minPointValue,
           stepValue
         );
-      }, void 0);
+      });
       return {
         knobsPosition: newKnobsPosition,
         knobsValues: knobsValues2

package/dist/cjs/Snackbar/SnackbarContent/SnackbarContent.cjs

@@ -10,7 +10,7 @@ const SnackbarContent_styles = require("./SnackbarContent.styles.cjs");
 const ActionsGeneric = require("../../ActionsGeneric/ActionsGeneric.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const SnackbarContent__default = /* @__PURE__ */ _interopDefault(SnackbarContent);
-const HvSnackbarContent = React.forwardRef((props, ref) => {
+const HvSnackbarContent = React.forwardRef(function HvSnackbarContent2(props, ref) {
   const {
     className,
     id,

package/dist/cjs/SnackbarProvider/SnackbarProvider.cjs

@@ -5,7 +5,7 @@ const React = require("react");
 const notistack = require("notistack");
 const SnackbarProvider_styles = require("./SnackbarProvider.styles.cjs");
 const SnackbarContent = require("../Snackbar/SnackbarContent/SnackbarContent.cjs");
-const HvNotistackSnackMessage = React.forwardRef((props, ref) => {
+const HvNotistackSnackMessage = React.forwardRef(function HvNotistackSnackMessage2(props, ref) {
   const { id, message, variant = "success", snackbarContentProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(notistack.SnackbarContent, { ref, children: /* @__PURE__ */ jsxRuntime.jsx(
     SnackbarContent.HvSnackbarContent,

package/dist/cjs/Table/TableBody/TableBody.cjs

@@ -2,6 +2,7 @@
 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 useForkRef = require("../../hooks/useForkRef.cjs");
 const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
@@ -13,14 +14,15 @@ const tableSectionContext = {
 };
 const defaultComponent = "tbody";
 const HvTableBody = React.forwardRef(
-  ({
-    classes: classesProp,
-    className,
-    component,
-    children,
-    withNavigation = false,
-    ...others
-  }, externalRef) => {
+  function HvTableBody2(props, externalRef) {
+    const {
+      classes: classesProp,
+      className,
+      component,
+      children,
+      withNavigation = false,
+      ...others
+    } = uikitReactUtils.useDefaultProps("HvTableBody", props);
     const { classes, cx } = TableBody_styles.useClasses(classesProp);
     const tableContext = React.useContext(TableContext.default);
     const bodyRef = React.useRef(null);

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

@@ -9,7 +9,7 @@ const TableSectionContext = require("../TableSectionContext.cjs");
 const TableCell_styles = require("./TableCell.styles.cjs");
 const defaultComponent = "td";
 const HvTableCell = React.forwardRef(
-  (props, externalRef) => {
+  function HvTableCell2(props, ref) {
     const {
       children,
       component,
@@ -37,7 +37,7 @@ const HvTableCell = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       Component,
       {
-        ref: externalRef,
+        ref,
         role: Component === defaultComponent ? null : "cell",
         style,
         className: cx(

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

@@ -2,15 +2,22 @@
 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(
-  ({ classes: classesProp, className, component, ...others }, externalRef) => {
+  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: externalRef,
+        ref,
         className: cx(classes.root, className),
         ...others
       }

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

@@ -2,6 +2,7 @@
 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");
@@ -10,7 +11,14 @@ const tableSectionContext = {
 };
 const defaultComponent = "thead";
 const HvTableHead = React.forwardRef(
-  ({ classes: classesProp, className, component, stickyHeader, ...others }, externalRef) => {
+  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;
@@ -22,7 +30,7 @@ const HvTableHead = React.forwardRef(
           { [classes.stickyHeader]: stickyHeader },
           className
         ),
-        ref: externalRef,
+        ref,
         role: Component === defaultComponent ? null : "rowgroup",
         ...others
       }

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

@@ -12,7 +12,7 @@ const Button = require("../../Button/Button.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const defaultComponent = "th";
 const HvTableHeader = React.forwardRef(
-  (props, externalRef) => {
+  function HvTableHeader2(props, ref) {
     const {
       children,
       component,
@@ -55,7 +55,7 @@ const HvTableHeader = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Component,
       {
-        ref: externalRef,
+        ref,
         role,
         scope,
         style,

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

@@ -8,7 +8,7 @@ const TableSectionContext = require("../TableSectionContext.cjs");
 const TableRow_styles = require("./TableRow.styles.cjs");
 const defaultComponent = "tr";
 const HvTableRow = React.forwardRef(
-  (props, externalRef) => {
+  function HvTableRow2(props, ref) {
     const {
       classes: classesProp,
       className,
@@ -28,7 +28,7 @@ const HvTableRow = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       Component,
       {
-        ref: externalRef,
+        ref,
         className: cx(
           tableSectionContext.filterClassName,
           classes.root,

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

@@ -2,7 +2,22 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const utils = require("../utils/utils.cjs");
+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: {
@@ -48,16 +63,16 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableRow"
     // only applied on custom `display`
     marginBottom: uikitStyles.theme.space.xs,
     borderRadius: uikitStyles.theme.radii.round,
-    ...utils.getBorderStyles(uikitStyles.theme.colors.atmo4, uikitStyles.theme.radii.round),
+    ...getBorderStyles(uikitStyles.theme.colors.atmo4, uikitStyles.theme.radii.round),
     backgroundColor: uikitStyles.theme.colors.atmo1,
     "&$selected": {
-      ...utils.getBorderStyles(uikitStyles.theme.colors.secondary, uikitStyles.theme.radii.round),
+      ...getBorderStyles(uikitStyles.theme.colors.secondary, uikitStyles.theme.radii.round),
       "&:hover": {
-        ...utils.getBorderStyles(uikitStyles.theme.colors.atmo4, uikitStyles.theme.radii.round)
+        ...getBorderStyles(uikitStyles.theme.colors.atmo4, uikitStyles.theme.radii.round)
       }
     },
     "&:hover": {
-      ...utils.getBorderStyles(uikitStyles.theme.colors.atmo4, uikitStyles.theme.radii.round)
+      ...getBorderStyles(uikitStyles.theme.colors.atmo4, uikitStyles.theme.radii.round)
     },
     "&.HvIsFocused": {
       borderRadius: uikitStyles.theme.radii.round

package/dist/cjs/Table/hooks/{useBulkActions.cjs → useHvBulkActions.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const reactTable = require("react-table");
 const useInstanceHook = (instance) => {
@@ -64,7 +64,7 @@ const useInstanceHook = (instance) => {
     subtractivePageBulkDeselection: !!instance.subtractivePageBulkDeselection
   });
 };
-const defaultgetHvBulkActionsProps = (props, { instance }) => {
+const defaultGetHvBulkActionsProps = (props, { instance }) => {
   const {
     rows,
     initialRows,
@@ -86,10 +86,9 @@ const defaultgetHvBulkActionsProps = (props, { instance }) => {
   };
   return [props, nextProps];
 };
-const useBulkActions = (hooks) => {
-  hooks.getHvBulkActionsProps = [defaultgetHvBulkActionsProps];
+const useHvBulkActions = (hooks) => {
+  hooks.getHvBulkActionsProps = [defaultGetHvBulkActionsProps];
   hooks.useInstance.push(useInstanceHook);
 };
-useBulkActions.pluginName = "useHvBulkActions";
-exports.default = useBulkActions;
-exports.defaultgetHvBulkActionsProps = defaultgetHvBulkActionsProps;
+useHvBulkActions.pluginName = "useHvBulkActions";
+exports.useHvBulkActions = useHvBulkActions;

package/dist/cjs/Table/hooks/{useFilters.cjs → useHvFilters.cjs}

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

package/dist/cjs/Table/hooks/{useGlobalFilter.cjs → useHvGlobalFilter.cjs}

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

package/dist/cjs/Table/hooks/{useHeaderGroups.cjs → useHvHeaderGroups.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const replaceHeaderPlaceholders = (headerGroups) => {
   const [headerGroup] = headerGroups;
   const hasPlaceholderHeaders = headerGroup.headers.some(
@@ -80,11 +80,11 @@ const useInstanceHook = (instance) => {
     replaceHeaderPlaceholders(instance.headerGroups);
   }
 };
-const useHeaderGroups = (hooks) => {
+const useHvHeaderGroups = (hooks) => {
   hooks.visibleColumns.push(visibleColumnsHook);
   hooks.useInstance.push(useInstanceHook);
   hooks.getHeaderProps.push(getHeaderPropsHook);
   hooks.getCellProps.push(getCellPropsHook);
 };
-useHeaderGroups.pluginName = "useHvHeaderGroups";
-exports.default = useHeaderGroups;
+useHvHeaderGroups.pluginName = "useHvHeaderGroups";
+exports.useHvHeaderGroups = useHvHeaderGroups;

package/dist/cjs/Table/hooks/{usePagination.cjs → useHvPagination.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const reactTable = require("react-table");
 const useInstanceHook = (instance) => {
   reactTable.ensurePluginOrder(
@@ -47,10 +47,10 @@ const defaultGetHvPaginationProps = (props, { instance }) => {
   };
   return [props, nextProps];
 };
-const usePagination = (hooks) => {
+const useHvPagination = (hooks) => {
   hooks.getHvPaginationProps = [defaultGetHvPaginationProps];
   hooks.useInstance.push(useInstanceHook);
 };
-usePagination.pluginName = "useHvPagination";
-exports.default = usePagination;
+useHvPagination.pluginName = "useHvPagination";
 exports.defaultGetHvPaginationProps = defaultGetHvPaginationProps;
+exports.useHvPagination = useHvPagination;

package/dist/cjs/Table/hooks/{useResizeColumns.cjs → useHvResizeColumns.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const reactTable = require("react-table");
 const getHeaderPropsHook = (props, { column }) => {
   const resizerProps = column.getResizerProps?.() || {};
@@ -28,10 +28,10 @@ const useInstanceHook = (instance) => {
     "useHvResizeColumns"
   );
 };
-const useResizeColumns = (hooks) => {
+const useHvResizeColumns = (hooks) => {
   hooks.getHeaderProps.push(getHeaderPropsHook);
   hooks.getCellProps.push(getCellPropsHook);
   hooks.useInstance.push(useInstanceHook);
 };
-useResizeColumns.pluginName = "useHvResizeColumns";
-exports.default = useResizeColumns;
+useHvResizeColumns.pluginName = "useHvResizeColumns";
+exports.useHvResizeColumns = useHvResizeColumns;

package/dist/cjs/Table/hooks/{useRowExpand.cjs → useHvRowExpand.cjs}

@@ -1,8 +1,9 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const useLabels = require("../../hooks/useLabels.cjs");
+const DefaultCell = require("../renderers/DefaultCell.cjs");
 const Button = require("../../Button/Button.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const DEFAULT_LABELS = {
@@ -39,7 +40,7 @@ const visibleColumnsHook = (columns, { instance }) => {
   );
   if (firstDataColumnIndex !== -1) {
     const firstDataColumn = columns[firstDataColumnIndex];
-    if (firstDataColumn.Cell == null) {
+    if (firstDataColumn.Cell == null || firstDataColumn.Cell !== DefaultCell.DefaultCell) {
       firstDataColumn.Cell = CellWithExpandButton;
       firstDataColumn.variant = "expand";
       return columns;
@@ -68,10 +69,10 @@ const getRowPropsHook = (props, { row }) => {
   };
   return [props, nextProps];
 };
-const useRowExpand = (hooks) => {
+const useHvRowExpand = (hooks) => {
   hooks.visibleColumns.push(visibleColumnsHook);
   hooks.getRowProps.push(getRowPropsHook);
 };
-useRowExpand.pluginName = "useHvRowExpand";
+useHvRowExpand.pluginName = "useHvRowExpand";
 exports.CellWithExpandButton = CellWithExpandButton;
-exports.default = useRowExpand;
+exports.useHvRowExpand = useHvRowExpand;

package/dist/cjs/Table/hooks/{useRowSelection.cjs → useHvRowSelection.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const reactTable = require("react-table");
@@ -425,7 +425,7 @@ function prepareRow(row, { instance }) {
   row.toggleRowLockedSelection = (set) => instance.toggleRowLockedSelection(row.id, set);
   row.isSelectionLocked = instance.state?.lockedSelectionRowIds?.[row.id] || false;
 }
-const useRowSelection = (hooks) => {
+const useHvRowSelection = (hooks) => {
   hooks.visibleColumns.push(visibleColumnsHook);
   hooks.getRowProps.push(getRowPropsHook);
   hooks.getHeaderProps.push(getHeaderPropsHook);
@@ -438,12 +438,8 @@ const useRowSelection = (hooks) => {
   hooks.useInstance.push(useInstance);
   hooks.prepareRow.push(prepareRow);
 };
-useRowSelection.pluginName = "useHvRowSelection";
-exports.CellWithCheckBox = CellWithCheckBox;
-exports.default = useRowSelection;
+useHvRowSelection.pluginName = "useHvRowSelection";
 exports.defaultGetToggleAllPageRowsSelectedProps = defaultGetToggleAllPageRowsSelectedProps;
 exports.defaultGetToggleAllRowsSelectedProps = defaultGetToggleAllRowsSelectedProps;
 exports.defaultGetToggleRowSelectedProps = defaultGetToggleRowSelectedProps;
-exports.prepareRow = prepareRow;
-exports.reducer = reducer;
-exports.useInstance = useInstance;
+exports.useHvRowSelection = useHvRowSelection;

package/dist/cjs/Table/hooks/{useRowState.cjs → useHvRowState.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const reactTable = require("react-table");
 const useHvRowState = reactTable.useRowState.bind({});
 useHvRowState.pluginName = "useHvRowState";
-exports.default = useHvRowState;
+exports.useHvRowState = useHvRowState;

package/dist/cjs/Table/hooks/{useSortBy.cjs → useHvSortBy.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const reactTable = require("react-table");
 const getHeaderPropsHook = (props, { instance, column }) => {
   const { isMultiSortEvent = (e) => e.shiftKey } = instance;
@@ -27,10 +27,10 @@ const getCellPropsHook = (props, { cell }) => {
 const useInstanceHook = (instance) => {
   reactTable.ensurePluginOrder(instance.plugins, ["useSortBy"], "useHvSortBy");
 };
-const useSortBy = (hooks) => {
+const useHvSortBy = (hooks) => {
   hooks.getHeaderProps.push(getHeaderPropsHook);
   hooks.getCellProps.push(getCellPropsHook);
   hooks.useInstance.push(useInstanceHook);
 };
-useSortBy.pluginName = "useHvSortBy";
-exports.default = useSortBy;
+useHvSortBy.pluginName = "useHvSortBy";
+exports.useHvSortBy = useHvSortBy;

package/dist/cjs/Table/hooks/{useSticky.cjs → useHvSticky.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const reactTable = require("react-table");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const isSticky = (value) => /left|right/i.test(value);
@@ -155,7 +155,7 @@ const getCellPropsHook = (props, { instance, cell }) => {
   const nextProps = instance.hasStickyColumns ? getCellProps(cell.column, false) : {};
   return [props, nextProps];
 };
-const useSticky = (hooks) => {
+const useHvTableSticky = (hooks) => {
   hooks.visibleColumns.push(visibleColumnsHook);
   hooks.useInstance.push(useInstanceHook);
   hooks.getTableProps.push(getTablePropsHook);
@@ -165,7 +165,5 @@ const useSticky = (hooks) => {
   hooks.getRowProps.push(getRowPropsHook);
   hooks.getCellProps.push(getCellPropsHook);
 };
-useSticky.pluginName = "useHvTableSticky";
-exports.default = useSticky;
-exports.getHeaderGroupPropsHook = getHeaderGroupPropsHook;
-exports.getTableHeadPropsHook = getTableHeadPropsHook;
+useHvTableSticky.pluginName = "useHvTableSticky";
+exports.useHvTableSticky = useHvTableSticky;

package/dist/cjs/Table/hooks/{useTable.cjs → useHvTable.cjs}

@@ -1,8 +1,9 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const reactTable = require("react-table");
-const useTableStyles = require("./useTableStyles.cjs");
+const DefaultCell = require("../renderers/DefaultCell.cjs");
+const useHvTableStyles = require("./useHvTableStyles.cjs");
 const toTitleCase = (str) => {
   return str.replace(/([^A-Z])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").toLowerCase().replace(/(^\w|\b\w)/g, (m) => m.toUpperCase()).replace(/\s+/g, " ").trim();
 };
@@ -63,16 +64,17 @@ function useHvTable(options, ...plugins) {
     (plugin) => plugin.pluginName === "useHvTableStyles"
   );
   if (indexOfHvTableStylesPlugin === -1) {
-    plugins.push(useTableStyles.default);
+    plugins.push(useHvTableStyles.useHvTableStyles);
   }
   return reactTable.useTable(
     {
       data,
       columns,
+      defaultColumn: { Cell: DefaultCell.DefaultCell },
       ...others
     },
     useHvTableSetup,
     ...plugins
   );
 }
-exports.default = useHvTable;
+exports.useHvTable = useHvTable;