@hitachivantara/uikit-react-lab 4.4.0 → 5.0.1

package/dist/legacy/Wizard/WizardTitle/WizardTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WizardTitle.js","names":["React","PropTypes","withStyles","HvButton","HvDialogTitle","HvGrid","HvTypography","Report","HvStepNavigation","HvWizardContext","styles","switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","tab","classes","changeTab","customStep","useContext","context","summary","setSummary","useState","steps","setSteps","useEffect","contextArray","Object","entries","length","updatedSteps","map","childState","name","onClick","toggleSummary","oldSummary","headerContainer","messageContainer","titleContainer","stepContainer","type","stepSize","width","xs","sm","md","lg","buttonWidth","root","rootSummaryButton","propTypes","shape","string","bool","number","isRequired","func","oneOf","xl"],"sources":["../../../../src/Wizard/WizardTitle/WizardTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvButton, HvDialogTitle, HvGrid, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Report } from \"@hitachivantara/uikit-react-icons\";\nimport { HvStepNavigation } from \"@hitachivantara/uikit-react-lab\";\nimport HvWizardContext from \"../WizardContext\";\n\nimport styles from \"./styles\";\n\nconst switchTabState = (state, currentTab, index) => {\n  if (index === currentTab) return \"Current\";\n  if (state.valid) return \"Completed\";\n  if (state.valid === null) return \"Enabled\";\n  if (state.touched && state.valid === false) return \"Failed\";\n  // \"Disabled\"\n  // \"Pending\"\n  return \"Enabled\";\n};\n\nconst HvWizardTitle = ({\n  title,\n  hasSummary = false,\n  labels = {},\n  tab,\n  classes,\n  changeTab,\n  customStep = {},\n}) => {\n  const { context, summary, setSummary } = React.useContext(HvWizardContext);\n  const [steps, setSteps] = React.useState([]);\n\n  React.useEffect(() => {\n    if (summary === null && hasSummary) {\n      setSummary(false);\n    }\n\n    return () => {\n      setSummary(false);\n    };\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  React.useEffect(() => {\n    const contextArray = Object.entries(context);\n    if (contextArray.length) {\n      const updatedSteps = contextArray.map(([, childState], index) => ({\n        title: childState.name ?? `${index + 1}`,\n        state: switchTabState(childState, tab, index),\n        onClick: () => changeTab(index),\n      }));\n\n      setSteps(updatedSteps);\n    }\n  }, [context, tab, changeTab]);\n\n  const toggleSummary = () => {\n    setSummary((oldSummary) => !oldSummary);\n  };\n\n  return (\n    <HvDialogTitle\n      className={classes.headerContainer}\n      classes={{ messageContainer: classes.messageContainer }}\n    >\n      <HvGrid\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        className={classes.titleContainer}\n      >\n        {title && (\n          <HvTypography variant=\"xsTitle\" component=\"h3\">\n            {title}\n          </HvTypography>\n        )}\n        {!!steps.length && (\n          <HvStepNavigation\n            className={classes.stepContainer}\n            steps={steps}\n            type={customStep?.type ?? \"Default\"}\n            stepSize={customStep?.stepSize ?? \"XS\"}\n            width={customStep?.width ?? { xs: 200, sm: 350, md: 600, lg: 800 }}\n          />\n        )}\n        {hasSummary && (\n          <HvButton\n            category=\"secondary\"\n            className={classes.buttonWidth}\n            classes={{ root: classes.rootSummaryButton }}\n            onClick={toggleSummary}\n          >\n            <Report /> {`${labels.summary ?? \"Summary\"}`}\n          </HvButton>\n        )}\n      </HvGrid>\n    </HvDialogTitle>\n  );\n};\n\nHvWizardTitle.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the header container.\n     */\n    headerContainer: PropTypes.string,\n    /**\n     * Styles applied to override the Dialog Title styles.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the header content container.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the Button component to override its width.\n     */\n    buttonWidth: PropTypes.string,\n    /**\n     * Styles applied to the Button component to override its right padding.\n     */\n    rootSummaryButton: PropTypes.string,\n    /**\n     *\n     */\n    stepContainer: PropTypes.string,\n  }),\n  /**\n   * Title for the wizard.\n   */\n  title: PropTypes.string,\n  /**\n   * Shows the summary button.\n   */\n  hasSummary: PropTypes.bool,\n  /**\n   * An object containing all the labels for the wizard header.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Summary button label.\n     */\n    summary: PropTypes.string,\n  }),\n  /**\n   * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.\n   */\n  tab: PropTypes.number.isRequired,\n  /**\n   * Function to change the tab when pressing previous and next buttons.\n   */\n  changeTab: PropTypes.func.isRequired,\n  /**\n   * Custom object to define type, size and width of the StepNavigation component\n   */\n  customStep: PropTypes.shape({\n    /**\n     * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n     */\n    type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n    /**\n     * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n     */\n    stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n    /**\n     * Width of the component element on each breakpoint screen resolution.\n     */\n    width: PropTypes.shape({\n      xs: PropTypes.number,\n      sm: PropTypes.number,\n      md: PropTypes.number,\n      lg: PropTypes.number,\n      xl: PropTypes.number,\n    }),\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvWizardTitle\" })(HvWizardTitle);\n"],"mappings":"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"}

package/dist/legacy/Wizard/WizardTitle/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./WizardTitle";
-export * from "./WizardTitle";

package/dist/legacy/Wizard/WizardTitle/index.js

@@ -1,2 +0,0 @@
-export { default } from "./WizardTitle";
-//# sourceMappingURL=index.js.map

package/dist/legacy/Wizard/WizardTitle/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Wizard/WizardTitle/index.js"],"sourcesContent":["export { default } from \"./WizardTitle\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe"}

package/dist/legacy/Wizard/WizardTitle/styles.js

@@ -1,32 +0,0 @@
-var styles = function styles(theme) {
-  return {
-    messageContainer: {
-      "& > div": {
-        width: "100%"
-      }
-    },
-    titleContainer: {
-      margin: 0,
-      width: "100%"
-    },
-    buttonWidth: {
-      width: 120
-    },
-    rootSummaryButton: {
-      paddingRight: 18
-    },
-    headerContainer: {
-      backgroundColor: theme.hv.palette.atmosphere.atmo2,
-      "& h6": {
-        fontSize: "16px",
-        fontWeight: "bold",
-        letterSpacing: 0
-      }
-    },
-    stepContainer: {
-      margin: "auto"
-    }
-  };
-};
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/legacy/Wizard/WizardTitle/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","messageContainer","width","titleContainer","margin","buttonWidth","rootSummaryButton","paddingRight","headerContainer","backgroundColor","hv","palette","atmosphere","atmo2","fontSize","fontWeight","letterSpacing","stepContainer"],"sources":["../../../../src/Wizard/WizardTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  messageContainer: {\n    \"& > div\": {\n      width: \"100%\",\n    },\n  },\n  titleContainer: {\n    margin: 0,\n    width: \"100%\",\n  },\n  buttonWidth: {\n    width: 120,\n  },\n  rootSummaryButton: {\n    paddingRight: 18,\n  },\n  headerContainer: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n    \"& h6\": {\n      fontSize: \"16px\",\n      fontWeight: \"bold\",\n      letterSpacing: 0,\n    },\n  },\n  stepContainer: {\n    margin: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,gBAAgB,EAAE;MAChB,SAAS,EAAE;QACTC,KAAK,EAAE;MACT;IACF,CAAC;IACDC,cAAc,EAAE;MACdC,MAAM,EAAE,CAAC;MACTF,KAAK,EAAE;IACT,CAAC;IACDG,WAAW,EAAE;MACXH,KAAK,EAAE;IACT,CAAC;IACDI,iBAAiB,EAAE;MACjBC,YAAY,EAAE;IAChB,CAAC;IACDC,eAAe,EAAE;MACfC,eAAe,EAAET,KAAK,CAACU,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;MAClD,MAAM,EAAE;QACNC,QAAQ,EAAE,MAAM;QAChBC,UAAU,EAAE,MAAM;QAClBC,aAAa,EAAE;MACjB;IACF,CAAC;IACDC,aAAa,EAAE;MACbb,MAAM,EAAE;IACV;EACF,CAAC;AAAA,CAAC;AAEF,eAAeL,MAAM"}

package/dist/legacy/Wizard/index.d.ts

@@ -1,17 +0,0 @@
-export { default } from "./Wizard";
-export * from "./Wizard";
-
-export { default as HvWizardContainer } from "./WizardContainer";
-export * from "./WizardContainer";
-
-export { default as HvWizardTitle } from "./WizardTitle";
-export * from "./WizardTitle";
-
-export { default as HvWizardContent } from "./WizardContent";
-export * from "./WizardContent";
-
-export { default as HvWizardActions } from "./WizardActions";
-export * from "./WizardActions";
-
-export { default as HvWizardContext } from "./WizardContext";
-export * from "./WizardContext";

package/dist/legacy/Wizard/index.js

@@ -1,8 +0,0 @@
-export { default } from "./Wizard";
-export { default as HvWizardContainer } from "./WizardContainer";
-export { default as HvWizardTitle } from "./WizardTitle";
-export { default as HvWizardContent } from "./WizardContent";
-export { default as HvWizardActions } from "./WizardActions";
-export { default as HvWizardContext } from "./WizardContext";
-export { default as HvWizardContextProvider } from "./WizardContext/WizardContextProvider";
-//# sourceMappingURL=index.js.map

package/dist/legacy/Wizard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default","HvWizardContainer","HvWizardTitle","HvWizardContent","HvWizardActions","HvWizardContext","HvWizardContextProvider"],"sources":["../../../src/Wizard/index.js"],"sourcesContent":["export { default } from \"./Wizard\";\nexport { default as HvWizardContainer } from \"./WizardContainer\";\nexport { default as HvWizardTitle } from \"./WizardTitle\";\nexport { default as HvWizardContent } from \"./WizardContent\";\nexport { default as HvWizardActions } from \"./WizardActions\";\nexport { default as HvWizardContext } from \"./WizardContext\";\nexport { default as HvWizardContextProvider } from \"./WizardContext/WizardContextProvider\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU;AAClC,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,mBAAmB;AAChE,SAASD,OAAO,IAAIE,aAAa,QAAQ,eAAe;AACxD,SAASF,OAAO,IAAIG,eAAe,QAAQ,iBAAiB;AAC5D,SAASH,OAAO,IAAII,eAAe,QAAQ,iBAAiB;AAC5D,SAASJ,OAAO,IAAIK,eAAe,QAAQ,iBAAiB;AAC5D,SAASL,OAAO,IAAIM,uBAAuB,QAAQ,uCAAuC"}

package/dist/legacy/Wizard/styles.js

@@ -1,7 +0,0 @@
-var styles = function styles() {
-  return {
-    root: {}
-  };
-};
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/legacy/Wizard/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../src/Wizard/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,OAAU;IACpBC,IAAI,EAAE,CAAC;EACT,CAAC;AAAA,CAAC;AAEF,eAAeD,MAAM"}

package/dist/legacy/index.d.ts

@@ -1,29 +0,0 @@
-export { default as HvColorPicker } from "./ColorPicker";
-export * from "./ColorPicker";
-
-export { default as HvDrawer } from "./Drawer";
-export * from "./Drawer";
-
-export { default as HvImageCarousel } from "./ImageCarousel";
-export * from "./ImageCarousel";
-
-export { default as HvInlineEditor } from "./InlineEditor";
-export * from "./InlineEditor";
-
-export { default as HvNavigationAnchors } from "./NavigationAnchors";
-export * from "./NavigationAnchors";
-
-export { default as HvNotificationPanel } from "./NotificationPanel";
-export * from "./NotificationPanel";
-
-export { default as HvStepNavigation } from "./StepNavigation";
-export * from "./StepNavigation";
-
-export { default as HvTimeAgo } from "./TimeAgo";
-export * from "./TimeAgo";
-
-export { default as HvWizard } from "./Wizard";
-export * from "./Wizard";
-
-export { default as HvVerticalNavigation } from "./VerticalNavigation";
-export * from "./VerticalNavigation";

package/dist/legacy/index.js

@@ -1,13 +0,0 @@
-export { default as HvColorPicker } from "./ColorPicker";
-export { default as HvDrawer } from "./Drawer";
-export { default as HvImageCarousel } from "./ImageCarousel";
-export { default as HvInlineEditor } from "./InlineEditor";
-export { default as HvNavigationAnchors } from "./NavigationAnchors";
-export { default as HvNotificationPanel } from "./NotificationPanel";
-export { default as HvStepNavigation } from "./StepNavigation";
-export { default as HvTimeAgo } from "./TimeAgo";
-export * from "./TimeAgo";
-export { default as HvWizard } from "./Wizard";
-export * from "./Wizard";
-export { default as HvVerticalNavigation } from "./VerticalNavigation";
-//# sourceMappingURL=index.js.map

package/dist/legacy/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default","HvColorPicker","HvDrawer","HvImageCarousel","HvInlineEditor","HvNavigationAnchors","HvNotificationPanel","HvStepNavigation","HvTimeAgo","HvWizard","HvVerticalNavigation"],"sources":["../../src/index.js"],"sourcesContent":["export { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvImageCarousel } from \"./ImageCarousel\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvStepNavigation } from \"./StepNavigation\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvWizard } from \"./Wizard\";\nexport * from \"./Wizard\";\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAAa,QAAQ,eAAe;AACxD,SAASD,OAAO,IAAIE,QAAQ,QAAQ,UAAU;AAC9C,SAASF,OAAO,IAAIG,eAAe,QAAQ,iBAAiB;AAC5D,SAASH,OAAO,IAAII,cAAc,QAAQ,gBAAgB;AAC1D,SAASJ,OAAO,IAAIK,mBAAmB,QAAQ,qBAAqB;AACpE,SAASL,OAAO,IAAIM,mBAAmB,QAAQ,qBAAqB;AACpE,SAASN,OAAO,IAAIO,gBAAgB,QAAQ,kBAAkB;AAC9D,SAASP,OAAO,IAAIQ,SAAS,QAAQ,WAAW;AAChD,cAAc,WAAW;AACzB,SAASR,OAAO,IAAIS,QAAQ,QAAQ,UAAU;AAC9C,cAAc,UAAU;AACxB,SAAST,OAAO,IAAIU,oBAAoB,QAAQ,sBAAsB"}

package/dist/modern/ColorPicker/ColorPicker.d.ts

@@ -1,34 +0,0 @@
-import { StandardProps } from "@mui/material";
-import { HvFormElementProps } from "@hitachivantara/uikit-react-core";
-
-export type HvColorPickerClassKey = "root";
-
-export interface HvColorPickerProps
-  extends StandardProps<HvFormElementProps, HvColorPickerClassKey, "onChange"> {
-  /**
-   * The value color, in HEX format.
-   */
-  value?: string;
-  /**
-   * The default value color, in HEX format.
-   */
-  defaultValue?: string;
-  /**
-   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.
-   */
-  disabled?: boolean;
-  /**
-   * If `true` the dropdown starts opened if `false` it starts closed.
-   */
-  expanded?: boolean;
-  /**
-   * When uncontrolled, defines the initial expanded state.
-   */
-  defaultExpanded?: boolean;
-  /**
-   * A function to be executed whenever the color changes.
-   */
-  onChange?: (color: string) => void;
-}
-
-export default function HvColorPicker(props: HvColorPickerProps): JSX.Element | null;

package/dist/modern/ColorPicker/ColorPicker.js

@@ -1,188 +0,0 @@
-import React, { useMemo } from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { withStyles, useTheme } from "@mui/styles";
-import { HvPanel, HvLabel, HvInfoMessage, HvFormElement, HvBaseDropdown, useControlled, HvTypography, useUniqueId, setId } from "@hitachivantara/uikit-react-core";
-import { Checkbox } from "@hitachivantara/uikit-react-icons";
-import styles from "./styles";
-import Picker from "./Picker";
-import PresetColors from "./PresetColors";
-
-/**
- * A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.
- * It receives a color string in HEX format and outputs an HEX formatted color.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const HvColorPicker = props => {
-  const theme = useTheme();
-  const {
-    id,
-    name,
-    required = false,
-    disabled = false,
-    label,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    description,
-    "aria-describedby": ariaDescribedBy,
-    className,
-    classes,
-    value,
-    onChange,
-    defaultValue = theme.hv.palette.accent.acce1,
-    expanded,
-    defaultExpanded = false
-  } = props;
-  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));
-  const [color, setColor] = useControlled(value, defaultValue);
-  const handleToggle = (_evt, s) => {
-    setIsOpen(s);
-  };
-  const handleSelect = val => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(val.hex);
-    setColor(val.hex);
-  };
-  const elementId = useUniqueId(id, "hvdropdown");
-  const hasLabel = label != null;
-  const hasDescription = description != null;
-  const colorArray = useMemo(() => [theme.hv.palette.semantic.sema4, theme.hv.palette.semantic.sema3, "#F6941E", "#8DC63D", theme.hv.palette.semantic.sema1, theme.hv.palette.semantic.sema19, "#05A99C", "#01ADEF", theme.hv.palette.accent.acce2h, "#0155A5", "#2E3192", "#652C90", theme.hv.palette.semantic.sema6, "#EC018B", theme.hv.palette.atmosphere.atmo5, theme.hv.palette.accent.acce1], [theme]);
-  const setFocusToContent = containerRef => {
-    const inputs = containerRef === null || containerRef === void 0 ? void 0 : containerRef.getElementsByTagName("input");
-    if ((inputs === null || inputs === void 0 ? void 0 : inputs.length) > 0) {
-      inputs[0].focus();
-    }
-  };
-  return /*#__PURE__*/_jsxs(HvFormElement, {
-    id: id,
-    name: name,
-    disabled: disabled,
-    required: required,
-    className: clsx(className, classes.root),
-    children: [(hasLabel || hasDescription) && /*#__PURE__*/_jsxs("div", {
-      className: classes.labelContainer,
-      children: [hasLabel && /*#__PURE__*/_jsx(HvLabel, {
-        id: setId(elementId, "label"),
-        label: label,
-        className: classes.label
-      }), hasDescription && /*#__PURE__*/_jsx(HvInfoMessage, {
-        id: setId(elementId, "description"),
-        className: classes.description,
-        children: description
-      })]
-    }), /*#__PURE__*/_jsx(HvBaseDropdown, {
-      className: className,
-      expanded: isOpen,
-      onToggle: handleToggle,
-      onContainerCreation: setFocusToContent,
-      placeholder: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Checkbox, {
-          className: classes.headerColorIcon,
-          color: [color]
-        }), /*#__PURE__*/_jsx(HvTypography, {
-          className: classes.headerColorValue,
-          children: color
-        })]
-      }),
-      "aria-label": ariaLabel,
-      "aria-labelledby": [label && setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
-      "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
-      children: /*#__PURE__*/_jsx(HvPanel, {
-        className: classes.panel,
-        children: /*#__PURE__*/_jsxs("div", {
-          className: classes.colorPicker,
-          children: [/*#__PURE__*/_jsx(Picker, {
-            color: color,
-            onChange: handleSelect
-          }), /*#__PURE__*/_jsx(PresetColors, {
-            colors: colorArray,
-            onClick: handleSelect
-          })]
-        })
-      })
-    })]
-  });
-};
-process.env.NODE_ENV !== "production" ? HvColorPicker.propTypes = {
-  /**
-   * Id to be applied to the form element root node.
-   */
-  id: PropTypes.string,
-  /**
-   * The form element name.
-   */
-  name: PropTypes.string,
-  /**
-   * The label of the form element.
-   *
-   * The form element must be labeled for accessibility reasons.
-   * If not provided, an aria-label or aria-labelledby must be provided instead.
-   */
-  label: PropTypes.node,
-  /**
-   * @ignore
-   */
-  "aria-label": PropTypes.string,
-  /**
-   * @ignore
-   */
-  "aria-labelledby": PropTypes.string,
-  /**
-   * Provide additional descriptive text for the form element.
-   */
-  description: PropTypes.node,
-  /**
-   * @ignore
-   */
-  "aria-describedby": PropTypes.string,
-  /**
-   * Indicates that the form element is disabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Indicates that user input is required on the form element.
-   */
-  required: PropTypes.bool,
-  /**
-   * Class names to be applied.
-   */
-  className: PropTypes.string,
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    labelContainer: PropTypes.string,
-    label: PropTypes.string,
-    description: PropTypes.string,
-    headerColorIcon: PropTypes.string,
-    headerColorValue: PropTypes.string,
-    panel: PropTypes.string,
-    colorPicker: PropTypes.string
-  }).isRequired,
-  /**
-   * If `true` the color picker starts opened if `false` it starts closed.
-   */
-  expanded: PropTypes.bool,
-  /**
-   * When uncontrolled, defines the initial expanded state.
-   */
-  defaultExpanded: PropTypes.bool,
-  /**
-   * The callback fired when the value changes.
-   */
-  onChange: PropTypes.func,
-  /**
-   * The value color, in HEX format.
-   */
-  value: PropTypes.string,
-  /**
-   * When uncontrolled, defines the initial value state.
-   */
-  defaultValue: PropTypes.string
-} : void 0;
-export default withStyles(styles, {
-  name: "HvColorPicker"
-})(HvColorPicker);
-//# sourceMappingURL=ColorPicker.js.map

package/dist/modern/ColorPicker/ColorPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.js","names":["React","useMemo","PropTypes","clsx","withStyles","useTheme","HvPanel","HvLabel","HvInfoMessage","HvFormElement","HvBaseDropdown","useControlled","HvTypography","useUniqueId","setId","Checkbox","styles","Picker","PresetColors","HvColorPicker","props","theme","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","hv","palette","accent","acce1","expanded","defaultExpanded","isOpen","setIsOpen","Boolean","color","setColor","handleToggle","_evt","s","handleSelect","val","hex","elementId","hasLabel","hasDescription","colorArray","semantic","sema4","sema3","sema1","sema19","acce2h","sema6","atmosphere","atmo5","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","root","labelContainer","headerColorIcon","headerColorValue","join","trim","undefined","panel","colorPicker","propTypes","string","node","bool","shape","isRequired","func"],"sources":["../../../src/ColorPicker/ColorPicker.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport {\n  HvPanel,\n  HvLabel,\n  HvInfoMessage,\n  HvFormElement,\n  HvBaseDropdown,\n  useControlled,\n  HvTypography,\n  useUniqueId,\n  setId,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Checkbox } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\nimport Picker from \"./Picker\";\nimport PresetColors from \"./PresetColors\";\n\n/**\n * A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.\n * It receives a color string in HEX format and outputs an HEX formatted color.\n */\nconst HvColorPicker = (props) => {\n  const theme = useTheme();\n  const {\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n    className,\n    classes,\n    value,\n    onChange,\n    defaultValue = theme.hv.palette.accent.acce1,\n\n    expanded,\n    defaultExpanded = false,\n  } = props;\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [color, setColor] = useControlled(value, defaultValue);\n\n  const handleToggle = (_evt, s) => {\n    setIsOpen(s);\n  };\n\n  const handleSelect = (val) => {\n    onChange?.(val.hex);\n    setColor(val.hex);\n  };\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  const colorArray = useMemo(\n    () => [\n      theme.hv.palette.semantic.sema4,\n      theme.hv.palette.semantic.sema3,\n      \"#F6941E\",\n      \"#8DC63D\",\n      theme.hv.palette.semantic.sema1,\n      theme.hv.palette.semantic.sema19,\n      \"#05A99C\",\n      \"#01ADEF\",\n      theme.hv.palette.accent.acce2h,\n      \"#0155A5\",\n      \"#2E3192\",\n      \"#652C90\",\n      theme.hv.palette.semantic.sema6,\n      \"#EC018B\",\n      theme.hv.palette.atmosphere.atmo5,\n      theme.hv.palette.accent.acce1,\n    ],\n    [theme]\n  );\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n    }\n  };\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        className={className}\n        expanded={isOpen}\n        onToggle={handleToggle}\n        onContainerCreation={setFocusToContent}\n        placeholder={\n          <>\n            <Checkbox className={classes.headerColorIcon} color={[color]} />\n            <HvTypography className={classes.headerColorValue}>{color}</HvTypography>\n          </>\n        }\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n      >\n        <HvPanel className={classes.panel}>\n          <div className={classes.colorPicker}>\n            <Picker color={color} onChange={handleSelect} />\n            <PresetColors colors={colorArray} onClick={handleSelect} />\n          </div>\n        </HvPanel>\n      </HvBaseDropdown>\n    </HvFormElement>\n  );\n};\n\nHvColorPicker.propTypes = {\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    labelContainer: PropTypes.string,\n    label: PropTypes.string,\n    description: PropTypes.string,\n    headerColorIcon: PropTypes.string,\n    headerColorValue: PropTypes.string,\n    panel: PropTypes.string,\n    colorPicker: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * If `true` the color picker starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The value color, in HEX format.\n   */\n  value: PropTypes.string,\n\n  /**\n   * When uncontrolled, defines the initial value state.\n   */\n  defaultValue: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvColorPicker\" })(HvColorPicker);\n"],"mappings":"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"}

package/dist/modern/ColorPicker/Fields/Fields.js

@@ -1,119 +0,0 @@
-/* eslint-disable no-param-reassign */
-
-import React, { useEffect, useRef, useState } from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import * as color from "react-color/lib/helpers/color";
-import { HvInput } from "@hitachivantara/uikit-react-core";
-import useStyles from "./styles";
-
-// eslint-disable-next-line react/prop-types
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const Fields = ({
-  onChange,
-  rgb,
-  hex
-}) => {
-  const classes = useStyles();
-  const [internalHex, setInternalHex] = useState(hex);
-  const [internalRed, setInternalRed] = useState(rgb.r);
-  const [internalGreen, setInternalGreen] = useState(rgb.g);
-  const [internalBlue, setInternalBlue] = useState(rgb.b);
-  const hexInputRef = useRef();
-  const redInputRef = useRef();
-  const greenInputRef = useRef();
-  const blueInputRef = useRef();
-  useEffect(() => {
-    if (document.activeElement !== hexInputRef.current) {
-      setInternalHex(hex);
-    }
-  }, [hex]);
-  useEffect(() => {
-    if (document.activeElement !== redInputRef.current) {
-      setInternalRed(rgb.r);
-    }
-    if (document.activeElement !== greenInputRef.current) {
-      setInternalGreen(rgb.g);
-    }
-    if (document.activeElement !== blueInputRef.current) {
-      setInternalBlue(rgb.b);
-    }
-  }, [rgb]);
-  const handleChange = (data, e) => {
-    if (data.hex && color.isValidHex(data.hex)) {
-      onChange({
-        hex: data.hex,
-        source: "hex"
-      }, e);
-    } else if (data.r || data.g || data.b) {
-      onChange({
-        r: data.r || rgb.r,
-        g: data.g || rgb.g,
-        b: data.b || rgb.b,
-        source: "rgb"
-      }, e);
-    }
-  };
-  const onChangeHex = (_evt, value) => {
-    setInternalHex(value);
-    handleChange({
-      hex: value
-    }, _evt);
-  };
-  const onChangeRbg = (_evt, value, colorPart) => {
-    if (colorPart === "r") setInternalRed(value);
-    if (colorPart === "g") setInternalGreen(value);
-    if (colorPart === "b") setInternalBlue(value);
-    handleChange({
-      r: colorPart === "r" ? value : rgb.r,
-      g: colorPart === "g" ? value : rgb.g,
-      b: colorPart === "b" ? value : rgb.b
-    }, _evt);
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    className: clsx(classes.fields),
-    children: [/*#__PURE__*/_jsx(HvInput, {
-      inputRef: hexInputRef,
-      className: clsx(classes.double),
-      label: "HEX",
-      value: internalHex.replace("#", ""),
-      onChange: onChangeHex,
-      onBlur: () => setInternalHex(hex),
-      disableClear: true
-    }), /*#__PURE__*/_jsx(HvInput, {
-      inputRef: redInputRef,
-      className: clsx(classes.single),
-      label: "R",
-      value: `${internalRed}`,
-      onChange: (_evt, value) => onChangeRbg(_evt, value, "r"),
-      onBlur: () => setInternalRed(rgb.r),
-      disableClear: true
-    }), /*#__PURE__*/_jsx(HvInput, {
-      inputRef: greenInputRef,
-      className: clsx(classes.single),
-      label: "G",
-      value: `${internalGreen}`,
-      onChange: (_evt, value) => onChangeRbg(_evt, value, "g"),
-      onBlur: () => setInternalGreen(rgb.g),
-      disableClear: true
-    }), /*#__PURE__*/_jsx(HvInput, {
-      inputRef: blueInputRef,
-      className: clsx(classes.single),
-      label: "B",
-      value: `${internalBlue}`,
-      onChange: (_evt, value) => onChangeRbg(_evt, value, "b"),
-      onBlur: () => setInternalBlue(rgb.b),
-      disableClear: true
-    })]
-  });
-};
-process.env.NODE_ENV !== "production" ? Fields.propTypes = {
-  rgb: PropTypes.shape({
-    r: PropTypes.number,
-    g: PropTypes.number,
-    b: PropTypes.number
-  }).isRequired
-} : void 0;
-export default Fields;
-//# sourceMappingURL=Fields.js.map

package/dist/modern/ColorPicker/Fields/Fields.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Fields.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","color","HvInput","useStyles","Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","internalRed","setInternalRed","r","internalGreen","setInternalGreen","g","internalBlue","setInternalBlue","b","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","propTypes","shape","number","isRequired"],"sources":["../../../../src/ColorPicker/Fields/Fields.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport * as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n  const classes = useStyles();\n  const [internalHex, setInternalHex] = useState(hex);\n  const [internalRed, setInternalRed] = useState(rgb.r);\n  const [internalGreen, setInternalGreen] = useState(rgb.g);\n  const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n  const hexInputRef = useRef();\n  const redInputRef = useRef();\n  const greenInputRef = useRef();\n  const blueInputRef = useRef();\n\n  useEffect(() => {\n    if (document.activeElement !== hexInputRef.current) {\n      setInternalHex(hex);\n    }\n  }, [hex]);\n\n  useEffect(() => {\n    if (document.activeElement !== redInputRef.current) {\n      setInternalRed(rgb.r);\n    }\n\n    if (document.activeElement !== greenInputRef.current) {\n      setInternalGreen(rgb.g);\n    }\n\n    if (document.activeElement !== blueInputRef.current) {\n      setInternalBlue(rgb.b);\n    }\n  }, [rgb]);\n\n  const handleChange = (data, e) => {\n    if (data.hex && color.isValidHex(data.hex)) {\n      onChange(\n        {\n          hex: data.hex,\n          source: \"hex\",\n        },\n        e\n      );\n    } else if (data.r || data.g || data.b) {\n      onChange(\n        {\n          r: data.r || rgb.r,\n          g: data.g || rgb.g,\n          b: data.b || rgb.b,\n          source: \"rgb\",\n        },\n        e\n      );\n    }\n  };\n\n  const onChangeHex = (_evt, value) => {\n    setInternalHex(value);\n    handleChange({ hex: value }, _evt);\n  };\n\n  const onChangeRbg = (_evt, value, colorPart) => {\n    if (colorPart === \"r\") setInternalRed(value);\n    if (colorPart === \"g\") setInternalGreen(value);\n    if (colorPart === \"b\") setInternalBlue(value);\n    handleChange(\n      {\n        r: colorPart === \"r\" ? value : rgb.r,\n        g: colorPart === \"g\" ? value : rgb.g,\n        b: colorPart === \"b\" ? value : rgb.b,\n      },\n      _evt\n    );\n  };\n\n  return (\n    <div className={clsx(classes.fields)}>\n      <HvInput\n        inputRef={hexInputRef}\n        className={clsx(classes.double)}\n        label=\"HEX\"\n        value={internalHex.replace(\"#\", \"\")}\n        onChange={onChangeHex}\n        onBlur={() => setInternalHex(hex)}\n        disableClear\n      />\n      <HvInput\n        inputRef={redInputRef}\n        className={clsx(classes.single)}\n        label=\"R\"\n        value={`${internalRed}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n        onBlur={() => setInternalRed(rgb.r)}\n        disableClear\n      />\n      <HvInput\n        inputRef={greenInputRef}\n        className={clsx(classes.single)}\n        label=\"G\"\n        value={`${internalGreen}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n        onBlur={() => setInternalGreen(rgb.g)}\n        disableClear\n      />\n      <HvInput\n        inputRef={blueInputRef}\n        className={clsx(classes.single)}\n        label=\"B\"\n        value={`${internalBlue}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n        onBlur={() => setInternalBlue(rgb.b)}\n        disableClear\n      />\n    </div>\n  );\n};\n\nFields.propTypes = {\n  rgb: PropTypes.shape({\n    r: PropTypes.number,\n    g: PropTypes.number,\n    b: PropTypes.number,\n  }).isRequired,\n};\n\nexport default Fields;\n"],"mappings":"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"}

package/dist/modern/ColorPicker/Fields/index.js

@@ -1,2 +0,0 @@
-export { default } from "./Fields";
-//# sourceMappingURL=index.js.map

package/dist/modern/ColorPicker/Fields/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ColorPicker/Fields/index.js"],"sourcesContent":["export { default } from \"./Fields\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU"}

package/dist/modern/ColorPicker/Fields/styles.js

@@ -1,35 +0,0 @@
-import { makeStyles } from "@mui/styles";
-const styles = makeStyles(() => ({
-  fields: {
-    width: "100%",
-    display: "flex",
-    paddingTop: 10,
-    paddingBottom: 20,
-    marginRight: 5
-  },
-  single: {
-    width: 40,
-    paddingLeft: 5,
-    "& input": {
-      marginLeft: 5,
-      marginRight: 5
-    },
-    "& label": {
-      paddingLeft: 5
-    }
-  },
-  double: {
-    width: 80,
-    "& input": {
-      textTransform: "uppercase",
-      marginLeft: 5,
-      marginRight: 5
-    },
-    "& label": {
-      paddingLeft: 5
-    },
-    paddingRight: 20
-  }
-}));
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/modern/ColorPicker/Fields/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","fields","width","display","paddingTop","paddingBottom","marginRight","single","paddingLeft","marginLeft","double","textTransform","paddingRight"],"sources":["../../../../src/ColorPicker/Fields/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  fields: {\n    width: \"100%\",\n    display: \"flex\",\n    paddingTop: 10,\n    paddingBottom: 20,\n    marginRight: 5,\n  },\n  single: {\n    width: 40,\n    paddingLeft: 5,\n    \"& input\": {\n      marginLeft: 5,\n      marginRight: 5,\n    },\n    \"& label\": {\n      paddingLeft: 5,\n    },\n  },\n  double: {\n    width: 80,\n    \"& input\": {\n      textTransform: \"uppercase\",\n      marginLeft: 5,\n      marginRight: 5,\n    },\n    \"& label\": {\n      paddingLeft: 5,\n    },\n    paddingRight: 20,\n  },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;EAC/BE,MAAM,EAAE;IACNC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,WAAW,EAAE;EACf,CAAC;EACDC,MAAM,EAAE;IACNL,KAAK,EAAE,EAAE;IACTM,WAAW,EAAE,CAAC;IACd,SAAS,EAAE;MACTC,UAAU,EAAE,CAAC;MACbH,WAAW,EAAE;IACf,CAAC;IACD,SAAS,EAAE;MACTE,WAAW,EAAE;IACf;EACF,CAAC;EACDE,MAAM,EAAE;IACNR,KAAK,EAAE,EAAE;IACT,SAAS,EAAE;MACTS,aAAa,EAAE,WAAW;MAC1BF,UAAU,EAAE,CAAC;MACbH,WAAW,EAAE;IACf,CAAC;IACD,SAAS,EAAE;MACTE,WAAW,EAAE;IACf,CAAC;IACDI,YAAY,EAAE;EAChB;AACF,CAAC,CAAC,CAAC;AAEH,eAAeZ,MAAM"}