@hitachivantara/uikit-react-core 2.23.2

package/dist/Header/Navigation/utils/FocusContext.js

@@ -0,0 +1,71 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FocusProvider = exports.FocusContext = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var reducer = function reducer(state, action) {
+  switch (action.type) {
+    case "setItemFocused":
+      return {
+        itemFocused: action.itemFocused
+      };
+
+    default:
+      return state;
+  }
+};
+
+var initialState = {
+  itemFocused: null
+};
+var FocusContext = /*#__PURE__*/(0, _react.createContext)(initialState);
+exports.FocusContext = FocusContext;
+
+var FocusProvider = function FocusProvider(props) {
+  var _useReducer = (0, _react.useReducer)(reducer, initialState),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  var children = props.children;
+  return /*#__PURE__*/_react.default.createElement(FocusContext.Provider, {
+    value: {
+      state: state,
+      dispatch: dispatch
+    }
+  }, children);
+};
+
+exports.FocusProvider = FocusProvider;
+process.env.NODE_ENV !== "production" ? FocusProvider.propTypes = {
+  children: _propTypes.default.node.isRequired
+} : void 0;
+//# sourceMappingURL=FocusContext.js.map

package/dist/Header/Navigation/utils/FocusContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusContext.js","names":["reducer","state","action","type","itemFocused","initialState","FocusContext","createContext","FocusProvider","props","useReducer","dispatch","children","propTypes","PropTypes","node","isRequired"],"sources":["../../../../src/Header/Navigation/utils/FocusContext.js"],"sourcesContent":["import React, { createContext, useReducer } from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst reducer = (state, action) => {\n  switch (action.type) {\n    case \"setItemFocused\":\n      return { itemFocused: action.itemFocused };\n    default:\n      return state;\n  }\n};\n\nconst initialState = { itemFocused: null };\nconst FocusContext = createContext(initialState);\n\nconst FocusProvider = (props) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const { children } = props;\n\n  return <FocusContext.Provider value={{ state, dispatch }}>{children}</FocusContext.Provider>;\n};\n\nFocusProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport { FocusContext, FocusProvider };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAQC,MAAR,EAAmB;EACjC,QAAQA,MAAM,CAACC,IAAf;IACE,KAAK,gBAAL;MACE,OAAO;QAAEC,WAAW,EAAEF,MAAM,CAACE;MAAtB,CAAP;;IACF;MACE,OAAOH,KAAP;EAJJ;AAMD,CAPD;;AASA,IAAMI,YAAY,GAAG;EAAED,WAAW,EAAE;AAAf,CAArB;AACA,IAAME,YAAY,gBAAG,IAAAC,oBAAA,EAAcF,YAAd,CAArB;;;AAEA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,kBAA0B,IAAAC,iBAAA,EAAWV,OAAX,EAAoBK,YAApB,CAA1B;EAAA;EAAA,IAAOJ,KAAP;EAAA,IAAcU,QAAd;;EACA,IAAQC,QAAR,GAAqBH,KAArB,CAAQG,QAAR;EAEA,oBAAO,6BAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAE;MAAEX,KAAK,EAALA,KAAF;MAASU,QAAQ,EAARA;IAAT;EAA9B,GAAoDC,QAApD,CAAP;AACD,CALD;;;AAOA,wCAAAJ,aAAa,CAACK,SAAd,GAA0B;EACxBD,QAAQ,EAAEE,kBAAA,CAAUC,IAAV,CAAeC;AADD,CAA1B"}

package/dist/Header/Navigation/utils/SelectionContext.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var SelectionContext = /*#__PURE__*/(0, _react.createContext)(null);
+var _default = SelectionContext;
+exports.default = _default;
+//# sourceMappingURL=SelectionContext.js.map

package/dist/Header/Navigation/utils/SelectionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionContext.js","names":["SelectionContext","createContext"],"sources":["../../../../src/Header/Navigation/utils/SelectionContext.js"],"sourcesContent":["import { createContext } from \"react\";\n\nconst SelectionContext = createContext(null);\n\nexport default SelectionContext;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,gBAAgB,gBAAG,IAAAC,oBAAA,EAAc,IAAd,CAAzB;eAEeD,gB"}

package/dist/Header/Navigation/utils/useSelectionPath.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var _react = require("react");
+
+var getSelectionPath = function getSelectionPath(data, selectedId) {
+  var selection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var idx = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : -1;
+  var parent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+  data.forEach(function (item, i) {
+    var hasData = item.data && item.data.length;
+    var isSelected = item.id === selectedId;
+    if (isSelected) selection.push.apply(selection, (0, _toConsumableArray2.default)(idx > -1 ? [parent[idx].id] : []).concat([item.id]));
+    if (hasData) getSelectionPath(item.data, selectedId, selection, i, data);
+  });
+  return selection;
+};
+
+var useSelectionPath = function useSelectionPath(data, selectedId) {
+  var _useState = (0, _react.useState)(""),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      selectionPath = _useState2[0],
+      setSelectionPath = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var path = getSelectionPath(data, selectedId);
+    setSelectionPath(path);
+  }, [data, selectedId]);
+  return selectionPath;
+};
+
+var _default = useSelectionPath;
+exports.default = _default;
+//# sourceMappingURL=useSelectionPath.js.map

package/dist/Header/Navigation/utils/useSelectionPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionPath.js","names":["getSelectionPath","data","selectedId","selection","idx","parent","forEach","item","i","hasData","length","isSelected","id","push","useSelectionPath","useState","selectionPath","setSelectionPath","useEffect","path"],"sources":["../../../../src/Header/Navigation/utils/useSelectionPath.js"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nconst getSelectionPath = (data, selectedId, selection = [], idx = -1, parent = []) => {\n  data.forEach((item, i) => {\n    const hasData = item.data && item.data.length;\n    const isSelected = item.id === selectedId;\n\n    if (isSelected) selection.push(...(idx > -1 ? [parent[idx].id] : []), item.id);\n    if (hasData) getSelectionPath(item.data, selectedId, selection, i, data);\n  });\n\n  return selection;\n};\n\nconst useSelectionPath = (data, selectedId) => {\n  const [selectionPath, setSelectionPath] = useState(\"\");\n\n  useEffect(() => {\n    const path = getSelectionPath(data, selectedId);\n    setSelectionPath(path);\n  }, [data, selectedId]);\n\n  return selectionPath;\n};\n\nexport default useSelectionPath;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,IAAD,EAAOC,UAAP,EAA6D;EAAA,IAA1CC,SAA0C,uEAA9B,EAA8B;EAAA,IAA1BC,GAA0B,uEAApB,CAAC,CAAmB;EAAA,IAAhBC,MAAgB,uEAAP,EAAO;EACpFJ,IAAI,CAACK,OAAL,CAAa,UAACC,IAAD,EAAOC,CAAP,EAAa;IACxB,IAAMC,OAAO,GAAGF,IAAI,CAACN,IAAL,IAAaM,IAAI,CAACN,IAAL,CAAUS,MAAvC;IACA,IAAMC,UAAU,GAAGJ,IAAI,CAACK,EAAL,KAAYV,UAA/B;IAEA,IAAIS,UAAJ,EAAgBR,SAAS,CAACU,IAAV,OAAAV,SAAS,mCAAUC,GAAG,GAAG,CAAC,CAAP,GAAW,CAACC,MAAM,CAACD,GAAD,CAAN,CAAYQ,EAAb,CAAX,GAA8B,EAAxC,UAA6CL,IAAI,CAACK,EAAlD,GAAT;IAChB,IAAIH,OAAJ,EAAaT,gBAAgB,CAACO,IAAI,CAACN,IAAN,EAAYC,UAAZ,EAAwBC,SAAxB,EAAmCK,CAAnC,EAAsCP,IAAtC,CAAhB;EACd,CAND;EAQA,OAAOE,SAAP;AACD,CAVD;;AAYA,IAAMW,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACb,IAAD,EAAOC,UAAP,EAAsB;EAC7C,gBAA0C,IAAAa,eAAA,EAAS,EAAT,CAA1C;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,gBAAtB;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAMC,IAAI,GAAGnB,gBAAgB,CAACC,IAAD,EAAOC,UAAP,CAA7B;IACAe,gBAAgB,CAACE,IAAD,CAAhB;EACD,CAHD,EAGG,CAAClB,IAAD,EAAOC,UAAP,CAHH;EAKA,OAAOc,aAAP;AACD,CATD;;eAWeF,gB"}

package/dist/Header/index.d.ts

@@ -0,0 +1,11 @@
+export { default } from "./Header";
+export * from "./Header";
+
+export { default as HvHeaderActions } from "./Actions";
+export * from "./Actions";
+
+export { default as HvHeaderBrand } from "./Brand";
+export * from "./Brand";
+
+export { default as HvHeaderNavigation } from "./Navigation";
+export * from "./Navigation";

package/dist/Header/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvHeaderActions", {
+  enumerable: true,
+  get: function get() {
+    return _Actions.default;
+  }
+});
+Object.defineProperty(exports, "HvHeaderBrand", {
+  enumerable: true,
+  get: function get() {
+    return _Brand.default;
+  }
+});
+Object.defineProperty(exports, "HvHeaderNavigation", {
+  enumerable: true,
+  get: function get() {
+    return _Navigation.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Header.default;
+  }
+});
+
+var _Header = _interopRequireDefault(require("./Header"));
+
+var _Brand = _interopRequireDefault(require("./Brand"));
+
+var _Actions = _interopRequireDefault(require("./Actions"));
+
+var _Navigation = _interopRequireDefault(require("./Navigation"));
+//# sourceMappingURL=index.js.map

package/dist/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Header/index.js"],"sourcesContent":["export { default } from \"./Header\";\nexport { default as HvHeaderBrand } from \"./Brand\";\nexport { default as HvHeaderActions } from \"./Actions\";\nexport { default as HvHeaderNavigation } from \"./Navigation\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}

package/dist/Header/styles.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      height: 50
+    },
+    backgroundColor: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      width: "100%",
+      height: "100%",
+      padding: "0 ".concat(theme.hv.spacing.sm, "px"),
+      boxShadow: theme.hv.shadows[1],
+      "& > *:not(nav)": {
+        zIndex: 2
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","height","backgroundColor","hv","palette","atmosphere","atmo1","header","display","alignItems","width","padding","spacing","sm","boxShadow","shadows","zIndex"],"sources":["../../src/Header/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    height: 50,\n  },\n  backgroundColor: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  header: {\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: `0 ${theme.hv.spacing.sm}px`,\n    boxShadow: theme.hv.shadows[1],\n    \"& > *:not(nav)\": {\n      zIndex: 2,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,MAAM,EAAE;IADJ,CADmB;IAIzBC,eAAe,EAAE;MACfA,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IAD9B,CAJQ;IAOzBC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,UAAU,EAAE,QAFN;MAGNC,KAAK,EAAE,MAHD;MAINT,MAAM,EAAE,MAJF;MAKNU,OAAO,cAAOZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBC,EAAxB,OALD;MAMNC,SAAS,EAAEf,KAAK,CAACI,EAAN,CAASY,OAAT,CAAiB,CAAjB,CANL;MAON,kBAAkB;QAChBC,MAAM,EAAE;MADQ;IAPZ;EAPiB,CAAZ;AAAA,CAAf;;eAoBelB,M"}

package/dist/Input/Input.d.ts

@@ -0,0 +1,161 @@
+import { StandardProps, InputProps } from "@material-ui/core";
+
+export interface InputSuggestion {
+  id: string;
+  label: string;
+}
+
+export interface HvInputLabelsProp {
+  inputLabel?: string;
+  placeholder?: string;
+  infoText?: string;
+  warningText?: string;
+  maxCharQuantityWarningText?: string;
+  minCharQuantityWarningText?: string;
+  requiredWarningText?: string;
+  clearButtonLabel?: string;
+}
+
+export interface HvInputProps extends StandardProps<InputProps, HvInputClassKey, "onChange"> {
+  /**
+   * An Object containing the various text associated with the input.
+   *
+   * - inputLabel: the label on top of the input.
+   * - placeholder: the placeholder value of the input.
+   * - infoText: the default value of the info text below the input.
+   * - warningText: the value when a validation fails.
+   * - maxCharQuantityWarningText: the message that appears when there are too many characters.
+   * - minCharQuantityWarningText: the message that appears when there are too few characters.
+   * - requiredWarningText: the message that appears when the input is empty and required.
+   * - clearButtonLabel: the label of the clear button.
+   */
+  labels?: HvInputLabelsProp;
+  /**
+   * Attributes applied to the input element.
+   */
+  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+  /**
+   * Allows passing a ref to the underlying input
+   */
+  inputRef?: React.Ref<unknown>;
+  /**
+   * If ´true´ the input is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * If ´true´ the input value must be filled on blur or else the validation fails.
+   */
+  isRequired?: boolean;
+  /**
+   * If ´true´ the input is of type password hiding the value.
+   */
+  password?: boolean;
+  /**
+   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion
+   */
+  suggestionListCallback?: (value: string) => InputSuggestion[];
+  /**
+   * The function that will be executed after selecting a value in the suggestion list
+   */
+  suggestionSelectedCallback?: (suggestion: InputSuggestion) => void;
+  /**
+   * If `true` information label is shown, `false` otherwise.
+   */
+  showInfo?: boolean;
+  /**
+   * The custom validation function, it receives the value and must return
+   * either ´true´ for valid or ´false´ for invalid, default validations would only
+   * occur if this function is null or undefined
+   */
+  validation?: (value: string) => boolean;
+  /**
+   * The value of the input, when controlled.
+   */
+  value?: string;
+  /**
+   * The initial value of the input, when uncontrolled.
+   */
+  initialValue?: string;
+  /**
+   * If `true` it should autofocus.
+   */
+  autoFocus?: boolean;
+  /**
+   * The initial state of the input.
+   * note: Is recommended you use the provided validationStates object to set this value.
+   */
+  validationState?: "empty" | "filled" | "invalid" | "valid";
+  /**
+   * Show info icon with info label.infoText.
+   */
+  infoIcon?: boolean;
+  /**
+   * If `true` the validation icon is visible, `false` otherwise
+   */
+  validationIconVisible?: boolean;
+  /**
+   * If `true` the clear button is disabled if `false` is enable
+   */
+  disableClear?: boolean;
+  /**
+   * The icon position of the input. It is recommended to use the provided validationIconPosition object to set this value.
+   */
+  validationIconPosition?: "left" | "right";
+  /**
+   * a custom icon to be added into the input.
+   */
+  customFixedIcon?: React.ReactNode;
+  /**
+   * The maximum allowed length of the characters, if this value is null no check
+   * will be performed.
+   */
+  maxCharQuantity?: number;
+  /**
+   * The minimum allowed length of the characters, if this value is null no check
+   * will be perform.
+   */
+  minCharQuantity?: number;
+  /**
+   * Which type of default validation should the input perform. It is recommended to use the provided ValidationTypes object to set this value.
+   */
+  validationType?: "none" | "number" | "email";
+  /**
+   * Overrides any validation with a specific error/warning message to set in the warningText slot.
+   */
+  externalWarningTextOverride?: string;
+
+  /**
+   * Called back when the value is changed.
+   * Return the new value to be accepted, or undefined/void to accept as it is.
+   * The event can be undefined when the clear button is clicked.
+   */
+  onChange?: (
+    event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined,
+    value: string
+  ) => string | undefined | void;
+}
+
+export type HvInputClassKey =
+  | "root"
+  | "inputRoot"
+  | "inputRootDisabled"
+  | "inputRootInvalid"
+  | "inputRootFocused"
+  | "input"
+  | "inputDisabled"
+  | "suggestionsContainer"
+  | "suggestionList"
+  | "multiLine"
+  | "label"
+  | "labelDisabled"
+  | "labelContainer"
+  | "infoIconContainer"
+  | "infoText"
+  | "text"
+  | "textInfo"
+  | "textWarning"
+  | "showText"
+  | "icon"
+  | "iconClear";
+
+export default function HvInput(props: HvInputProps): JSX.Element | null;