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

package/dist/cjs/FileUploader/Preview/Preview.cjs

@@ -1,54 +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("../../Input/icons.cjs");
-const Preview_styles = require("./Preview.styles.cjs");
-const Button = require("../../Button/Button.cjs");
-const HvFileUploaderPreview = (props) => {
-  const {
-    className,
-    children,
-    classes: classesProp,
-    disableOverlay = false,
-    onUnload,
-    onClick,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvFileUploaderPreview", props);
-  const { classes, cx, css } = Preview_styles.useClasses(classesProp);
-  React.useEffect(() => {
-    return () => {
-      onUnload?.();
-    };
-  }, [onUnload]);
-  if (onClick) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Button.HvButton,
-      {
-        icon: true,
-        className: cx(classes.previewButton, className),
-        onClick,
-        ...others,
-        children: [
-          children,
-          !disableOverlay && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.overlay, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
-            icons.EyeIcon,
-            {
-              className: css({
-                position: "absolute",
-                left: "50%",
-                top: "50%",
-                transform: "translate(-50%, -50%)",
-                display: "none"
-              })
-            }
-          ) })
-        ]
-      }
-    );
-  }
-  return children;
-};
-exports.fileUploaderPreviewClasses = Preview_styles.staticClasses;
-exports.HvFileUploaderPreview = HvFileUploaderPreview;

package/dist/cjs/FileUploader/Preview/Preview.styles.cjs

@@ -1,29 +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(
-  "HvFileUploaderPreview",
-  {
-    previewButton: {
-      position: "relative",
-      width: "48px",
-      height: "48px",
-      "&:hover *": {
-        display: "flex"
-      }
-    },
-    overlay: {
-      position: "absolute",
-      inset: 0,
-      display: "none",
-      justifyContent: "center",
-      alignItems: "center",
-      backgroundColor: uikitStyles.theme.colors.primaryDimmed,
-      opacity: "1",
-      borderRadius: uikitStyles.theme.radii.base
-    }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/FileUploader/utils.cjs

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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 };
-};
-const convertUnits = (bytes, base = 1e3) => {
-  const { unit, value } = findBestUnit(bytes, base);
-  return value.toFixed(2) + unit;
-};
-exports.convertUnits = convertUnits;

package/dist/cjs/FilterGroup/Counter/Counter.cjs

@@ -1,46 +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 FilterGroupContext = require("../FilterGroupContext.cjs");
-const Counter_styles = require("./Counter.styles.cjs");
-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
-  } = uikitReactUtils.useDefaultProps("HvFilterGroupCounter", props);
-  const { classes, cx } = Counter_styles.useClasses(classesProp);
-  const {
-    filterOptions,
-    filterValues = [],
-    appliedFilters = []
-  } = React.useContext(FilterGroupContext.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__ */ jsxRuntime.jsxs("div", { className: cx(classes.root, className), children: [
-    partialCounter > 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: classes.partialCounter, children: partialCounter }) : partialCounter,
-    ` / ${totalCounter}`
-  ] });
-};
-exports.filterGroupCounterClasses = Counter_styles.staticClasses;
-exports.HvFilterGroupCounter = HvFilterGroupCounter;

package/dist/cjs/FilterGroup/Counter/Counter.styles.cjs

@@ -1,17 +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 name = "HvFilterGroupCounter";
-const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
-  root: {
-    lineHeight: "34px",
-    marginRight: 10
-  },
-  partialCounter: {
-    display: "inline-block",
-    fontWeight: uikitStyles.theme.fontWeights.normal
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/FilterGroup/FilterContent/FilterContent.cjs

@@ -1,171 +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 setId = require("../../utils/setId.cjs");
-const FilterGroupContext = require("../FilterGroupContext.cjs");
-const FilterContent_styles = require("./FilterContent.styles.cjs");
-const LeftPanel = require("../LeftPanel/LeftPanel.cjs");
-const RightPanel = require("../RightPanel/RightPanel.cjs");
-const Button = require("../../Button/Button.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const BaseDropdown = require("../../BaseDropdown/BaseDropdown.cjs");
-const ActionBar = require("../../ActionBar/ActionBar.cjs");
-const Counter = require("../Counter/Counter.cjs");
-const HvFilterGroupContent = React.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,
-    classes: classesProp,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvFilterGroupContent", props);
-  const { classes } = FilterContent_styles.useClasses(classesProp);
-  const { activeTheme } = uikitReactUtils.useTheme();
-  const [filterGroupOpen, setFilterGroupOpen] = React.useState(false);
-  const {
-    defaultValue,
-    filterValues,
-    rollbackFilters,
-    clearFilters,
-    applyFilters,
-    applyDisabled
-  } = React.useContext(FilterGroupContext.HvFilterGroupContext);
-  const focusTarget = React.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 = React.useMemo(
-    () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Filters" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "label", children: labels?.placeholder })
-    ] }),
-    [labels?.placeholder]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    BaseDropdown.HvBaseDropdown,
-    {
-      ref,
-      id: setId.setId(id, "dropdown"),
-      role: "combobox",
-      classes: {
-        root: classes.dropdown,
-        panel: classes.panel,
-        selection: classes.baseDropdownSelection,
-        header: classes.header
-      },
-      disabled,
-      disablePortal,
-      variableWidth: true,
-      placement: horizontalPlacement,
-      expanded: filterGroupOpen,
-      onToggle: handleToggle,
-      onClickOutside: onCancelHandler,
-      onContainerCreation: focusOnContainer,
-      placeholder: Header,
-      adornment: /* @__PURE__ */ jsxRuntime.jsx(Counter.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.setId(id, "error") : void 0,
-      "aria-describedby": [description && setId.setId(id, "description"), ariaDescribedBy].join(" ").trim() || void 0,
-      ...others,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: focusTarget, tabIndex: -1 }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.root, style: { height }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            LeftPanel.HvFilterGroupLeftPanel,
-            {
-              id,
-              className: classes.leftSidePanel,
-              emptyElement: leftEmptyElement
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            RightPanel.HvFilterGroupRightPanel,
-            {
-              id,
-              className: classes.rightSidePanel,
-              emptyElement: rightEmptyElement,
-              labels
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ActionBar.HvActionBar, { className: classes.actionBar, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button.HvButton,
-            {
-              id: setId.setId(id, "clearFilters-button"),
-              disabled: defaultValue ? defaultValue?.flat().length === filterValues?.flat().length : filterValues?.flat().length === 0,
-              variant: "secondaryGhost",
-              onClick: onClearHandler,
-              children: labels?.clearLabel
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: classes.space, children: " " }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button.HvButton,
-            {
-              id: setId.setId(id, "apply-button"),
-              disabled: applyDisabled,
-              variant: activeTheme?.filterGroup.applyButtonVariant,
-              onClick: onApplyHandler,
-              className: classes.applyButton,
-              children: labels?.applyLabel
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button.HvButton,
-            {
-              id: setId.setId(id, "cancel-button"),
-              variant: activeTheme?.filterGroup.cancelButtonVariant,
-              onClick: onCancelHandler,
-              children: labels?.cancelLabel
-            }
-          )
-        ] })
-      ]
-    }
-  );
-});
-exports.filterGroupContentClasses = FilterContent_styles.staticClasses;
-exports.HvFilterGroupContent = HvFilterGroupContent;

package/dist/cjs/FilterGroup/FilterContent/FilterContent.styles.cjs

@@ -1,53 +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 name = "HvFilterGroupContent";
-const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
-  dropdown: {},
-  panel: {
-    maxHeight: 500,
-    minHeight: 370
-  },
-  header: {
-    display: "flex",
-    justifyContent: "space-between",
-    height: 32
-  },
-  baseDropdownSelection: {
-    padding: uikitStyles.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 ${uikitStyles.theme.colors.bgPageSecondary}`
-  },
-  leftSidePanel: {
-    display: "inline-block",
-    width: "50%",
-    height: "100%",
-    verticalAlign: "top",
-    maxHeight: "calc(500px - 75px)",
-    minHeight: "calc(370px - 75px)"
-  },
-  actionBar: {},
-  space: {
-    flex: 1
-  },
-  applyButton: {
-    marginRight: "8px"
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/FilterGroup/FilterGroup.cjs

@@ -1,140 +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 LabelContainer = require("../FormElement/LabelContainer.cjs");
-const useControlled = require("../hooks/useControlled.cjs");
-const useLabels = require("../hooks/useLabels.cjs");
-const useUniqueId = require("../hooks/useUniqueId.cjs");
-const setId = require("../utils/setId.cjs");
-const FilterGroup_styles = require("./FilterGroup.styles.cjs");
-const FilterGroupContext = require("./FilterGroupContext.cjs");
-const FilterContent = require("./FilterContent/FilterContent.cjs");
-const FormElement = require("../FormElement/FormElement.cjs");
-const WarningText = require("../FormElement/WarningText/WarningText.cjs");
-const DEFAULT_LABELS = {
-  /** Apply button label. */
-  applyLabel: "Apply",
-  /** Cancel button label. */
-  cancelLabel: "Cancel",
-  /** Clear button label. */
-  clearLabel: "Clear Filters",
-  /** Placeholder label. */
-  placeholder: "Filters",
-  /** SearchBox placeholder label. */
-  searchBoxPlaceholder: "Search",
-  /** Select All placeholder label. */
-  selectAll: "All",
-  /** Multi selection conjunction placeholder label. */
-  multiSelectionConjunction: "/"
-};
-const HvFilterGroup = React.forwardRef(
-  function HvFilterGroup2(props, ref) {
-    const {
-      className,
-      id,
-      name,
-      required,
-      disabled,
-      label,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      description,
-      "aria-describedby": ariaDescribedBy,
-      onChange,
-      onCancel,
-      onClear,
-      status,
-      statusMessage,
-      labels: labelsProp,
-      defaultValue,
-      value,
-      filters,
-      horizontalPlacement = "right",
-      disablePortal = true,
-      escapeWithReference = true,
-      height = 350,
-      filterContentProps,
-      classes: classesProp,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvFilterGroup", props);
-    const { classes, cx } = FilterGroup_styles.useClasses(classesProp);
-    const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
-    const elementId = useUniqueId.useUniqueId(id);
-    const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
-    const canShowError = status !== void 0 || required;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      FormElement.HvFormElement,
-      {
-        id,
-        name,
-        value,
-        status,
-        disabled,
-        required,
-        className: cx(classes.root, className),
-        ...others,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            LabelContainer.HvLabelContainer,
-            {
-              label,
-              description,
-              inputId: setId.setId(elementId, "input"),
-              labelId: setId.setId(elementId, "label"),
-              descriptionId: setId.setId(elementId, "description"),
-              classes: {
-                root: classes.labelContainer,
-                label: classes.label,
-                description: classes.description
-              }
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            FilterGroupContext.HvFilterGroupProvider,
-            {
-              defaultValue,
-              value,
-              filters,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  FilterContent.HvFilterGroupContent,
-                  {
-                    ref,
-                    id: elementId,
-                    disabled,
-                    disablePortal,
-                    variableWidth: true,
-                    placement: horizontalPlacement,
-                    escapeWithReference,
-                    "aria-label": ariaLabel,
-                    "aria-labelledby": ariaLabelledBy,
-                    status,
-                    onChange,
-                    onCancel,
-                    onClear,
-                    labels,
-                    height,
-                    ...filterContentProps
-                  }
-                ),
-                canShowError && /* @__PURE__ */ jsxRuntime.jsx(
-                  WarningText.HvWarningText,
-                  {
-                    id: setId.setId(elementId, "error"),
-                    disableBorder: true,
-                    className: classes.error,
-                    children: validationMessage
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-exports.filterGroupClasses = FilterGroup_styles.staticClasses;
-exports.HvFilterGroup = HvFilterGroup;

package/dist/cjs/FilterGroup/FilterGroup.styles.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvFilterGroup", {
-  root: {},
-  label: {},
-  labelContainer: {},
-  description: {},
-  error: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/FilterGroup/FilterGroupContext.cjs

@@ -1,77 +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 helpers = require("../utils/helpers.cjs");
-const useSavedState = require("../utils/useSavedState.cjs");
-const HvFilterGroupContext = React.createContext({
-  activeGroup: 0,
-  setActiveGroup: () => {
-  },
-  filterOptions: [],
-  setFilterValues: () => {
-  },
-  rollbackFilters: () => {
-  },
-  clearFilters: () => {
-  },
-  applyFilters: () => {
-  },
-  applyDisabled: false,
-  filterValues: [],
-  appliedFilters: void 0,
-  defaultValue: void 0
-});
-const groups = (filters) => filters.map(() => []);
-const HvFilterGroupProvider = (props) => {
-  const { defaultValue, value, filters, children } = uikitReactUtils.useDefaultProps(
-    "HvFilterGroupProvider",
-    props
-  );
-  const [group, setActiveGroup] = React.useState(0);
-  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState.useSavedState(value || groups(filters));
-  const [applyDisabled, setApplyDisabled] = React.useState(false);
-  React.useEffect(() => {
-    setFilterValues(value, true);
-  }, [value, setFilterValues]);
-  React.useEffect(() => {
-    setApplyDisabled(helpers.isEqual(filterValues, appliedFilters));
-  }, [filterValues, appliedFilters]);
-  const clearFilters = React.useCallback(() => {
-    setFilterValues(defaultValue || groups(filters));
-  }, [filters, setFilterValues, defaultValue]);
-  const applyFilters = React.useCallback(() => {
-    setFilterValues(filterValues, true);
-  }, [filterValues, setFilterValues]);
-  const contextValue = React.useMemo(
-    () => ({
-      activeGroup: group,
-      setActiveGroup,
-      filterOptions: filters,
-      filterValues,
-      setFilterValues,
-      appliedFilters,
-      rollbackFilters,
-      clearFilters,
-      applyFilters,
-      applyDisabled,
-      defaultValue
-    }),
-    [
-      appliedFilters,
-      applyDisabled,
-      applyFilters,
-      clearFilters,
-      filterValues,
-      filters,
-      group,
-      rollbackFilters,
-      setFilterValues,
-      defaultValue
-    ]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(HvFilterGroupContext.Provider, { value: contextValue, children });
-};
-exports.HvFilterGroupContext = HvFilterGroupContext;
-exports.HvFilterGroupProvider = HvFilterGroupProvider;

package/dist/cjs/FilterGroup/LeftPanel/LeftPanel.cjs

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const setId = require("../../utils/setId.cjs");
-const FilterGroupContext = require("../FilterGroupContext.cjs");
-const LeftPanel_styles = require("./LeftPanel.styles.cjs");
-const Counter = require("../Counter/Counter.cjs");
-const Panel = require("../../Panel/Panel.cjs");
-const ListContainer = require("../../ListContainer/ListContainer.cjs");
-const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
-const OverflowTooltip = require("../../OverflowTooltip/OverflowTooltip.cjs");
-const HvFilterGroupLeftPanel = ({
-  id,
-  className,
-  emptyElement,
-  classes: classesProp
-}) => {
-  const { classes } = LeftPanel_styles.useClasses(classesProp);
-  const { filterOptions, activeGroup, setActiveGroup } = React.useContext(FilterGroupContext.HvFilterGroupContext);
-  return /* @__PURE__ */ jsxRuntime.jsx(Panel.HvPanel, { id: setId.setId(id, "leftPanel"), className, children: filterOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ListContainer.HvListContainer, { id: setId.setId(id, "leftPanel-list"), condensed: true, interactive: true, children: filterOptions.map((group, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    ListItem.HvListItem,
-    {
-      className: classes.listItem,
-      onClick: () => setActiveGroup(index),
-      selected: filterOptions[activeGroup].id === group.id,
-      endAdornment: /* @__PURE__ */ jsxRuntime.jsx(Counter.HvFilterGroupCounter, { groupId: group.id }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, { data: group.name })
-    },
-    group.id || group.name
-  )) }) : emptyElement });
-};
-exports.filterGroupLeftPanelClasses = LeftPanel_styles.staticClasses;
-exports.HvFilterGroupLeftPanel = HvFilterGroupLeftPanel;

package/dist/cjs/FilterGroup/LeftPanel/LeftPanel.styles.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const name = "HvFilterGroupLeftPanel";
-const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
-  listItem: {
-    display: "flex",
-    justifyContent: "space-between"
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;