@dxc-technology/halstack-react 0.0.0-e1a279c → 0.0.0-e1c01f0

package/toggle-group/ToggleGroup.stories.tsx

@@ -1,178 +0,0 @@
-import React from "react";
-import { userEvent, within } from "@storybook/testing-library";
-import DxcToggleGroup from "./ToggleGroup";
-import Title from "../../.storybook/components/Title";
-import ExampleContainer from "../../.storybook/components/ExampleContainer";
-
-export default {
-  title: "ToggleGroup",
-  component: DxcToggleGroup,
-};
-
-const ethernetSVG = () => {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
-      <path d="M0 0h24v24H0V0z" fill="none" />
-      <path d="M7.77 6.76L6.23 5.48.82 12l5.41 6.52 1.54-1.28L3.42 12l4.35-5.24zM7 13h2v-2H7v2zm10-2h-2v2h2v-2zm-6 2h2v-2h-2v2zm6.77-7.52l-1.54 1.28L20.58 12l-4.35 5.24 1.54 1.28L23.18 12l-5.41-6.52z" />
-    </svg>
-  );
-};
-const gMobileSVG = () => {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
-      <g>
-        <path d="M0,0h24v24H0V0z" fill="none" />
-      </g>
-      <g>
-        <g>
-          <path d="M3,7v2h5v2H4v2h4v2H3v2h5c1.1,0,2-0.9,2-2v-1.5c0-0.83-0.67-1.5-1.5-1.5c0.83,0,1.5-0.67,1.5-1.5V9c0-1.1-0.9-2-2-2H3z M21,11v4c0,1.1-0.9,2-2,2h-5c-1.1,0-2-0.9-2-2V9c0-1.1,0.9-2,2-2h5c1.1,0,2,0.9,2,2h-7v6h5v-2h-2.5v-2H21z" />
-        </g>
-      </g>
-    </svg>
-  );
-};
-const wifiSVG = () => {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
-      <path d="M0 0h24v24H0V0zm0 0h24v24H0V0z" fill="none" />
-      <path d="M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z" />
-    </svg>
-  );
-};
-const options = [
-  {
-    value: 1,
-    label: "Facebook",
-  },
-  {
-    value: 2,
-    label: "Twitter",
-  },
-  {
-    value: 3,
-    label: "Linkedin",
-  },
-];
-const optionsWithIcon = [
-  {
-    value: 1,
-    icon: wifiSVG,
-  },
-  {
-    value: 2,
-    icon: ethernetSVG,
-  },
-  {
-    value: 3,
-    icon: gMobileSVG,
-  },
-];
-const optionsWithIconAndLabel = [
-  {
-    value: 1,
-    label: "Wi-fi",
-    icon: wifiSVG,
-  },
-  {
-    value: 2,
-    label: "Ethernet",
-    icon: ethernetSVG,
-  },
-  {
-    value: 3,
-    label: "3G Mobile",
-    icon: gMobileSVG,
-  },
-];
-const twoOptions = [
-  {
-    value: 1,
-    label: "Facebook",
-  },
-  {
-    value: 2,
-    label: "Twitter",
-  },
-];
-export const Chromatic = () => (
-  <>
-    <ExampleContainer>
-      <Title title="Basic toggle group" theme="light" level={4} />
-      <DxcToggleGroup label="Toggle group" helperText="HelperText" options={options} />
-    </ExampleContainer>
-    <ExampleContainer>
-      <Title title="Selected" theme="light" level={4} />
-      <DxcToggleGroup label="Selected" helperText="HelperText" value={2} options={options} />
-    </ExampleContainer>
-    <ExampleContainer>
-      <Title title="Icons toggle group" theme="light" level={4} />
-      <DxcToggleGroup label="Icons group" options={optionsWithIcon} />
-    </ExampleContainer>
-    <ExampleContainer>
-      <Title title="Icons & label toggle group" theme="light" level={4} />
-      <DxcToggleGroup label="Icons & label" options={optionsWithIconAndLabel} />
-    </ExampleContainer>
-    <ExampleContainer>
-      <Title title="Disabled" theme="light" level={4} />
-      <DxcToggleGroup label="Disabled" value={2} options={options} disabled />
-    </ExampleContainer>
-    <ExampleContainer pseudoState="pseudo-hover">
-      <Title title="Hovered" theme="light" level={4} />
-      <DxcToggleGroup label="Hovered" options={twoOptions} value={2} />
-    </ExampleContainer>
-    <ExampleContainer>
-      <Title title="Multiple toggleGroup" theme="light" level={4} />
-      <DxcToggleGroup
-        label="Toggle group"
-        helperText="Please select one or more"
-        options={options}
-        value={[1, 3]}
-        multiple
-      ></DxcToggleGroup>
-    </ExampleContainer>
-    <Title title="Margins" theme="light" level={2} />
-    <ExampleContainer>
-      <Title title="xxSmall" theme="light" level={4} />
-      <DxcToggleGroup label="xxSmall margin" options={options} margin="xxsmall" />
-    </ExampleContainer>
-    <ExampleContainer>
-      <Title title="xSmall" theme="light" level={4} />
-      <DxcToggleGroup label="xSmall margin" options={options} margin="xsmall" />
-    </ExampleContainer>
-    <ExampleContainer>
-      <Title title="Small" theme="light" level={4} />
-      <DxcToggleGroup label="Small margin" options={options} margin="small" />
-    </ExampleContainer>
-    <ExampleContainer>
-      <Title title="Medium" theme="light" level={4} />
-      <DxcToggleGroup label="Medium margin" options={options} margin="medium" />
-    </ExampleContainer>
-    <ExampleContainer>
-      <Title title="Large" theme="light" level={4} />
-      <DxcToggleGroup label="Large margin" options={options} margin="large" />
-    </ExampleContainer>
-    <ExampleContainer>
-      <Title title="xLarge" theme="light" level={4} />
-      <DxcToggleGroup label="xLarge margin" options={options} margin="xlarge" />
-    </ExampleContainer>
-    <ExampleContainer>
-      <Title title="xxLarge" theme="light" level={4} />
-      <DxcToggleGroup label="xxLarge margin" options={options} margin="xxlarge" />
-    </ExampleContainer>
-  </>
-);
-const OptionSelected = () => <DxcToggleGroup label="Toggle group" helperText="HelperText" options={options} />;
-
-export const ToggleGroupSelectedActived = OptionSelected.bind({});
-ToggleGroupSelectedActived.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  const option = canvas.getByText("Linkedin");
-  await userEvent.click(option);
-};
-export const ToggleGroupUnselectedActived = OptionSelected.bind({});
-ToggleGroupUnselectedActived.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  const option = canvas.getByText("Twitter");
-  await userEvent.click(option);
-  userEvent.tab();
-};

package/toggle-group/index.d.ts

@@ -1,21 +0,0 @@
-type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-type Margin = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-
-type Props = {
-  label?: string;
-  helperText?: string;
-  value?: any;
-  onChange?: void;
-  disabled?: boolean;
-  options?: any;
-  multiple?: boolean;
-  margin?: Space | Margin;
-  tabIndex?: number;
-};
-
-export default function DxcToggleGroup(props: Props): JSX.Element;

package/upload/Upload.js

@@ -1,201 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _DragAndDropArea = _interopRequireDefault(require("./dragAndDropArea/DragAndDropArea"));
-
-var _FilesToUpload = _interopRequireDefault(require("./files-upload/FilesToUpload"));
-
-var _Transactions = _interopRequireDefault(require("./transactions/Transactions"));
-
-var _variables = require("../common/variables.js");
-
-var _templateObject;
-
-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 || _typeof3(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 DxcUpload = function DxcUpload(_ref) {
-  var callbackUpload = _ref.callbackUpload,
-      margin = _ref.margin,
-      _ref$tabIndex = _ref.tabIndex,
-      tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      files = _useState2[0],
-      setFiles = _useState2[1];
-
-  var getFilesToUpload = function getFilesToUpload() {
-    return files.filter(function (file) {
-      return file.status === "pending";
-    }).map(function (file) {
-      var fileInfo = {
-        name: file.name,
-        type: file.type,
-        image: file.image,
-        status: file.status
-      };
-
-      fileInfo.deleteFile = function () {
-        var uploadFiles = [];
-        files.forEach(function (item) {
-          return uploadFiles.push(item);
-        });
-        var fileIndex = uploadFiles.indexOf(file, 0);
-
-        if (fileIndex > -1) {
-          uploadFiles.splice(fileIndex, 1);
-          setFiles(uploadFiles);
-        }
-      };
-
-      return fileInfo;
-    });
-  };
-
-  var getTransactionsFiles = function getTransactionsFiles() {
-    return files.filter(function (file) {
-      return file.status === "success" || file.status === "error" || file.status === "processing";
-    }).map(function (file) {
-      return {
-        name: file.name,
-        type: file.type,
-        image: file.image,
-        status: file.status
-      };
-    });
-  };
-
-  var getFilePreview = function getFilePreview(file) {
-    return new Promise(function (resolve) {
-      var reader = new FileReader();
-      reader.readAsDataURL(file);
-
-      reader.onload = function (e) {
-        resolve(e.target.result);
-      };
-    });
-  };
-
-  var onDragHandler = function onDragHandler(filesToAdd) {
-    setFiles([].concat((0, _toConsumableArray2["default"])(files), (0, _toConsumableArray2["default"])(filesToAdd.map(function (file) {
-      var fileToAdd = {
-        status: "pending",
-        name: file.name,
-        type: file.type
-      };
-      return fileToAdd;
-    }))));
-    Promise.all(filesToAdd.map(function (fileToAdd) {
-      return getFilePreview(fileToAdd);
-    })).then(function (previews) {
-      setFiles([].concat((0, _toConsumableArray2["default"])(files), (0, _toConsumableArray2["default"])(filesToAdd.map(function (file, index) {
-        var fileToAdd = {
-          status: "pending",
-          name: file.name,
-          type: file.type,
-          image: previews[index]
-        };
-        return fileToAdd;
-      }))));
-    });
-  };
-
-  var onUploadHandler = function onUploadHandler() {
-    var uploadedFiles = [];
-    files.forEach(function (file) {
-      uploadedFiles = [].concat((0, _toConsumableArray2["default"])(uploadedFiles), [file]);
-    });
-    uploadedFiles.forEach(function (file) {
-      if (file.status === "pending") {
-        file.status = "processing";
-
-        if (typeof callbackUpload === "function") {
-          callbackUpload(file).then(function () {
-            file.status = "success";
-            uploadedFiles = getTransactionsFiles();
-            setFiles(uploadedFiles);
-          })["catch"](function (err) {
-            file.status = "error";
-            file.message = err;
-            uploadedFiles = getTransactionsFiles();
-            setFiles(uploadedFiles);
-          })["finally"]();
-        }
-      }
-
-      setFiles(uploadedFiles);
-    });
-  };
-
-  var filesToUpload = getFilesToUpload();
-  var transactionFiles = getTransactionsFiles();
-  return /*#__PURE__*/_react["default"].createElement(DXCUpload, {
-    margin: margin
-  }, transactionFiles && transactionFiles.length !== 0 && /*#__PURE__*/_react["default"].createElement(_Transactions["default"], {
-    tabIndexValue: tabIndex,
-    transactions: transactionFiles
-  }), filesToUpload && filesToUpload.length === 0 && transactionFiles && transactionFiles.length === 0 && /*#__PURE__*/_react["default"].createElement(_DragAndDropArea["default"], {
-    dashed: false,
-    addFile: onDragHandler,
-    tabIndexValue: tabIndex
-  }) || filesToUpload && filesToUpload.length === 0 && transactionFiles && transactionFiles.length !== 0 && /*#__PURE__*/_react["default"].createElement(_DragAndDropArea["default"], {
-    dashed: true,
-    addFile: onDragHandler,
-    tabIndexValue: tabIndex
-  }), filesToUpload && filesToUpload.length !== 0 && /*#__PURE__*/_react["default"].createElement(_FilesToUpload["default"], {
-    filesToUpload: filesToUpload,
-    addFile: onDragHandler,
-    onUpload: onUploadHandler,
-    tabIndexValue: tabIndex
-  }));
-};
-
-DxcUpload.propTypes = {
-  callbackUpload: _propTypes["default"].func,
-  margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
-    top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
-    bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
-    left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
-    right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
-  }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
-  tabIndex: _propTypes["default"].number
-};
-
-var DXCUpload = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  max-width: 100%;\n  height: 400px;\n  box-shadow: 0px 3px 6px #00000029;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: row;\n  margin: ", ";\n  margin-top: ", ";\n  margin-right: ", ";\n  margin-bottom: ", ";\n  margin-left: ", ";\n"])), function (props) {
-  return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
-}, function (props) {
-  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.top ? _variables.spaces[props.margin.top] : "";
-}, function (props) {
-  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.right ? _variables.spaces[props.margin.right] : "";
-}, function (props) {
-  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.bottom ? _variables.spaces[props.margin.bottom] : "";
-}, function (props) {
-  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.left ? _variables.spaces[props.margin.left] : "";
-});
-
-var _default = DxcUpload;
-exports["default"] = _default;

package/upload/buttons-upload/ButtonsUpload.js

@@ -1,111 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _Button = _interopRequireDefault(require("../../button/Button"));
-
-var _Icons = require("./Icons");
-
-var _useTheme = _interopRequireDefault(require("../../useTheme.js"));
-
-var _BackgroundColorContext = require("../../BackgroundColorContext.js");
-
-var _templateObject, _templateObject2, _templateObject3;
-
-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 DxcButtonsUpload = function DxcButtonsUpload(_ref) {
-  var addFile = _ref.addFile,
-      onUpload = _ref.onUpload;
-  var colorsTheme = (0, _useTheme["default"])();
-
-  var selectFile = function selectFile(e) {
-    var filesObject = e.target.files;
-
-    if (filesObject && filesObject.length > 0) {
-      var filesArray = Object.keys(filesObject).map(function (key) {
-        return filesObject[key];
-      });
-      addFile(filesArray);
-    }
-  };
-
-  var handleClick = function handleClick() {
-    document.getElementById("chooseFiles").click();
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
-    theme: colorsTheme.upload
-  }, /*#__PURE__*/_react["default"].createElement(_BackgroundColorContext.BackgroundColorProvider, {
-    color: colorsTheme.upload.backgroundColor
-  }, /*#__PURE__*/_react["default"].createElement(DXCButtonsUpload, null, /*#__PURE__*/_react["default"].createElement(DragAndDropLabel, null, /*#__PURE__*/_react["default"].createElement(DragAndDropIconContainer, null, _Icons.dragAndDropIcon), "Drag and Drop area"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    margin: {
-      right: "small"
-    },
-    mode: "text",
-    label: "CHOOSE FILES",
-    onClick: handleClick
-  }), /*#__PURE__*/_react["default"].createElement("input", {
-    id: "chooseFiles",
-    type: "file",
-    multiple: true,
-    onChange: selectFile,
-    style: {
-      display: "none"
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    label: "UPLOAD",
-    iconPosition: "after",
-    icon: _Icons.uploadIcon,
-    onClick: onUpload
-  }))));
-};
-
-DxcButtonsUpload.propTypes = {
-  addFile: _propTypes["default"].func,
-  onUpload: _propTypes["default"].func
-};
-
-var DXCButtonsUpload = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 80px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n"])));
-
-var DragAndDropLabel = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  font-family: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  text-transform: ", ";\n  color: ", ";\n  margin-right: 50px;\n"])), function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.dragAndDropAreaTextFontSize;
-}, function (props) {
-  return props.theme.dragAndDropAreaTextFontStyle;
-}, function (props) {
-  return props.theme.dragAndDropAreaTextFontWeight;
-}, function (props) {
-  return props.theme.dragAndDropAreaTextFontTextTransform;
-}, function (props) {
-  return props.theme.dragAndDropAreaTextFontColor;
-});
-
-var DragAndDropIconContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  height: ", ";\n  width: ", ";\n  margin-right: 5px;\n  & svg {\n    fill: ", ";\n  }\n"])), function (props) {
-  return props.theme.dragAndDropAreaIconSize;
-}, function (props) {
-  return props.theme.dragAndDropAreaIconSize;
-}, function (props) {
-  return props.theme.dragAndDropAreaIconColor;
-});
-
-var _default = DxcButtonsUpload;
-exports["default"] = _default;

package/upload/buttons-upload/Icons.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.uploadIcon = exports.dragAndDropIcon = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var uploadIcon = /*#__PURE__*/_react["default"].createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "#FFFFFF"
-}, /*#__PURE__*/_react["default"].createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /*#__PURE__*/_react["default"].createElement("path", {
-  d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"
-}));
-
-exports.uploadIcon = uploadIcon;
-
-var dragAndDropIcon = /*#__PURE__*/_react["default"].createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "#666666"
-}, /*#__PURE__*/_react["default"].createElement("path", {
-  fill: "none",
-  d: "M0 0h24v24H0V0z"
-}), /*#__PURE__*/_react["default"].createElement("path", {
-  d: "M3 13h2v-2H3v2zm0 4h2v-2H3v2zm2 4v-2H3c0 1.1.89 2 2 2zM3 9h2V7H3v2zm12 12h2v-2h-2v2zm4-18H9c-1.11 0-2 .9-2 2v10c0 1.1.89 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12H9V5h10v10zm-8 6h2v-2h-2v2zm-4 0h2v-2H7v2z"
-}));
-
-exports.dragAndDropIcon = dragAndDropIcon;