@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/componentsV2/FilesLoader/FilesLoader.scss.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",root:"FilesLoader_root__qCFhw",icon:"FilesLoader_icon__XusHn",content:"FilesLoader_content__Hkoic",progressBar:"FilesLoader_progressBar__bNJgO",progressTextContainer:"FilesLoader_progressTextContainer__oXRm-",error:"FilesLoader_error__wmxqD"};e(".FilesLoader_root__qCFhw{align-items:center;border:1px solid rgb(from var(--palette-primary-text-1) r g b/.08);border-radius:8px;display:flex;flex-flow:row nowrap;gap:16px;justify-content:space-between;min-height:64px;padding:8px 16px;width:100%}.FilesLoader_icon__XusHn{height:32px;width:32px}.FilesLoader_content__Hkoic{flex-grow:1;min-width:1px}.FilesLoader_progressBar__bNJgO{margin:4px 0}.FilesLoader_progressTextContainer__oXRm-{display:flex;flex-flow:row nowrap;gap:16px;justify-content:space-between;min-width:1px}.FilesLoader_error__wmxqD{align-items:center;color:var(--palette-error-main);display:flex;flex-flow:row nowrap;gap:8px;line-height:16px;padding-top:4px}");export{r as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.FilesLoader_root__qCFhw {\n  border-radius: 8px;\n  border: 1px solid rgb(from var(--palette-primary-text-1) r g b / 0.08);\n  padding: 8px 16px;\n  width: 100%;\n  min-height: 64px;\n  display: flex;\n  flex-flow: row nowrap;\n  gap: 16px;\n  align-items: center;\n  justify-content: space-between;\n}\n.FilesLoader_icon__XusHn {\n  width: 32px;\n  height: 32px;\n}\n.FilesLoader_content__Hkoic {\n  flex-grow: 1;\n  min-width: 1px;\n}\n.FilesLoader_progressBar__bNJgO {\n  margin: 4px 0px;\n}\n.FilesLoader_progressTextContainer__oXRm- {\n  display: flex;\n  flex-flow: row nowrap;\n  gap: 16px;\n  justify-content: space-between;\n  min-width: 1px;\n}\n.FilesLoader_error__wmxqD {\n  line-height: 16px;\n  color: var(--palette-error-main);\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  gap: 8px;\n  padding-top: 4px;\n}";
+var styles = {"spacing":"8","root":"FilesLoader_root__qCFhw","icon":"FilesLoader_icon__XusHn","content":"FilesLoader_content__Hkoic","progressBar":"FilesLoader_progressBar__bNJgO","progressTextContainer":"FilesLoader_progressTextContainer__oXRm-","error":"FilesLoader_error__wmxqD"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=FilesLoader.scss.js.map

package/componentsV2/FilesLoader/FilesLoader.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/FilesLoader/utils.js

@@ -1 +1,12 @@
-import"../../utils/index.js";import{formatFileSize as o}from"../../utils/formatFileSize.js";var i=function(i,t){return void 0!==i&&void 0!==t&&i>=0&&t>=0?"".concat(o(t)," of ").concat(o(i)):null};export{i as formatSizeProgress};
+import '../../utils/index.js';
+import { formatFileSize } from '../../utils/formatFileSize.js';
+
+var formatSizeProgress = function formatSizeProgress(total, current) {
+  if (typeof total !== 'undefined' && typeof current !== 'undefined' && total >= 0 && current >= 0) {
+    return "".concat(formatFileSize(current), " of ").concat(formatFileSize(total));
+  }
+  return null;
+};
+
+export { formatSizeProgress };
+//# sourceMappingURL=utils.js.map

package/componentsV2/FilesLoader/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/componentsV2/FilesLoader/utils.ts"],"sourcesContent":["import { formatFileSize } from '~/utils';\n\nexport const formatSizeProgress = (total?: number, current?: number) => {\n  if (\n    typeof total !== 'undefined' &&\n    typeof current !== 'undefined' &&\n    total >= 0 &&\n    current >= 0\n  ) {\n    return `${formatFileSize(current)} of ${formatFileSize(total)}`;\n  }\n\n  return null;\n};\n"],"names":["formatSizeProgress","total","current","formatFileSize"],"mappings":";;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAc,EAAEC,OAAgB,EAAK;AACtE,EAAA,IACE,OAAOD,KAAK,KAAK,WAAW,IAC5B,OAAOC,OAAO,KAAK,WAAW,IAC9BD,KAAK,IAAI,CAAC,IACVC,OAAO,IAAI,CAAC,EACZ;IACA,OAAUC,EAAAA,CAAAA,MAAAA,CAAAA,cAAc,CAACD,OAAO,CAAC,iBAAOC,cAAc,CAACF,KAAK,CAAC,CAAA,CAAA;AAC/D,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}

package/componentsV2/FilesProcessor/FilesProcessor.js

@@ -1 +1,124 @@
-import{__assign as e,__spreadArray as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as i,useCallback as s}from"react";import c from"classnames";import{FilesDropzone as l}from"../FilesDropzone/FilesDropzone.js";import{FilesLoader as u}from"../FilesLoader/FilesLoader.js";import{Processor as a}from"./Processor.js";import f from"./FilesProcessor.scss.js";var m=function(m){var p=m.multiple,d=m.accept,v=m.className,g=m.processFile,F=m.value,h=void 0===F?[]:F,D=m.onDone,j=m.onDelete,x=m.maxFiles,P=m.maxSize,z=m.formatProgress,S=m.onProcessingFailure,N=m.onStartProcessing,b=m.testId,L=o([]),y=L[0],C=L[1];i((function(){y.length>0&&y.every((function(e){return"success"in e}))&&y.some((function(e){return e.success}))&&(C((function(e){return e.filter((function(e){return!e.success}))})),D(y.filter((function(e){var n=e.success,r=e.data;return!!n&&!!r})).map((function(e){return e.data}))))}),[y,D]);var I=s((function(e){C((function(n){return n.filter((function(n){return n.file!==e}))}))}),[]),_=s((function(n){n.success||null==S||S(n.file,n.cancelled,n.error),C((function(r){return r.map((function(r){return r.file===n.file?e(e({},r),{data:n.data,success:n.success,cancelled:n.cancelled}):r}))}))}),[S]),k=s((function(e){null==N||N(e);var r=e.map((function(e){return{file:e}}));C((function(e){return n(n([],e,!0),r,!0)}))}),[N]);return r("div",{className:c(f.root,v),"data-testid":b,children:[(p||0===y.length&&0===(null==h?void 0:h.length))&&t(l,{multiple:p,onDrop:k,accept:d,maxFiles:x,maxSize:P}),(y.length>0||(null==h?void 0:h.length)>0)&&r("div",{className:f.files,children:[y.map((function(e){return t(a,{processFile:g,onStatusChange:_,file:e.file,onDelete:I,formatProgress:z},"".concat(e.file.size,"|").concat(e.file.name))})),null==h?void 0:h.map((function(e,n){return t(u,{name:e.name,onDelete:j?function(){return j(e)}:void 0,complete:!0},n)}))]})]})};export{m as FilesProcessor};
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect, useCallback } from 'react';
+import classNames from 'classnames';
+import { FilesDropzone } from '../FilesDropzone/FilesDropzone.js';
+import { FilesLoader } from '../FilesLoader/FilesLoader.js';
+import { Processor } from './Processor.js';
+import styles from './FilesProcessor.scss.js';
+import { jsxs, jsx } from '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; }
+var FilesProcessor = function FilesProcessor(_ref) {
+  var multiple = _ref.multiple,
+    accept = _ref.accept,
+    className = _ref.className,
+    processFile = _ref.processFile,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    onDone = _ref.onDone,
+    onDelete = _ref.onDelete,
+    maxFiles = _ref.maxFiles,
+    maxSize = _ref.maxSize,
+    formatProgress = _ref.formatProgress,
+    onProcessingFailure = _ref.onProcessingFailure,
+    onStartProcessing = _ref.onStartProcessing,
+    testId = _ref.testId;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    uploadingFiles = _useState2[0],
+    setUploadingFiles = _useState2[1];
+  useEffect(function () {
+    var done = uploadingFiles.length > 0 && uploadingFiles.every(function (item) {
+      return 'success' in item;
+    }) && uploadingFiles.some(function (item) {
+      return item.success;
+    });
+    if (done) {
+      setUploadingFiles(function (items) {
+        return items.filter(function (_ref2) {
+          var success = _ref2.success;
+          return !success;
+        });
+      });
+      onDone(uploadingFiles.filter(function (_ref3) {
+        var success = _ref3.success,
+          data = _ref3.data;
+        return !!success && !!data;
+      }).map(function (_ref4) {
+        var data = _ref4.data;
+        return data;
+      }));
+    }
+  }, [uploadingFiles, onDone]);
+  var onUploadedDelete = useCallback(function (file) {
+    setUploadingFiles(function (items) {
+      return items.filter(function (item) {
+        return item.file !== file;
+      });
+    });
+  }, []);
+  var onFileUploaded = useCallback(function (result) {
+    if (!result.success) {
+      onProcessingFailure === null || onProcessingFailure === void 0 ? void 0 : onProcessingFailure(result.file, result.cancelled, result.error);
+    }
+    setUploadingFiles(function (uploadingFiles) {
+      return uploadingFiles.map(function (uploadingFile) {
+        if (uploadingFile.file === result.file) {
+          return _objectSpread(_objectSpread({}, uploadingFile), {}, {
+            data: result.data,
+            success: result.success,
+            cancelled: result.cancelled
+          });
+        }
+        return uploadingFile;
+      });
+    });
+  }, [onProcessingFailure]);
+  var onDrop = useCallback(function (files) {
+    onStartProcessing === null || onStartProcessing === void 0 ? void 0 : onStartProcessing(files);
+    var newFiles = files.map(function (file) {
+      return {
+        file: file
+      };
+    });
+    setUploadingFiles(function (initial) {
+      return [].concat(_toConsumableArray(initial), _toConsumableArray(newFiles));
+    });
+  }, [onStartProcessing]);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.root, className),
+    "data-testid": testId,
+    children: [(multiple || uploadingFiles.length === 0 && (value === null || value === void 0 ? void 0 : value.length) === 0) && /*#__PURE__*/jsx(FilesDropzone, {
+      multiple: multiple,
+      onDrop: onDrop,
+      accept: accept,
+      maxFiles: maxFiles,
+      maxSize: maxSize
+    }), (uploadingFiles.length > 0 || (value === null || value === void 0 ? void 0 : value.length) > 0) && /*#__PURE__*/jsxs("div", {
+      className: styles.files,
+      children: [uploadingFiles.map(function (item) {
+        return /*#__PURE__*/jsx(Processor, {
+          processFile: processFile,
+          onStatusChange: onFileUploaded,
+          file: item.file,
+          onDelete: onUploadedDelete,
+          formatProgress: formatProgress
+        }, "".concat(item.file.size, "|").concat(item.file.name));
+      }), value === null || value === void 0 ? void 0 : value.map(function (item, index) {
+        return /*#__PURE__*/jsx(FilesLoader, {
+          name: item.name,
+          onDelete: onDelete ? function () {
+            return onDelete(item);
+          } : undefined,
+          complete: true
+        }, index);
+      })]
+    })]
+  });
+};
+
+export { FilesProcessor };
+//# sourceMappingURL=FilesProcessor.js.map

package/componentsV2/FilesProcessor/FilesProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesProcessor.js","sources":["../../../src/componentsV2/FilesProcessor/FilesProcessor.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { FilesDropzone, FilesDropzoneProps } from '../FilesDropzone';\nimport { FilesLoader } from '../FilesLoader';\n\nimport { FilesProcessorFunction, FilesProcessorProcessingResult } from './types';\nimport { Processor, ProcessorProps } from './Processor';\n\nimport styles from './FilesProcessor.scss';\n\ntype ValueItem = {\n  id: string | number;\n  name: string;\n};\n\ntype UploadingFile<T> = {\n  file: File;\n  success?: boolean;\n  cancelled?: boolean;\n  data?: T;\n};\n\ntype FilesProcessorProps<T> = {\n  /**\n   * Function that processes file (uploads, parses, etc.)\n   *\n   * @param file - a file to upload\n   * @param onProgress - a function to be called to indicate progress. Accepts 2 arguments: total progress & current progress\n   * @param registerOnCancel - a function that registers processing cancellation handler\n   */\n  processFile: FilesProcessorFunction<T>;\n\n  /**\n   * Called when files are uploaded/reuploaded\n   *\n   * @param results array of results from `processFile`\n   */\n  onDone: (results: T[]) => void;\n\n  /**\n   * Files list to display\n   *\n   * `type ValueItem = {id: string | number; name: string;};`\n   */\n  value?: ValueItem[];\n\n  /**\n   * Used in conjunction with `value`. Called when user presses \"delete\" button. If undefined - no button is shown\n   * @param item\n   */\n  onDelete?: (item: ValueItem) => void;\n\n  /**\n   * Fired when file(s) selected for processing\n   */\n  onStartProcessing?: (files: File[]) => void;\n\n  /**\n   * Fired when file processing failed or cancelled\n   */\n  onProcessingFailure?: (file: File, isCancelled?: boolean, error?: Error) => void;\n\n  /**\n   * Controls if multiple files can be processed\n   */\n  multiple?: FilesDropzoneProps['multiple'];\n\n  /**\n   * Array of or comma-separated MIME types/File Extensions to accept\n   *\n   * See `FilesDropzone`'s props\n   */\n  accept?: FilesDropzoneProps['accept'];\n\n  /**\n   * Maximum files to accept\n   */\n  maxFiles?: FilesDropzoneProps['maxFiles'];\n\n  /**\n   * Maximum file size to accept\n   */\n  maxSize?: FilesDropzoneProps['maxSize'];\n\n  /**\n   * Allows custom progress units\n   * @param total total progress value\n   * @param current current progress value\n   */\n  formatProgress?: ProcessorProps<object>['formatProgress'];\n\n  className?: string;\n  testId?: string;\n};\n\nexport const FilesProcessor = <T extends object>({\n  multiple,\n  accept,\n  className,\n  processFile,\n  value = [],\n  onDone,\n  onDelete,\n  maxFiles,\n  maxSize,\n  formatProgress,\n  onProcessingFailure,\n  onStartProcessing,\n  testId,\n}: FilesProcessorProps<T>) => {\n  const [uploadingFiles, setUploadingFiles] = useState<UploadingFile<T>[]>([]);\n\n  useEffect(() => {\n    const done =\n      uploadingFiles.length > 0 &&\n      uploadingFiles.every(item => 'success' in item) &&\n      uploadingFiles.some(item => item.success);\n\n    if (done) {\n      setUploadingFiles(items => items.filter(({ success }) => !success));\n      onDone(\n        uploadingFiles.filter(({ success, data }) => !!success && !!data).map(({ data }) => data!)\n      );\n    }\n  }, [uploadingFiles, onDone]);\n\n  const onUploadedDelete = useCallback((file: File) => {\n    setUploadingFiles(items => items.filter(item => item.file !== file));\n  }, []);\n\n  const onFileUploaded = useCallback(\n    (result: FilesProcessorProcessingResult<T>) => {\n      if (!result.success) {\n        onProcessingFailure?.(result.file, result.cancelled, result.error);\n      }\n\n      setUploadingFiles(uploadingFiles =>\n        uploadingFiles.map(uploadingFile => {\n          if (uploadingFile.file === result.file) {\n            return {\n              ...uploadingFile,\n              data: result.data,\n              success: result.success,\n              cancelled: result.cancelled,\n            };\n          }\n          return uploadingFile;\n        })\n      );\n    },\n    [onProcessingFailure]\n  );\n\n  const onDrop = useCallback(\n    (files: File[]) => {\n      onStartProcessing?.(files);\n      const newFiles = files.map(file => ({ file }));\n      setUploadingFiles(initial => [...initial, ...newFiles]);\n    },\n    [onStartProcessing]\n  );\n\n  return (\n    <div className={classNames(styles.root, className)} data-testid={testId}>\n      {(multiple || (uploadingFiles.length === 0 && value?.length === 0)) && (\n        <FilesDropzone\n          multiple={multiple}\n          onDrop={onDrop}\n          accept={accept}\n          maxFiles={maxFiles}\n          maxSize={maxSize}\n        />\n      )}\n\n      {(uploadingFiles.length > 0 || value?.length > 0) && (\n        <div className={styles.files}>\n          {uploadingFiles.map(item => (\n            <Processor\n              processFile={processFile}\n              onStatusChange={onFileUploaded}\n              file={item.file}\n              key={`${item.file.size}|${item.file.name}`}\n              onDelete={onUploadedDelete}\n              formatProgress={formatProgress}\n            />\n          ))}\n\n          {value?.map((item, index) => (\n            <FilesLoader\n              key={index}\n              name={item.name}\n              onDelete={onDelete ? () => onDelete(item) : undefined}\n              complete\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["FilesProcessor","multiple","accept","className","processFile","value","onDone","onDelete","maxFiles","maxSize","formatProgress","onProcessingFailure","onStartProcessing","testId","useState","uploadingFiles","setUploadingFiles","useEffect","done","length","every","item","some","success","items","filter","data","map","onUploadedDelete","useCallback","file","onFileUploaded","result","cancelled","error","uploadingFile","onDrop","files","newFiles","initial","_jsxs","classNames","styles","root","_jsx","size","name","index","undefined"],"mappings":"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"}

package/componentsV2/FilesProcessor/FilesProcessor.scss.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",root:"FilesProcessor_root__uHIL1",files:"FilesProcessor_files__1o-qw"};e(".FilesProcessor_root__uHIL1{display:flex;flex-direction:column;gap:24px}.FilesProcessor_files__1o-qw{display:flex;flex-direction:column;gap:16px}");export{o as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.FilesProcessor_root__uHIL1 {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.FilesProcessor_files__1o-qw {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}";
+var styles = {"spacing":"8","root":"FilesProcessor_root__uHIL1","files":"FilesProcessor_files__1o-qw"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=FilesProcessor.scss.js.map

package/componentsV2/FilesProcessor/FilesProcessor.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/FilesProcessor/Processor.js

@@ -1 +1,175 @@
-import{__awaiter as e,__generator as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n}from"react/jsx-runtime";import{useState as r,useCallback as o,useMemo as i,useEffect as c}from"react";import{FilesLoader as a}from"../FilesLoader/FilesLoader.js";var l=function(l){var u=l.onStatusChange,s=l.file,f=l.processFile,d=l.onDelete,m=l.formatProgress,v=r({total:0,current:0,indeterminate:!0,complete:!1}),p=v[0],g=v[1],h=r(),b=h[0],j=h[1],C=r(!1),F=C[0],w=C[1],x=r(),y=x[0],D=x[1],E=o((function(e,t){g({total:e,current:t,indeterminate:!1,complete:!1})}),[]),L=i((function(){if(y)return function(){y(),w(!0),u({success:!1,cancelled:!0,file:s})}}),[y,s,u]),P=o((function(){var n=!1;return function(r){return e(void 0,void 0,void 0,(function(){var e,o,i,c;return t(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),e=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];n||E.apply(void 0,e)},[4,f(r,e,(function(e){D((function(){return function(){n=!0,e()}}))}))];case 1:return o=t.sent(),n?[2]:(g((function(e){var t=e.total;return{total:t,current:t,indeterminate:e.indeterminate,complete:!0}})),u({success:!0,cancelled:!1,data:o,file:r}),[3,3]);case 2:return i=t.sent(),n?[2]:(c=i instanceof Error?i:new Error(String(i)),j(c),u({success:!1,cancelled:!1,error:c,file:r}),[3,3]);case 3:return[2]}}))}))}}),[f,u,E]),S=o((function(){j(void 0),w(!1),u({file:s,success:!1,data:void 0,error:void 0,cancelled:!1}),P()(s)}),[s,P,u]),R=o((function(){d(s)}),[d,s]);c((function(){P()(s)}),[s,P]);var _=F?"Cancelled":null,k=b?null==b?void 0:b.message:_;return n(a,{name:s.name,total:p.total,current:p.current,error:k,onCancel:L,onReload:S,onDelete:R,formatProgress:m,complete:p.complete,indeterminate:p.indeterminate})};export{l as Processor};
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useState, useCallback, useMemo, useEffect } from 'react';
+import { FilesLoader } from '../FilesLoader/FilesLoader.js';
+import { jsx } from 'react/jsx-runtime';
+
+var Processor = function Processor(props) {
+  var onStatusChange = props.onStatusChange,
+    file = props.file,
+    processFile = props.processFile,
+    onDelete = props.onDelete,
+    formatProgress = props.formatProgress;
+  var _useState = useState({
+      total: 0,
+      current: 0,
+      indeterminate: true,
+      complete: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    progress = _useState2[0],
+    setProgress = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isCancelled = _useState6[0],
+    setIsCancelled = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    cancelFunction = _useState8[0],
+    setCancelFunction = _useState8[1];
+  var registerProgress = useCallback(function (total, current) {
+    setProgress({
+      total: total,
+      current: current,
+      indeterminate: false,
+      complete: false
+    });
+  }, []);
+  var handleCancel = useMemo(function () {
+    if (!cancelFunction) {
+      return undefined;
+    }
+    return function () {
+      cancelFunction();
+      setIsCancelled(true);
+      onStatusChange({
+        success: false,
+        cancelled: true,
+        file: file
+      });
+    };
+  }, [cancelFunction, file, onStatusChange]);
+
+  // We use closure here to properly handle cancellation: we should not listen to updates from processFile
+  // if processing is cancelled, and properly listen to the new process (not both) when processing is restarted
+  var getFileProcessor = useCallback(function () {
+    var isCancelled = false;
+    return /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
+        var ownRegisterProgress, ownSetCancelFunction, data, _error;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                ownRegisterProgress = function ownRegisterProgress() {
+                  if (!isCancelled) {
+                    registerProgress.apply(void 0, arguments);
+                  }
+                };
+                ownSetCancelFunction = function ownSetCancelFunction(onCancel) {
+                  setCancelFunction(function () {
+                    return function () {
+                      isCancelled = true;
+                      onCancel();
+                    };
+                  });
+                };
+                _context.next = 5;
+                return processFile(file, ownRegisterProgress, ownSetCancelFunction);
+              case 5:
+                data = _context.sent;
+                if (!isCancelled) {
+                  _context.next = 8;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 8:
+                setProgress(function (_ref2) {
+                  var total = _ref2.total,
+                    indeterminate = _ref2.indeterminate;
+                  return {
+                    total: total,
+                    current: total,
+                    indeterminate: indeterminate,
+                    complete: true
+                  };
+                });
+                onStatusChange({
+                  success: true,
+                  cancelled: false,
+                  data: data,
+                  file: file
+                });
+                _context.next = 19;
+                break;
+              case 12:
+                _context.prev = 12;
+                _context.t0 = _context["catch"](0);
+                if (!isCancelled) {
+                  _context.next = 16;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 16:
+                _error = _context.t0 instanceof Error ? _context.t0 : new Error(String(_context.t0));
+                setError(_error);
+                onStatusChange({
+                  success: false,
+                  cancelled: false,
+                  error: _error,
+                  file: file
+                });
+              case 19:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[0, 12]]);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }();
+  }, [processFile, onStatusChange, registerProgress]);
+  var handleReload = useCallback(function () {
+    setError(undefined);
+    setIsCancelled(false);
+    onStatusChange({
+      file: file,
+      success: false,
+      data: undefined,
+      error: undefined,
+      cancelled: false
+    });
+    getFileProcessor()(file);
+  }, [file, getFileProcessor, onStatusChange]);
+  var handleDelete = useCallback(function () {
+    onDelete(file);
+  }, [onDelete, file]);
+  useEffect(function () {
+    getFileProcessor()(file);
+  }, [file, getFileProcessor]);
+  var cancelledMessage = isCancelled ? 'Cancelled' : null;
+  var errorMessage = error ? error === null || error === void 0 ? void 0 : error.message : cancelledMessage;
+  return /*#__PURE__*/jsx(FilesLoader, {
+    name: file.name,
+    total: progress.total,
+    current: progress.current,
+    error: errorMessage,
+    onCancel: handleCancel,
+    onReload: handleReload,
+    onDelete: handleDelete,
+    formatProgress: formatProgress,
+    complete: progress.complete,
+    indeterminate: progress.indeterminate
+  });
+};
+
+export { Processor };
+//# sourceMappingURL=Processor.js.map

package/componentsV2/FilesProcessor/Processor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Processor.js","sources":["../../../src/componentsV2/FilesProcessor/Processor.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { FilesLoader, FilesLoaderProps } from '../FilesLoader';\n\nimport { FilesProcessorFunction, FilesProcessorProcessingResult } from './types';\n\nexport type ProcessorProps<T> = {\n  processFile: FilesProcessorFunction<T>;\n  onStatusChange: (result: FilesProcessorProcessingResult<T>) => void;\n  file: File;\n  onDelete: (file: File) => void;\n  formatProgress?: FilesLoaderProps['formatProgress'];\n};\n\nexport const Processor = <T extends object>(props: ProcessorProps<T>) => {\n  const { onStatusChange, file, processFile, onDelete, formatProgress } = props;\n  const [progress, setProgress] = useState({\n    total: 0,\n    current: 0,\n    indeterminate: true,\n    complete: false,\n  });\n  const [error, setError] = useState<Error>();\n  const [isCancelled, setIsCancelled] = useState(false);\n  const [cancelFunction, setCancelFunction] = useState<() => void>();\n\n  const registerProgress = useCallback((total: number, current: number) => {\n    setProgress({ total, current, indeterminate: false, complete: false });\n  }, []);\n\n  const handleCancel = useMemo(() => {\n    if (!cancelFunction) {\n      return undefined;\n    }\n\n    return () => {\n      cancelFunction();\n      setIsCancelled(true);\n      onStatusChange({\n        success: false,\n        cancelled: true,\n        file,\n      });\n    };\n  }, [cancelFunction, file, onStatusChange]);\n\n  // We use closure here to properly handle cancellation: we should not listen to updates from processFile\n  // if processing is cancelled, and properly listen to the new process (not both) when processing is restarted\n  const getFileProcessor = useCallback(() => {\n    let isCancelled = false;\n\n    return async (file: File) => {\n      try {\n        const ownRegisterProgress: typeof registerProgress = (...args) => {\n          if (!isCancelled) {\n            registerProgress(...args);\n          }\n        };\n\n        const ownSetCancelFunction = (onCancel: () => void) => {\n          setCancelFunction(() => () => {\n            isCancelled = true;\n            onCancel();\n          });\n        };\n\n        const data = await processFile(file, ownRegisterProgress, ownSetCancelFunction);\n\n        if (isCancelled) {\n          return;\n        }\n\n        setProgress(({ total, indeterminate }) => ({\n          total,\n          current: total,\n          indeterminate,\n          complete: true,\n        }));\n        onStatusChange({\n          success: true,\n          cancelled: false,\n          data,\n          file,\n        });\n      } catch (thrownError) {\n        if (isCancelled) {\n          return;\n        }\n\n        const error = thrownError instanceof Error ? thrownError : new Error(String(thrownError));\n\n        setError(error);\n\n        onStatusChange({\n          success: false,\n          cancelled: false,\n          error,\n          file,\n        });\n      }\n    };\n  }, [processFile, onStatusChange, registerProgress]);\n\n  const handleReload = useCallback(() => {\n    setError(undefined);\n    setIsCancelled(false);\n    onStatusChange({\n      file,\n      success: false,\n      data: undefined,\n      error: undefined,\n      cancelled: false,\n    });\n    getFileProcessor()(file);\n  }, [file, getFileProcessor, onStatusChange]);\n\n  const handleDelete = useCallback(() => {\n    onDelete(file);\n  }, [onDelete, file]);\n\n  useEffect(() => {\n    getFileProcessor()(file);\n  }, [file, getFileProcessor]);\n\n  const cancelledMessage = isCancelled ? 'Cancelled' : null;\n  const errorMessage = error ? error?.message : cancelledMessage;\n\n  return (\n    <FilesLoader\n      name={file.name}\n      total={progress.total}\n      current={progress.current}\n      error={errorMessage}\n      onCancel={handleCancel}\n      onReload={handleReload}\n      onDelete={handleDelete}\n      formatProgress={formatProgress}\n      complete={progress.complete}\n      indeterminate={progress.indeterminate}\n    />\n  );\n};\n"],"names":["Processor","props","onStatusChange","file","processFile","onDelete","formatProgress","useState","total","current","indeterminate","complete","progress","setProgress","error","setError","isCancelled","setIsCancelled","cancelFunction","setCancelFunction","registerProgress","useCallback","handleCancel","useMemo","undefined","success","cancelled","getFileProcessor","ownRegisterProgress","ownSetCancelFunction","onCancel","data","Error","String","handleReload","handleDelete","useEffect","cancelledMessage","errorMessage","message","_jsx","name"],"mappings":"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"}

package/componentsV2/Grid/Cell.js

@@ -1 +1,28 @@
-import{jsx as r}from"react/jsx-runtime";import{useMemo as t}from"react";import s from"classnames";import{ColumnCountCssVar as a}from"./constants.js";import o from"./Grid.scss.js";var c=function(c){var n=c.children,e=c.rows,i=void 0===e?1:e,m=c.span,d=c.testId,p=c.className,l=t((function(){return{gridArea:"span ".concat(i," / span ").concat(m||"var(".concat(a,")"))}}),[i,m]);return r("div",{className:s(o.cell,p),"data-testid":d,style:l,children:n})};export{c as Cell};
+import { useMemo } from 'react';
+import classNames from 'classnames';
+import { ColumnCountCssVar } from './constants.js';
+import styles from './Grid.scss.js';
+import { jsx } from 'react/jsx-runtime';
+
+var Cell = function Cell(_ref) {
+  var children = _ref.children,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? 1 : _ref$rows,
+    span = _ref.span,
+    testId = _ref.testId,
+    className = _ref.className;
+  var inlineStyle = useMemo(function () {
+    return {
+      gridArea: "span ".concat(rows, " / span ").concat(span || "var(".concat(ColumnCountCssVar, ")"))
+    };
+  }, [rows, span]);
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(styles.cell, className),
+    "data-testid": testId,
+    style: inlineStyle,
+    children: children
+  });
+};
+
+export { Cell };
+//# sourceMappingURL=Cell.js.map

package/componentsV2/Grid/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../../../src/componentsV2/Grid/Cell.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react';\nimport classNames from 'classnames';\n\nimport { ColumnCountCssVar } from './constants';\n\nimport styles from './Grid.scss';\n\nexport type CellProps = {\n  children?: ReactNode;\n  span?: number;\n  rows?: number;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const Cell = ({ children, rows = 1, span, testId, className }: CellProps) => {\n  const inlineStyle = useMemo(\n    () => ({\n      gridArea: `span ${rows} / span ${span || `var(${ColumnCountCssVar})`}`,\n    }),\n    [rows, span]\n  );\n\n  return (\n    <div className={classNames(styles.cell, className)} data-testid={testId} style={inlineStyle}>\n      {children}\n    </div>\n  );\n};\n"],"names":["Cell","children","rows","span","testId","className","inlineStyle","useMemo","gridArea","ColumnCountCssVar","_jsx","classNames","styles","cell"],"mappings":";;;;;;AAgBaA,IAAAA,IAAI,GAAG,SAAPA,IAAI,CAAmE,IAAA,EAAA;EAAA,IAA7DC,QAAQ,QAARA,QAAQ;AAAA,IAAA,SAAA,GAAA,IAAA,CAAEC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,CAAC,GAAA,SAAA;AAAEC,IAAAA,IAAI,QAAJA,IAAI;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAEC,IAAAA,SAAS,QAATA,SAAS,CAAA;EAChE,IAAMC,WAAW,GAAGC,OAAO,CACzB,YAAA;IAAA,OAAO;AACLC,MAAAA,QAAQ,iBAAUN,IAAI,EAAA,UAAA,CAAA,CAAA,MAAA,CAAWC,IAAI,IAAA,MAAA,CAAA,MAAA,CAAWM,iBAAiB,EAAG,GAAA,CAAA,CAAA;KACrE,CAAA;AAAA,GAAC,EACF,CAACP,IAAI,EAAEC,IAAI,CAAC,CACb,CAAA;EAED,oBACEO,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAER,SAAS,CAAE;AAAC,IAAA,aAAA,EAAaD,MAAO;AAAC,IAAA,KAAK,EAAEE,WAAY;IAAA,QACzFL,EAAAA,QAAAA;GACG,CAAA,CAAA;AAEV;;;;"}

package/componentsV2/Grid/Grid.js

@@ -1 +1,41 @@
-import{jsx as t}from"react/jsx-runtime";import{useMemo as r}from"react";import s from"classnames";import{Cell as o}from"./Cell.js";import{ColumnCountCssVar as m}from"./constants.js";import e from"../../styles/common.scss.js";import i from"./Grid.scss.js";var a=function(o){var a=o.gap,c=void 0===a?2:a,n=o.cols,l=void 0===n?12:n,p=o.className,d=o.testId,f=o.children,u=o.alignItems,v=void 0===u?"stretch":u,j=o.justifyItems,g=void 0===j?"stretch":j,I=r((function(){var t;return(t={gap:"".concat(c*Number(e.spacing),"px"),gridTemplateColumns:"repeat(".concat(l,", minmax(0, 1fr))"),alignItems:v,justifyItems:g})[m]=l,t}),[c,l,v,g]);return t("div",{className:s(i.root,p),style:I,"data-testid":d,children:f})};a.Cell=o;var c=a;export{c as Grid};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMemo } from 'react';
+import classNames from 'classnames';
+import { Cell } from './Cell.js';
+import { ColumnCountCssVar } from './constants.js';
+import commonsStyles from '../../styles/common.scss.js';
+import styles from './Grid.scss.js';
+import { jsx } from 'react/jsx-runtime';
+
+var GridBase = function GridBase(_ref) {
+  var _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 2 : _ref$gap,
+    _ref$cols = _ref.cols,
+    cols = _ref$cols === void 0 ? 12 : _ref$cols,
+    className = _ref.className,
+    testId = _ref.testId,
+    children = _ref.children,
+    _ref$alignItems = _ref.alignItems,
+    alignItems = _ref$alignItems === void 0 ? 'stretch' : _ref$alignItems,
+    _ref$justifyItems = _ref.justifyItems,
+    justifyItems = _ref$justifyItems === void 0 ? 'stretch' : _ref$justifyItems;
+  var inlineStyle = useMemo(function () {
+    return _defineProperty({
+      gap: "".concat(gap * Number(commonsStyles.spacing), "px"),
+      gridTemplateColumns: "repeat(".concat(cols, ", minmax(0, 1fr))"),
+      alignItems: alignItems,
+      justifyItems: justifyItems
+    }, ColumnCountCssVar, cols);
+  }, [gap, cols, alignItems, justifyItems]);
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(styles.root, className),
+    style: inlineStyle,
+    "data-testid": testId,
+    children: children
+  });
+};
+GridBase.Cell = Cell;
+var Grid = GridBase;
+
+export { Grid };
+//# sourceMappingURL=Grid.js.map

package/componentsV2/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../../src/componentsV2/Grid/Grid.tsx"],"sourcesContent":["import { CSSProperties, ReactNode, useMemo } from 'react';\nimport classNames from 'classnames';\n\nimport { Cell } from './Cell';\nimport { ColumnCountCssVar } from './constants';\n\nimport commonsStyles from '~/styles/common.scss';\nimport styles from './Grid.scss';\n\nexport type GridProps = {\n  /**\n   * Content\n   */\n  children?: ReactNode;\n  /**\n   * Amount of columns\n   */\n  cols?: number;\n  /**\n   * Number of theme `spacing`-s between cells\n   */\n  gap?: number;\n  alignItems?: CSSProperties['alignItems'];\n  justifyItems?: CSSProperties['justifyItems'];\n\n  className?: string;\n  testId?: string;\n};\n\nconst GridBase = ({\n  gap = 2,\n  cols = 12,\n  className,\n  testId,\n  children,\n  alignItems = 'stretch',\n  justifyItems = 'stretch',\n}: GridProps) => {\n  const inlineStyle = useMemo(\n    () => ({\n      gap: `${gap * Number(commonsStyles.spacing)}px`,\n      gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n      alignItems,\n      justifyItems,\n      [ColumnCountCssVar]: cols,\n    }),\n    [gap, cols, alignItems, justifyItems]\n  );\n\n  return (\n    <div className={classNames(styles.root, className)} style={inlineStyle} data-testid={testId}>\n      {children}\n    </div>\n  );\n};\n\ntype GridType = typeof GridBase & {\n  Cell: typeof Cell;\n};\n\nGridBase.Cell = Cell;\n\nexport const Grid = GridBase as GridType;\n"],"names":["GridBase","gap","cols","className","testId","children","alignItems","justifyItems","inlineStyle","useMemo","Number","commonsStyles","spacing","gridTemplateColumns","ColumnCountCssVar","_jsx","classNames","styles","root","Cell","Grid"],"mappings":";;;;;;;;;AA6BA,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAQG,IAAA,EAAA;AAAA,EAAA,IAAA,QAAA,GAAA,IAAA,CAPfC,GAAG;AAAHA,IAAAA,GAAG,yBAAG,CAAC,GAAA,QAAA;AAAA,IAAA,SAAA,GAAA,IAAA,CACPC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,EAAE,GAAA,SAAA;AACTC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,QAAQ,QAARA,QAAQ;AAAA,IAAA,eAAA,GAAA,IAAA,CACRC,UAAU;AAAVA,IAAAA,UAAU,gCAAG,SAAS,GAAA,eAAA;AAAA,IAAA,iBAAA,GAAA,IAAA,CACtBC,YAAY;AAAZA,IAAAA,YAAY,kCAAG,SAAS,GAAA,iBAAA,CAAA;EAExB,IAAMC,WAAW,GAAGC,OAAO,CACzB,YAAA;AAAA,IAAA,OAAA,eAAA,CAAA;MACER,GAAG,EAAA,EAAA,CAAA,MAAA,CAAKA,GAAG,GAAGS,MAAM,CAACC,aAAa,CAACC,OAAO,CAAC,EAAI,IAAA,CAAA;MAC/CC,mBAAmB,EAAA,SAAA,CAAA,MAAA,CAAYX,IAAI,EAAmB,mBAAA,CAAA;AACtDI,MAAAA,UAAU,EAAVA,UAAU;AACVC,MAAAA,YAAY,EAAZA,YAAAA;KACCO,EAAAA,iBAAiB,EAAGZ,IAAI,CAAA,CAAA;GACzB,EACF,CAACD,GAAG,EAAEC,IAAI,EAAEI,UAAU,EAAEC,YAAY,CAAC,CACtC,CAAA;EAED,oBACEQ,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEf,SAAS,CAAE;AAAC,IAAA,KAAK,EAAEK,WAAY;AAAC,IAAA,aAAA,EAAaJ,MAAO;IAAA,QACzFC,EAAAA,QAAAA;GACG,CAAA,CAAA;AAEV,CAAC,CAAA;AAMDL,QAAQ,CAACmB,IAAI,GAAGA,IAAI,CAAA;AAEb,IAAMC,IAAI,GAAGpB;;;;"}

package/componentsV2/Grid/Grid.scss.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={root:"Grid_root__5c3w3",cell:"Grid_cell__1wDy8"};e(".Grid_root__5c3w3{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.Grid_cell__1wDy8{max-width:100%}");export{r as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Grid_root__5c3w3 {\n  display: grid;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n}\n\n.Grid_cell__1wDy8 {\n  max-width: 100%;\n}";
+var styles = {"root":"Grid_root__5c3w3","cell":"Grid_cell__1wDy8"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Grid.scss.js.map

package/componentsV2/Grid/Grid.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/Grid/constants.js

@@ -1 +1,4 @@
-var o="--corvaui-grid-column-count";export{o as ColumnCountCssVar};
+var ColumnCountCssVar = '--corvaui-grid-column-count';
+
+export { ColumnCountCssVar };
+//# sourceMappingURL=constants.js.map

package/componentsV2/Grid/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/componentsV2/Grid/constants.ts"],"sourcesContent":["export const ColumnCountCssVar = '--corvaui-grid-column-count';\n"],"names":["ColumnCountCssVar"],"mappings":"AAAO,IAAMA,iBAAiB,GAAG;;;;"}

package/componentsV2/Header/Header.js

@@ -1 +1,45 @@
-import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as m}from"react/jsx-runtime";import t from"classnames";import{Text as s}from"../Text/Text.js";import a from"./Header.scss.js";var i={H1:{size:32,weight:"medium",tagName:"h1"},H2:{size:24,weight:"medium",tagName:"h2"},H3:{size:20,weight:"medium",tagName:"h3"},appName:{size:18,weight:"medium",tagName:"h4"}},r=function(r){var o=r.children,d=r.appearance,h=r.testId,p=r.className;return m(s,e({className:t(a.root,p)},i[d],{testId:h,children:o}))};export{r as Header};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import classNames from 'classnames';
+import { Text } from '../Text/Text.js';
+import styles from './Header.scss.js';
+import { jsx } from '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; }
+var AppearanceToPropsMap = {
+  H1: {
+    size: 32,
+    weight: 'medium',
+    tagName: 'h1'
+  },
+  H2: {
+    size: 24,
+    weight: 'medium',
+    tagName: 'h2'
+  },
+  H3: {
+    size: 20,
+    weight: 'medium',
+    tagName: 'h3'
+  },
+  appName: {
+    size: 18,
+    weight: 'medium',
+    tagName: 'h4'
+  }
+};
+var Header = function Header(_ref) {
+  var children = _ref.children,
+    appearance = _ref.appearance,
+    testId = _ref.testId,
+    className = _ref.className;
+  return /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({
+    className: classNames(styles.root, className)
+  }, AppearanceToPropsMap[appearance]), {}, {
+    testId: testId,
+    children: children
+  }));
+};
+
+export { Header };
+//# sourceMappingURL=Header.js.map

package/componentsV2/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../src/componentsV2/Header/Header.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Text, TextProps } from '../Text';\n\nimport styles from './Header.scss';\n\nexport type HeaderProps = {\n  appearance: 'H1' | 'H2' | 'H3' | 'appName';\n  /**\n   * Content\n   */\n  children?: ReactNode;\n\n  className?: string;\n  testId?: string;\n};\n\nconst AppearanceToPropsMap: Record<HeaderProps['appearance'], TextProps> = {\n  H1: {\n    size: 32,\n    weight: 'medium',\n    tagName: 'h1',\n  },\n  H2: {\n    size: 24,\n    weight: 'medium',\n    tagName: 'h2',\n  },\n  H3: {\n    size: 20,\n    weight: 'medium',\n    tagName: 'h3',\n  },\n  appName: {\n    size: 18,\n    weight: 'medium',\n    tagName: 'h4',\n  },\n};\n\nexport const Header = ({ children, appearance, testId, className }: HeaderProps) => (\n  <Text\n    className={classNames(styles.root, className)}\n    {...AppearanceToPropsMap[appearance]}\n    testId={testId}\n  >\n    {children}\n  </Text>\n);\n"],"names":["AppearanceToPropsMap","H1","size","weight","tagName","H2","H3","appName","Header","children","appearance","testId","className","_jsx","classNames","styles","root"],"mappings":";;;;;;;;AAkBA,IAAMA,oBAAkE,GAAG;AACzEC,EAAAA,EAAE,EAAE;AACFC,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,MAAM,EAAE,QAAQ;AAChBC,IAAAA,OAAO,EAAE,IAAA;GACV;AACDC,EAAAA,EAAE,EAAE;AACFH,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,MAAM,EAAE,QAAQ;AAChBC,IAAAA,OAAO,EAAE,IAAA;GACV;AACDE,EAAAA,EAAE,EAAE;AACFJ,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,MAAM,EAAE,QAAQ;AAChBC,IAAAA,OAAO,EAAE,IAAA;GACV;AACDG,EAAAA,OAAO,EAAE;AACPL,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,MAAM,EAAE,QAAQ;AAChBC,IAAAA,OAAO,EAAE,IAAA;AACX,GAAA;AACF,CAAC,CAAA;AAEYI,IAAAA,MAAM,GAAG,SAATA,MAAM,CAAA,IAAA,EAAA;EAAA,IAAMC,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,UAAU,QAAVA,UAAU;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAEC,IAAAA,SAAS,QAATA,SAAS,CAAA;AAAA,EAAA,oBAC9DC,IAAC,IAAI,EAAA,aAAA,CAAA,aAAA,CAAA;AACH,IAAA,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEJ,SAAS,CAAA;GACxCZ,EAAAA,oBAAoB,CAACU,UAAU,CAAC,CAAA,EAAA,EAAA,EAAA;AACpC,IAAA,MAAM,EAAEC,MAAO;IAAA,QAEdF,EAAAA,QAAAA;GACI,CAAA,CAAA,CAAA;AAAA;;;;"}

package/componentsV2/Header/Header.scss.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={root:"Header_root__c1ZfD"};e(".Header_root__c1ZfD{margin:0}");export{o as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Header_root__c1ZfD {\n  margin: 0;\n}";
+var styles = {"root":"Header_root__c1ZfD"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Header.scss.js.map

package/componentsV2/Header/Header.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}