@hitachivantara/uikit-react-core 5.109.1 → 6.0.0-next.10

package/dist/cjs/ColorPicker/SavedColors/SavedColors.cjs

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const common = require("react-color/lib/components/common");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const icons = require("../../icons.cjs");
-const SavedColors_styles = require("./SavedColors.styles.cjs");
-const IconButton = require("../../IconButton/IconButton.cjs");
-const SavedColors = (props) => {
-  const {
-    colors,
-    onClickColor,
-    onAddColor,
-    onRemoveColor,
-    deleteButtonAriaLabel,
-    addButtonAriaLabel,
-    classes: classesProp
-  } = uikitReactUtils.useDefaultProps("HvColorPickerSavedColors", props);
-  const { classes } = SavedColors_styles.useClasses(classesProp);
-  const handleClick = (hex) => {
-    onClickColor({
-      hex,
-      source: "hex"
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.root, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      IconButton.HvIconButton,
-      {
-        className: classes.addButton,
-        variant: "secondarySubtle",
-        onClick: onAddColor,
-        title: addButtonAriaLabel,
-        children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Add", compact: true })
-      }
-    ),
-    colors.map((color, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: classes.swatchRoot,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.swatchWrap, children: /* @__PURE__ */ jsxRuntime.jsx(
-            common.Swatch,
-            {
-              color,
-              onClick: handleClick,
-              focusStyle: {
-                boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${color}`
-              }
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.removeButtonRoot, children: /* @__PURE__ */ jsxRuntime.jsx(
-            IconButton.HvIconButton,
-            {
-              className: classes.removeButton,
-              variant: "secondarySubtle",
-              onClick: () => onRemoveColor(color, index),
-              title: deleteButtonAriaLabel,
-              children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Close", compact: true, size: "xs" })
-            }
-          ) })
-        ]
-      },
-      `saved-color-${color}-${index}`
-    ))
-  ] });
-};
-exports.SavedColors = SavedColors;

package/dist/cjs/ColorPicker/SavedColors/SavedColors.styles.cjs

@@ -1,46 +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 { useClasses } = uikitReactUtils.createClasses("HvColorPickerSavedColors", {
-  addButton: {
-    margin: uikitStyles.theme.space.xxs,
-    width: "32px",
-    height: "32px"
-  },
-  root: {
-    display: "flex",
-    flexWrap: "wrap",
-    position: "relative",
-    alignItems: "center",
-    padding: 0,
-    width: "calc(100% + 8px)",
-    margin: "-4px -4px"
-  },
-  swatchRoot: { position: "relative" },
-  swatchWrap: {
-    width: "32px",
-    height: "32px",
-    margin: uikitStyles.theme.space.xxs,
-    "& > span > div": {
-      borderRadius: uikitStyles.theme.radii.base
-    }
-  },
-  removeButtonRoot: {
-    position: "absolute",
-    top: 0,
-    right: 0,
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    height: 16,
-    width: 16,
-    background: uikitStyles.theme.colors.bgContainer,
-    borderRadius: uikitStyles.theme.radii.base
-  },
-  removeButton: {
-    height: 16,
-    width: 16
-  }
-});
-exports.useClasses = useClasses;

package/dist/cjs/Container/Container.cjs

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const MuiContainer = require("@mui/material/Container");
-const styles = require("@mui/material/styles");
-const useMediaQuery = require("@mui/material/useMediaQuery");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const Container_styles = require("./Container.styles.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const MuiContainer__default = /* @__PURE__ */ _interopDefault(MuiContainer);
-const useMediaQuery__default = /* @__PURE__ */ _interopDefault(useMediaQuery);
-const HvContainer = React.forwardRef(
-  function HvContainer2(props, ref) {
-    const {
-      maxWidth = false,
-      classes: classesProp,
-      className,
-      fixed,
-      disableGutters,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvContainer", props);
-    const { classes, cx, css } = Container_styles.useClasses(classesProp);
-    const muiTheme = styles.useTheme();
-    const upMd = useMediaQuery__default.default(muiTheme.breakpoints.up("md"));
-    const gutters = upMd ? {
-      // Increases specificity
-      [`&.${Container_styles.staticClasses.root}`]: {
-        paddingLeft: uikitStyles.theme.spacing(4),
-        paddingRight: uikitStyles.theme.spacing(4)
-      }
-    } : {
-      // Increases specificity
-      [`&.${Container_styles.staticClasses.root}`]: {
-        paddingLeft: uikitStyles.theme.space.sm,
-        paddingRight: uikitStyles.theme.space.sm
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      MuiContainer__default.default,
-      {
-        className: cx({ [css(gutters)]: !disableGutters }, className),
-        classes: {
-          root: classes.root,
-          disableGutters: classes.disableGutters,
-          fixed: classes.fixed,
-          maxWidthXs: classes.maxWidthXs,
-          maxWidthSm: classes.maxWidthSm,
-          maxWidthMd: classes.maxWidthMd,
-          maxWidthLg: classes.maxWidthLg,
-          maxWidthXl: classes.maxWidthXl
-        },
-        ref,
-        maxWidth,
-        fixed,
-        disableGutters,
-        ...others
-      }
-    );
-  }
-);
-exports.containerClasses = Container_styles.staticClasses;
-exports.HvContainer = HvContainer;

package/dist/cjs/Container/Container.styles.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvContainer", {
-  root: {},
-  disableGutters: {},
-  fixed: {},
-  maxWidthXs: {},
-  maxWidthSm: {},
-  maxWidthMd: {},
-  maxWidthLg: {},
-  maxWidthXl: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Controls/Controls.cjs

@@ -1,78 +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 useControlled = require("../hooks/useControlled.cjs");
-const setId = require("../utils/setId.cjs");
-const ControlsContext = require("./context/ControlsContext.cjs");
-const Controls_styles = require("./Controls.styles.cjs");
-const MultiButton = require("../MultiButton/MultiButton.cjs");
-const Button = require("../Button/Button.cjs");
-const HvControls = (props) => {
-  const {
-    id,
-    className,
-    classes: classesProp,
-    views,
-    callbacks,
-    selectedView,
-    defaultView,
-    children,
-    hideViewSwitcher = false,
-    onViewChange
-  } = uikitReactUtils.useDefaultProps("HvControls", props);
-  const { classes, cx } = Controls_styles.useClasses(classesProp);
-  const [currentView, setCurrentView] = useControlled.useControlled(
-    selectedView,
-    defaultView
-  );
-  const onViewChangeHandler = (evt, btnId) => {
-    setCurrentView(btnId);
-    onViewChange?.(evt, btnId);
-  };
-  const onSearchHandler = (value) => callbacks?.setGlobalFilter?.(value);
-  const onSortHandler = (value) => callbacks?.setSortBy?.([
-    {
-      id: value?.accessor,
-      desc: value?.desc
-    }
-  ]);
-  const childrenCount = React.Children.count(children);
-  const childrenArray = React.Children.toArray(children);
-  const childrenIndexCut = childrenCount > 0 ? Math.round(childrenCount * 0.5) : 0;
-  const leftChildren = childrenArray.slice(0, childrenIndexCut);
-  const rightChildren = childrenArray.slice(
-    childrenIndexCut,
-    childrenCount || 0
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { id, className: cx(classes.root, className), children: /* @__PURE__ */ jsxRuntime.jsxs(
-    ControlsContext.HvControlsContextProvider,
-    {
-      value: {
-        onSearch: onSearchHandler,
-        onSort: onSortHandler
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.section, classes.leftSection), children: leftChildren }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.section, classes.rightSection), children: [
-          rightChildren,
-          views && !hideViewSwitcher && views?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(MultiButton.HvMultiButton, { id: setId.setId(id, "view-multi-button"), children: views.map(({ id: btnId, icon, ...others }) => /* @__PURE__ */ jsxRuntime.jsx(
-            Button.HvButton,
-            {
-              id: btnId,
-              icon: true,
-              selected: currentView === btnId,
-              onClick: (evt) => onViewChangeHandler(evt, btnId),
-              ...others,
-              children: icon
-            },
-            btnId
-          )) })
-        ] })
-      ]
-    }
-  ) });
-};
-exports.controlsClasses = Controls_styles.staticClasses;
-exports.HvControls = HvControls;

package/dist/cjs/Controls/Controls.styles.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvControls", {
-  root: {
-    display: "inline-flex",
-    width: "100%",
-    justifyContent: "space-between"
-  },
-  section: { display: "inline-flex", alignItems: "flex-end", gap: 10 },
-  rightSection: {},
-  leftSection: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Controls/LeftControl/LeftControl.cjs

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const setId = require("../../utils/setId.cjs");
-const ControlsContext = require("../context/ControlsContext.cjs");
-const LeftControl_styles = require("./LeftControl.styles.cjs");
-const Input = require("../../Input/Input.cjs");
-const HvLeftControl = ({
-  id,
-  classes: classesProp,
-  className,
-  children,
-  placeholder = "Search",
-  onSearch,
-  hideSearch = false,
-  searchProps,
-  ...others
-}) => {
-  const { classes, cx } = LeftControl_styles.useClasses(classesProp);
-  const { onSearch: onSearchHandler } = React.useContext(ControlsContext.HvControlsContext);
-  const onChangeFilter = (e, value) => {
-    onSearch?.(e, value);
-    onSearchHandler?.(value);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { id, className: cx(classes.root, className), ...others, children: [
-    !hideSearch && /* @__PURE__ */ jsxRuntime.jsx(
-      Input.HvInput,
-      {
-        id: setId.setId(id, "search-input"),
-        type: "search",
-        placeholder,
-        onChange: onChangeFilter,
-        ...searchProps
-      }
-    ),
-    children
-  ] });
-};
-exports.leftControlClasses = LeftControl_styles.staticClasses;
-exports.HvLeftControl = HvLeftControl;

package/dist/cjs/Controls/LeftControl/LeftControl.styles.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvLeftControl", {
-  root: { display: "inline-flex", gap: 10 }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Controls/RightControl/RightControl.cjs

@@ -1,49 +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 ControlsContext = require("../context/ControlsContext.cjs");
-const RightControl_styles = require("./RightControl.styles.cjs");
-const Dropdown = require("../../Dropdown/Dropdown.cjs");
-const HvRightControl = ({
-  id,
-  classes: classesProp,
-  className,
-  children,
-  values,
-  onSort,
-  hideSortBy = false,
-  sortProps,
-  ...others
-}) => {
-  const { classes, cx } = RightControl_styles.useClasses(classesProp);
-  const [dropDownValues, setDropdownValues] = React.useState(values);
-  const { onSort: onSortHandler } = React.useContext(ControlsContext.HvControlsContext);
-  const handleChangeSort = (value) => {
-    onSort?.(value);
-    onSortHandler?.(value);
-    setDropdownValues(
-      (prevValues) => prevValues?.map((prevValue) => ({
-        ...prevValue,
-        selected: prevValue.id === value.id
-      }))
-    );
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { id, className: cx(classes.root, className), ...others, children: [
-    !hideSortBy && /* @__PURE__ */ jsxRuntime.jsx(
-      Dropdown.HvDropdown,
-      {
-        id: setId.setId(id, "sort-by-dropdown"),
-        values: dropDownValues,
-        className: classes.sortDropdown,
-        onChange: handleChangeSort,
-        singleSelectionToggle: false,
-        ...sortProps
-      }
-    ),
-    children
-  ] });
-};
-exports.rightControlClasses = RightControl_styles.staticClasses;
-exports.HvRightControl = HvRightControl;

package/dist/cjs/Controls/RightControl/RightControl.styles.cjs

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvRightControl", {
-  root: { display: "inline-flex", gap: 10 },
-  sortDropdown: { minWidth: 200 }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Controls/context/ControlsContext.cjs

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