@veritone-ce/design-system 1.12.28 → 1.12.31

package/dist/components/Button/index.js

@@ -7,33 +7,29 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _material = require("@mui/material");
 var _Indicator = _interopRequireDefault(require("./Indicator"));
-var _useButtonProps2 = _interopRequireDefault(require("./useButtonProps"));
+var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children"],
-  _excluded2 = ["isLoading"];
+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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var ButtonContainer = (0, _material.styled)(_material.Box)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    display: "inline-flex",
+    position: "relative"
+  };
+});
+
 /**
 - Use a button for common user click actions. Several variations available.
 **/
-var Button = function Button(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useButtonProps = (0, _useButtonProps2["default"])(props),
-    isLoading = _useButtonProps.isLoading,
-    muiButtonProps = _objectWithoutProperties(_useButtonProps, _excluded2);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-    sx: {
-      display: "inline-flex",
-      position: "relative"
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, _objectSpread(_objectSpread({
+var Button = function Button(props) {
+  var disabled = props.isLoading || props.disabled;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ButtonContainer, {
+    "data-testid": props['data-testid'],
+    sx: props.sx,
+    className: props.className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
       sx: {
         fontSize: '14px',
         gap: '5px',
@@ -46,10 +42,15 @@ var Button = function Button(_ref) {
         lineHeight: '16px',
         height: 36
       },
-      disableElevation: true
-    }, muiButtonProps), {}, {
-      children: children
-    })), isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Indicator["default"], {})]
+      color: props.color,
+      disableElevation: true,
+      variant: props.variant,
+      disabled: disabled,
+      startIcon: props.startIcon,
+      endIcon: props.endIcon,
+      onClick: props.onClick,
+      children: props.children
+    }), props.isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Indicator["default"], {})]
   });
 };
 var _default = Button;

package/dist/components/Checkbox/index.d.ts

@@ -1,7 +1,14 @@
-import { CheckboxProps as MuiCheckboxProps } from '@mui/material';
+import { ChangeEvent } from 'react';
+import { SxProps, Theme } from '@mui/system';
 export type CheckboxProps = {
     'data-testid'?: string;
     label?: string | undefined;
-} & MuiCheckboxProps;
-declare const Checkbox: ({ label, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    onChange?(event: ChangeEvent<HTMLInputElement>, checked: boolean): void;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/dist/components/Checkbox/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,21 +7,19 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["label"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Checkbox = function Checkbox(_ref) {
-  var label = _ref.label,
-    props = _objectWithoutProperties(_ref, _excluded);
+var Checkbox = function Checkbox(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
-    label: label,
-    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, _objectSpread({}, props))
+    label: props.label,
+    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+      "data-testid": props['data-testid'],
+      checked: props.checked,
+      indeterminate: props.indeterminate,
+      disabled: props.disabled,
+      onChange: props.onChange,
+      sx: props.sx,
+      className: props.className
+    })
   });
 };
 var _default = Checkbox;

package/dist/components/Drawer/index.d.ts

@@ -1,6 +1,14 @@
-import { DrawerProps as MuiDrawerProps } from '@mui/material';
-type DrawerProps = {
+import * as React from 'react';
+import { SxProps, Theme } from '@mui/system';
+export type DrawerProps = {
     'data-testid'?: string;
-} & MuiDrawerProps;
-declare const Drawer: ({ ...props }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+    open: boolean;
+    children?: React.ReactNode;
+    onClose?: {
+        bivarianceHack(event: Event, reason: 'backdropClick' | 'escapeKeyDown'): void;
+    }['bivarianceHack'];
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const Drawer: (props: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 export default Drawer;

package/dist/components/Drawer/index.js

@@ -6,17 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _material = require("@mui/material");
+var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var Drawer = function Drawer(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Drawer, _objectSpread({}, props));
+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 Drawer = function Drawer(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Drawer, {
+    "data-testid": props['data-testid'],
+    open: props.open,
+    onClose: props.onClose,
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
 };
 var _default = Drawer;
 exports["default"] = _default;

package/dist/components/FileUploader/index.d.ts

@@ -1,4 +1,5 @@
-import { Accept } from 'react-dropzone';
+import { SxProps, Theme } from '@mui/system';
+import { Accept, DropzoneRootProps, DropzoneInputProps } from 'react-dropzone';
 export interface FileData {
     file: File | any;
     uploadProgress: number;
@@ -6,16 +7,28 @@ export interface FileData {
     withError: boolean;
     feedbackText: string;
 }
-type FileUploaderProps = {
+export type FileUploaderViewProps = {
+    'data-testid'?: string;
+    extensions: string[];
+    fileList: FileData[];
+    onDelete(fileIndex: number): void;
+    rootProps?: DropzoneRootProps;
+    inputProps?: DropzoneInputProps;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+export declare const FileUploaderView: (props: FileUploaderViewProps) => import("react/jsx-runtime").JSX.Element;
+export type FileUploaderProps = {
     'data-testid'?: string;
     accept?: Accept;
     multiple?: boolean;
-    chunking?: boolean;
-    uploadUrl?: string;
-    extensions?: string[];
-    files?: (v: File[]) => void;
-    onError?: (v: Error) => void;
-    onSuccess?: (v: boolean) => void;
+    uploadUrl: string;
+    extensions: string[];
+    files?(v: File[]): void;
+    onError?(v: Error): void;
+    onSuccess?(v: boolean): void;
+    sx?: SxProps<Theme>;
+    className?: string;
 };
 declare const FileUploader: ({ uploadUrl, files, accept, multiple, onSuccess, onError, extensions, ...props }: FileUploaderProps) => import("react/jsx-runtime").JSX.Element;
 export default FileUploader;

package/dist/components/FileUploader/index.js

@@ -1,10 +1,9 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.FileUploaderView = void 0;
 var _react = require("react");
 var _system = require("@mui/system");
 var _material = require("@mui/material");
@@ -16,13 +15,8 @@ var _useUploadFile2 = require("./useUploadFile");
 var _LinearProgress = _interopRequireDefault(require("../LinearProgress"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["uploadUrl", "files", "accept", "multiple", "onSuccess", "onError", "extensions"];
-/* eslint-disable @typescript-eslint/no-explicit-any */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -35,96 +29,18 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var FileUploader = function FileUploader(_ref) {
-  var uploadUrl = _ref.uploadUrl,
-    files = _ref.files,
-    accept = _ref.accept,
-    multiple = _ref.multiple,
-    onSuccess = _ref.onSuccess,
-    onError = _ref.onError,
-    _ref$extensions = _ref.extensions,
-    extensions = _ref$extensions === void 0 ? ['[format]', '[format]', '[format]'] : _ref$extensions,
-    props = _objectWithoutProperties(_ref, _excluded);
+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) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable @typescript-eslint/no-explicit-any */
+var FileUploaderView = function FileUploaderView(props) {
   var _useTheme = (0, _styles.useTheme)(),
     palette = _useTheme.palette;
-  var fileData = [{
-    feedbackText: "Feedback text",
-    uploadProgress: 60,
-    isUploaded: false,
-    withError: false,
-    file: {
-      lastModified: 1527053530715,
-      name: 'test-consent.pdf',
-      size: 0,
-      type: 'image/jpg',
-      webkitRelativePath: '',
-      slice: "",
-      // arrayBuffer: // need to mock this
-      stream: "",
-      text: ""
-    }
-  }, {
-    feedbackText: "",
-    uploadProgress: 100,
-    isUploaded: true,
-    withError: false,
-    file: {
-      lastModified: 1527053530715,
-      name: 'test-consent.pdf',
-      size: 0,
-      type: 'image/jpg',
-      webkitRelativePath: '',
-      slice: "",
-      // arrayBuffer: // need to mock this
-      stream: "",
-      text: ""
-    }
-  }, {
-    feedbackText: "File upload error. Please try again.",
-    uploadProgress: 70,
-    isUploaded: false,
-    withError: true,
-    file: {
-      lastModified: 1527053530715,
-      name: 'test-consent.pdf',
-      size: 0,
-      type: 'image/jpg',
-      webkitRelativePath: '',
-      slice: "",
-      // arrayBuffer: // need to mock this
-      stream: "",
-      text: ""
-    }
-  }];
-  var _useState = (0, _react.useState)(fileData),
-    _useState2 = _slicedToArray(_useState, 2),
-    fileList = _useState2[0],
-    setfileList = _useState2[1];
-  var _useUploadFile = (0, _useUploadFile2.useUploadFile)(setfileList, uploadUrl, onSuccess, onError),
-    onDrop = _useUploadFile.onDrop;
-  var _useDropzone = (0, _reactDropzone.useDropzone)({
-      multiple: multiple,
-      accept: accept,
-      onDrop: onDrop
-    }),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps,
-    acceptedFiles = _useDropzone.acceptedFiles;
-  var handleDeleteFile = (0, _react.useCallback)(function (fileIndex) {
-    var nFileList = _toConsumableArray(fileList);
-    nFileList.splice(fileIndex, 1);
-    setfileList(nFileList);
-  }, [fileList]);
-  (0, _react.useEffect)(function () {
-    var fileArray = fileList.map(function (_ref2) {
-      var file = _ref2.file;
-      return file;
-    });
-    files && files(fileArray);
-  }, [acceptedFiles, fileList, files]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, _objectSpread(_objectSpread({
-    "data-testid": "file-uploader"
-  }, props), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, {
+    "data-testid": props['data-testid'],
+    sx: props.sx,
+    className: props.className,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, _objectSpread(_objectSpread({
       "data-testid": "dropzone",
       sx: {
@@ -144,8 +60,13 @@ var FileUploader = function FileUploader(_ref) {
         cursor: 'pointer',
         outline: "1px solid ".concat(palette.neutral.main)
       }
-    }, getRootProps()), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({}, getInputProps())), /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
+    }, props.rootProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({
+        type: 'file',
+        style: {
+          display: 'none'
+        }
+      }, props.inputProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
         sx: {
           display: 'flex',
           alignItems: 'center',
@@ -188,10 +109,10 @@ var FileUploader = function FileUploader(_ref) {
             lineHeight: '16px',
             color: palette.neutral.main
           },
-          children: ["Supported File Formats: ", extensions === null || extensions === void 0 ? void 0 : extensions.join(', ')]
+          children: ["Supported File Formats: ", props.extensions.join(', ')]
         })]
       })]
-    })), fileList.map(function (file, index) {
+    })), props.fileList.map(function (file, index) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, {
         "data-testid": "file-item",
         sx: {
@@ -217,7 +138,7 @@ var FileUploader = function FileUploader(_ref) {
             padding: 0
           },
           onClick: function onClick() {
-            return handleDeleteFile(index);
+            return props.onDelete(index);
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteOutline["default"], {
             sx: {
@@ -229,7 +150,54 @@ var FileUploader = function FileUploader(_ref) {
         })]
       }, index);
     })]
-  }));
+  });
+};
+exports.FileUploaderView = FileUploaderView;
+var FileUploader = function FileUploader(_ref) {
+  var uploadUrl = _ref.uploadUrl,
+    files = _ref.files,
+    accept = _ref.accept,
+    multiple = _ref.multiple,
+    onSuccess = _ref.onSuccess,
+    onError = _ref.onError,
+    extensions = _ref.extensions,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+  var _useUploadFile = (0, _useUploadFile2.useUploadFile)(setFileList, uploadUrl, onSuccess, onError),
+    onDrop = _useUploadFile.onDrop;
+  var _useDropzone = (0, _reactDropzone.useDropzone)({
+      multiple: multiple,
+      accept: accept,
+      onDrop: onDrop
+    }),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps,
+    acceptedFiles = _useDropzone.acceptedFiles;
+  var handleDeleteFile = (0, _react.useCallback)(function (fileIndex) {
+    var nFileList = _toConsumableArray(fileList);
+    nFileList.splice(fileIndex, 1);
+    setFileList(nFileList);
+  }, [fileList]);
+  (0, _react.useEffect)(function () {
+    var fileArray = fileList.map(function (_ref2) {
+      var file = _ref2.file;
+      return file;
+    });
+    files && files(fileArray);
+  }, [acceptedFiles, fileList, files]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FileUploaderView, {
+    "data-testid": props['data-testid'],
+    extensions: extensions,
+    fileList: fileList,
+    onDelete: handleDeleteFile,
+    rootProps: getRootProps(),
+    inputProps: getInputProps(),
+    sx: props.sx,
+    className: props.className
+  });
 };
 var _default = FileUploader;
 exports["default"] = _default;

package/dist/components/FileUploader/useUploadFile.d.ts

@@ -1,5 +1,5 @@
 import { FileData } from '.';
-export declare const useUploadFile: (setfileList: (v: FileData[]) => void, uploadUrl?: string, onSuccess?: ((v: boolean) => void) | undefined, onError?: ((v: Error) => void) | undefined) => {
+export declare const useUploadFile: (setFileList: (v: FileData[]) => void, uploadUrl: string, onSuccess?: ((v: boolean) => void) | undefined, onError?: ((v: Error) => void) | undefined) => {
     onDrop: <T extends File>(acceptedFiles: T[]) => Promise<void>;
 };
 export declare const uploadFile: (uploadUrl: string, file: File, setProgress: (v: number) => void, method?: string) => Promise<import("axios").AxiosResponse<any, any>>;

package/dist/components/FileUploader/useUploadFile.js

@@ -28,7 +28,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 function _asyncIterator(iterable) { var method, async, sync, retry = 2; for ("undefined" != typeof Symbol && (async = Symbol.asyncIterator, sync = Symbol.iterator); retry--;) { if (async && null != (method = iterable[async])) return method.call(iterable); if (sync && null != (method = iterable[sync])) return new AsyncFromSyncIterator(method.call(iterable)); async = "@@asyncIterator", sync = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
 function AsyncFromSyncIterator(s) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var done = r.done; return Promise.resolve(r.value).then(function (value) { return { value: value, done: done }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(s) { this.s = s, this.n = s.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, "return": function _return(value) { var ret = this.s["return"]; return void 0 === ret ? Promise.resolve({ value: value, done: !0 }) : AsyncFromSyncIteratorContinuation(ret.apply(this.s, arguments)); }, "throw": function _throw(value) { var thr = this.s["return"]; return void 0 === thr ? Promise.reject(value) : AsyncFromSyncIteratorContinuation(thr.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(s); }
-var useUploadFile = function useUploadFile(setfileList, uploadUrl, onSuccess, onError) {
+var useUploadFile = function useUploadFile(setFileList, uploadUrl, onSuccess, onError) {
   var onDrop = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(acceptedFiles) {
       var newList, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step;
@@ -39,7 +39,7 @@ var useUploadFile = function useUploadFile(setfileList, uploadUrl, onSuccess, on
               _context2.next = 3;
               break;
             }
-            onError && onError(new Error('upload url is required'));
+            onError === null || onError === void 0 ? void 0 : onError(new Error('upload url is required'));
             return _context2.abrupt("return");
           case 3:
             newList = acceptedFiles.map(function (file) {
@@ -47,10 +47,11 @@ var useUploadFile = function useUploadFile(setfileList, uploadUrl, onSuccess, on
                 file: file,
                 isUploaded: false,
                 uploadProgress: 0,
-                withError: false
+                withError: false,
+                feedbackText: ''
               };
             });
-            setfileList(newList);
+            setFileList(newList);
             _iteratorAbruptCompletion = false;
             _didIteratorError = false;
             _context2.prev = 7;
@@ -69,10 +70,10 @@ var useUploadFile = function useUploadFile(setfileList, uploadUrl, onSuccess, on
                         uploadProgress: progress
                       }));
                       newList = nList;
-                      setfileList(nList);
+                      setFileList(nList);
                     });
                   case 4:
-                    onSuccess && onSuccess(true);
+                    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(true);
                     _context.next = 14;
                     break;
                   case 7:
@@ -85,8 +86,8 @@ var useUploadFile = function useUploadFile(setfileList, uploadUrl, onSuccess, on
                       withError: true
                     }));
                     newList = nList;
-                    setfileList(nList);
-                    onError && onError(_context.t0);
+                    setFileList(nList);
+                    onError === null || onError === void 0 ? void 0 : onError(_context.t0);
                   case 14:
                   case "end":
                     return _context.stop();
@@ -144,7 +145,7 @@ var useUploadFile = function useUploadFile(setfileList, uploadUrl, onSuccess, on
     return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }(), [onError, onSuccess, setfileList, uploadUrl]);
+  }(), [onError, onSuccess, setFileList, uploadUrl]);
   return {
     onDrop: onDrop
   };

package/dist/components/FormControlLabel/index.d.ts

@@ -1,6 +1,11 @@
-import { FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material';
-type FormControlLabelProps = {
+import * as React from 'react';
+import { SxProps, Theme } from '@mui/system';
+export type FormControlLabelProps = {
     'data-testid'?: string;
-} & MuiFormControlLabelProps;
-declare const FormControlLabel: ({ ...props }: FormControlLabelProps) => import("react/jsx-runtime").JSX.Element;
+    label: React.ReactNode;
+    control: React.ReactElement<any, any>;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const FormControlLabel: (props: FormControlLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default FormControlLabel;

package/dist/components/FormControlLabel/index.js

@@ -6,17 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _material = require("@mui/material");
+var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var FormControlLabel = function FormControlLabel(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, _objectSpread({}, props));
+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 FormControlLabel = function FormControlLabel(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+    "data-testid": props['data-testid'],
+    label: props.label,
+    control: props.control,
+    sx: props.sx,
+    className: props.className
+  });
 };
 var _default = FormControlLabel;
 exports["default"] = _default;

package/dist/components/Input/index.d.ts

@@ -1,6 +1,24 @@
-import { TextFieldProps } from '@mui/material';
-type InputComponentProps = {
+import React from 'react';
+import { SxProps, Theme } from '@mui/system';
+export type InputProps = {
     'data-testid'?: string;
-} & TextFieldProps;
-declare const Input: ({ ...TextFieldProps }: InputComponentProps) => import("react/jsx-runtime").JSX.Element;
+    type?: React.InputHTMLAttributes<unknown>['type'];
+    value: unknown;
+    helperText?: React.ReactNode;
+    label?: React.ReactNode;
+    disabled?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    error?: boolean;
+    name?: string;
+    multiline?: boolean;
+    rows?: string | number;
+    maxRows?: string | number;
+    minRows?: string | number;
+    prefixEl?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+};
+declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
 export default Input;