@hitachivantara/uikit-react-core 2.23.2

package/dist/Tabs/Tabs.d.ts

@@ -0,0 +1,7 @@
+import { StandardProps, TabsProps } from "@material-ui/core";
+
+export type HvTabsProps = StandardProps<TabsProps, HvTabsClassKey>;
+
+export type HvTabsClassKey = "root" | "flexContainer" | "indicator" | "scroller";
+
+export default function HvTabs(props: HvTabsProps): JSX.Element | null;

package/dist/Tabs/Tabs.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _div;
+
+var _excluded = ["classes"];
+
+/**
+ * Tab is a graphical control element that allows multiple documents or panels to be contained within a single window,
+ * using tabs as a navigational widget for switching between sets of documents.
+ */
+var HvTabs = function HvTabs(props) {
+  var classes = props.classes,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_core.Tabs, (0, _extends2.default)({
+    classes: {
+      root: classes.root,
+      flexContainer: classes.flexContainer,
+      indicator: classes.indicator,
+      scroller: classes.scroller
+    }
+  }, others, {
+    TabIndicatorProps: {
+      children: _div || (_div = /*#__PURE__*/_react.default.createElement("div", null))
+    }
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? HvTabs.propTypes = {
+  /**
+   * Identifier.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * The content of the component.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the flex container element.
+     */
+    flexContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the `TabIndicator` component.
+     */
+    indicator: _propTypes.default.string,
+
+    /**
+     * Styles applied to the `TabIndicator` component.
+     */
+    scroller: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {object} event The event source of the callback
+   * @param {number} value We default to the index of the child
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * 	The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: _propTypes.default.any
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvTabs"
+})(HvTabs);
+
+exports.default = _default;
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":["HvTabs","props","classes","others","root","flexContainer","indicator","scroller","children","propTypes","id","PropTypes","string","className","node","shape","isRequired","onChange","func","value","any","withStyles","styles","name"],"sources":["../../src/Tabs/Tabs.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Tabs, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Tab is a graphical control element that allows multiple documents or panels to be contained within a single window,\n * using tabs as a navigational widget for switching between sets of documents.\n */\nconst HvTabs = (props) => {\n  const { classes, ...others } = props;\n\n  return (\n    <Tabs\n      classes={{\n        root: classes.root,\n        flexContainer: classes.flexContainer,\n        indicator: classes.indicator,\n        scroller: classes.scroller,\n      }}\n      {...others}\n      TabIndicatorProps={{ children: <div /> }}\n    />\n  );\n};\n\nHvTabs.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the flex container element.\n     */\n    flexContainer: PropTypes.string,\n    /**\n     * Styles applied to the `TabIndicator` component.\n     */\n    indicator: PropTypes.string,\n    /**\n     * Styles applied to the `TabIndicator` component.\n     */\n    scroller: PropTypes.string,\n  }).isRequired,\n  /**\n   * Callback fired when the value changes.\n   *\n   * @param {object} event The event source of the callback\n   * @param {number} value We default to the index of the child\n   */\n  onChange: PropTypes.func,\n  /**\n   * \tThe value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n};\n\nexport default withStyles(styles, { name: \"HvTabs\" })(HvTabs);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAAQC,OAAR,GAA+BD,KAA/B,CAAQC,OAAR;EAAA,IAAoBC,MAApB,0CAA+BF,KAA/B;EAEA,oBACE,6BAAC,UAAD;IACE,OAAO,EAAE;MACPG,IAAI,EAAEF,OAAO,CAACE,IADP;MAEPC,aAAa,EAAEH,OAAO,CAACG,aAFhB;MAGPC,SAAS,EAAEJ,OAAO,CAACI,SAHZ;MAIPC,QAAQ,EAAEL,OAAO,CAACK;IAJX;EADX,GAOMJ,MAPN;IAQE,iBAAiB,EAAE;MAAEK,QAAQ,+BAAE,yCAAF;IAAV;EARrB,GADF;AAYD,CAfD;;AAiBA,wCAAAR,MAAM,CAACS,SAAP,GAAmB;EACjB;AACF;AACA;EACEC,EAAE,EAAEC,kBAAA,CAAUC,MAJG;;EAKjB;AACF;AACA;EACEC,SAAS,EAAEF,kBAAA,CAAUC,MARJ;;EASjB;AACF;AACA;EACEJ,QAAQ,EAAEG,kBAAA,CAAUG,IAZH;;EAajB;AACF;AACA;EACEZ,OAAO,EAAES,kBAAA,CAAUI,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,IAAI,EAAEO,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIP,aAAa,EAAEM,kBAAA,CAAUC,MARF;;IASvB;AACJ;AACA;IACIN,SAAS,EAAEK,kBAAA,CAAUC,MAZE;;IAavB;AACJ;AACA;IACIL,QAAQ,EAAEI,kBAAA,CAAUC;EAhBG,CAAhB,EAiBNI,UAjCc;;EAkCjB;AACF;AACA;AACA;AACA;AACA;EACEC,QAAQ,EAAEN,kBAAA,CAAUO,IAxCH;;EAyCjB;AACF;AACA;EACE;EACAC,KAAK,EAAER,kBAAA,CAAUS;AA7CA,CAAnB;;eAgDe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAuCvB,MAAvC,C"}

package/dist/Tabs/index.d.ts

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

package/dist/Tabs/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 _Tabs.default;
+  }
+});
+
+var _Tabs = _interopRequireDefault(require("./Tabs"));
+//# sourceMappingURL=index.js.map

package/dist/Tabs/index.js.map

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

package/dist/Tabs/styles.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      overflow: "visible"
+    },
+    indicator: {
+      display: "flex",
+      justifyContent: "center",
+      backgroundColor: "transparent",
+      "& > div": {
+        width: "100%",
+        backgroundColor: "".concat(theme.hv.palette.accent.acce1)
+      },
+      height: 2,
+      top: 0
+    },
+    scroller: {
+      // fixes inline style included in material ui tab in https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tabs/Tabs.js#L125
+      overflow: "visible !important",
+      "& $flexContainer": {
+        borderTop: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo6)
+      }
+    },
+    flexContainer: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Tabs/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","overflow","indicator","display","justifyContent","backgroundColor","width","hv","palette","accent","acce1","height","top","scroller","borderTop","atmosphere","atmo6","flexContainer"],"sources":["../../src/Tabs/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    overflow: \"visible\",\n  },\n  indicator: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    \"& > div\": {\n      width: \"100%\",\n      backgroundColor: `${theme.hv.palette.accent.acce1}`,\n    },\n    height: 2,\n    top: 0,\n  },\n  scroller: {\n    // fixes inline style included in material ui tab in https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tabs/Tabs.js#L125\n    overflow: \"visible !important\",\n    \"& $flexContainer\": {\n      borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo6}`,\n    },\n  },\n  flexContainer: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,QAAQ,EAAE;IADN,CADmB;IAIzBC,SAAS,EAAE;MACTC,OAAO,EAAE,MADA;MAETC,cAAc,EAAE,QAFP;MAGTC,eAAe,EAAE,aAHR;MAIT,WAAW;QACTC,KAAK,EAAE,MADE;QAETD,eAAe,YAAKN,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAA7B;MAFN,CAJF;MAQTC,MAAM,EAAE,CARC;MASTC,GAAG,EAAE;IATI,CAJc;IAezBC,QAAQ,EAAE;MACR;MACAZ,QAAQ,EAAE,oBAFF;MAGR,oBAAoB;QAClBa,SAAS,sBAAef,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBO,UAAjB,CAA4BC,KAA3C;MADS;IAHZ,CAfe;IAsBzBC,aAAa,EAAE;EAtBU,CAAZ;AAAA,CAAf;;eAyBenB,M"}

package/dist/TextArea/TextArea.d.ts

@@ -0,0 +1,67 @@
+import { StandardProps } from "@material-ui/core";
+import { HvInputLabelsProp, HvInputProps } from "../Input";
+
+export interface HvTextAreaLabelsProp extends HvInputLabelsProp {
+  /**
+   * Text before the current char counter.
+   */
+  startCount: string;
+  /**
+   * Text between the current char counter and max value.
+   */
+  middleCount: string;
+  /**
+   * Text after the max value.
+   */
+  endCount: string;
+}
+
+export interface HvTextAreaProps extends StandardProps<HvInputProps, HvTextAreaClassKey, "labels"> {
+  /**
+   * An Object containing the various text associated with the input.
+   */
+  labels?: HvTextAreaLabelsProp;
+  /**
+   * The number of rows of the text area
+   */
+  rows?: number;
+  /**
+   * If ´true´ the component is resizable.
+   */
+  resizable?: boolean;
+  /**
+   * Auto-scroll: automatically scroll to the end on value changes.
+   * Will stop if the user scrolls up and resume if scrolled to the bottom.
+   */
+  autoScroll?: boolean;
+  /**
+   * If true it isn't possible to pass the `maxCharQuantity`
+   */
+  blockMax?: boolean;
+  /**
+   * Props passed to the char count.
+   */
+  countCharProps?: object;
+  /**
+   * Indicates that user input is required on the form element.
+   */
+  isRequired?: boolean;
+}
+
+export type HvTextAreaClassKey =
+  | "root"
+  | "input"
+  | "resize"
+  | "inputRoot"
+  | "inputRootDisabled"
+  | "inputRootFocused"
+  | "defaultWith"
+  | "characterCounter"
+  | "inline"
+  | "separator"
+  | "maxCharacter"
+  | "currentCounter"
+  | "disabled"
+  | "container";
+
+export default function HvTextArea(props: HvTextAreaProps): JSX.Element | null;