component-shared 1.0.0

package/Components/Charts/PieChart.js

@@ -0,0 +1,123 @@
+import { defineProperty as _defineProperty, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import { Component, useState, useEffect } from 'react';
+import { Chart, ArcElement, Tooltip, Legend } from 'chart.js';
+import { Pie } from 'react-chartjs-2';
+import { FormatterUSD } from 'partner-local-lib/helper';
+
+var _excluded = ["data", "disableTooltip"];
+Chart.register(ArcElement, Tooltip, Legend);
+var createPieChartData = function createPieChartData(params) {
+  var labelName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '# of Votes';
+  var initial = {
+    labels: [],
+    datasets: [{
+      label: labelName,
+      borderWidth: 1,
+      data: [],
+      backgroundColor: [],
+      borderColor: []
+    }]
+  };
+  return params.reduce(function (acc, cur) {
+    var _acc$labels;
+    (_acc$labels = acc.labels) === null || _acc$labels === void 0 || _acc$labels.push(cur.label);
+    acc.datasets[0].data.push(cur.data);
+    if (Array.isArray(acc.datasets[0].backgroundColor)) acc.datasets[0].backgroundColor.push(cur.backgroundColor);
+    if (Array.isArray(acc.datasets[0].borderColor)) acc.datasets[0].borderColor.push(cur.borderColor);
+    return acc;
+  }, initial);
+};
+var defaultData = [{
+  label: 'Red',
+  data: 12,
+  backgroundColor: 'rgba(255, 99, 132, 0.2)',
+  borderColor: 'rgba(255, 99, 132, 1)'
+}, {
+  label: 'Blue',
+  data: 19,
+  backgroundColor: 'rgba(54, 162, 235, 0.2)',
+  borderColor: 'rgba(54, 162, 235, 1)'
+}, {
+  label: 'Yellow',
+  data: 3,
+  backgroundColor: 'rgba(255, 206, 86, 0.2)',
+  borderColor: 'rgba(255, 206, 86, 1)'
+}, {
+  label: 'Green',
+  data: 5,
+  backgroundColor: 'rgba(75, 192, 192, 0.2)',
+  borderColor: 'rgba(75, 192, 192, 1)'
+}, {
+  label: 'Purple',
+  data: 2,
+  backgroundColor: 'rgba(153, 102, 255, 0.2)',
+  borderColor: 'rgba(153, 102, 255, 1)'
+}, {
+  label: 'Orange',
+  data: 3,
+  backgroundColor: 'rgba(255, 159, 64, 0.2)',
+  borderColor: 'rgba(255, 159, 64, 1)'
+}];
+var PieChartV2 = function PieChartV2(props) {
+  var _options$plugins;
+  var data = props.data,
+    disableTooltip = props.disableTooltip,
+    other = _objectWithoutProperties(props, _excluded);
+  var _useState = useState({
+      responsive: true,
+      plugins: {
+        legend: {
+          position: 'top'
+        },
+        tooltip: {
+          enabled: disableTooltip !== true,
+          callbacks: {
+            label: function label(context) {
+              var label = context.label || context.dataset.label || '';
+              if (label) label += ': ';
+              if (context.parsed !== null) label += FormatterUSD().format(context.parsed);
+              return label;
+            }
+          }
+        }
+      }
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  useEffect(function () {
+    if (options.plugins && options.plugins.tooltip) {
+      options.plugins.tooltip.enabled = props.disableTooltip !== true;
+      setOptions(function (op) {
+        return _objectSpread2({}, op);
+      });
+    }
+  }, [options.plugins, (_options$plugins = options.plugins) === null || _options$plugins === void 0 || (_options$plugins = _options$plugins.tooltip) === null || _options$plugins === void 0 ? void 0 : _options$plugins.enabled, props.disableTooltip]);
+  return jsx(Pie, _objectSpread2({
+    options: options,
+    data: data
+  }, other));
+};
+var PieChart = /*#__PURE__*/function (_Component) {
+  function PieChart() {
+    _classCallCheck(this, PieChart);
+    return _callSuper(this, PieChart, arguments);
+  }
+  _inherits(PieChart, _Component);
+  return _createClass(PieChart, [{
+    key: "render",
+    value: function render() {
+      var _this$props$data;
+      return jsx(Pie, {
+        data: createPieChartData((_this$props$data = this.props.data) !== null && _this$props$data !== void 0 ? _this$props$data : [])
+      });
+    }
+  }]);
+}(Component);
+_defineProperty(PieChart, "defaultProps", {
+  data: defaultData
+});
+
+export { PieChart, PieChartV2 };
+//# sourceMappingURL=PieChart.js.map

package/Components/Charts/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.js","sources":["../../../src/Components/Charts/PieChart.tsx"],"sourcesContent":["import React, { Component, FC, useEffect, useState } from 'react'\r\nimport { Chart, ArcElement, Tooltip, Legend, ChartData, ChartOptions } from 'chart.js'\r\nimport { Pie } from 'react-chartjs-2'\r\nimport { FormatterUSD } from 'partner-local-lib/helper'\r\nimport { IChartDataItem } from './type'\r\n\r\nChart.register(ArcElement, Tooltip, Legend)\r\n\r\nconst createPieChartData = (params: IChartDataItem[], labelName: string = '# of Votes') => {\r\n  const initial: ChartData<'pie', number[], string> = {\r\n    labels: [],\r\n    datasets: [{ label: labelName, borderWidth: 1, data: [], backgroundColor: [] as string[], borderColor: [] as string[] }],\r\n  }\r\n  return params.reduce((acc, cur) => {\r\n    acc.labels?.push(cur.label)\r\n    acc.datasets[0].data.push(cur.data)\r\n    if (Array.isArray(acc.datasets[0].backgroundColor)) acc.datasets[0].backgroundColor.push(cur.backgroundColor)\r\n    if (Array.isArray(acc.datasets[0].borderColor)) acc.datasets[0].borderColor.push(cur.borderColor)\r\n    return acc\r\n  }, initial)\r\n}\r\n\r\nconst defaultData: IChartDataItem[] = [\r\n  { label: 'Red', data: 12, backgroundColor: 'rgba(255, 99, 132, 0.2)', borderColor: 'rgba(255, 99, 132, 1)' },\r\n  { label: 'Blue', data: 19, backgroundColor: 'rgba(54, 162, 235, 0.2)', borderColor: 'rgba(54, 162, 235, 1)' },\r\n  { label: 'Yellow', data: 3, backgroundColor: 'rgba(255, 206, 86, 0.2)', borderColor: 'rgba(255, 206, 86, 1)' },\r\n  { label: 'Green', data: 5, backgroundColor: 'rgba(75, 192, 192, 0.2)', borderColor: 'rgba(75, 192, 192, 1)' },\r\n  { label: 'Purple', data: 2, backgroundColor: 'rgba(153, 102, 255, 0.2)', borderColor: 'rgba(153, 102, 255, 1)' },\r\n  { label: 'Orange', data: 3, backgroundColor: 'rgba(255, 159, 64, 0.2)', borderColor: 'rgba(255, 159, 64, 1)' },\r\n]\r\n\r\ninterface PieChartProps {\r\n  width?: number | string\r\n  height?: number | string\r\n  data: ChartData<'pie', number[], string>\r\n  disableTooltip?: boolean\r\n}\r\nexport const PieChartV2: FC<PieChartProps> = (props) => {\r\n  const { data, disableTooltip, ...other } = props\r\n  const [options, setOptions] = useState<ChartOptions<'pie'>>({\r\n    responsive: true,\r\n    plugins: {\r\n      legend: { position: 'top' as const },\r\n      tooltip: {\r\n        enabled: disableTooltip !== true,\r\n        callbacks: {\r\n          label: function (context) {\r\n            let label = context.label || context.dataset.label || ''\r\n            if (label) label += ': '\r\n            if (context.parsed !== null) label += FormatterUSD().format(context.parsed)\r\n            return label\r\n          },\r\n        },\r\n      },\r\n    },\r\n  })\r\n  useEffect(() => {\r\n    if (options.plugins && options.plugins.tooltip) {\r\n      options.plugins.tooltip.enabled = props.disableTooltip !== true\r\n      setOptions((op) => ({ ...op }))\r\n    }\r\n  }, [options.plugins, options.plugins?.tooltip?.enabled, props.disableTooltip])\r\n  return <Pie options={options} data={data} {...other} />\r\n}\r\n\r\ninterface IProps {\r\n  data?: IChartDataItem[]\r\n}\r\nexport class PieChart extends Component<IProps> {\r\n  static defaultProps = { data: defaultData }\r\n  render() {\r\n    return <Pie data={createPieChartData(this.props.data ?? [])} />\r\n  }\r\n}\r\n"],"names":["Chart","register","ArcElement","Tooltip","Legend","createPieChartData","params","labelName","arguments","length","undefined","initial","labels","datasets","label","borderWidth","data","backgroundColor","borderColor","reduce","acc","cur","_acc$labels","push","Array","isArray","defaultData","PieChartV2","props","_options$plugins","disableTooltip","other","_objectWithoutProperties","_excluded","_useState","useState","responsive","plugins","legend","position","tooltip","enabled","callbacks","context","dataset","parsed","FormatterUSD","format","_useState2","_slicedToArray","options","setOptions","useEffect","op","_objectSpread","_jsx","Pie","PieChart","_Component","_classCallCheck","_callSuper","_inherits","_createClass","key","value","render","_this$props$data","Component"],"mappings":"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"}

package/Components/Charts/index.d.ts

@@ -0,0 +1,5 @@
+export { BarChart } from './BarChart';
+export { PieChart } from './PieChart';
+export { DoughnutChart } from './DoughnutChart';
+export { AreaChart } from './AreaChart';
+export { HorizontalBarChart } from './HorizontalBarChart';

package/Components/Charts/index.js

@@ -0,0 +1,6 @@
+export { BarChart } from './BarChart.js';
+export { PieChart } from './PieChart.js';
+export { DoughnutChart } from './DoughnutChart.js';
+export { AreaChart } from './AreaChart.js';
+export { HorizontalBarChart } from './HorizontalBarChart.js';
+//# sourceMappingURL=index.js.map

package/Components/Charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/Components/Charts/type.d.ts

@@ -0,0 +1,6 @@
+export interface IChartDataItem {
+    label: string;
+    data: number;
+    backgroundColor: string;
+    borderColor: string;
+}

package/Components/Charts/type.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=type.js.map

package/Components/Charts/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Components/CopyToClipboard/index.d.ts

@@ -0,0 +1,23 @@
+import { TooltipProps } from "@mui/material";
+import * as React from "react";
+interface ChildProps {
+    copy: (content: any) => void;
+}
+interface Props {
+    TooltipProps?: Partial<TooltipProps>;
+    children: (props: ChildProps) => React.ReactElement<any>;
+}
+interface OwnState {
+    showTooltip: boolean;
+}
+/**
+ * Render prop component that wraps element in a Tooltip that shows "Copied to clipboard!" when the
+ * copy function is invoked
+ */
+declare class CopyToClipboard extends React.Component<Props, OwnState> {
+    state: OwnState;
+    render(): JSX.Element;
+    private onCopy;
+    private handleOnTooltipClose;
+}
+export default CopyToClipboard;

package/Components/CopyToClipboard/index.js

@@ -0,0 +1,54 @@
+import { inherits as _inherits, createClass as _createClass, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import { Tooltip } from '@mui/material';
+import copy from 'clipboard-copy';
+import * as React from 'react';
+
+/**
+ * Render prop component that wraps element in a Tooltip that shows "Copied to clipboard!" when the
+ * copy function is invoked
+ */
+var CopyToClipboard = /*#__PURE__*/function (_React$Component) {
+  function CopyToClipboard() {
+    var _this;
+    _classCallCheck(this, CopyToClipboard);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, CopyToClipboard, [].concat(args));
+    _defineProperty(_this, "state", {
+      showTooltip: false
+    });
+    _defineProperty(_this, "onCopy", function (content) {
+      copy(content);
+      _this.setState({
+        showTooltip: true
+      });
+    });
+    _defineProperty(_this, "handleOnTooltipClose", function () {
+      _this.setState({
+        showTooltip: false
+      });
+    });
+    return _this;
+  }
+  _inherits(CopyToClipboard, _React$Component);
+  return _createClass(CopyToClipboard, [{
+    key: "render",
+    value: function render() {
+      return jsx(Tooltip, _objectSpread2(_objectSpread2({
+        open: this.state.showTooltip,
+        title: "Copied to clipboard!",
+        leaveDelay: 1500,
+        onClose: this.handleOnTooltipClose
+      }, this.props.TooltipProps || {}), {}, {
+        children: this.props.children({
+          copy: this.onCopy
+        })
+      }));
+    }
+  }]);
+}(React.Component);
+
+export { CopyToClipboard as default };
+//# sourceMappingURL=index.js.map

package/Components/CopyToClipboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/Components/CopyToClipboard/index.tsx"],"sourcesContent":["import { Tooltip, TooltipProps } from \"@mui/material\";\r\nimport copy from \"clipboard-copy\";\r\nimport * as React from \"react\";\r\n\r\ninterface ChildProps {\r\n  copy: (content: any) => void;\r\n}\r\n\r\ninterface Props {\r\n  TooltipProps?: Partial<TooltipProps>;\r\n  children: (props: ChildProps) => React.ReactElement<any>;\r\n}\r\n\r\ninterface OwnState {\r\n  showTooltip: boolean;\r\n}\r\n\r\n/**\r\n * Render prop component that wraps element in a Tooltip that shows \"Copied to clipboard!\" when the\r\n * copy function is invoked\r\n */\r\nclass CopyToClipboard extends React.Component<Props, OwnState> {\r\n  public state: OwnState = { showTooltip: false };\r\n\r\n  public render() {\r\n    return (\r\n      <Tooltip\r\n        open={this.state.showTooltip}\r\n        title={\"Copied to clipboard!\"}\r\n        leaveDelay={1500}\r\n        onClose={this.handleOnTooltipClose}\r\n        {...this.props.TooltipProps || {}}\r\n      >\r\n        {this.props.children({ copy: this.onCopy }) as React.ReactElement<any>}\r\n      </Tooltip>\r\n    );\r\n  }\r\n\r\n  private onCopy = (content: any) => {\r\n    copy(content);\r\n    this.setState({ showTooltip: true });\r\n  };\r\n\r\n  private handleOnTooltipClose = () => {\r\n    this.setState({ showTooltip: false });\r\n  };\r\n}\r\n\r\nexport default CopyToClipboard;\r\n"],"names":["CopyToClipboard","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","showTooltip","content","copy","setState","_inherits","_createClass","key","value","render","_jsx","Tooltip","_objectSpread","open","state","title","leaveDelay","onClose","handleOnTooltipClose","props","TooltipProps","children","onCopy","React","Component"],"mappings":";;;;;;AAiBA;;;AAGG;AACGA,IAAAA,eAAgB,0BAAAC,gBAAA,EAAA;AAAA,EAAA,SAAAD,eAAA,GAAA;AAAA,IAAA,IAAAE,KAAA;AAAAC,IAAAA,eAAA,OAAAH,eAAA,CAAA;AAAA,IAAA,KAAA,IAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAAF,MAAAA,IAAA,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA;AAAA;AAAAP,IAAAA,KAAA,GAAAQ,UAAA,CAAA,IAAA,EAAAV,eAAA,EAAAW,EAAAA,CAAAA,MAAA,CAAAJ,IAAA,CAAA,CAAA;IAAAK,eAAA,CAAAV,KAAA,EACK,OAAA,EAAA;AAAEW,MAAAA,WAAW,EAAE;KAAO,CAAA;AAAAD,IAAAA,eAAA,CAAAV,KAAA,EAgB9B,QAAA,EAAA,UAACY,OAAY,EAAI;MAChCC,IAAI,CAACD,OAAO,CAAC;MACbZ,KAAA,CAAKc,QAAQ,CAAC;AAAEH,QAAAA,WAAW,EAAE;AAAM,OAAA,CAAC;KACrC,CAAA;IAAAD,eAAA,CAAAV,KAAA,EAAA,sBAAA,EAE8B,YAAK;MAClCA,KAAA,CAAKc,QAAQ,CAAC;AAAEH,QAAAA,WAAW,EAAE;AAAO,OAAA,CAAC;KACtC,CAAA;AAAA,IAAA,OAAAX,KAAA;AAAA;EAAAe,SAAA,CAAAjB,eAAA,EAAAC,gBAAA,CAAA;EAAA,OAAAiB,YAAA,CAAAlB,eAAA,EAAA,CAAA;IAAAmB,GAAA,EAAA,QAAA;AAAAC,IAAAA,KAAA,EArBM,SAAAC,MAAMA,GAAA;AACX,MAAA,OACEC,IAACC,OAAO,EAAAC,cAAA,CAAAA,cAAA,CAAA;AACNC,QAAAA,IAAI,EAAE,IAAI,CAACC,KAAK,CAACb,WAAW;AAC5Bc,QAAAA,KAAK,EAAE,sBAAsB;AAC7BC,QAAAA,UAAU,EAAE,IAAI;QAChBC,OAAO,EAAE,IAAI,CAACC;AAAoB,OAAA,EAC9B,IAAI,CAACC,KAAK,CAACC,YAAY,IAAI,EAAE,CAAA,EAAA,EAAA,EAAA;AAAAC,QAAAA,QAAA,EAEhC,IAAI,CAACF,KAAK,CAACE,QAAQ,CAAC;UAAElB,IAAI,EAAE,IAAI,CAACmB;SAAQ;AAA4B,OAAA,CAC9D,CAAA;AAEd;AAAC,GAAA,CAAA,CAAA;AAAA,CAf2BC,CAAAA,KAAK,CAACC,SAA0B;;;;"}

package/Components/CopyToClipboard/indexv2.d.ts

@@ -0,0 +1,30 @@
+import { TooltipProps } from '@mui/material';
+import * as React from 'react';
+interface ChildProps {
+    copy: (content: any) => void;
+}
+interface Props {
+    TooltipProps?: Partial<TooltipProps>;
+    children: (props: ChildProps) => React.ReactElement<any>;
+}
+declare enum EText {
+    Copy = "Copy",
+    Copied = "Copied to clipboard!"
+}
+interface IState {
+    text: EText;
+}
+/**
+ * Render prop component that wraps element in a Tooltip that shows "Copied to clipboard!" when the
+ * copy function is invoked
+ */
+export default class CopyToClipboard extends React.Component<Props, IState> {
+    timer: any;
+    leaveDelay: number;
+    constructor(props: Props);
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    onCopy: (content: any) => void;
+    handleOnTooltipClose: () => void;
+}
+export {};

package/Components/CopyToClipboard/indexv2.js

@@ -0,0 +1,63 @@
+import { inherits as _inherits, createClass as _createClass, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import { Tooltip } from '@mui/material';
+import copy from 'clipboard-copy';
+import * as React from 'react';
+
+var EText;
+(function (EText) {
+  EText["Copy"] = "Copy";
+  EText["Copied"] = "Copied to clipboard!";
+})(EText || (EText = {}));
+/**
+ * Render prop component that wraps element in a Tooltip that shows "Copied to clipboard!" when the
+ * copy function is invoked
+ */
+var CopyToClipboard = /*#__PURE__*/function (_React$Component) {
+  function CopyToClipboard(props) {
+    var _this;
+    _classCallCheck(this, CopyToClipboard);
+    _this = _callSuper(this, CopyToClipboard, [props]);
+    _defineProperty(_this, "timer", void 0);
+    _defineProperty(_this, "leaveDelay", 5000);
+    _defineProperty(_this, "onCopy", function (content) {
+      copy(content);
+      _this.setState({
+        text: EText.Copied
+      });
+      _this.timer = setTimeout(_this.handleOnTooltipClose, _this.leaveDelay);
+    });
+    _defineProperty(_this, "handleOnTooltipClose", function () {
+      _this.setState({
+        text: EText.Copy
+      });
+    });
+    _this.state = {
+      text: EText.Copy
+    };
+    return _this;
+  }
+  _inherits(CopyToClipboard, _React$Component);
+  return _createClass(CopyToClipboard, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.timer) clearTimeout(this.timer);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return jsx(Tooltip, _objectSpread2(_objectSpread2({
+        placement: "bottom",
+        title: this.state.text,
+        onClose: this.handleOnTooltipClose
+      }, this.props.TooltipProps || {}), {}, {
+        children: this.props.children({
+          copy: this.onCopy
+        })
+      }));
+    }
+  }]);
+}(React.Component);
+
+export { CopyToClipboard as default };
+//# sourceMappingURL=indexv2.js.map

package/Components/CopyToClipboard/indexv2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indexv2.js","sources":["../../../src/Components/CopyToClipboard/indexv2.tsx"],"sourcesContent":["import { Tooltip, TooltipProps } from '@mui/material'\r\nimport copy from 'clipboard-copy'\r\nimport * as React from 'react'\r\n\r\ninterface ChildProps {\r\n  copy: (content: any) => void\r\n}\r\ninterface Props {\r\n  TooltipProps?: Partial<TooltipProps>\r\n  children: (props: ChildProps) => React.ReactElement<any>\r\n}\r\n\r\nenum EText {\r\n  Copy = 'Copy',\r\n  Copied = 'Copied to clipboard!',\r\n}\r\ninterface IState {\r\n  text: EText\r\n}\r\n\r\n/**\r\n * Render prop component that wraps element in a Tooltip that shows \"Copied to clipboard!\" when the\r\n * copy function is invoked\r\n */\r\nexport default class CopyToClipboard extends React.Component<Props, IState> {\r\n  timer: any\r\n  leaveDelay = 5000\r\n  constructor(props: Props) {\r\n    super(props)\r\n    this.state = { text: EText.Copy }\r\n  }\r\n  componentWillUnmount(): void {\r\n    if (this.timer) clearTimeout(this.timer)\r\n  }\r\n  render() {\r\n    return (\r\n      <Tooltip placement=\"bottom\" title={this.state.text} onClose={this.handleOnTooltipClose} {...(this.props.TooltipProps || {})}>\r\n        {this.props.children({ copy: this.onCopy }) as React.ReactElement<any>}\r\n      </Tooltip>\r\n    )\r\n  }\r\n  onCopy = (content: any) => {\r\n    copy(content)\r\n    this.setState({ text: EText.Copied })\r\n    this.timer = setTimeout(this.handleOnTooltipClose, this.leaveDelay)\r\n  }\r\n  handleOnTooltipClose = () => {\r\n    this.setState({ text: EText.Copy })\r\n  }\r\n}\r\n"],"names":["EText","CopyToClipboard","_React$Component","props","_this","_classCallCheck","_callSuper","_defineProperty","content","copy","setState","text","Copied","timer","setTimeout","handleOnTooltipClose","leaveDelay","Copy","state","_inherits","_createClass","key","value","componentWillUnmount","clearTimeout","render","_jsx","Tooltip","_objectSpread","placement","title","onClose","TooltipProps","children","onCopy","React","Component"],"mappings":";;;;;;AAYA,IAAKA,KAGJ;AAHD,CAAA,UAAKA,KAAK,EAAA;AACRA,EAAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACbA,EAAAA,KAAA,CAAA,QAAA,CAAA,GAAA,sBAA+B;AACjC,CAAC,EAHIA,KAAK,KAALA,KAAK,GAGT,EAAA,CAAA,CAAA;AAKD;;;AAGG;AACkBC,IAAAA,eAAgB,0BAAAC,gBAAA,EAAA;EAGnC,SAAAD,eAAAA,CAAYE,KAAY,EAAA;AAAA,IAAA,IAAAC,KAAA;AAAAC,IAAAA,eAAA,OAAAJ,eAAA,CAAA;AACtBG,IAAAA,KAAA,GAAAE,UAAA,CAAAL,IAAAA,EAAAA,eAAA,GAAME,KAAK,CAAA,CAAA;AAACI,IAAAA,eAAA,CAAAH,KAAA,EAAA,OAAA,EAAA,MAAA,CAAA;IAAAG,eAAA,CAAAH,KAAA,EAAA,YAAA,EAFD,IAAI,CAAA;AAAAG,IAAAA,eAAA,CAAAH,KAAA,EAeR,QAAA,EAAA,UAACI,OAAY,EAAI;MACxBC,IAAI,CAACD,OAAO,CAAC;MACbJ,KAAA,CAAKM,QAAQ,CAAC;QAAEC,IAAI,EAAEX,KAAK,CAACY;AAAQ,OAAA,CAAC;AACrCR,MAAAA,KAAA,CAAKS,KAAK,GAAGC,UAAU,CAACV,KAAA,CAAKW,oBAAoB,EAAEX,KAAA,CAAKY,UAAU,CAAC;KACpE,CAAA;IAAAT,eAAA,CAAAH,KAAA,EAAA,sBAAA,EACsB,YAAK;MAC1BA,KAAA,CAAKM,QAAQ,CAAC;QAAEC,IAAI,EAAEX,KAAK,CAACiB;AAAM,OAAA,CAAC;KACpC,CAAA;IAnBCb,KAAA,CAAKc,KAAK,GAAG;MAAEP,IAAI,EAAEX,KAAK,CAACiB;KAAM;AAAA,IAAA,OAAAb,KAAA;AACnC;EAACe,SAAA,CAAAlB,eAAA,EAAAC,gBAAA,CAAA;EAAA,OAAAkB,YAAA,CAAAnB,eAAA,EAAA,CAAA;IAAAoB,GAAA,EAAA,sBAAA;AAAAC,IAAAA,KAAA,EACD,SAAAC,oBAAoBA,GAAA;MAClB,IAAI,IAAI,CAACV,KAAK,EAAEW,YAAY,CAAC,IAAI,CAACX,KAAK,CAAC;AAC1C;AAAC,GAAA,EAAA;IAAAQ,GAAA,EAAA,QAAA;AAAAC,IAAAA,KAAA,EACD,SAAAG,MAAMA,GAAA;AACJ,MAAA,OACEC,IAACC,OAAO,EAAAC,cAAA,CAAAA,cAAA,CAAA;AAACC,QAAAA,SAAS,EAAC,QAAQ;AAACC,QAAAA,KAAK,EAAE,IAAI,CAACZ,KAAK,CAACP,IAAI;QAAEoB,OAAO,EAAE,IAAI,CAAChB;AAAoB,OAAA,EAAO,IAAI,CAACZ,KAAK,CAAC6B,YAAY,IAAI,EAAE,CAAA,EAAA,EAAA,EAAA;AACvHC,QAAAA,QAAA,EAAA,IAAI,CAAC9B,KAAK,CAAC8B,QAAQ,CAAC;UAAExB,IAAI,EAAE,IAAI,CAACyB;SAAQ;AAA4B,OAAA,CAC9D,CAAA;AAEd;AAAC,GAAA,CAAA,CAAA;AAAA,CAhB0CC,CAAAA,KAAK,CAACC,SAAwB;;;;"}

package/Components/DropZone/components/DropzoneArea.d.ts

@@ -0,0 +1,31 @@
+export default DropzoneArea;
+/**
+ * This components creates an uncontrolled Material-UI Dropzone, with previews and snackbar notifications.
+ *
+ * It supports all props of `DropzoneAreaBase` but keeps the files state internally.
+ *
+ * **Note** To listen to file changes use `onChange` event handler and notice that `onDelete` returns a `File` instance instead of `FileObject`.
+ */
+declare class DropzoneArea extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    state: {
+        fileObjects: never[];
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    notifyFileChange: () => void;
+    loadInitialFiles: () => Promise<void>;
+    addFiles: (newFileObjects: any) => Promise<void>;
+    deleteFile: (removedFileObj: any, removedFileObjIdx: any) => void;
+    render(): JSX.Element;
+}
+declare namespace DropzoneArea {
+    namespace defaultProps {
+        const clearOnUnmount: boolean;
+        const filesLimit: number;
+        const initialFiles: never[];
+    }
+    const propTypes: any;
+}
+import * as React from "react";

package/Components/DropZone/components/DropzoneArea.js

@@ -0,0 +1,221 @@
+import { objectSpread2 as _objectSpread2, inherits as _inherits, createClass as _createClass, slicedToArray as _slicedToArray, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, objectWithoutProperties as _objectWithoutProperties } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { readFile, createFileFromUrl } from '../helpers.js';
+import DropzoneAreaBase from './DropzoneAreaBase.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["clearOnUnmount", "initialFiles", "onChange", "onDelete"];
+var splitDropzoneAreaProps = function splitDropzoneAreaProps(props) {
+  var clearOnUnmount = props.clearOnUnmount,
+    initialFiles = props.initialFiles,
+    onChange = props.onChange,
+    onDelete = props.onDelete,
+    dropzoneAreaProps = _objectWithoutProperties(props, _excluded);
+  return [{
+    clearOnUnmount: clearOnUnmount,
+    initialFiles: initialFiles,
+    onChange: onChange,
+    onDelete: onDelete
+  }, dropzoneAreaProps];
+};
+
+/**
+ * This components creates an uncontrolled Material-UI Dropzone, with previews and snackbar notifications.
+ *
+ * It supports all props of `DropzoneAreaBase` but keeps the files state internally.
+ *
+ * **Note** To listen to file changes use `onChange` event handler and notice that `onDelete` returns a `File` instance instead of `FileObject`.
+ */
+var DropzoneArea = /*#__PURE__*/function (_React$PureComponent) {
+  function DropzoneArea() {
+    var _this;
+    _classCallCheck(this, DropzoneArea);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, DropzoneArea, [].concat(args));
+    _defineProperty(_this, "state", {
+      fileObjects: []
+    });
+    _defineProperty(_this, "notifyFileChange", function () {
+      var onChange = _this.props.onChange;
+      var fileObjects = _this.state.fileObjects;
+      if (onChange) {
+        onChange(fileObjects.map(function (fileObject) {
+          return fileObject.file;
+        }));
+      }
+    });
+    _defineProperty(_this, "loadInitialFiles", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+      var initialFiles, fileObjs, _t;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            initialFiles = _this.props.initialFiles;
+            _context2.p = 1;
+            _context2.n = 2;
+            return Promise.all(initialFiles.map(/*#__PURE__*/function () {
+              var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(initialFile) {
+                var file, data;
+                return _regenerator().w(function (_context) {
+                  while (1) switch (_context.n) {
+                    case 0:
+                      if (!(typeof initialFile === "string")) {
+                        _context.n = 2;
+                        break;
+                      }
+                      _context.n = 1;
+                      return createFileFromUrl(initialFile);
+                    case 1:
+                      file = _context.v;
+                      _context.n = 3;
+                      break;
+                    case 2:
+                      file = initialFile;
+                    case 3:
+                      _context.n = 4;
+                      return readFile(file);
+                    case 4:
+                      data = _context.v;
+                      return _context.a(2, {
+                        file: file,
+                        data: data
+                      });
+                  }
+                }, _callee);
+              }));
+              return function (_x) {
+                return _ref2.apply(this, arguments);
+              };
+            }()));
+          case 2:
+            fileObjs = _context2.v;
+            _this.setState(function (state) {
+              return {
+                fileObjects: [].concat(state.fileObjects, fileObjs)
+              };
+            }, _this.notifyFileChange);
+            _context2.n = 4;
+            break;
+          case 3:
+            _context2.p = 3;
+            _t = _context2.v;
+            console.log(_t);
+          case 4:
+            return _context2.a(2);
+        }
+      }, _callee2, null, [[1, 3]]);
+    })));
+    _defineProperty(_this, "addFiles", /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(newFileObjects) {
+        var filesLimit;
+        return _regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
+            case 0:
+              filesLimit = _this.props.filesLimit; // Update component state
+              _this.setState(function (state) {
+                // Handle a single file
+                if (filesLimit <= 1) {
+                  return {
+                    fileObjects: [].concat(newFileObjects[0])
+                  };
+                }
+
+                // Handle multiple files
+                return {
+                  fileObjects: [].concat(state.fileObjects, newFileObjects)
+                };
+              }, _this.notifyFileChange);
+            case 1:
+              return _context3.a(2);
+          }
+        }, _callee3);
+      }));
+      return function (_x2) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_this, "deleteFile", function (removedFileObj, removedFileObjIdx) {
+      global.event.stopPropagation();
+      var onDelete = _this.props.onDelete;
+      var fileObjects = _this.state.fileObjects;
+
+      // Calculate remaining fileObjects array
+      var remainingFileObjs = fileObjects.filter(function (fileObject, i) {
+        return i !== removedFileObjIdx;
+      });
+
+      // Notify removed file
+      if (onDelete) {
+        onDelete(removedFileObj.file);
+      }
+
+      // Update local state
+      _this.setState({
+        fileObjects: remainingFileObjs
+      }, _this.notifyFileChange);
+    });
+    return _this;
+  }
+  _inherits(DropzoneArea, _React$PureComponent);
+  return _createClass(DropzoneArea, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.loadInitialFiles();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var clearOnUnmount = this.props.clearOnUnmount;
+      if (clearOnUnmount) {
+        this.setState({
+          fileObjects: []
+        }, this.notifyFileChange);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _splitDropzoneAreaPro = splitDropzoneAreaProps(this.props),
+        _splitDropzoneAreaPro2 = _slicedToArray(_splitDropzoneAreaPro, 2),
+        dropzoneAreaProps = _splitDropzoneAreaPro2[1];
+      var fileObjects = this.state.fileObjects;
+      return /*#__PURE__*/jsx(DropzoneAreaBase, _objectSpread2(_objectSpread2({}, dropzoneAreaProps), {}, {
+        fileObjects: fileObjects,
+        onAdd: this.addFiles,
+        onDelete: this.deleteFile
+      }));
+    }
+  }]);
+}(React.PureComponent);
+DropzoneArea.defaultProps = {
+  clearOnUnmount: true,
+  filesLimit: 3,
+  initialFiles: []
+};
+DropzoneArea.propTypes = _objectSpread2(_objectSpread2({}, DropzoneAreaBase.propTypes), {}, {
+  /** Clear uploaded files when component is unmounted. */
+  clearOnUnmount: PropTypes.bool,
+  /** List containing File objects or URL strings.<br/>
+   * **Note:** Please take care of CORS.
+   */
+  initialFiles: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.any])),
+  /** Maximum number of files that can be loaded into the dropzone. */
+  filesLimit: PropTypes.number,
+  /**
+   * Fired when the files inside dropzone change.
+   *
+   * @param {File[]} loadedFiles All the files currently loaded into the dropzone.
+   */
+  onChange: PropTypes.func,
+  /**
+   * Fired when a file is deleted from the previews panel.
+   *
+   * @param {File} deletedFile The file that was removed.
+   */
+  onDelete: PropTypes.func
+});
+
+export { DropzoneArea as default };
+//# sourceMappingURL=DropzoneArea.js.map

package/Components/DropZone/components/DropzoneArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneArea.js","sources":["../../../../src/Components/DropZone/components/DropzoneArea.jsx"],"sourcesContent":["import PropTypes from \"prop-types\";\r\nimport * as React from \"react\";\r\n\r\nimport { createFileFromUrl, readFile } from \"../helpers\";\r\n\r\nimport DropzoneAreaBase from \"./DropzoneAreaBase\";\r\n\r\nconst splitDropzoneAreaProps = (props) => {\r\n  const {\r\n    clearOnUnmount,\r\n    initialFiles,\r\n    onChange,\r\n    onDelete,\r\n    ...dropzoneAreaProps\r\n  } = props;\r\n  return [\r\n    { clearOnUnmount, initialFiles, onChange, onDelete },\r\n    dropzoneAreaProps,\r\n  ];\r\n};\r\n\r\n/**\r\n * This components creates an uncontrolled Material-UI Dropzone, with previews and snackbar notifications.\r\n *\r\n * It supports all props of `DropzoneAreaBase` but keeps the files state internally.\r\n *\r\n * **Note** To listen to file changes use `onChange` event handler and notice that `onDelete` returns a `File` instance instead of `FileObject`.\r\n */\r\nclass DropzoneArea extends React.PureComponent {\r\n  state = {\r\n    fileObjects: [],\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.loadInitialFiles();\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    const { clearOnUnmount } = this.props;\r\n\r\n    if (clearOnUnmount) {\r\n      this.setState(\r\n        {\r\n          fileObjects: [],\r\n        },\r\n        this.notifyFileChange\r\n      );\r\n    }\r\n  }\r\n\r\n  notifyFileChange = () => {\r\n    const { onChange } = this.props;\r\n    const { fileObjects } = this.state;\r\n\r\n    if (onChange) {\r\n      onChange(fileObjects.map((fileObject) => fileObject.file));\r\n    }\r\n  };\r\n\r\n  loadInitialFiles = async () => {\r\n    const { initialFiles } = this.props;\r\n    try {\r\n      const fileObjs = await Promise.all(\r\n        initialFiles.map(async (initialFile) => {\r\n          let file;\r\n          if (typeof initialFile === \"string\") {\r\n            file = await createFileFromUrl(initialFile);\r\n          } else {\r\n            file = initialFile;\r\n          }\r\n          const data = await readFile(file);\r\n\r\n          return {\r\n            file,\r\n            data,\r\n          };\r\n        })\r\n      );\r\n\r\n      this.setState(\r\n        (state) => ({\r\n          fileObjects: [].concat(state.fileObjects, fileObjs),\r\n        }),\r\n        this.notifyFileChange\r\n      );\r\n    } catch (err) {\r\n      console.log(err);\r\n    }\r\n  };\r\n\r\n  addFiles = async (newFileObjects) => {\r\n    const { filesLimit } = this.props;\r\n    // Update component state\r\n    this.setState((state) => {\r\n      // Handle a single file\r\n      if (filesLimit <= 1) {\r\n        return {\r\n          fileObjects: [].concat(newFileObjects[0]),\r\n        };\r\n      }\r\n\r\n      // Handle multiple files\r\n      return {\r\n        fileObjects: [].concat(state.fileObjects, newFileObjects),\r\n      };\r\n    }, this.notifyFileChange);\r\n  };\r\n\r\n  deleteFile = (removedFileObj, removedFileObjIdx) => {\r\n    global.event.stopPropagation();\r\n\r\n    const { onDelete } = this.props;\r\n    const { fileObjects } = this.state;\r\n\r\n    // Calculate remaining fileObjects array\r\n    const remainingFileObjs = fileObjects.filter((fileObject, i) => {\r\n      return i !== removedFileObjIdx;\r\n    });\r\n\r\n    // Notify removed file\r\n    if (onDelete) {\r\n      onDelete(removedFileObj.file);\r\n    }\r\n\r\n    // Update local state\r\n    this.setState(\r\n      {\r\n        fileObjects: remainingFileObjs,\r\n      },\r\n      this.notifyFileChange\r\n    );\r\n  };\r\n\r\n  render() {\r\n    const [, dropzoneAreaProps] = splitDropzoneAreaProps(this.props);\r\n    const { fileObjects } = this.state;\r\n\r\n    return (\r\n      <DropzoneAreaBase\r\n        {...dropzoneAreaProps}\r\n        fileObjects={fileObjects}\r\n        onAdd={this.addFiles}\r\n        onDelete={this.deleteFile}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nDropzoneArea.defaultProps = {\r\n  clearOnUnmount: true,\r\n  filesLimit: 3,\r\n  initialFiles: [],\r\n};\r\n\r\nDropzoneArea.propTypes = {\r\n  ...DropzoneAreaBase.propTypes,\r\n  /** Clear uploaded files when component is unmounted. */\r\n  clearOnUnmount: PropTypes.bool,\r\n  /** List containing File objects or URL strings.<br/>\r\n   * **Note:** Please take care of CORS.\r\n   */\r\n  initialFiles: PropTypes.arrayOf(\r\n    PropTypes.oneOfType([PropTypes.string, PropTypes.any])\r\n  ),\r\n  /** Maximum number of files that can be loaded into the dropzone. */\r\n  filesLimit: PropTypes.number,\r\n  /**\r\n   * Fired when the files inside dropzone change.\r\n   *\r\n   * @param {File[]} loadedFiles All the files currently loaded into the dropzone.\r\n   */\r\n  onChange: PropTypes.func,\r\n  /**\r\n   * Fired when a file is deleted from the previews panel.\r\n   *\r\n   * @param {File} deletedFile The file that was removed.\r\n   */\r\n  onDelete: PropTypes.func,\r\n};\r\n\r\nexport default DropzoneArea;\r\n"],"names":["splitDropzoneAreaProps","props","clearOnUnmount","initialFiles","onChange","onDelete","dropzoneAreaProps","_objectWithoutProperties","_excluded","DropzoneArea","_React$PureComponent","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","fileObjects","state","map","fileObject","file","_asyncToGenerator","_regenerator","m","_callee2","fileObjs","_t","w","_context2","n","p","Promise","all","_ref2","_callee","initialFile","data","_context","createFileFromUrl","v","readFile","a","_x","apply","setState","notifyFileChange","console","log","_ref3","_callee3","newFileObjects","filesLimit","_context3","_x2","removedFileObj","removedFileObjIdx","global","event","stopPropagation","remainingFileObjs","filter","i","_inherits","_createClass","key","value","componentDidMount","loadInitialFiles","componentWillUnmount","render","_splitDropzoneAreaPro","_splitDropzoneAreaPro2","_slicedToArray","_jsx","DropzoneAreaBase","_objectSpread","onAdd","addFiles","deleteFile","React","PureComponent","defaultProps","propTypes","PropTypes","bool","arrayOf","oneOfType","string","any","number","func"],"mappings":";;;;;;;;AAOA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAK,EAAK;AACxC,EAAA,IACEC,cAAc,GAKZD,KAAK,CALPC,cAAc;IACdC,YAAY,GAIVF,KAAK,CAJPE,YAAY;IACZC,QAAQ,GAGNH,KAAK,CAHPG,QAAQ;IACRC,QAAQ,GAENJ,KAAK,CAFPI,QAAQ;AACLC,IAAAA,iBAAiB,GAAAC,wBAAA,CAClBN,KAAK,EAAAO,SAAA,CAAA;AACT,EAAA,OAAO,CACL;AAAEN,IAAAA,cAAc,EAAdA,cAAc;AAAEC,IAAAA,YAAY,EAAZA,YAAY;AAAEC,IAAAA,QAAQ,EAARA,QAAQ;AAAEC,IAAAA,QAAQ,EAARA;GAAU,EACpDC,iBAAiB,CAClB;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACMG,IAAAA,YAAY,0BAAAC,oBAAA,EAAA;AAAA,EAAA,SAAAD,YAAA,GAAA;AAAA,IAAA,IAAAE,KAAA;AAAAC,IAAAA,eAAA,OAAAH,YAAA,CAAA;AAAA,IAAA,KAAA,IAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAAF,MAAAA,IAAA,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA;AAAA;AAAAP,IAAAA,KAAA,GAAAQ,UAAA,CAAA,IAAA,EAAAV,YAAA,EAAAW,EAAAA,CAAAA,MAAA,CAAAJ,IAAA,CAAA,CAAA;IAAAK,eAAA,CAAAV,KAAA,EACR,OAAA,EAAA;AACNW,MAAAA,WAAW,EAAE;KACd,CAAA;IAAAD,eAAA,CAAAV,KAAA,EAAA,kBAAA,EAmBkB,YAAM;AACvB,MAAA,IAAQP,QAAQ,GAAKO,KAAA,CAAKV,KAAK,CAAvBG,QAAQ;AAChB,MAAA,IAAQkB,WAAW,GAAKX,KAAA,CAAKY,KAAK,CAA1BD,WAAW;AAEnB,MAAA,IAAIlB,QAAQ,EAAE;AACZA,QAAAA,QAAQ,CAACkB,WAAW,CAACE,GAAG,CAAC,UAACC,UAAU,EAAA;UAAA,OAAKA,UAAU,CAACC,IAAI;AAAA,SAAA,CAAC,CAAC;AAC5D;KACD,CAAA;IAAAL,eAAA,CAAAV,KAAA,EAAA,kBAAA,eAAAgB,iBAAA,cAAAC,YAAA,EAAAC,CAAAA,CAAA,CAEkB,SAAAC,QAAA,GAAA;AAAA,MAAA,IAAA3B,YAAA,EAAA4B,QAAA,EAAAC,EAAA;AAAA,MAAA,OAAAJ,YAAA,EAAA,CAAAK,CAAA,CAAA,UAAAC,SAAA,EAAA;QAAA,OAAAA,CAAAA,EAAAA,QAAAA,SAAA,CAAAC,CAAA;AAAA,UAAA,KAAA,CAAA;AACThC,YAAAA,YAAY,GAAKQ,KAAA,CAAKV,KAAK,CAA3BE,YAAY;AAAA+B,YAAAA,SAAA,CAAAE,CAAA,GAAA,CAAA;AAAAF,YAAAA,SAAA,CAAAC,CAAA,GAAA,CAAA;AAAA,YAAA,OAEKE,OAAO,CAACC,GAAG,CAChCnC,YAAY,CAACqB,GAAG,cAAA,YAAA;cAAA,IAAAe,KAAA,GAAAZ,iBAAA,cAAAC,YAAA,GAAAC,CAAA,CAAC,SAAAW,OAAAA,CAAOC,WAAW,EAAA;gBAAA,IAAAf,IAAA,EAAAgB,IAAA;AAAA,gBAAA,OAAAd,YAAA,EAAA,CAAAK,CAAA,CAAA,UAAAU,QAAA,EAAA;kBAAA,OAAAA,CAAAA,EAAAA,QAAAA,QAAA,CAAAR,CAAA;AAAA,oBAAA,KAAA,CAAA;sBAAA,IAE7B,EAAA,OAAOM,WAAW,KAAK,QAAQ,CAAA,EAAA;AAAAE,wBAAAA,QAAA,CAAAR,CAAA,GAAA,CAAA;AAAA,wBAAA;AAAA;AAAAQ,sBAAAA,QAAA,CAAAR,CAAA,GAAA,CAAA;sBAAA,OACpBS,iBAAiB,CAACH,WAAW,CAAC;AAAA,oBAAA,KAAA,CAAA;sBAA3Cf,IAAI,GAAAiB,QAAA,CAAAE,CAAA;AAAAF,sBAAAA,QAAA,CAAAR,CAAA,GAAA,CAAA;AAAA,sBAAA;AAAA,oBAAA,KAAA,CAAA;AAEJT,sBAAAA,IAAI,GAAGe,WAAW;AAAC,oBAAA,KAAA,CAAA;AAAAE,sBAAAA,QAAA,CAAAR,CAAA,GAAA,CAAA;sBAAA,OAEFW,QAAQ,CAACpB,IAAI,CAAC;AAAA,oBAAA,KAAA,CAAA;sBAA3BgB,IAAI,GAAAC,QAAA,CAAAE,CAAA;sBAAA,OAAAF,QAAA,CAAAI,CAAA,CAEH,CAAA,EAAA;AACLrB,wBAAAA,IAAI,EAAJA,IAAI;AACJgB,wBAAAA,IAAI,EAAJA;uBACD,CAAA;AAAA;AAAA,iBAAA,EAAAF,OAAA,CAAA;eACF,CAAA,CAAA;AAAA,cAAA,OAAA,UAAAQ,EAAA,EAAA;AAAA,gBAAA,OAAAT,KAAA,CAAAU,KAAA,CAAA,IAAA,EAAAnC,SAAA,CAAA;AAAA,eAAA;AAAA,aAAA,EAAA,CACH,CAAC;AAAA,UAAA,KAAA,CAAA;YAfKiB,QAAQ,GAAAG,SAAA,CAAAW,CAAA;AAiBdlC,YAAAA,KAAA,CAAKuC,QAAQ,CACX,UAAC3B,KAAK,EAAA;cAAA,OAAM;gBACVD,WAAW,EAAE,EAAE,CAACF,MAAM,CAACG,KAAK,CAACD,WAAW,EAAES,QAAQ;eACnD;AAAA,aAAC,EACFpB,KAAA,CAAKwC,gBACP,CAAC;AAACjB,YAAAA,SAAA,CAAAC,CAAA,GAAA,CAAA;AAAA,YAAA;AAAA,UAAA,KAAA,CAAA;AAAAD,YAAAA,SAAA,CAAAE,CAAA,GAAA,CAAA;YAAAJ,EAAA,GAAAE,SAAA,CAAAW,CAAA;AAEFO,YAAAA,OAAO,CAACC,GAAG,CAAArB,EAAI,CAAC;AAAC,UAAA,KAAA,CAAA;YAAA,OAAAE,SAAA,CAAAa,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,OAAA,EAAAjB,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA;KAEpB,CAAA,CAAA,CAAA;AAAAT,IAAAA,eAAA,CAAAV,KAAA,EAAA,UAAA,eAAA,YAAA;MAAA,IAAA2C,KAAA,GAAA3B,iBAAA,cAAAC,YAAA,GAAAC,CAAA,CAEU,SAAA0B,QAAAA,CAAOC,cAAc,EAAA;AAAA,QAAA,IAAAC,UAAA;AAAA,QAAA,OAAA7B,YAAA,EAAA,CAAAK,CAAA,CAAA,UAAAyB,SAAA,EAAA;UAAA,OAAAA,CAAAA,EAAAA,QAAAA,SAAA,CAAAvB,CAAA;AAAA,YAAA,KAAA,CAAA;AACtBsB,cAAAA,UAAU,GAAK9C,KAAA,CAAKV,KAAK,CAAzBwD,UAAU,CAClB;AACA9C,cAAAA,KAAA,CAAKuC,QAAQ,CAAC,UAAC3B,KAAK,EAAK;AACvB;gBACA,IAAIkC,UAAU,IAAI,CAAC,EAAE;kBACnB,OAAO;oBACLnC,WAAW,EAAE,EAAE,CAACF,MAAM,CAACoC,cAAc,CAAC,CAAC,CAAC;mBACzC;AACH;;AAEA;gBACA,OAAO;kBACLlC,WAAW,EAAE,EAAE,CAACF,MAAM,CAACG,KAAK,CAACD,WAAW,EAAEkC,cAAc;iBACzD;AACH,eAAC,EAAE7C,KAAA,CAAKwC,gBAAgB,CAAC;AAAC,YAAA,KAAA,CAAA;cAAA,OAAAO,SAAA,CAAAX,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,SAAA,EAAAQ,QAAA,CAAA;OAC3B,CAAA,CAAA;AAAA,MAAA,OAAA,UAAAI,GAAA,EAAA;AAAA,QAAA,OAAAL,KAAA,CAAAL,KAAA,CAAA,IAAA,EAAAnC,SAAA,CAAA;AAAA,OAAA;AAAA,KAAA,EAAA,CAAA;AAAAO,IAAAA,eAAA,CAAAV,KAAA,EAAA,YAAA,EAEY,UAACiD,cAAc,EAAEC,iBAAiB,EAAK;AAClDC,MAAAA,MAAM,CAACC,KAAK,CAACC,eAAe,EAAE;AAE9B,MAAA,IAAQ3D,QAAQ,GAAKM,KAAA,CAAKV,KAAK,CAAvBI,QAAQ;AAChB,MAAA,IAAQiB,WAAW,GAAKX,KAAA,CAAKY,KAAK,CAA1BD,WAAW;;AAEnB;MACA,IAAM2C,iBAAiB,GAAG3C,WAAW,CAAC4C,MAAM,CAAC,UAACzC,UAAU,EAAE0C,CAAC,EAAK;QAC9D,OAAOA,CAAC,KAAKN,iBAAiB;AAChC,OAAC,CAAC;;AAEF;AACA,MAAA,IAAIxD,QAAQ,EAAE;AACZA,QAAAA,QAAQ,CAACuD,cAAc,CAAClC,IAAI,CAAC;AAC/B;;AAEA;MACAf,KAAA,CAAKuC,QAAQ,CACX;AACE5B,QAAAA,WAAW,EAAE2C;AACf,OAAC,EACDtD,KAAA,CAAKwC,gBACP,CAAC;KACF,CAAA;AAAA,IAAA,OAAAxC,KAAA;AAAA;EAAAyD,SAAA,CAAA3D,YAAA,EAAAC,oBAAA,CAAA;EAAA,OAAA2D,YAAA,CAAA5D,YAAA,EAAA,CAAA;IAAA6D,GAAA,EAAA,mBAAA;AAAAC,IAAAA,KAAA,EAlGD,SAAAC,iBAAiBA,GAAG;MAClB,IAAI,CAACC,gBAAgB,EAAE;AACzB;AAAC,GAAA,EAAA;IAAAH,GAAA,EAAA,sBAAA;AAAAC,IAAAA,KAAA,EAED,SAAAG,oBAAoBA,GAAG;AACrB,MAAA,IAAQxE,cAAc,GAAK,IAAI,CAACD,KAAK,CAA7BC,cAAc;AAEtB,MAAA,IAAIA,cAAc,EAAE;QAClB,IAAI,CAACgD,QAAQ,CACX;AACE5B,UAAAA,WAAW,EAAE;AACf,SAAC,EACD,IAAI,CAAC6B,gBACP,CAAC;AACH;AACF;AAAC,GAAA,EAAA;IAAAmB,GAAA,EAAA,QAAA;AAAAC,IAAAA,KAAA,EAqFD,SAAAI,MAAMA,GAAG;AACP,MAAA,IAAAC,qBAAA,GAA8B5E,sBAAsB,CAAC,IAAI,CAACC,KAAK,CAAC;QAAA4E,sBAAA,GAAAC,cAAA,CAAAF,qBAAA,EAAA,CAAA,CAAA;AAAvDtE,QAAAA,iBAAiB,GAAAuE,sBAAA,CAAA,CAAA,CAAA;AAC1B,MAAA,IAAQvD,WAAW,GAAK,IAAI,CAACC,KAAK,CAA1BD,WAAW;MAEnB,oBACEyD,GAAA,CAACC,gBAAgB,EAAAC,cAAA,CAAAA,cAAA,KACX3E,iBAAiB,CAAA,EAAA,EAAA,EAAA;AACrBgB,QAAAA,WAAW,EAAEA,WAAY;QACzB4D,KAAK,EAAE,IAAI,CAACC,QAAS;QACrB9E,QAAQ,EAAE,IAAI,CAAC+E;AAAW,OAAA,CAC3B,CAAC;AAEN;AAAC,GAAA,CAAA,CAAA;AAAA,CArHwBC,CAAAA,KAAK,CAACC,aAAa;AAwH9C7E,YAAY,CAAC8E,YAAY,GAAG;AAC1BrF,EAAAA,cAAc,EAAE,IAAI;AACpBuD,EAAAA,UAAU,EAAE,CAAC;AACbtD,EAAAA,YAAY,EAAE;AAChB,CAAC;AAEDM,YAAY,CAAC+E,SAAS,GAAAP,cAAA,CAAAA,cAAA,CAAA,EAAA,EACjBD,gBAAgB,CAACQ,SAAS,CAAA,EAAA,EAAA,EAAA;AAC7B;EACAtF,cAAc,EAAEuF,SAAS,CAACC,IAAI;AAC9B;AACF;AACA;AACEvF,EAAAA,YAAY,EAAEsF,SAAS,CAACE,OAAO,CAC7BF,SAAS,CAACG,SAAS,CAAC,CAACH,SAAS,CAACI,MAAM,EAAEJ,SAAS,CAACK,GAAG,CAAC,CACvD,CAAC;AACD;EACArC,UAAU,EAAEgC,SAAS,CAACM,MAAM;AAC5B;AACF;AACA;AACA;AACA;EACE3F,QAAQ,EAAEqF,SAAS,CAACO,IAAI;AACxB;AACF;AACA;AACA;AACA;EACE3F,QAAQ,EAAEoF,SAAS,CAACO;AAAI,CACzB,CAAA;;;;"}

package/Components/DropZone/components/DropzoneAreaBase.d.ts

@@ -0,0 +1,4 @@
+export const FileObjectShape: any;
+declare const _default: React.JSXElementConstructor<any>;
+export default _default;
+import * as React from "react";