@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/Provider/Provider.js

@@ -0,0 +1,161 @@
+var _CssBaseline;
+
+import React from "react";
+import PropTypes from "prop-types";
+import set from "lodash/set";
+import merge from "lodash/merge";
+import isEmpty from "lodash/isEmpty";
+import cloneDeep from "lodash/cloneDeep";
+import diff from "deep-diff";
+import { ThemeProvider as MuiThemeProvider, StylesProvider as MuiStylesProvider, createMuiTheme } from "@material-ui/core";
+import { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from "../theme";
+import { ConfigProvider } from "../config/context";
+/**
+ * Augments the target theme with the differences found in the source theme.
+ *
+ * @param {Object} InputTargetTheme - A material UI Theme to be changed.
+ * @param {Object} InputSourceTheme - A material UI Theme to apply on top.
+ * @returns {Object} - A new modified material UI theme.
+ */
+
+const applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {
+  const muiDefaultTheme = createMuiTheme();
+  const targetTheme = cloneDeep(InputTargetTheme);
+  const sourceTheme = cloneDeep(InputSourceTheme);
+  const deleteDifference = "D";
+
+  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {
+    diff.observableDiff(muiDefaultTheme, sourceTheme, difference => {
+      const partialCustomTheme = set({}, difference.path, difference.rhs);
+
+      if (difference.kind !== deleteDifference) {
+        // Do not include the differences of type "delete"
+        merge(targetTheme, partialCustomTheme);
+      }
+    });
+    return targetTheme;
+  }
+
+  return targetTheme;
+};
+/**
+ * This component makes cross-component properties, like the active `theme`,
+ * available down the React tree thanks to React context.
+ *
+ * This component should preferably be used at **the root of your component tree** and
+ * be unique in the App in most cases.
+ *
+ * ```jsx
+ * <HvProvider>
+ *   <MyApp />
+ * <HvProvider/>
+ * ```
+ *
+ * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`
+ * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can
+ * be provided via the `generateClassName` property.
+ *
+ * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,
+ * as they will not be able to access the properties of the active theme..
+ *
+ */
+
+
+const HvProvider = ({
+  children,
+  uiKitTheme = "dawn",
+  theme = null,
+  changeTheme = () => {},
+  generateClassName: generateClassNameProp,
+  generateClassNameOptions,
+  injectStylesFirst = false,
+  disableStylesGeneration = false
+}) => {
+  const rawUiKitTheme = getTheme(uiKitTheme);
+  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);
+  const generateClassName = generateClassNameProp || createGenerateClassName(generateClassNameOptions);
+  const pConfig = {
+    changeTheme
+  };
+  return /*#__PURE__*/React.createElement(MuiStylesProvider, {
+    generateClassName: generateClassName,
+    injectFirst: injectStylesFirst,
+    disableGeneration: disableStylesGeneration
+  }, /*#__PURE__*/React.createElement(MuiThemeProvider, {
+    theme: customTheme
+  }, _CssBaseline || (_CssBaseline = /*#__PURE__*/React.createElement(CssBaseline, null)), /*#__PURE__*/React.createElement(ConfigProvider, {
+    value: pConfig
+  }, children)));
+};
+
+process.env.NODE_ENV !== "production" ? HvProvider.propTypes = {
+  /**
+   * Your component tree.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * The Design System base theme in use. Defaults to `"dawn"`.
+   */
+  uiKitTheme: PropTypes.oneOf(["dawn", "wicked"]),
+
+  /**
+   * The UI Kit theme object to be applied on top of the base theme.
+   */
+  theme: PropTypes.instanceOf(Object),
+
+  /**
+   * Function stored in the provider's context to allow runtime switching of the active theme.
+   * The implementation is up to each App.
+   */
+  changeTheme: PropTypes.func,
+
+  /**
+   * Custom JSS's class name generator.
+   */
+  generateClassName: PropTypes.func,
+
+  /**
+   * Built-in JSS's class name generator options.
+   * Ignored if a custom `generateClassName` is provided.
+   *
+   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.
+   *
+   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `"jss-uikit"`.
+   *
+   * `seed`: The string used to uniquely identify the generator. Defaults to `""`.
+   *         It can be used to avoid class name collisions when using multiple generators in the same document.
+   */
+  generateClassNameOptions: PropTypes.shape({
+    /**
+     * Disable the generation of deterministic class names. Defaults to `false`.
+     */
+    disableGlobal: PropTypes.bool,
+
+    /**
+     * The string used to prefix the class names in production. Defaults to `"jss-uikit"`.
+     */
+    productionPrefix: PropTypes.string,
+
+    /**
+     * The string used to uniquely identify the generator. Defaults to `""`.
+     * It can be used to avoid class name collisions when using multiple generators in the same document.
+     */
+    seed: PropTypes.string
+  }),
+
+  /**
+   * Injects the generated stylesheets at the top of the `<head>` element of the page.
+   * This can ease the override of UI Kit components styles.
+   *
+   * By default, the styles are injected last in the `<head>` element of the page.
+   */
+  injectStylesFirst: PropTypes.bool,
+
+  /**
+   * Disables the generation of the styles.
+   */
+  disableStylesGeneration: PropTypes.bool
+} : void 0;
+export default HvProvider;
+//# sourceMappingURL=Provider.js.map

package/dist/modern/Provider/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","names":["React","PropTypes","set","merge","isEmpty","cloneDeep","diff","ThemeProvider","MuiThemeProvider","StylesProvider","MuiStylesProvider","createMuiTheme","themeBuilder","createGenerateClassName","CssBaseline","getTheme","ConfigProvider","applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","generateClassName","generateClassNameProp","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","rawUiKitTheme","customTheme","pConfig","propTypes","node","isRequired","oneOf","instanceOf","Object","func","shape","disableGlobal","bool","productionPrefix","string","seed"],"sources":["../../../src/Provider/Provider.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n  createMuiTheme,\n} from \"@material-ui/core\";\n\nimport { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from \"../theme\";\n\nimport { ConfigProvider } from \"../config/context\";\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createMuiTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n}) => {\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = { changeTheme };\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        <CssBaseline />\n        <ConfigProvider value={pConfig}>{children}</ConfigProvider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}

package/dist/modern/Provider/index.d.ts

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

package/dist/modern/Provider/index.js

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

package/dist/modern/Provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Provider/index.js"],"sourcesContent":["export { default } from \"./Provider\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB"}

package/dist/modern/SearchBox/SearchBox.d.ts

@@ -0,0 +1,15 @@
+import { StandardProps } from "@material-ui/core";
+import { HvInputProps } from "../Input";
+
+export interface HvSearchBoxProps
+  extends StandardProps<HvInputProps, HvSearchBoxClassKey, "onSubmit"> {
+  /**
+   * The function that will be executed on Enter, allows checking the value state,
+   * it receives the value or event+value.
+   */
+  onSubmit?: (event: Event, value: string) => void;
+}
+
+export type HvSearchBoxClassKey = "root";
+
+export default function HvSearchBox(props: HvSearchBoxProps): JSX.Element | null;

package/dist/modern/SearchBox/SearchBox.js

@@ -0,0 +1,258 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "id", "className", "labels", "initialValue", "value", "onChange", "disabled", "suggestionListCallback", "suggestionSelectedCallback", "onBlur", "onFocus", "onKeyDown", "onSubmit", "autoFocus", "ariaLabel"];
+import "core-js/modules/web.dom-collections.iterator.js";
+
+/*  TODO: Review accessibility */
+
+/*  eslint-disable  jsx-a11y/click-events-have-key-events */
+
+/*  eslint-disable jsx-a11y/no-static-element-interactions */
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import partial from "lodash/partial";
+import isNil from "lodash/isNil";
+import { withStyles } from "@material-ui/core";
+import { Search as SearchIcon } from "@hitachivantara/uikit-react-icons";
+import withLabels from "../withLabels";
+import { isKeypress, KeyboardCodes } from "../utils/KeyboardUtils";
+import HvInput from "../Input";
+import styles from "./styles";
+const DEFAULT_LABELS = {
+  inputLabel: "",
+  placeholder: "Search"
+};
+/**
+ *  Checks whether the user pressed Enter and executes on submit, otherwise it executes onKeyDown.
+ *
+ *  @param handlers - array with the callbacks to use
+ *  @param event - contains the onKeyDown event
+ *  @param value - the value inside the input
+ */
+
+const onKeyDownHandler = (handlers, event, value) => {
+  const [onKeyDown, onSubmit] = handlers;
+
+  if (isKeypress(event, KeyboardCodes.Enter)) {
+    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event, value);
+  }
+
+  onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event, value);
+};
+/**
+ *  Checks whether the user pressed Enter and executes on submit, otherwise it executes onKeyDown.
+ *
+ *  @param disabled - contains the onKeyDown event
+ */
+
+
+const changeIconColor = disabled => /*#__PURE__*/React.createElement(SearchIcon, {
+  color: disabled ? "atmo7" : undefined,
+  boxStyles: {
+    width: "30px",
+    height: "30px"
+  }
+});
+
+const iconStateHandler = (value, disabled, setIcon) => {
+  if (isNil(value) || value === "") {
+    setIcon(changeIconColor(disabled));
+  } else {
+    setIcon(undefined);
+  }
+};
+/**
+ *  Checks whether the user pressed Enter and executes on submit, otherwise it executes onKeyDown.
+ *
+ *  @param contextValues - array with the callback to use the disabled flag.
+ *  @param value - the value inside the input.
+ */
+
+
+const onChangeHandler = (contextValues, event, value) => {
+  const [onChange, disabled, setIcon] = contextValues;
+  let newValue = value;
+  newValue = onChange(event, newValue);
+  iconStateHandler(value, disabled, setIcon);
+  return newValue;
+};
+/**
+ *  Clears the lens icon.
+ *
+ *  @param contextValues - array with the callback to use the disabled flag.
+ *  @param value - the value inside the input.
+ */
+
+
+const onFocusHandler = (contextValues, value) => {
+  const [onFocus, disabled, setIcon] = contextValues;
+  iconStateHandler(value, disabled, setIcon);
+  onFocus === null || onFocus === void 0 ? void 0 : onFocus(value);
+};
+/**
+ *  Puts the lens icon back in place.
+ *
+ *  @param contextValues - array with the callback to use the disabled flag.
+ *  @param value - the value inside the input.
+ */
+
+
+const onBlurHandler = (contextValues, value) => {
+  const [onBlur, disabled, setIcon] = contextValues;
+  setIcon(changeIconColor(disabled));
+  onBlur === null || onBlur === void 0 ? void 0 : onBlur(value);
+};
+
+const HvSearchBox = props => {
+  const {
+    classes,
+    id,
+    className,
+    labels,
+    initialValue = "",
+    value,
+    onChange = (event, payload) => payload,
+    disabled = false,
+    suggestionListCallback,
+    suggestionSelectedCallback,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    onSubmit,
+    autoFocus = false,
+    ariaLabel = "search"
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const [lensIcon, setIcon] = useState(changeIconColor(disabled));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HvInput, _extends({
+    className: clsx(className, classes.root),
+    labels: labels,
+    id: id,
+    initialValue: initialValue,
+    value: value,
+    suggestionListCallback: suggestionListCallback,
+    suggestionSelectedCallback: suggestionSelectedCallback,
+    customFixedIcon: lensIcon,
+    onChange: partial(onChangeHandler, [onChange, disabled, setIcon]),
+    onBlur: partial(onBlurHandler, [onBlur, disabled, setIcon]),
+    onFocus: partial(onFocusHandler, [onFocus, disabled, setIcon]),
+    onKeyDown: partial(onKeyDownHandler, [onKeyDown, onSubmit]),
+    autoFocus: autoFocus,
+    disabled: disabled,
+    showInfo: false,
+    validationIconVisible: false,
+    inputProps: {
+      "aria-label": ariaLabel
+    }
+  }, others)));
+};
+
+process.env.NODE_ENV !== "production" ? HvSearchBox.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the search box.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to searchbox root.
+     */
+    root: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * An Object containing the various text associated with the searchbox.
+   */
+  labels: PropTypes.shape({
+    /**
+     * Label on top of the searchbox.
+     */
+    inputLabel: PropTypes.string,
+
+    /**
+     * Placeholder value.
+     */
+    placeholder: PropTypes.string
+  }),
+
+  /**
+   * The initial value of the searchbox
+   */
+  value: PropTypes.string,
+
+  /**
+   * The function that will be executed when the searchbox changes,
+   * it receives the searchbox value
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion
+   */
+  suggestionListCallback: PropTypes.func,
+
+  /**
+   * The function that will be executed after selecting a value in the suggestion list
+   */
+  suggestionSelectedCallback: PropTypes.func,
+
+  /**
+   * The function that will be executed onBlur, allows checking the validation state,
+   * it receives the value and the validation state (´empty´, ´filled´, ´invalid´, ´valid´).
+   */
+  onBlur: PropTypes.func,
+
+  /**
+   * The function that will be executed onFocus, allows checking the value state,
+   * it receives the value.
+   */
+  onFocus: PropTypes.func,
+
+  /**
+   * The function that will be executed onKeyDown, allows checking the value state,
+   * it receives the value.
+   */
+  onKeyDown: PropTypes.func,
+
+  /**
+   * The function that will be executed on Enter, allows checking the value state,
+   * it receives the value or event+value. On evocation we check for the number
+   * of arguments associated with the function. Note that in the future rather
+   * than accepting a value as argument, this will change to an event as argument
+   */
+  onSubmit: PropTypes.func,
+
+  /**
+   * If `true` it should autofocus.
+   */
+  autoFocus: PropTypes.bool,
+
+  /**
+   * If ´true´ the searchBox is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * The initial value of the searchBox.
+   */
+  initialValue: PropTypes.string,
+
+  /**
+   * Arial Label.
+   */
+  ariaLabel: PropTypes.string
+} : void 0;
+export default withStyles(styles, {
+  name: "HvSearchBox"
+})(withLabels(DEFAULT_LABELS)(HvSearchBox));
+//# sourceMappingURL=SearchBox.js.map

package/dist/modern/SearchBox/SearchBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBox.js","names":["React","useState","PropTypes","clsx","partial","isNil","withStyles","Search","SearchIcon","withLabels","isKeypress","KeyboardCodes","HvInput","styles","DEFAULT_LABELS","inputLabel","placeholder","onKeyDownHandler","handlers","event","value","onKeyDown","onSubmit","Enter","changeIconColor","disabled","undefined","width","height","iconStateHandler","setIcon","onChangeHandler","contextValues","onChange","newValue","onFocusHandler","onFocus","onBlurHandler","onBlur","HvSearchBox","props","classes","id","className","labels","initialValue","payload","suggestionListCallback","suggestionSelectedCallback","autoFocus","ariaLabel","others","lensIcon","root","propTypes","string","shape","isRequired","func","bool","name"],"sources":["../../../src/SearchBox/SearchBox.js"],"sourcesContent":["/*  TODO: Review accessibility */\n\n/*  eslint-disable  jsx-a11y/click-events-have-key-events */\n/*  eslint-disable jsx-a11y/no-static-element-interactions */\n\nimport React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport partial from \"lodash/partial\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Search as SearchIcon } from \"@hitachivantara/uikit-react-icons\";\nimport withLabels from \"../withLabels\";\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\nimport HvInput from \"../Input\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  inputLabel: \"\",\n  placeholder: \"Search\",\n};\n\n/**\n *  Checks whether the user pressed Enter and executes on submit, otherwise it executes onKeyDown.\n *\n *  @param handlers - array with the callbacks to use\n *  @param event - contains the onKeyDown event\n *  @param value - the value inside the input\n */\nconst onKeyDownHandler = (handlers, event, value) => {\n  const [onKeyDown, onSubmit] = handlers;\n  if (isKeypress(event, KeyboardCodes.Enter)) {\n    onSubmit?.(event, value);\n  }\n  onKeyDown?.(event, value);\n};\n\n/**\n *  Checks whether the user pressed Enter and executes on submit, otherwise it executes onKeyDown.\n *\n *  @param disabled - contains the onKeyDown event\n */\nconst changeIconColor = (disabled) => (\n  <SearchIcon\n    color={disabled ? \"atmo7\" : undefined}\n    boxStyles={{\n      width: \"30px\",\n      height: \"30px\",\n    }}\n  />\n);\n\nconst iconStateHandler = (value, disabled, setIcon) => {\n  if (isNil(value) || value === \"\") {\n    setIcon(changeIconColor(disabled));\n  } else {\n    setIcon(undefined);\n  }\n};\n\n/**\n *  Checks whether the user pressed Enter and executes on submit, otherwise it executes onKeyDown.\n *\n *  @param contextValues - array with the callback to use the disabled flag.\n *  @param value - the value inside the input.\n */\nconst onChangeHandler = (contextValues, event, value) => {\n  const [onChange, disabled, setIcon] = contextValues;\n  let newValue = value;\n  newValue = onChange(event, newValue);\n  iconStateHandler(value, disabled, setIcon);\n  return newValue;\n};\n\n/**\n *  Clears the lens icon.\n *\n *  @param contextValues - array with the callback to use the disabled flag.\n *  @param value - the value inside the input.\n */\nconst onFocusHandler = (contextValues, value) => {\n  const [onFocus, disabled, setIcon] = contextValues;\n  iconStateHandler(value, disabled, setIcon);\n  onFocus?.(value);\n};\n\n/**\n *  Puts the lens icon back in place.\n *\n *  @param contextValues - array with the callback to use the disabled flag.\n *  @param value - the value inside the input.\n */\nconst onBlurHandler = (contextValues, value) => {\n  const [onBlur, disabled, setIcon] = contextValues;\n  setIcon(changeIconColor(disabled));\n  onBlur?.(value);\n};\n\nconst HvSearchBox = (props) => {\n  const {\n    classes,\n    id,\n    className,\n    labels,\n    initialValue = \"\",\n    value,\n    onChange = (event, payload) => payload,\n    disabled = false,\n    suggestionListCallback,\n    suggestionSelectedCallback,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    onSubmit,\n    autoFocus = false,\n    ariaLabel = \"search\",\n    ...others\n  } = props;\n\n  const [lensIcon, setIcon] = useState(changeIconColor(disabled));\n\n  return (\n    <>\n      <HvInput\n        className={clsx(className, classes.root)}\n        labels={labels}\n        id={id}\n        initialValue={initialValue}\n        value={value}\n        suggestionListCallback={suggestionListCallback}\n        suggestionSelectedCallback={suggestionSelectedCallback}\n        customFixedIcon={lensIcon}\n        onChange={partial(onChangeHandler, [onChange, disabled, setIcon])}\n        onBlur={partial(onBlurHandler, [onBlur, disabled, setIcon])}\n        onFocus={partial(onFocusHandler, [onFocus, disabled, setIcon])}\n        onKeyDown={partial(onKeyDownHandler, [onKeyDown, onSubmit])}\n        autoFocus={autoFocus}\n        disabled={disabled}\n        showInfo={false}\n        validationIconVisible={false}\n        inputProps={{ \"aria-label\": ariaLabel }}\n        {...others}\n      />\n    </>\n  );\n};\n\nHvSearchBox.propTypes = {\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 to the search box.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to searchbox root.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An Object containing the various text associated with the searchbox.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Label on top of the searchbox.\n     */\n    inputLabel: PropTypes.string,\n    /**\n     * Placeholder value.\n     */\n    placeholder: PropTypes.string,\n  }),\n  /**\n   * The initial value of the searchbox\n   */\n  value: PropTypes.string,\n  /**\n   * The function that will be executed when the searchbox changes,\n   * it receives the searchbox value\n   */\n  onChange: PropTypes.func,\n  /**\n   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion\n   */\n  suggestionListCallback: PropTypes.func,\n  /**\n   * The function that will be executed after selecting a value in the suggestion list\n   */\n  suggestionSelectedCallback: PropTypes.func,\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state (´empty´, ´filled´, ´invalid´, ´valid´).\n   */\n  onBlur: PropTypes.func,\n  /**\n   * The function that will be executed onFocus, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The function that will be executed onKeyDown, allows checking the value state,\n   * it receives the value.\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * The function that will be executed on Enter, allows checking the value state,\n   * it receives the value or event+value. On evocation we check for the number\n   * of arguments associated with the function. Note that in the future rather\n   * than accepting a value as argument, this will change to an event as argument\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If ´true´ the searchBox is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The initial value of the searchBox.\n   */\n  initialValue: PropTypes.string,\n  /**\n   * Arial Label.\n   */\n  ariaLabel: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvSearchBox\" })(withLabels(DEFAULT_LABELS)(HvSearchBox));\n"],"mappings":"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"}

package/dist/modern/SearchBox/index.d.ts

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

package/dist/modern/SearchBox/index.js

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

package/dist/modern/SearchBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/SearchBox/index.js"],"sourcesContent":["export { default } from \"./SearchBox\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB"}

package/dist/modern/SearchBox/styles.js

@@ -0,0 +1,7 @@
+const styles = {
+  root: {
+    display: "block"
+  }
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/SearchBox/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","display"],"sources":["../../../src/SearchBox/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    display: \"block\",\n  },\n};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,OAAO,EAAE;EADL;AADO,CAAf;AAMA,eAAeF,MAAf"}

package/dist/modern/Selectors/CheckBox/CheckBox.d.ts

@@ -0,0 +1,40 @@
+import { StandardProps, CheckboxProps, FormControlProps } from "@material-ui/core";
+import { LabelPositions } from "..";
+
+export interface HvCheckBoxProps extends StandardProps<CheckboxProps, HvCheckBoxClassKey> {
+  /**
+   * The label to be added to the checkbox.
+   */
+  label?: React.ReactNode;
+
+  /**
+   * Whether the selector should use semantic colors
+   */
+  semantic?: boolean;
+
+  /**
+   * The position of the checkbox label.
+   *  - Accepted values:
+   *    --"start",
+   *    --"end"
+   *  - note: the labelPositions object should be used to set this value.
+   */
+  labelPlacement?: LabelPositions;
+  /**
+   * Extra properties passed to the MUI FormControlLabel component.
+   */
+  formControlLabelProps?: FormControlProps;
+}
+
+export type HvCheckBoxClassKey =
+  | "container"
+  | "disableFocus"
+  | "labelTypography"
+  | "labelDisabled"
+  | "labelEnd"
+  | "labelStart"
+  | "checkBox"
+  | "icon"
+  | "truncate";
+
+export default function HvCheckBox(props: HvCheckBoxProps): JSX.Element | null;