@hitachivantara/uikit-react-core 2.23.2

package/dist/FileUploader/FileUploader.js

@@ -0,0 +1,215 @@
+"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 _withLabels = _interopRequireDefault(require("../withLabels"));
+
+var _setId = require("../utils/setId");
+
+var _DropZone = _interopRequireDefault(require("./DropZone"));
+
+var _FileList = _interopRequireDefault(require("./FileList"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "className", "labels", "fileList", "multiple", "disabled", "maxFileSize", "acceptedFiles", "onFilesAdded", "onFileRemoved"];
+var DEFAULT_LABELS = {
+  dropzone: "Label",
+  progressConjunction: "of",
+  sizeWarning: "Max. file size:",
+  acceptedFiles: "Accepted files:",
+  acceptedFilesCaption: "",
+  drag: "Drag and drop or",
+  selectFiles: "Select files",
+  dropFiles: "Drop files here",
+  fileSizeError: "The file exceeds the maximum upload size",
+  fileTypeError: "File type not allowed for upload",
+  removeFileButtonLabel: "Remove File"
+};
+
+var FileUploader = function FileUploader(_ref) {
+  var id = _ref.id,
+      className = _ref.className,
+      labels = _ref.labels,
+      fileList = _ref.fileList,
+      _ref$multiple = _ref.multiple,
+      multiple = _ref$multiple === void 0 ? true : _ref$multiple,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$maxFileSize = _ref.maxFileSize,
+      maxFileSize = _ref$maxFileSize === void 0 ? Infinity : _ref$maxFileSize,
+      _ref$acceptedFiles = _ref.acceptedFiles,
+      acceptedFiles = _ref$acceptedFiles === void 0 ? [] : _ref$acceptedFiles,
+      onFilesAdded = _ref.onFilesAdded,
+      onFileRemoved = _ref.onFileRemoved,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id,
+    className: className
+  }, others), /*#__PURE__*/_react.default.createElement(_DropZone.default, {
+    id: (0, _setId.setId)(id, "dropzone"),
+    labels: labels,
+    multiple: multiple,
+    disabled: disabled,
+    acceptedFiles: acceptedFiles,
+    maxFileSize: maxFileSize,
+    onFilesAdded: onFilesAdded
+  }), /*#__PURE__*/_react.default.createElement(_FileList.default, {
+    id: (0, _setId.setId)(id, "filelist"),
+    list: fileList,
+    progressConjunctionLabel: labels.progressConjunction,
+    onFileRemoved: onFileRemoved,
+    removeFileButtonLabel: labels.removeFileButtonLabel
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? FileUploader.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * An object containing all the labels.
+   *
+   * - progressConjunction: The label used in the middle of the progress message.
+   */
+  labels: _propTypes.default.shape({
+    /**
+     *
+     */
+    acceptedFiles: _propTypes.default.string,
+
+    /**
+     *
+     */
+    acceptedFilesCaption: _propTypes.default.string,
+
+    /**
+     *
+     */
+    progressConjunction: _propTypes.default.string,
+
+    /**
+     * DropZone area label.
+     */
+    dropzone: _propTypes.default.string,
+
+    /**
+     * Size file warning label.
+     */
+    sizeWarning: _propTypes.default.string,
+
+    /**
+     * Size file warning label.
+     */
+    drag: _propTypes.default.string,
+
+    /**
+     * Size file warning label.
+     */
+    selectFiles: _propTypes.default.string,
+
+    /**
+     * Theming sheet used to style components
+     * */
+    dropFiles: _propTypes.default.string,
+
+    /**
+     * Message to display when file size is greater than allowed
+     * */
+    fileSizeError: _propTypes.default.string,
+
+    /**
+     * Message to display when file type is greater than allowed
+     * */
+    fileTypeError: _propTypes.default.string,
+
+    /**
+     * Value of aria-label to apply to remove file button in filelist
+     * */
+    removeFileButtonLabel: _propTypes.default.string
+  }),
+
+  /**
+   * The files to upload.
+   */
+  fileList: _propTypes.default.arrayOf(_propTypes.default.shape({
+    /**
+     * The file name.
+     */
+    name: _propTypes.default.string,
+
+    /**
+     * The file size in bytes.
+     */
+    size: _propTypes.default.number,
+
+    /**
+     * Upload progress in bytes.
+     */
+    progress: _propTypes.default.number,
+
+    /**
+     * Upload status.
+     */
+    status: _propTypes.default.oneOf(["progress", "success", "fail"])
+  })).isRequired,
+
+  /**
+   * Whether the DropZone should accept multiple files at once.
+   */
+  multiple: _propTypes.default.bool,
+
+  /**
+   * If the input is disabled or not
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * Max upload size
+   * */
+  maxFileSize: _propTypes.default.number,
+
+  /**
+   * Files extensions accepted for upload. Follows https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept
+   */
+  acceptedFiles: _propTypes.default.arrayOf(_propTypes.default.string),
+
+  /**
+   * Callback fired when files are added.
+   */
+  onFilesAdded: _propTypes.default.func,
+
+  /**
+   * Callback fired when file is removed from list.
+   */
+  onFileRemoved: _propTypes.default.func
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvFileUploader"
+})((0, _withLabels.default)(DEFAULT_LABELS)(FileUploader));
+
+exports.default = _default;
+//# sourceMappingURL=FileUploader.js.map

package/dist/FileUploader/FileUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.js","names":["DEFAULT_LABELS","dropzone","progressConjunction","sizeWarning","acceptedFiles","acceptedFilesCaption","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","FileUploader","id","className","labels","fileList","multiple","disabled","maxFileSize","Infinity","onFilesAdded","onFileRemoved","others","setId","propTypes","PropTypes","string","shape","arrayOf","name","size","number","progress","status","oneOf","isRequired","bool","func","withStyles","styles","withLabels"],"sources":["../../src/FileUploader/FileUploader.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport withLabels from \"../withLabels\";\nimport { setId } from \"../utils/setId\";\nimport DropZone from \"./DropZone\";\nimport FileList from \"./FileList\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  dropzone: \"Label\",\n  progressConjunction: \"of\",\n  sizeWarning: \"Max. file size:\",\n  acceptedFiles: \"Accepted files:\",\n  acceptedFilesCaption: \"\",\n  drag: \"Drag and drop or\",\n  selectFiles: \"Select files\",\n  dropFiles: \"Drop files here\",\n  fileSizeError: \"The file exceeds the maximum upload size\",\n  fileTypeError: \"File type not allowed for upload\",\n  removeFileButtonLabel: \"Remove File\",\n};\n\nconst FileUploader = ({\n  id,\n  className,\n  labels,\n  fileList,\n  multiple = true,\n  disabled = false,\n  maxFileSize = Infinity,\n  acceptedFiles = [],\n  onFilesAdded,\n  onFileRemoved,\n  ...others\n}) => {\n  return (\n    <div id={id} className={className} {...others}>\n      <DropZone\n        id={setId(id, \"dropzone\")}\n        labels={labels}\n        multiple={multiple}\n        disabled={disabled}\n        acceptedFiles={acceptedFiles}\n        maxFileSize={maxFileSize}\n        onFilesAdded={onFilesAdded}\n      />\n      <FileList\n        id={setId(id, \"filelist\")}\n        list={fileList}\n        progressConjunctionLabel={labels.progressConjunction}\n        onFileRemoved={onFileRemoved}\n        removeFileButtonLabel={labels.removeFileButtonLabel}\n      />\n    </div>\n  );\n};\n\nFileUploader.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * An object containing all the labels.\n   *\n   * - progressConjunction: The label used in the middle of the progress message.\n   */\n  labels: PropTypes.shape({\n    /**\n     *\n     */\n    acceptedFiles: PropTypes.string,\n    /**\n     *\n     */\n    acceptedFilesCaption: PropTypes.string,\n    /**\n     *\n     */\n    progressConjunction: PropTypes.string,\n    /**\n     * DropZone area label.\n     */\n    dropzone: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    sizeWarning: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    drag: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    selectFiles: PropTypes.string,\n    /**\n     * Theming sheet used to style components\n     * */\n    dropFiles: PropTypes.string,\n    /**\n     * Message to display when file size is greater than allowed\n     * */\n    fileSizeError: PropTypes.string,\n    /**\n     * Message to display when file type is greater than allowed\n     * */\n    fileTypeError: PropTypes.string,\n    /**\n     * Value of aria-label to apply to remove file button in filelist\n     * */\n    removeFileButtonLabel: PropTypes.string,\n  }),\n  /**\n   * The files to upload.\n   */\n  fileList: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * The file name.\n       */\n      name: PropTypes.string,\n      /**\n       * The file size in bytes.\n       */\n      size: PropTypes.number,\n      /**\n       * Upload progress in bytes.\n       */\n      progress: PropTypes.number,\n      /**\n       * Upload status.\n       */\n      status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n    })\n  ).isRequired,\n  /**\n   * Whether the DropZone should accept multiple files at once.\n   */\n  multiple: PropTypes.bool,\n  /**\n   * If the input is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Max upload size\n   * */\n  maxFileSize: PropTypes.number,\n  /**\n   * Files extensions accepted for upload. Follows https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\n   */\n  acceptedFiles: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Callback fired when files are added.\n   */\n  onFilesAdded: PropTypes.func,\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploader\" })(\n  withLabels(DEFAULT_LABELS)(FileUploader)\n);\n"],"mappings":"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"}

package/dist/FileUploader/index.d.ts

@@ -0,0 +1,5 @@
+export { default as HvFile } from "./File";
+export * from "./File";
+
+export { default } from "./FileUploader";
+export * from "./FileUploader";

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

package/dist/FileUploader/index.js.map

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

package/dist/FileUploader/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var styles = {};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/FileUploader/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles"],"sources":["../../src/FileUploader/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,EAAf;eAEeA,M"}

package/dist/FileUploader/utils.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findBestUnit = exports.convertUnits = void 0;
+
+require("core-js/modules/es.number.to-fixed.js");
+
+var units = ["B", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+
+var findBestUnit = function findBestUnit(bytes) {
+  var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+  var i = bytes > 0 ? Math.floor(Math.log(bytes) / Math.log(base)) : 0;
+  var si = Math.min(i, units.length - 1); // safe index
+
+  return {
+    unit: units[si],
+    value: bytes / Math.pow(base, si)
+  };
+};
+
+exports.findBestUnit = findBestUnit;
+
+var convertUnits = function convertUnits(bytes) {
+  var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+
+  var _findBestUnit = findBestUnit(bytes, base),
+      unit = _findBestUnit.unit,
+      value = _findBestUnit.value;
+
+  return value.toFixed(2) + unit;
+};
+
+exports.convertUnits = convertUnits;
+//# sourceMappingURL=utils.js.map

package/dist/FileUploader/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["units","findBestUnit","bytes","base","i","Math","floor","log","si","min","length","unit","value","convertUnits","toFixed"],"sources":["../../src/FileUploader/utils.js"],"sourcesContent":["const units = [\"B\", \"kB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n\nexport const findBestUnit = (bytes, base = 1000) => {\n  const i = bytes > 0 ? Math.floor(Math.log(bytes) / Math.log(base)) : 0;\n  const si = Math.min(i, units.length - 1); // safe index\n  return { unit: units[si], value: bytes / base ** si };\n};\n\nexport const convertUnits = (bytes, base = 1000) => {\n  const { unit, value } = findBestUnit(bytes, base);\n  return value.toFixed(2) + unit;\n};\n"],"mappings":";;;;;;;;;AAAA,IAAMA,KAAK,GAAG,CAAC,GAAD,EAAM,IAAN,EAAY,IAAZ,EAAkB,IAAlB,EAAwB,IAAxB,EAA8B,IAA9B,EAAoC,IAApC,EAA0C,IAA1C,EAAgD,IAAhD,CAAd;;AAEO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAwB;EAAA,IAAhBC,IAAgB,uEAAT,IAAS;EAClD,IAAMC,CAAC,GAAGF,KAAK,GAAG,CAAR,GAAYG,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,GAAL,CAASL,KAAT,IAAkBG,IAAI,CAACE,GAAL,CAASJ,IAAT,CAA7B,CAAZ,GAA2D,CAArE;EACA,IAAMK,EAAE,GAAGH,IAAI,CAACI,GAAL,CAASL,CAAT,EAAYJ,KAAK,CAACU,MAAN,GAAe,CAA3B,CAAX,CAFkD,CAER;;EAC1C,OAAO;IAAEC,IAAI,EAAEX,KAAK,CAACQ,EAAD,CAAb;IAAmBI,KAAK,EAAEV,KAAK,YAAGC,IAAH,EAAWK,EAAX;EAA/B,CAAP;AACD,CAJM;;;;AAMA,IAAMK,YAAY,GAAG,SAAfA,YAAe,CAACX,KAAD,EAAwB;EAAA,IAAhBC,IAAgB,uEAAT,IAAS;;EAClD,oBAAwBF,YAAY,CAACC,KAAD,EAAQC,IAAR,CAApC;EAAA,IAAQQ,IAAR,iBAAQA,IAAR;EAAA,IAAcC,KAAd,iBAAcA,KAAd;;EACA,OAAOA,KAAK,CAACE,OAAN,CAAc,CAAd,IAAmBH,IAA1B;AACD,CAHM"}

package/dist/Focus/Focus.d.ts

@@ -0,0 +1,73 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
+
+export interface HvFocusProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, ClassKey> {
+  /**
+   * The reference to the root element to hold all Focus' context.
+   */
+  rootRef: React.RefObject<HTMLInputElement>;
+  /**
+   * Extra configuration for the child element.
+   */
+  configuration: Record<string, any>;
+  /**
+   * Whether the focus is selected.
+   */
+  selected: boolean;
+  /**
+   * Whether the focus is disabled.
+   */
+  disabled: boolean;
+  /**
+   * Indicates that the disabled class should be applied.
+   */
+  disabledClass: boolean;
+  /**
+   * Child node to set the focus.
+   */
+  children: HTMLElement;
+  /**
+   * Focus and navigation strategy to be used.
+   */
+  strategy: HvFocusStrategies;
+  /**
+   * Show focus when click element.
+   */
+  focusOnClick: boolean;
+  /**
+   * Show focus when click element.
+   */
+  focusDisabled: boolean;
+  /**
+   * Use up/ down keyboard arrows to control focus.
+   */
+  useArrows: boolean;
+  /**
+   * Uses an absolute positioned div as a focus.
+   */
+  useFalseFocus: boolean;
+  /**
+   * Narrows the results of the focusable elements to only this class
+   */
+  filterClass: string;
+  /**
+   * How much the navigation will skip when using the arrows.
+   */
+  navigationJump: number;
+}
+
+export type ClassKey =
+  | "root"
+  | "selected"
+  | "disabled"
+  | "focusDisabled"
+  | "focusGridDisabled"
+  | "focused"
+  | "externalReference"
+  | "falseFocus"
+  | "focus";
+
+export default function HvFocus(props: HvFocusProps): JSX.Element | null;