@hitachivantara/uikit-react-core 2.23.2

package/dist/Pagination/styles.js

@@ -0,0 +1,150 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../Focus/styles");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = function styles(theme) {
+  var hoverColor = theme.hv.palette.atmosphere.atmo4;
+  return {
+    root: {
+      position: "relative",
+      zIndex: 1,
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "stretch",
+      flexWrap: "wrap",
+      marginTop: "".concat(theme.hv.spacing.sm, "px")
+    },
+    pageSizeOptions: {
+      position: "absolute",
+      marginRight: "40px",
+      top: "50%",
+      transform: "translateY(-50%)",
+      left: "0"
+    },
+    pageSizeOptionsSelect: _objectSpread(_objectSpread({
+      fontFamily: theme.hv.typography.fontFamily
+    }, theme.hv.typography.sText), {}, {
+      "-webkit-appearance": "none",
+      border: "none",
+      borderRadius: 0,
+      paddingLeft: "".concat(theme.hv.spacing.xs, "px"),
+      paddingRight: "32px",
+      textAlignLast: "right",
+      marginLeft: "".concat(theme.hv.spacing.xs, "px"),
+      marginRight: "".concat(theme.hv.spacing.xs, "px"),
+      outline: "none",
+      height: "32px",
+      backgroundColor: "transparent",
+      backgroundSize: "26px 26px",
+      "&::-ms-expand": {
+        display: "none"
+      },
+      "&:hover:enabled": {
+        cursor: "pointer",
+        backgroundColor: hoverColor
+      },
+      "&:focus": _objectSpread({
+        backgroundColor: hoverColor
+      }, _styles.outlineStyles)
+    }),
+    pageNavigator: {
+      display: "flex",
+      alignItems: "stretch",
+      height: "32px",
+      "&>*": {
+        margin: "0 ".concat(theme.hv.spacing.xs / 2, "px")
+      }
+    },
+    pageInfo: {
+      display: "inline-block",
+      whiteSpace: "nowrap",
+      height: "32px",
+      lineHeight: "32px"
+    },
+    pageJump: {
+      display: "inline-block",
+      marginRight: "".concat(theme.hv.spacing.xs, "px")
+    },
+    pageSizeInput: {},
+    pageSizeInputRoot: {
+      "& $pageSizeInput": _objectSpread(_objectSpread({}, theme.hv.typography.labelText), {}, {
+        paddingLeft: "".concat(theme.hv.spacing.xs / 2, "px"),
+        paddingRight: "".concat(theme.hv.spacing.xs / 2, "px"),
+        margin: 0,
+        textAlign: "right",
+        MozAppearance: "textfield",
+        "&:focus": {
+          backgroundColor: hoverColor
+        }
+      })
+    },
+    pageSizeInputContainer: {
+      width: "40px",
+      minWidth: "40px",
+      maxWidth: "".concat(theme.hv.spacing.lg, "px"),
+      "& $pageSizeInputRoot": {
+        backgroundColor: "transparent",
+        "&:hover": {
+          backgroundColor: hoverColor
+        },
+        "&:focus": {
+          backgroundColor: hoverColor
+        },
+        '& input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button': {
+          WebkitAppearance: "none",
+          margin: 0
+        }
+      }
+    },
+    iconContainer: {
+      padding: 0,
+      borderRadius: 0,
+      "&:hover": {
+        backgroundColor: hoverColor
+      },
+      "&:focus": _objectSpread({
+        backgroundColor: hoverColor
+      }, _styles.outlineStyles)
+    },
+    icon: {},
+    selectDownIcon: {
+      display: "inline-block",
+      position: "relative",
+      pointerEvents: "none",
+      left: "-32px",
+      top: "2px",
+      width: 0
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Pagination/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","hoverColor","hv","palette","atmosphere","atmo4","root","position","zIndex","display","justifyContent","alignItems","flexWrap","marginTop","spacing","sm","pageSizeOptions","marginRight","top","transform","left","pageSizeOptionsSelect","fontFamily","typography","sText","border","borderRadius","paddingLeft","xs","paddingRight","textAlignLast","marginLeft","outline","height","backgroundColor","backgroundSize","cursor","outlineStyles","pageNavigator","margin","pageInfo","whiteSpace","lineHeight","pageJump","pageSizeInput","pageSizeInputRoot","labelText","textAlign","MozAppearance","pageSizeInputContainer","width","minWidth","maxWidth","lg","WebkitAppearance","iconContainer","padding","icon","selectDownIcon","pointerEvents"],"sources":["../../src/Pagination/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => {\n  const hoverColor = theme.hv.palette.atmosphere.atmo4;\n\n  return {\n    root: {\n      position: \"relative\",\n      zIndex: 1,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"stretch\",\n      flexWrap: \"wrap\",\n      marginTop: `${theme.hv.spacing.sm}px`,\n    },\n    pageSizeOptions: {\n      position: \"absolute\",\n      marginRight: \"40px\",\n      top: \"50%\",\n      transform: \"translateY(-50%)\",\n      left: \"0\",\n    },\n    pageSizeOptionsSelect: {\n      fontFamily: theme.hv.typography.fontFamily,\n      ...theme.hv.typography.sText,\n      \"-webkit-appearance\": \"none\",\n      border: \"none\",\n      borderRadius: 0,\n      paddingLeft: `${theme.hv.spacing.xs}px`,\n      paddingRight: \"32px\",\n      textAlignLast: \"right\",\n      marginLeft: `${theme.hv.spacing.xs}px`,\n      marginRight: `${theme.hv.spacing.xs}px`,\n      outline: \"none\",\n      height: \"32px\",\n      backgroundColor: \"transparent\",\n      backgroundSize: \"26px 26px\",\n      \"&::-ms-expand\": {\n        display: \"none\",\n      },\n      \"&:hover:enabled\": {\n        cursor: \"pointer\",\n        backgroundColor: hoverColor,\n      },\n      \"&:focus\": {\n        backgroundColor: hoverColor,\n        ...outlineStyles,\n      },\n    },\n    pageNavigator: {\n      display: \"flex\",\n      alignItems: \"stretch\",\n      height: \"32px\",\n      \"&>*\": {\n        margin: `0 ${theme.hv.spacing.xs / 2}px`,\n      },\n    },\n    pageInfo: {\n      display: \"inline-block\",\n      whiteSpace: \"nowrap\",\n      height: \"32px\",\n      lineHeight: \"32px\",\n    },\n    pageJump: {\n      display: \"inline-block\",\n      marginRight: `${theme.hv.spacing.xs}px`,\n    },\n    pageSizeInput: {},\n    pageSizeInputRoot: {\n      \"& $pageSizeInput\": {\n        ...theme.hv.typography.labelText,\n        paddingLeft: `${theme.hv.spacing.xs / 2}px`,\n        paddingRight: `${theme.hv.spacing.xs / 2}px`,\n        margin: 0,\n        textAlign: \"right\",\n        MozAppearance: \"textfield\",\n        \"&:focus\": {\n          backgroundColor: hoverColor,\n        },\n      },\n    },\n    pageSizeInputContainer: {\n      width: \"40px\",\n      minWidth: \"40px\",\n      maxWidth: `${theme.hv.spacing.lg}px`,\n      \"& $pageSizeInputRoot\": {\n        backgroundColor: \"transparent\",\n        \"&:hover\": {\n          backgroundColor: hoverColor,\n        },\n        \"&:focus\": {\n          backgroundColor: hoverColor,\n        },\n        '& input[type=\"number\"]::-webkit-inner-spin-button, input[type=\"number\"]::-webkit-outer-spin-button':\n          {\n            WebkitAppearance: \"none\",\n            margin: 0,\n          },\n      },\n    },\n    iconContainer: {\n      padding: 0,\n      borderRadius: 0,\n      \"&:hover\": {\n        backgroundColor: hoverColor,\n      },\n      \"&:focus\": {\n        backgroundColor: hoverColor,\n        ...outlineStyles,\n      },\n    },\n    icon: {},\n    selectDownIcon: {\n      display: \"inline-block\",\n      position: \"relative\",\n      pointerEvents: \"none\",\n      left: \"-32px\",\n      top: \"2px\",\n      width: 0,\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}

package/dist/Provider/Provider.d.ts

@@ -0,0 +1,66 @@
+import * as React from "react";
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { GenerateId } from "jss";
+import { HvTheme } from "..";
+
+export type HvUiKitThemeNames = "dawn" | "wicked";
+
+export interface GenerateClassNameOptions {
+  /**
+   * Disable the generation of deterministic class names. Defaults to `false`.
+   */
+  disableGlobal?: boolean;
+  /**
+   * The string used to prefix the class names in production. Defaults to `"jss-uikit"`.
+   */
+  productionPrefix?: 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?: string;
+}
+
+export interface HvProviderProps {
+  /**
+   * Your component tree.
+   */
+  children: React.ReactNode;
+
+  /**
+   * The Design System base theme in use. Defaults to `"dawn"`.
+   */
+  uiKitTheme?: HvUiKitThemeNames;
+  /**
+   * The UI Kit theme object to be applied on top of the base theme.
+   */
+  theme?: HvTheme;
+  /**
+   * Function stored in the provider's context to allow runtime switching of the active theme.
+   * The implementation is up to each App.
+   */
+  changeTheme?: () => void;
+
+  /**
+   * Custom JSS's class name generator.
+   */
+  generateClassName?: GenerateId;
+  /**
+   * Built-in JSS's class name generator options.
+   * Ignored if a custom `generateClassName` is provided.
+   */
+  generateClassNameOptions?: GenerateClassNameOptions;
+  /**
+   * 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?: boolean;
+  /**
+   * Disables the generation of the styles.
+   */
+  disableStylesGeneration?: boolean;
+}
+
+export default function HvProvider(props: HvProviderProps): JSX.Element | null;

package/dist/Provider/Provider.js

@@ -0,0 +1,185 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _set = _interopRequireDefault(require("lodash/set"));
+
+var _merge = _interopRequireDefault(require("lodash/merge"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var _deepDiff = _interopRequireDefault(require("deep-diff"));
+
+var _core = require("@material-ui/core");
+
+var _theme = require("../theme");
+
+var _context = require("../config/context");
+
+var _CssBaseline;
+
+/**
+ * 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.
+ */
+var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTheme) {
+  var muiDefaultTheme = (0, _core.createMuiTheme)();
+  var targetTheme = (0, _cloneDeep.default)(InputTargetTheme);
+  var sourceTheme = (0, _cloneDeep.default)(InputSourceTheme);
+  var deleteDifference = "D";
+
+  if (!(0, _isEmpty.default)(targetTheme) && !(0, _isEmpty.default)(sourceTheme)) {
+    _deepDiff.default.observableDiff(muiDefaultTheme, sourceTheme, function (difference) {
+      var partialCustomTheme = (0, _set.default)({}, difference.path, difference.rhs);
+
+      if (difference.kind !== deleteDifference) {
+        // Do not include the differences of type "delete"
+        (0, _merge.default)(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..
+ *
+ */
+
+
+var HvProvider = function HvProvider(_ref) {
+  var children = _ref.children,
+      _ref$uiKitTheme = _ref.uiKitTheme,
+      uiKitTheme = _ref$uiKitTheme === void 0 ? "dawn" : _ref$uiKitTheme,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? null : _ref$theme,
+      _ref$changeTheme = _ref.changeTheme,
+      changeTheme = _ref$changeTheme === void 0 ? function () {} : _ref$changeTheme,
+      generateClassNameProp = _ref.generateClassName,
+      generateClassNameOptions = _ref.generateClassNameOptions,
+      _ref$injectStylesFirs = _ref.injectStylesFirst,
+      injectStylesFirst = _ref$injectStylesFirs === void 0 ? false : _ref$injectStylesFirs,
+      _ref$disableStylesGen = _ref.disableStylesGeneration,
+      disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen;
+  var rawUiKitTheme = (0, _theme.getTheme)(uiKitTheme);
+  var customTheme = applyCustomTheme((0, _theme.themeBuilder)(rawUiKitTheme), theme);
+  var generateClassName = generateClassNameProp || (0, _theme.createGenerateClassName)(generateClassNameOptions);
+  var pConfig = {
+    changeTheme: changeTheme
+  };
+  return /*#__PURE__*/_react.default.createElement(_core.StylesProvider, {
+    generateClassName: generateClassName,
+    injectFirst: injectStylesFirst,
+    disableGeneration: disableStylesGeneration
+  }, /*#__PURE__*/_react.default.createElement(_core.ThemeProvider, {
+    theme: customTheme
+  }, _CssBaseline || (_CssBaseline = /*#__PURE__*/_react.default.createElement(_theme.CssBaseline, null)), /*#__PURE__*/_react.default.createElement(_context.ConfigProvider, {
+    value: pConfig
+  }, children)));
+};
+
+process.env.NODE_ENV !== "production" ? HvProvider.propTypes = {
+  /**
+   * Your component tree.
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * The Design System base theme in use. Defaults to `"dawn"`.
+   */
+  uiKitTheme: _propTypes.default.oneOf(["dawn", "wicked"]),
+
+  /**
+   * The UI Kit theme object to be applied on top of the base theme.
+   */
+  theme: _propTypes.default.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.default.func,
+
+  /**
+   * Custom JSS's class name generator.
+   */
+  generateClassName: _propTypes.default.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.default.shape({
+    /**
+     * Disable the generation of deterministic class names. Defaults to `false`.
+     */
+    disableGlobal: _propTypes.default.bool,
+
+    /**
+     * The string used to prefix the class names in production. Defaults to `"jss-uikit"`.
+     */
+    productionPrefix: _propTypes.default.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.default.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.default.bool,
+
+  /**
+   * Disables the generation of the styles.
+   */
+  disableStylesGeneration: _propTypes.default.bool
+} : void 0;
+var _default = HvProvider;
+exports.default = _default;
+//# sourceMappingURL=Provider.js.map

package/dist/Provider/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","names":["applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","createMuiTheme","targetTheme","cloneDeep","sourceTheme","deleteDifference","isEmpty","diff","observableDiff","difference","partialCustomTheme","set","path","rhs","kind","merge","HvProvider","children","uiKitTheme","theme","changeTheme","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","rawUiKitTheme","getTheme","customTheme","themeBuilder","createGenerateClassName","pConfig","propTypes","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/Provider/index.d.ts

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

package/dist/Provider/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Provider.default;
+  }
+});
+
+var _Provider = _interopRequireDefault(require("./Provider"));
+//# sourceMappingURL=index.js.map

package/dist/Provider/index.js.map

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

package/dist/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;