@hitachivantara/uikit-react-core 6.8.1 → 6.9.0

package/dist/FileUploader/utils.js

@@ -1,13 +1,26 @@
-const units = ["B", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-const findBestUnit = (bytes, base = 1e3) => {
-  const i = bytes > 0 ? Math.floor(Math.log(bytes) / Math.log(base)) : 0;
-  const si = Math.min(i, units.length - 1);
-  return { unit: units[si], value: bytes / base ** si };
+//#region src/FileUploader/utils.ts
+var units = [
+	"B",
+	"kB",
+	"MB",
+	"GB",
+	"TB",
+	"PB",
+	"EB",
+	"ZB",
+	"YB"
+];
+var findBestUnit = (bytes, base = 1e3) => {
+	const i = bytes > 0 ? Math.floor(Math.log(bytes) / Math.log(base)) : 0;
+	const si = Math.min(i, units.length - 1);
+	return {
+		unit: units[si],
+		value: bytes / base ** si
+	};
 };
-const convertUnits = (bytes, base = 1e3) => {
-  const { unit, value } = findBestUnit(bytes, base);
-  return value.toFixed(2) + unit;
-};
-export {
-  convertUnits
+var convertUnits = (bytes, base = 1e3) => {
+	const { unit, value } = findBestUnit(bytes, base);
+	return value.toFixed(2) + unit;
 };
+//#endregion
+export { convertUnits };

package/dist/FilterGroup/Counter/Counter.js

@@ -1,47 +1,35 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useContext } from "react";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { HvFilterGroupContext } from "../FilterGroupContext.js";
 import { useClasses } from "./Counter.styles.js";
-import { staticClasses } from "./Counter.styles.js";
-const getExistingFiltersById = (idx, filterValues, filterOptions) => {
-  let total = 0;
-  filterValues[idx]?.forEach((fv) => {
-    if (filterOptions[idx]?.data.find((f) => f.id === fv)) {
-      total += 1;
-    }
-  });
-  return total;
-};
-const HvFilterGroupCounter = (props) => {
-  const {
-    className,
-    groupId,
-    classes: classesProp
-  } = useDefaultProps("HvFilterGroupCounter", props);
-  const { classes, cx } = useClasses(classesProp);
-  const {
-    filterOptions,
-    filterValues = [],
-    appliedFilters = []
-  } = useContext(HvFilterGroupContext);
-  const options = groupId && filterOptions.some((option) => option.id === groupId) ? [filterOptions.find((option) => option.id === groupId)] : filterOptions;
-  const optionIdx = filterOptions.findIndex((option) => option.id === groupId);
-  let groupsCounter = 0;
-  appliedFilters.forEach((fg, i) => {
-    groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);
-  });
-  const partialCounter = groupId ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0 : groupsCounter;
-  const totalCounter = options.reduce(
-    (acc, option) => acc + option.data.length,
-    0
-  );
-  return /* @__PURE__ */ jsxs("div", { className: cx(classes.root, className), children: [
-    partialCounter > 0 ? /* @__PURE__ */ jsx("p", { className: classes.partialCounter, children: partialCounter }) : partialCounter,
-    ` / ${totalCounter}`
-  ] });
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/FilterGroup/Counter/Counter.tsx
+var getExistingFiltersById = (idx, filterValues, filterOptions) => {
+	let total = 0;
+	filterValues[idx]?.forEach((fv) => {
+		if (filterOptions[idx]?.data.find((f) => f.id === fv)) total += 1;
+	});
+	return total;
 };
-export {
-  HvFilterGroupCounter,
-  staticClasses as filterGroupCounterClasses
+var HvFilterGroupCounter = (props) => {
+	const { className, groupId, classes: classesProp } = useDefaultProps("HvFilterGroupCounter", props);
+	const { classes, cx } = useClasses(classesProp);
+	const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(HvFilterGroupContext);
+	const options = groupId && filterOptions.some((option) => option.id === groupId) ? [filterOptions.find((option) => option.id === groupId)] : filterOptions;
+	const optionIdx = filterOptions.findIndex((option) => option.id === groupId);
+	let groupsCounter = 0;
+	appliedFilters.forEach((fg, i) => {
+		groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);
+	});
+	const partialCounter = groupId ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0 : groupsCounter;
+	const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(classes.root, className),
+		children: [partialCounter > 0 ? /* @__PURE__ */ jsx("p", {
+			className: classes.partialCounter,
+			children: partialCounter
+		}) : partialCounter, ` / ${totalCounter}`]
+	});
 };
+//#endregion
+export { HvFilterGroupCounter };

package/dist/FilterGroup/Counter/Counter.styles.js

@@ -1,17 +1,14 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const name = "HvFilterGroupCounter";
-const { staticClasses, useClasses } = createClasses(name, {
-  root: {
-    lineHeight: "34px",
-    marginRight: 10
-  },
-  partialCounter: {
-    display: "inline-block",
-    fontWeight: theme.fontWeights.normal
-  }
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+var { staticClasses, useClasses } = createClasses("HvFilterGroupCounter", {
+	root: {
+		lineHeight: "34px",
+		marginRight: 10
+	},
+	partialCounter: {
+		display: "inline-block",
+		fontWeight: theme.fontWeights.normal
+	}
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { useClasses };

package/dist/FilterGroup/FilterContent/FilterContent.js

@@ -1,182 +1,143 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { forwardRef, useState, useContext, useRef, useMemo } from "react";
-import { useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
-import { HvIcon } from "../../icons.js";
-import { setId } from "../../utils/setId.js";
-import { HvFilterGroupContext } from "../FilterGroupContext.js";
-import { useClasses } from "./FilterContent.styles.js";
-import { staticClasses } from "./FilterContent.styles.js";
-import { HvHeaderButton } from "./HeaderButton.js";
 import { HvTypography } from "../../Typography/Typography.js";
+import { setId } from "../../utils/setId.js";
+import { HvIcon } from "../../icons.js";
 import { HvBaseDropdown } from "../../BaseDropdown/BaseDropdown.js";
-import { HvFilterGroupLeftPanel } from "../LeftPanel/LeftPanel.js";
-import { HvFilterGroupRightPanel } from "../RightPanel/RightPanel.js";
-import { HvActionBar } from "../../ActionBar/ActionBar.js";
 import { HvButton } from "../../Button/Button.js";
+import { HvActionBar } from "../../ActionBar/ActionBar.js";
+import { HvFilterGroupContext } from "../FilterGroupContext.js";
 import { HvFilterGroupCounter } from "../Counter/Counter.js";
-const HvFilterGroupContent = forwardRef(function HvFilterGroupContent2(props, ref) {
-  const {
-    id,
-    status,
-    disabled = false,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    description,
-    "aria-describedby": ariaDescribedBy,
-    onChange,
-    onCancel,
-    onClear,
-    labels,
-    horizontalPlacement = "right",
-    disablePortal = true,
-    escapeWithReference = true,
-    height,
-    leftEmptyElement,
-    rightEmptyElement,
-    iconOnly,
-    classes: classesProp,
-    ...others
-  } = useDefaultProps("HvFilterGroupContent", props);
-  const [filterGroupOpen, setFilterGroupOpen] = useState(false);
-  const { classes } = useClasses(classesProp);
-  const { activeTheme } = useTheme();
-  const {
-    defaultValue,
-    filterValues,
-    rollbackFilters,
-    clearFilters,
-    applyFilters,
-    applyDisabled
-  } = useContext(HvFilterGroupContext);
-  const focusTarget = useRef(null);
-  const focusOnContainer = () => {
-    focusTarget.current?.focus();
-  };
-  const onApplyHandler = (event) => {
-    applyFilters();
-    onChange?.(event, filterValues);
-    setFilterGroupOpen(false);
-  };
-  const onCancelHandler = (event) => {
-    rollbackFilters();
-    onCancel?.(event);
-    setFilterGroupOpen(false);
-  };
-  const onClearHandler = (event) => {
-    clearFilters();
-    onClear?.(event);
-  };
-  const handleToggle = (event, open) => {
-    if (event === null) return;
-    setFilterGroupOpen(open);
-    if (!open) onCancelHandler?.(event);
-  };
-  const Header = useMemo(
-    () => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(HvIcon, { name: "Filters" }),
-      /* @__PURE__ */ jsx(HvTypography, { variant: "label", children: labels?.placeholder })
-    ] }),
-    [labels?.placeholder]
-  );
-  return /* @__PURE__ */ jsxs(
-    HvBaseDropdown,
-    {
-      ref,
-      id: setId(id, "dropdown"),
-      role: "combobox",
-      classes: {
-        root: classes.dropdown,
-        panel: classes.panel,
-        selection: classes.baseDropdownSelection,
-        header: classes.header
-      },
-      disabled,
-      disablePortal,
-      variableWidth: true,
-      expanded: filterGroupOpen,
-      placement: horizontalPlacement,
-      onToggle: handleToggle,
-      onClickOutside: onCancelHandler,
-      onContainerCreation: focusOnContainer,
-      placeholder: activeTheme?.name === "pentahoPlus" ? void 0 : Header,
-      adornment: activeTheme?.name === "pentahoPlus" ? void 0 : /* @__PURE__ */ jsx(HvFilterGroupCounter, {}),
-      popperProps: {
-        modifiers: [{ name: "preventOverflow", enabled: escapeWithReference }]
-      },
-      "aria-haspopup": "dialog",
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-invalid": status === "invalid" ? true : void 0,
-      "aria-errormessage": status === "invalid" ? setId(id, "error") : void 0,
-      "aria-describedby": [description && setId(id, "description"), ariaDescribedBy].join(" ").trim() || void 0,
-      ...activeTheme?.name === "pentahoPlus" && {
-        headerComponent: HvHeaderButton,
-        iconOnly,
-        title: labels?.placeholder,
-        count: filterValues?.flat().length ?? 0
-      },
-      ...others,
-      children: [
-        /* @__PURE__ */ jsx("div", { ref: focusTarget, tabIndex: -1 }),
-        /* @__PURE__ */ jsxs("div", { className: classes.root, style: { height }, children: [
-          /* @__PURE__ */ jsx(
-            HvFilterGroupLeftPanel,
-            {
-              id,
-              className: classes.leftSidePanel,
-              emptyElement: leftEmptyElement
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            HvFilterGroupRightPanel,
-            {
-              id,
-              className: classes.rightSidePanel,
-              emptyElement: rightEmptyElement,
-              labels
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(HvActionBar, { className: classes.actionBar, children: [
-          /* @__PURE__ */ jsx(
-            HvButton,
-            {
-              id: setId(id, "clearFilters-button"),
-              disabled: defaultValue ? defaultValue?.flat().length === filterValues?.flat().length : filterValues?.flat().length === 0,
-              variant: "secondaryGhost",
-              onClick: onClearHandler,
-              children: labels?.clearLabel
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: classes.space, children: " " }),
-          /* @__PURE__ */ jsxs("div", { className: classes.actions, children: [
-            /* @__PURE__ */ jsx(
-              HvButton,
-              {
-                id: setId(id, "apply-button"),
-                disabled: applyDisabled,
-                variant: "primary",
-                onClick: onApplyHandler,
-                className: classes.applyButton,
-                children: labels?.applyLabel
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              HvButton,
-              {
-                id: setId(id, "cancel-button"),
-                variant: "secondarySubtle",
-                onClick: onCancelHandler,
-                children: labels?.cancelLabel
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
+import { HvFilterGroupLeftPanel } from "../LeftPanel/LeftPanel.js";
+import { HvFilterGroupRightPanel } from "../RightPanel/RightPanel.js";
+import { useClasses } from "./FilterContent.styles.js";
+import { HvHeaderButton } from "./HeaderButton.js";
+import { useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
+import { forwardRef, useContext, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/FilterGroup/FilterContent/FilterContent.tsx
+var HvFilterGroupContent = forwardRef(function HvFilterGroupContent(props, ref) {
+	const { id, status, disabled = false, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onCancel, onClear, labels, horizontalPlacement = "right", disablePortal = true, escapeWithReference = true, height, leftEmptyElement, rightEmptyElement, iconOnly, classes: classesProp, ...others } = useDefaultProps("HvFilterGroupContent", props);
+	const [filterGroupOpen, setFilterGroupOpen] = useState(false);
+	const { classes } = useClasses(classesProp);
+	const { activeTheme } = useTheme();
+	const { defaultValue, filterValues, rollbackFilters, clearFilters, applyFilters, applyDisabled } = useContext(HvFilterGroupContext);
+	const focusTarget = useRef(null);
+	const focusOnContainer = () => {
+		focusTarget.current?.focus();
+	};
+	const onApplyHandler = (event) => {
+		applyFilters();
+		onChange?.(event, filterValues);
+		setFilterGroupOpen(false);
+	};
+	const onCancelHandler = (event) => {
+		rollbackFilters();
+		onCancel?.(event);
+		setFilterGroupOpen(false);
+	};
+	const onClearHandler = (event) => {
+		clearFilters();
+		onClear?.(event);
+	};
+	const handleToggle = (event, open) => {
+		if (event === null) return;
+		setFilterGroupOpen(open);
+		if (!open) onCancelHandler?.(event);
+	};
+	const Header = useMemo(() => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(HvIcon, { name: "Filters" }), /* @__PURE__ */ jsx(HvTypography, {
+		variant: "label",
+		children: labels?.placeholder
+	})] }), [labels?.placeholder]);
+	return /* @__PURE__ */ jsxs(HvBaseDropdown, {
+		ref,
+		id: setId(id, "dropdown"),
+		role: "combobox",
+		classes: {
+			root: classes.dropdown,
+			panel: classes.panel,
+			selection: classes.baseDropdownSelection,
+			header: classes.header
+		},
+		disabled,
+		disablePortal,
+		variableWidth: true,
+		expanded: filterGroupOpen,
+		placement: horizontalPlacement,
+		onToggle: handleToggle,
+		onClickOutside: onCancelHandler,
+		onContainerCreation: focusOnContainer,
+		placeholder: activeTheme?.name === "pentahoPlus" ? void 0 : Header,
+		adornment: activeTheme?.name === "pentahoPlus" ? void 0 : /* @__PURE__ */ jsx(HvFilterGroupCounter, {}),
+		popperProps: { modifiers: [{
+			name: "preventOverflow",
+			enabled: escapeWithReference
+		}] },
+		"aria-haspopup": "dialog",
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabelledBy,
+		"aria-invalid": status === "invalid" ? true : void 0,
+		"aria-errormessage": status === "invalid" ? setId(id, "error") : void 0,
+		"aria-describedby": [description && setId(id, "description"), ariaDescribedBy].join(" ").trim() || void 0,
+		...activeTheme?.name === "pentahoPlus" && {
+			headerComponent: HvHeaderButton,
+			iconOnly,
+			title: labels?.placeholder,
+			count: filterValues?.flat().length ?? 0
+		},
+		...others,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				ref: focusTarget,
+				tabIndex: -1
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: classes.root,
+				style: { height },
+				children: [/* @__PURE__ */ jsx(HvFilterGroupLeftPanel, {
+					id,
+					className: classes.leftSidePanel,
+					emptyElement: leftEmptyElement
+				}), /* @__PURE__ */ jsx(HvFilterGroupRightPanel, {
+					id,
+					className: classes.rightSidePanel,
+					emptyElement: rightEmptyElement,
+					labels
+				})]
+			}),
+			/* @__PURE__ */ jsxs(HvActionBar, {
+				className: classes.actionBar,
+				children: [
+					/* @__PURE__ */ jsx(HvButton, {
+						id: setId(id, "clearFilters-button"),
+						disabled: defaultValue ? defaultValue?.flat().length === filterValues?.flat().length : filterValues?.flat().length === 0,
+						variant: "secondaryGhost",
+						onClick: onClearHandler,
+						children: labels?.clearLabel
+					}),
+					/* @__PURE__ */ jsx("div", {
+						"aria-hidden": "true",
+						className: classes.space,
+						children: "\xA0"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: classes.actions,
+						children: [/* @__PURE__ */ jsx(HvButton, {
+							id: setId(id, "apply-button"),
+							disabled: applyDisabled,
+							variant: "primary",
+							onClick: onApplyHandler,
+							className: classes.applyButton,
+							children: labels?.applyLabel
+						}), /* @__PURE__ */ jsx(HvButton, {
+							id: setId(id, "cancel-button"),
+							variant: "secondarySubtle",
+							onClick: onCancelHandler,
+							children: labels?.cancelLabel
+						})]
+					})
+				]
+			})
+		]
+	});
 });
-export {
-  HvFilterGroupContent,
-  staticClasses as filterGroupContentClasses
-};
+//#endregion
+export { HvFilterGroupContent };

package/dist/FilterGroup/FilterContent/FilterContent.styles.js

@@ -1,55 +1,48 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const name = "HvFilterGroupContent";
-const { staticClasses, useClasses } = createClasses(name, {
-  dropdown: {},
-  panel: {
-    maxHeight: 500,
-    minHeight: 370
-  },
-  header: {
-    display: "flex",
-    justifyContent: "space-between",
-    height: 32
-  },
-  baseDropdownSelection: {
-    padding: theme.spacing("0px", "30px", "0px", "0px")
-  },
-  root: {
-    width: 640,
-    maxHeight: "calc(500px - 75px)",
-    minHeight: "calc(370px - 75px)"
-  },
-  rightSidePanel: {
-    display: "inline-block",
-    width: "50%",
-    height: "100%",
-    maxHeight: "calc(500px - 75px)",
-    minHeight: "calc(370px - 75px)",
-    verticalAlign: "top",
-    overflow: "visible",
-    boxShadow: "none",
-    borderLeft: `1px solid ${theme.colors.bgPageSecondary}`
-  },
-  leftSidePanel: {
-    display: "inline-block",
-    width: "50%",
-    height: "100%",
-    verticalAlign: "top",
-    maxHeight: "calc(500px - 75px)",
-    minHeight: "calc(370px - 75px)"
-  },
-  actionBar: {},
-  actions: {
-    display: "flex",
-    gap: theme.space.xs
-  },
-  space: {
-    flex: 1
-  },
-  applyButton: {}
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+var { staticClasses, useClasses } = createClasses("HvFilterGroupContent", {
+	dropdown: {},
+	panel: {
+		maxHeight: 500,
+		minHeight: 370
+	},
+	header: {
+		display: "flex",
+		justifyContent: "space-between",
+		height: 32
+	},
+	baseDropdownSelection: { padding: theme.spacing("0px", "30px", "0px", "0px") },
+	root: {
+		width: 640,
+		maxHeight: "calc(500px - 75px)",
+		minHeight: "calc(370px - 75px)"
+	},
+	rightSidePanel: {
+		display: "inline-block",
+		width: "50%",
+		height: "100%",
+		maxHeight: "calc(500px - 75px)",
+		minHeight: "calc(370px - 75px)",
+		verticalAlign: "top",
+		overflow: "visible",
+		boxShadow: "none",
+		borderLeft: `1px solid ${theme.colors.bgPageSecondary}`
+	},
+	leftSidePanel: {
+		display: "inline-block",
+		width: "50%",
+		height: "100%",
+		verticalAlign: "top",
+		maxHeight: "calc(500px - 75px)",
+		minHeight: "calc(370px - 75px)"
+	},
+	actionBar: {},
+	actions: {
+		display: "flex",
+		gap: theme.space.xs
+	},
+	space: { flex: 1 },
+	applyButton: {}
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { useClasses };