@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.d.ts

@@ -1,8 +1,34 @@
 import type { Theme } from '../../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const getJsStyles: import("../../../lib/theming/Emotion").StylesGetter<{
+    fileWrapper(t: Theme): string;
+    fileWrapperFocus(t: Theme): string;
+    fileWrapperHover(t: Theme): string;
+    warningFile(t: Theme): string;
+    errorFile(t: Theme): string;
+    removeBorderTopRadius(): string;
+    removeBorderBottomRadius(): string;
+    summary(t: Theme): string;
+    summaryErrorText(t: Theme): string;
+    summaryWarningText(t: Theme): string;
+    summarySmall(t: Theme): string;
+    summaryMedium(t: Theme): string;
+    summaryLarge(t: Theme): string;
+}>;
+export declare const getJsRowStyles: import("../../../lib/theming/Emotion").StylesGetter<{
     file(): string;
-    fileWrapper(): string;
+    fileListWrapper(t: Theme): string;
     fileWrapperSmall(t: Theme): string;
     fileWrapperMedium(t: Theme): string;
     fileWrapperLarge(t: Theme): string;
-};
+    errorFileFocus(t: Theme): string;
+    warningFileFocus(t: Theme): string;
+}>;
+export declare const getJsTileStyles: import("../../../lib/theming/Emotion").StylesGetter<{
+    file(): string;
+    fileListWrapper(): string;
+    fileWrapperSmall(t: Theme): string;
+    fileWrapperMedium(t: Theme): string;
+    fileWrapperLarge(t: Theme): string;
+    errorFileFocus(t: Theme): string;
+    warningFileFocus(t: Theme): string;
+}>;

package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js

@@ -1,39 +1,258 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getJsTileStyles = exports.getJsStyles = exports.getJsRowStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27;
 
-var styles = {
-  file: function file() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
 
+var getJsStyles = exports.getJsStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;
+  return {
+    fileWrapper: function fileWrapper(t) {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n        width: 100%;\n        height: max-content;\n        display: flex;\n        align-items: center;\n        box-sizing: border-box;\n        border-radius: ", ";\n        border: ", " solid transparent;\n        box-shadow: 0 0 0 1px transparent;\n        cursor: pointer;\n\n        &::before {\n          position: absolute;\n          content: ' ';\n          width: 100%;\n          height: 100%;\n          border-radius: ", ";\n          border: ", " solid transparent;\n          box-shadow: 0 0 0 1px transparent;\n          top: -1px;\n          left: -1px;\n          z-index: -1;\n        }\n      "])),
 
-  },
-  fileWrapper: function fileWrapper() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    "])));
 
 
 
 
 
+      t.fileUploaderBorderRadius,
+      t.fileUploaderBorderWidth,
 
-  },
 
-  fileWrapperSmall: function fileWrapperSmall(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
-    t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
 
-  },
 
-  fileWrapperMedium: function fileWrapperMedium(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
-    t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
 
-  },
 
-  fileWrapperLarge: function fileWrapperLarge(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
-    t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
 
-  }
-};
 
-var jsStyles = exports.jsStyles = (0, _Emotion.memoizeStyle)(styles);
+      t.fileUploaderBorderRadius,
+      t.fileUploaderBorderWidth);
+
+
+
+
+
+
+    },
+
+    fileWrapperFocus: function fileWrapperFocus(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", " solid ", ";\n        box-shadow: 0 0 0 1px ", ";\n      "])),
+      t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus,
+      t.fileUploaderBorderColorFocus);
+
+    },
+
+    fileWrapperHover: function fileWrapperHover(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        border-color: ", ";\n      "])),
+      t.fileUploaderHoveredBg,
+      t.fileUploaderHoveredBorderColor);
+
+    },
+
+    warningFile: function warningFile(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n          border-radius: ", ";\n        }\n        &::before {\n          background: ", ";\n        }\n      "])),
+      t.fileUploaderWarningBgColor,
+      t.fileUploaderValidationTextColor,
+
+      t.fileUploaderWarningBgHoverColor,
+      t.fileUploaderBorderRadius,
+
+
+      t.fileUploaderWarningBgColor);
+
+
+    },
+
+    errorFile: function errorFile(t) {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n          border-radius: ", ";\n        }\n        &::before {\n          background: ", ";\n        }\n      "])),
+      t.fileUploaderErrorBgColor,
+      t.fileUploaderValidationTextColor,
+
+      t.fileUploaderErrorBgHoverColor,
+      t.fileUploaderBorderRadius,
+
+
+      t.fileUploaderErrorBgColor);
+
+
+    },
+
+    removeBorderTopRadius: function removeBorderTopRadius() {
+      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-top-right-radius: 0;\n        border-top-left-radius: 0;\n        &::before {\n          border-top-right-radius: 0;\n          border-top-left-radius: 0;\n        }\n      "])));
+
+
+
+
+
+
+
+    },
+
+    removeBorderBottomRadius: function removeBorderBottomRadius() {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-bottom-right-radius: 0;\n        border-bottom-left-radius: 0;\n        &::before {\n          border-bottom-right-radius: 0;\n          border-bottom-left-radius: 0;\n        }\n      "])));
+
+
+
+
+
+
+
+    },
+
+    summary: function summary(t) {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: flex;\n        border-bottom: 1px solid ", ";\n        margin-bottom: ", ";\n        order: -1;\n        width: 100%;\n        box-sizing: border-box;\n      "])),
+
+      t.tabColorHover,
+      t.fileUploaderListGap);
+
+
+
+
+    },
+
+    summaryErrorText: function summaryErrorText(t) {
+      return css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        margin-right: ", ";\n      "])),
+      t.fileUploaderErrorTextColor,
+      t.fileUploaderListSummaryTextGap);
+
+    },
+
+    summaryWarningText: function summaryWarningText(t) {
+      return css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+      t.fileUploaderWarningTextColor);
+
+    },
+
+    summarySmall: function summarySmall(t) {
+      return css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " ", ";\n      "])),
+      t.fileUploaderFontSizeSmall,
+      t.fileUploaderLineHeightSmall,
+      t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+
+    },
+
+    summaryMedium: function summaryMedium(t) {
+      return css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " ", ";\n      "])),
+      t.fileUploaderFontSizeMedium,
+      t.fileUploaderLineHeightMedium,
+      t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
+
+    },
+
+    summaryLarge: function summaryLarge(t) {
+      return css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " ", ";\n      "])),
+      t.fileUploaderFontSizeLarge,
+      t.fileUploaderLineHeightLarge,
+      t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
+
+    }
+  };
+});
+
+var getJsRowStyles = exports.getJsRowStyles = (0, _Emotion.memoizeGetStyles)(function (_ref2) {var css = _ref2.css;
+  return {
+    file: function file() {
+      return css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: 100%;\n      "])));
+
+
+    },
+
+    fileListWrapper: function fileListWrapper(t) {
+      return css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: block;\n        width: 100%;\n        margin-top: ", ";\n      "])),
+
+
+      t.fileUploaderListGap);
+
+    },
+
+    fileWrapperSmall: function fileWrapperSmall(t) {
+      return css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", " ", ";\n      "])),
+      t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+
+    },
+
+    fileWrapperMedium: function fileWrapperMedium(t) {
+      return css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", " ", ";\n      "])),
+      t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
+
+    },
+
+    fileWrapperLarge: function fileWrapperLarge(t) {
+      return css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", " ", ";\n      "])),
+      t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
+
+    },
+
+    errorFileFocus: function errorFileFocus(t) {
+      return css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "])),
+      t.fileUploaderErrorBgHoverColor,
+      t.fileUploaderBorderWidth, t.fileUploaderBorderColorError,
+      t.fileUploaderBorderRadius,
+      t.fileUploaderBorderColorError);
+
+    },
+
+    warningFileFocus: function warningFileFocus(t) {
+      return css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "])),
+      t.fileUploaderWarningBgHoverColor,
+      t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning,
+      t.fileUploaderBorderRadius,
+      t.fileUploaderBorderColorWarning);
+
+    }
+  };
+});
+
+var getJsTileStyles = exports.getJsTileStyles = (0, _Emotion.memoizeGetStyles)(function (_ref3) {var css = _ref3.css;
+  return {
+    file: function file() {
+      return css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: 100%;\n        height: 100%;\n      "])));
+
+
+
+    },
+
+    fileListWrapper: function fileListWrapper() {
+      return css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: contents;\n      "])));
+
+
+    },
+
+    fileWrapperSmall: function fileWrapperSmall(t) {
+      return css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", ";\n        width: ", ";\n      "])),
+      t.fileUploaderTileFilePaddingSmall,
+      t.fileUploaderTileWidthSmall);
+
+    },
+
+    fileWrapperMedium: function fileWrapperMedium(t) {
+      return css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", ";\n        width: ", ";\n        height: ", ";\n      "])),
+      t.fileUploaderTileFilePaddingMedium,
+      t.fileUploaderTileWidthMedium,
+      t.fileUploaderTileHeightMedium);
+
+    },
+
+    fileWrapperLarge: function fileWrapperLarge(t) {
+      return css(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", ";\n        width: ", ";\n        height: ", ";\n      "])),
+      t.fileUploaderTileFilePaddingLarge,
+      t.fileUploaderTileWidthLarge,
+      t.fileUploaderTileHeightLarge);
+
+    },
+
+    errorFileFocus: function errorFileFocus(t) {
+      return css(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "])),
+      t.fileUploaderBorderWidth, t.fileUploaderBorderColorError,
+      t.fileUploaderBorderRadius,
+      t.fileUploaderBorderColorError);
+
+    },
+
+    warningFileFocus: function warningFileFocus(t) {
+      return css(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "])),
+      t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning,
+      t.fileUploaderBorderRadius,
+      t.fileUploaderBorderColorWarning);
+
+    }
+  };
+});

package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","file","css","_taggedTemplateLiteralLoose2","default","fileWrapper","fileWrapperSmall","t","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","fileWrapperMedium","fileUploaderPaddingYMedium","fileUploaderPaddingXMedium","fileWrapperLarge","fileUploaderPaddingYLarge","fileUploaderPaddingXLarge","jsStyles","exports","memoizeStyle"],"sources":["FileUploaderFileList.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  file() {\n    return css`\n      width: 100%;\n    `;\n  },\n  fileWrapper() {\n    return css`\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    `;\n  },\n\n  fileWrapperSmall(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n\n  fileWrapperMedium(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n\n  fileWrapperLarge(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAiE,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGjE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;EACDC,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOH,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;EAOZ,CAAC;;EAEDE,gBAAgB,WAAAA,iBAACC,CAAQ,EAAE;IACzB,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;IACGG,CAAC,CAACC,yBAAyB,EAAID,CAAC,CAACE,yBAAyB;;EAEzE,CAAC;;EAEDC,iBAAiB,WAAAA,kBAACH,CAAQ,EAAE;IAC1B,WAAOL,YAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,4BAAA,CAAAC,OAAA;IACGG,CAAC,CAACI,0BAA0B,EAAIJ,CAAC,CAACK,0BAA0B;;EAE3E,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACN,CAAQ,EAAE;IACzB,WAAOL,YAAG,EAAAH,gBAAA,KAAAA,gBAAA,OAAAI,4BAAA,CAAAC,OAAA;IACGG,CAAC,CAACO,yBAAyB,EAAIP,CAAC,CAACQ,yBAAyB;;EAEzE;AACF,CAAC;;AAEM,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAAClB,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","_templateObject27","getJsStyles","exports","memoizeGetStyles","_ref","css","fileWrapper","t","_taggedTemplateLiteralLoose2","default","fileUploaderBorderRadius","fileUploaderBorderWidth","fileWrapperFocus","fileUploaderBorderColorFocus","fileWrapperHover","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","warningFile","fileUploaderWarningBgColor","fileUploaderValidationTextColor","fileUploaderWarningBgHoverColor","errorFile","fileUploaderErrorBgColor","fileUploaderErrorBgHoverColor","removeBorderTopRadius","removeBorderBottomRadius","summary","tabColorHover","fileUploaderListGap","summaryErrorText","fileUploaderErrorTextColor","fileUploaderListSummaryTextGap","summaryWarningText","fileUploaderWarningTextColor","summarySmall","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","summaryMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingYMedium","fileUploaderPaddingXMedium","summaryLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingYLarge","fileUploaderPaddingXLarge","getJsRowStyles","_ref2","file","fileListWrapper","fileWrapperSmall","fileWrapperMedium","fileWrapperLarge","errorFileFocus","fileUploaderBorderColorError","warningFileFocus","fileUploaderBorderColorWarning","getJsTileStyles","_ref3","fileUploaderTileFilePaddingSmall","fileUploaderTileWidthSmall","fileUploaderTileFilePaddingMedium","fileUploaderTileWidthMedium","fileUploaderTileHeightMedium","fileUploaderTileFilePaddingLarge","fileUploaderTileWidthLarge","fileUploaderTileHeightLarge"],"sources":["FileUploaderFileList.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    fileWrapper(t: Theme) {\n      return css`\n        position: relative;\n        width: 100%;\n        height: max-content;\n        display: flex;\n        align-items: center;\n        box-sizing: border-box;\n        border-radius: ${t.fileUploaderBorderRadius};\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        box-shadow: 0 0 0 1px transparent;\n        cursor: pointer;\n\n        &::before {\n          position: absolute;\n          content: ' ';\n          width: 100%;\n          height: 100%;\n          border-radius: ${t.fileUploaderBorderRadius};\n          border: ${t.fileUploaderBorderWidth} solid transparent;\n          box-shadow: 0 0 0 1px transparent;\n          top: -1px;\n          left: -1px;\n          z-index: -1;\n        }\n      `;\n    },\n\n    fileWrapperFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorFocus};\n      `;\n    },\n\n    fileWrapperHover(t: Theme) {\n      return css`\n        background: ${t.fileUploaderHoveredBg};\n        border-color: ${t.fileUploaderHoveredBorderColor};\n      `;\n    },\n\n    warningFile(t: Theme) {\n      return css`\n        background: ${t.fileUploaderWarningBgColor};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderWarningBgHoverColor};\n          border-radius: ${t.fileUploaderBorderRadius};\n        }\n        &::before {\n          background: ${t.fileUploaderWarningBgColor};\n        }\n      `;\n    },\n\n    errorFile(t: Theme) {\n      return css`\n        background: ${t.fileUploaderErrorBgColor};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderErrorBgHoverColor};\n          border-radius: ${t.fileUploaderBorderRadius};\n        }\n        &::before {\n          background: ${t.fileUploaderErrorBgColor};\n        }\n      `;\n    },\n\n    removeBorderTopRadius() {\n      return css`\n        border-top-right-radius: 0;\n        border-top-left-radius: 0;\n        &::before {\n          border-top-right-radius: 0;\n          border-top-left-radius: 0;\n        }\n      `;\n    },\n\n    removeBorderBottomRadius() {\n      return css`\n        border-bottom-right-radius: 0;\n        border-bottom-left-radius: 0;\n        &::before {\n          border-bottom-right-radius: 0;\n          border-bottom-left-radius: 0;\n        }\n      `;\n    },\n\n    summary(t: Theme) {\n      return css`\n        display: flex;\n        border-bottom: 1px solid ${t.tabColorHover};\n        margin-bottom: ${t.fileUploaderListGap};\n        order: -1;\n        width: 100%;\n        box-sizing: border-box;\n      `;\n    },\n\n    summaryErrorText(t: Theme) {\n      return css`\n        color: ${t.fileUploaderErrorTextColor};\n        margin-right: ${t.fileUploaderListSummaryTextGap};\n      `;\n    },\n\n    summaryWarningText(t: Theme) {\n      return css`\n        color: ${t.fileUploaderWarningTextColor};\n      `;\n    },\n\n    summarySmall(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeSmall};\n        line-height: ${t.fileUploaderLineHeightSmall};\n        padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n      `;\n    },\n\n    summaryMedium(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeMedium};\n        line-height: ${t.fileUploaderLineHeightMedium};\n        padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n      `;\n    },\n\n    summaryLarge(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeLarge};\n        line-height: ${t.fileUploaderLineHeightLarge};\n        padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n      `;\n    },\n  };\n});\n\nexport const getJsRowStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    file() {\n      return css`\n        width: 100%;\n      `;\n    },\n\n    fileListWrapper(t: Theme) {\n      return css`\n        display: block;\n        width: 100%;\n        margin-top: ${t.fileUploaderListGap};\n      `;\n    },\n\n    fileWrapperSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n      `;\n    },\n\n    fileWrapperMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n      `;\n    },\n\n    fileWrapperLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n      `;\n    },\n\n    errorFileFocus(t: Theme) {\n      return css`\n        background: ${t.fileUploaderErrorBgHoverColor};\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n        border-radius: ${t.fileUploaderBorderRadius} !important;\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorError};\n      `;\n    },\n\n    warningFileFocus(t: Theme) {\n      return css`\n        background: ${t.fileUploaderWarningBgHoverColor};\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n        border-radius: ${t.fileUploaderBorderRadius} !important;\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorWarning};\n      `;\n    },\n  };\n});\n\nexport const getJsTileStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    file() {\n      return css`\n        width: 100%;\n        height: 100%;\n      `;\n    },\n\n    fileListWrapper() {\n      return css`\n        display: contents;\n      `;\n    },\n\n    fileWrapperSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingSmall};\n        width: ${t.fileUploaderTileWidthSmall};\n      `;\n    },\n\n    fileWrapperMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingMedium};\n        width: ${t.fileUploaderTileWidthMedium};\n        height: ${t.fileUploaderTileHeightMedium};\n      `;\n    },\n\n    fileWrapperLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingLarge};\n        width: ${t.fileUploaderTileWidthLarge};\n        height: ${t.fileUploaderTileHeightLarge};\n      `;\n    },\n\n    errorFileFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n        border-radius: ${t.fileUploaderBorderRadius} !important;\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorError};\n      `;\n    },\n\n    warningFileFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n        border-radius: ${t.fileUploaderBorderRadius} !important;\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorWarning};\n      `;\n    },\n  };\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/FileUploaderControl/fileUtils.d.ts

@@ -1,9 +1,13 @@
 import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';
+export type FileUploaderView = 'row' | 'tile';
+export type FileUploaderUploadButtonPosition = 'start' | 'end';
+export type FileUploaderValidationSummary = 'auto' | 'enabled' | 'disabled';
 export declare enum FileUploaderFileStatus {
     Attached = "Attached",
     Loading = "Loading",
     Uploaded = "Uploaded",
-    Error = "Error"
+    Error = "Error",
+    Warning = "Warning"
 }
 export interface FileUploaderAttachedFile {
     id: string;
@@ -11,4 +15,14 @@ export interface FileUploaderAttachedFile {
     status: FileUploaderFileStatus;
     validationResult: FileUploaderFileValidationResult;
 }
+export type FileType = 'pdf' | 'code' | 'picture' | 'presentation' | 'table' | 'text' | 'archive' | 'folder' | 'unknown';
+export type FileUploaderIconType = FileType | 'error' | 'warning';
 export declare const getAttachedFile: (file: File) => FileUploaderAttachedFile;
+export declare const codeFileExtensions: string[];
+export declare const pictureFileExtensions: string[];
+export declare const presentationFileExtensions: string[];
+export declare const tableFileExtensions: string[];
+export declare const textFileExtensions: string[];
+export declare const archiveFileExtensions: string[];
+export declare function createFile(filename: string, content?: string, type?: string): File;
+export declare function getFileUploaderTypeIcon(file: File, error?: boolean, warning?: boolean): FileUploaderIconType;

package/cjs/internal/FileUploaderControl/fileUtils.js

@@ -1,8 +1,28 @@
-"use strict";exports.__esModule = true;exports.getAttachedFile = exports.FileUploaderFileStatus = void 0;var _uidUtils = require("../../lib/uidUtils");
+"use strict";exports.__esModule = true;exports.codeFileExtensions = exports.archiveFileExtensions = exports.FileUploaderFileStatus = void 0;exports.createFile = createFile;exports.getAttachedFile = void 0;exports.getFileUploaderTypeIcon = getFileUploaderTypeIcon;exports.textFileExtensions = exports.tableFileExtensions = exports.presentationFileExtensions = exports.pictureFileExtensions = void 0;var _uidUtils = require("../../lib/uidUtils");
 
 var _FileUploaderFileValidationResult = require("./FileUploaderFileValidationResult");var
 
-FileUploaderFileStatus = exports.FileUploaderFileStatus = /*#__PURE__*/function (FileUploaderFileStatus) {FileUploaderFileStatus["Attached"] = "Attached";FileUploaderFileStatus["Loading"] = "Loading";FileUploaderFileStatus["Uploaded"] = "Uploaded";FileUploaderFileStatus["Error"] = "Error";return FileUploaderFileStatus;}({});
+
+
+
+
+
+
+FileUploaderFileStatus = exports.FileUploaderFileStatus = /*#__PURE__*/function (FileUploaderFileStatus) {FileUploaderFileStatus["Attached"] = "Attached";FileUploaderFileStatus["Loading"] = "Loading";FileUploaderFileStatus["Uploaded"] = "Uploaded";FileUploaderFileStatus["Error"] = "Error";FileUploaderFileStatus["Warning"] = "Warning";return FileUploaderFileStatus;}({});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -23,4 +43,62 @@ var getAttachedFile = exports.getAttachedFile = function getAttachedFile(file) {
     status: FileUploaderFileStatus.Attached,
     validationResult: _FileUploaderFileValidationResult.FileUploaderFileValidationResult.ok()
   };
-};
+};
+
+var codeFileExtensions = exports.codeFileExtensions = ['xml', 'html', 'json'];
+var pictureFileExtensions = exports.pictureFileExtensions = ['jpg', 'png'];
+var presentationFileExtensions = exports.presentationFileExtensions = ['pptx', 'ppt', 'odp'];
+var tableFileExtensions = exports.tableFileExtensions = ['xls', 'xlsx', 'ods'];
+var textFileExtensions = exports.textFileExtensions = ['txt', 'docx', 'doc', 'rtf', 'odt'];
+var archiveFileExtensions = exports.archiveFileExtensions = ['zip', 'rar', '7zip', '7z'];
+
+function getFileExtension(file) {
+  var name = file.name;
+  var match = /\.([^.]+)$/.exec(name);
+
+  return match ? match[1] : '';
+}
+
+function getFileType(file) {
+  var extension = getFileExtension(file);
+
+  if (extension === '' && file.type === '') {
+    return 'folder';
+  }
+
+  switch (true) {
+    case extension === 'pdf':
+      return 'pdf';
+    case codeFileExtensions.includes(extension):
+      return 'code';
+    case pictureFileExtensions.includes(extension):
+      return 'picture';
+    case presentationFileExtensions.includes(extension):
+      return 'presentation';
+    case tableFileExtensions.includes(extension):
+      return 'table';
+    case textFileExtensions.includes(extension):
+      return 'text';
+    case archiveFileExtensions.includes(extension):
+      return 'archive';
+
+    default:
+      return 'unknown';
+  }
+}
+
+function createFile(filename, content, type) {if (content === void 0) {content = 'content';}if (type === void 0) {type = 'text/plain';}
+  return new File([content], filename, { type: type });
+}
+
+function getFileUploaderTypeIcon(file, error, warning) {if (error === void 0) {error = false;}if (warning === void 0) {warning = false;}
+  if (error) {
+    return 'error';
+  }
+
+  if (warning) {
+    return 'warning';
+  }
+
+  return getFileType(file);
+}

package/cjs/internal/FileUploaderControl/fileUtils.js.map

@@ -1 +1 @@
-{"version":3,"names":["_uidUtils","require","_FileUploaderFileValidationResult","FileUploaderFileStatus","exports","getAttachedFile","file","id","getUid","originalFile","status","Attached","validationResult","FileUploaderFileValidationResult","ok"],"sources":["fileUtils.ts"],"sourcesContent":["import { getUid } from '../../lib/uidUtils';\n\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport enum FileUploaderFileStatus {\n  Attached = 'Attached',\n  Loading = 'Loading',\n  Uploaded = 'Uploaded',\n  Error = 'Error',\n}\n\nexport interface FileUploaderAttachedFile {\n  id: string;\n  originalFile: File;\n  status: FileUploaderFileStatus;\n  validationResult: FileUploaderFileValidationResult;\n}\n\nexport const getAttachedFile = (file: File): FileUploaderAttachedFile => {\n  return {\n    id: getUid(),\n    originalFile: file,\n    status: FileUploaderFileStatus.Attached,\n    validationResult: FileUploaderFileValidationResult.ok(),\n  };\n};\n"],"mappings":"yGAAA,IAAAA,SAAA,GAAAC,OAAA;;AAEA,IAAAC,iCAAA,GAAAD,OAAA,uCAAsF;;AAE1EE,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,0BAAtBA,sBAAsB,GAAtBA,sBAAsB,0BAAtBA,sBAAsB,wBAAtBA,sBAAsB,0BAAtBA,sBAAsB,2BAAtBA,sBAAsB;;;;;;;;;;;;;;AAc3B,IAAME,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,SAAlBA,eAAeA,CAAIC,IAAU,EAA+B;EACvE,OAAO;IACLC,EAAE,EAAE,IAAAC,gBAAM,EAAC,CAAC;IACZC,YAAY,EAAEH,IAAI;IAClBI,MAAM,EAAEP,sBAAsB,CAACQ,QAAQ;IACvCC,gBAAgB,EAAEC,kEAAgC,CAACC,EAAE,CAAC;EACxD,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_uidUtils","require","_FileUploaderFileValidationResult","FileUploaderFileStatus","exports","getAttachedFile","file","id","getUid","originalFile","status","Attached","validationResult","FileUploaderFileValidationResult","ok","codeFileExtensions","pictureFileExtensions","presentationFileExtensions","tableFileExtensions","textFileExtensions","archiveFileExtensions","getFileExtension","name","match","exec","getFileType","extension","type","includes","createFile","filename","content","File","getFileUploaderTypeIcon","error","warning"],"sources":["fileUtils.ts"],"sourcesContent":["import { getUid } from '../../lib/uidUtils';\n\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport type FileUploaderView = 'row' | 'tile';\n\nexport type FileUploaderUploadButtonPosition = 'start' | 'end';\n\nexport type FileUploaderValidationSummary = 'auto' | 'enabled' | 'disabled';\n\nexport enum FileUploaderFileStatus {\n  Attached = 'Attached',\n  Loading = 'Loading',\n  Uploaded = 'Uploaded',\n  Error = 'Error',\n  Warning = 'Warning',\n}\n\nexport interface FileUploaderAttachedFile {\n  id: string;\n  originalFile: File;\n  status: FileUploaderFileStatus;\n  validationResult: FileUploaderFileValidationResult;\n}\n\nexport type FileType =\n  | 'pdf'\n  | 'code'\n  | 'picture'\n  | 'presentation'\n  | 'table'\n  | 'text'\n  | 'archive'\n  | 'folder'\n  | 'unknown';\n\nexport type FileUploaderIconType = FileType | 'error' | 'warning';\n\nexport const getAttachedFile = (file: File): FileUploaderAttachedFile => {\n  return {\n    id: getUid(),\n    originalFile: file,\n    status: FileUploaderFileStatus.Attached,\n    validationResult: FileUploaderFileValidationResult.ok(),\n  };\n};\n\nexport const codeFileExtensions = ['xml', 'html', 'json'];\nexport const pictureFileExtensions = ['jpg', 'png'];\nexport const presentationFileExtensions = ['pptx', 'ppt', 'odp'];\nexport const tableFileExtensions = ['xls', 'xlsx', 'ods'];\nexport const textFileExtensions = ['txt', 'docx', 'doc', 'rtf', 'odt'];\nexport const archiveFileExtensions = ['zip', 'rar', '7zip', '7z'];\n\nfunction getFileExtension(file: File) {\n  const name = file.name;\n  const match = /\\.([^.]+)$/.exec(name);\n\n  return match ? match[1] : '';\n}\n\nfunction getFileType(file: File): FileType {\n  const extension = getFileExtension(file);\n\n  if (extension === '' && file.type === '') {\n    return 'folder';\n  }\n\n  switch (true) {\n    case extension === 'pdf':\n      return 'pdf';\n    case codeFileExtensions.includes(extension):\n      return 'code';\n    case pictureFileExtensions.includes(extension):\n      return 'picture';\n    case presentationFileExtensions.includes(extension):\n      return 'presentation';\n    case tableFileExtensions.includes(extension):\n      return 'table';\n    case textFileExtensions.includes(extension):\n      return 'text';\n    case archiveFileExtensions.includes(extension):\n      return 'archive';\n\n    default:\n      return 'unknown';\n  }\n}\n\nexport function createFile(filename: string, content = 'content', type = 'text/plain'): File {\n  return new File([content], filename, { type });\n}\n\nexport function getFileUploaderTypeIcon(file: File, error = false, warning = false): FileUploaderIconType {\n  if (error) {\n    return 'error';\n  }\n\n  if (warning) {\n    return 'warning';\n  }\n\n  return getFileType(file);\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/FileUploaderControl/withFileUploaderControlProvider.js

@@ -2,7 +2,7 @@
 var _react = _interopRequireDefault(require("react"));
 
 
-var _FileUploaderControlProvider = require("./FileUploaderControlProvider");var _excluded = ["onRemove", "onValueChange", "onAttach"];
+var _FileUploaderControlProvider = require("./FileUploaderControlProvider");var _excluded = ["onRemove", "onValueChange", "onAttach", "initialFiles"];
 
 var withFileUploaderControlProvider = exports.withFileUploaderControlProvider = function withFileUploaderControlProvider(
 Component)
@@ -12,7 +12,7 @@ Component)
   return /*#__PURE__*/_react.default.memo( /*#__PURE__*/
     _react.default.forwardRef(
       function (props, ref) {
-        var onRemove = props.onRemove,onValueChange = props.onValueChange,onAttach = props.onAttach,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+        var onRemove = props.onRemove,onValueChange = props.onValueChange,onAttach = props.onAttach,initialFiles = props.initialFiles,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
         return /*#__PURE__*/(
           _react.default.createElement(_FileUploaderControlProvider.FileUploaderControlProvider, props, /*#__PURE__*/
           _react.default.createElement(Component, (0, _extends2.default)({ ref: ref }, rest))

package/cjs/internal/FileUploaderControl/withFileUploaderControlProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_FileUploaderControlProvider","_excluded","withFileUploaderControlProvider","exports","Component","React","memo","forwardRef","props","ref","onRemove","onValueChange","onAttach","rest","_objectWithoutPropertiesLoose2","default","createElement","FileUploaderControlProvider","_extends2"],"sources":["withFileUploaderControlProvider.tsx"],"sourcesContent":["import type { ComponentType } from 'react';\nimport React from 'react';\n\nimport type { FileUploaderControlProviderProps } from './FileUploaderControlProvider';\nimport { FileUploaderControlProvider } from './FileUploaderControlProvider';\n\nexport const withFileUploaderControlProvider = <TProps extends Record<string, any>, TRef extends Record<string, any>>(\n  Component: ComponentType<\n    Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>\n  >,\n) => {\n  return React.memo(\n    React.forwardRef<TRef, TProps & FileUploaderControlProviderProps>(\n      (props: TProps & FileUploaderControlProviderProps, ref) => {\n        const { onRemove, onValueChange, onAttach, ...rest } = props;\n        return (\n          <FileUploaderControlProvider {...props}>\n            <Component ref={ref} {...rest} />\n          </FileUploaderControlProvider>\n        );\n      },\n    ),\n  );\n};\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,4BAAA,GAAAD,OAAA,kCAA4E,IAAAE,SAAA;;AAErE,IAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,SAAlCA,+BAA+BA;AAC1CE,SAEC;;;AACE;EACH,oBAAOC,cAAK,CAACC,IAAI;IACfD,cAAK,CAACE,UAAU;MACd,UAACC,KAAgD,EAAEC,GAAG,EAAK;QACzD,IAAQC,QAAQ,GAAuCF,KAAK,CAApDE,QAAQ,CAAEC,aAAa,GAAwBH,KAAK,CAA1CG,aAAa,CAAEC,QAAQ,GAAcJ,KAAK,CAA3BI,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAKP,KAAK,EAAAP,SAAA;QAC5D;UACEJ,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,4BAAA,CAAAiB,2BAA2B,EAAKT,KAAK;UACpCX,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,SAAS,MAAAc,SAAA,CAAAH,OAAA,IAACN,GAAG,EAAEA,GAAI,IAAKI,IAAI,CAAG;UACL,CAAC;;MAElC;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_FileUploaderControlProvider","_excluded","withFileUploaderControlProvider","exports","Component","React","memo","forwardRef","props","ref","onRemove","onValueChange","onAttach","initialFiles","rest","_objectWithoutPropertiesLoose2","default","createElement","FileUploaderControlProvider","_extends2"],"sources":["withFileUploaderControlProvider.tsx"],"sourcesContent":["import type { ComponentType } from 'react';\nimport React from 'react';\n\nimport type { FileUploaderControlProviderProps } from './FileUploaderControlProvider';\nimport { FileUploaderControlProvider } from './FileUploaderControlProvider';\n\nexport const withFileUploaderControlProvider = <TProps extends Record<string, any>, TRef extends Record<string, any>>(\n  Component: ComponentType<\n    Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>\n  >,\n) => {\n  return React.memo(\n    React.forwardRef<TRef, TProps & FileUploaderControlProviderProps>(\n      (props: TProps & FileUploaderControlProviderProps, ref) => {\n        const { onRemove, onValueChange, onAttach, initialFiles, ...rest } = props;\n        return (\n          <FileUploaderControlProvider {...props}>\n            <Component ref={ref} {...rest} />\n          </FileUploaderControlProvider>\n        );\n      },\n    ),\n  );\n};\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,4BAAA,GAAAD,OAAA,kCAA4E,IAAAE,SAAA;;AAErE,IAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,SAAlCA,+BAA+BA;AAC1CE,SAEC;;;AACE;EACH,oBAAOC,cAAK,CAACC,IAAI;IACfD,cAAK,CAACE,UAAU;MACd,UAACC,KAAgD,EAAEC,GAAG,EAAK;QACzD,IAAQC,QAAQ,GAAqDF,KAAK,CAAlEE,QAAQ,CAAEC,aAAa,GAAsCH,KAAK,CAAxDG,aAAa,CAAEC,QAAQ,GAA4BJ,KAAK,CAAzCI,QAAQ,CAAEC,YAAY,GAAcL,KAAK,CAA/BK,YAAY,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAKR,KAAK,EAAAP,SAAA;QAC1E;UACEJ,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,4BAAA,CAAAkB,2BAA2B,EAAKV,KAAK;UACpCX,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACb,SAAS,MAAAe,SAAA,CAAAH,OAAA,IAACP,GAAG,EAAEA,GAAI,IAAKK,IAAI,CAAG;UACL,CAAC;;MAElC;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/cjs/internal/FocusControlWrapper/FocusControlWrapper.stories.d.ts

@@ -1,4 +1,5 @@
+import type { Meta } from '@storybook/react';
 import type { Story } from '../../typings/stories';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
-export default _default;
+declare const meta: Meta;
+export default meta;
 export declare const Input: Story;

package/cjs/internal/FocusTrap/FocusTrap.d.ts

@@ -10,6 +10,7 @@ export declare class FocusTrap extends React.PureComponent<FocusTrapProps> {
     static displayName: string;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private globalObject;
     private focusOutsideListenerToken;
     componentWillUnmount(): void;
     render(): React.JSX.Element;

package/cjs/internal/FocusTrap/FocusTrap.js

@@ -1,12 +1,14 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.FocusTrap = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _globalObject = require("@skbkontur/global-object");
+
 
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _listenFocusOutside = require("../../lib/listenFocusOutside");
 
 var _rootNode = require("../../lib/rootNode");
-var _isInstanceOf = require("../../lib/isInstanceOf");var _class, _FocusTrap;var
+var _isInstanceOf = require("../../lib/isInstanceOf");
+var _renderEnvironment = require("../../lib/renderEnvironment");var _class, _FocusTrap;var
+
 
 
 
@@ -14,7 +16,8 @@ var _isInstanceOf = require("../../lib/isInstanceOf");var _class, _FocusTrap;var
 
 
 
-FocusTrap = exports.FocusTrap = (0, _rootNode.rootNode)(_class = (_FocusTrap = /*#__PURE__*/function (_React$PureComponent) {function FocusTrap() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
+FocusTrap = exports.FocusTrap = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_FocusTrap = /*#__PURE__*/function (_React$PureComponent) {function FocusTrap() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
+
 
 
 
@@ -47,6 +50,7 @@ FocusTrap = exports.FocusTrap = (0, _rootNode.rootNode)(_class = (_FocusTrap = /
 
 
 
+
 
 
     onClickOutside = function (e) {
@@ -58,11 +62,11 @@ FocusTrap = exports.FocusTrap = (0, _rootNode.rootNode)(_class = (_FocusTrap = /
 
     attachListeners = function () {
       var rootNode = (0, _rootNode.getRootNode)(_this);
-      if (!_this.focusOutsideListenerToken && rootNode) {var _globalObject$documen;
-        _this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)([rootNode], _this.onClickOutside);
+      if (!_this.focusOutsideListenerToken && rootNode) {var _this$globalObject$do;
+        _this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)([rootNode], _this.onClickOutside, _this.globalObject);
 
-        (_globalObject$documen = _globalObject.globalObject.document) == null || _globalObject$documen.addEventListener(
-          'ontouchstart' in _globalObject.globalObject.document.documentElement ? 'touchstart' : 'mousedown',
+        (_this$globalObject$do = _this.globalObject.document) == null || _this$globalObject$do.addEventListener(
+          'ontouchstart' in _this.globalObject.document.documentElement ? 'touchstart' : 'mousedown',
           _this.handleNativeDocClick
         );
       }
@@ -84,9 +88,9 @@ FocusTrap = exports.FocusTrap = (0, _rootNode.rootNode)(_class = (_FocusTrap = /
       var target = event.target || event.srcElement;
       var node = (0, _rootNode.getRootNode)(_this);
 
-      if (node && (0, _isInstanceOf.isInstanceOf)(target, _globalObject.globalObject.Element) && (0, _listenFocusOutside.containsTargetOrRenderContainer)(target)(node)) {
+      if (node && (0, _isInstanceOf.isInstanceOf)(target, _this.globalObject.Element) && (0, _listenFocusOutside.containsTargetOrRenderContainer)(target)(node)) {
         return;
       }
 
       _this.onClickOutside(event);
-    };return _this;}(0, _inheritsLoose2.default)(FocusTrap, _React$PureComponent);var _proto = FocusTrap.prototype;_proto.componentWillUnmount = function componentWillUnmount() {if (this.focusOutsideListenerToken) {this.detachListeners();}};_proto.render = function render() {var _this2 = this;var _this$props = this.props,children = _this$props.children,onBlur = _this$props.onBlur;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), { onFocus: function onFocus() {if (onBlur) {_this2.attachListeners();}if (children.props && children.props.onFocus) {var _children$props;(_children$props = children.props).onFocus.apply(_children$props, arguments);}} }));};_proto.detachListeners = function detachListeners() {if (this.focusOutsideListenerToken) {var _globalObject$documen2;this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;(_globalObject$documen2 = _globalObject.globalObject.document) == null || _globalObject$documen2.removeEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);}};return FocusTrap;}(_react.default.PureComponent), _FocusTrap.__KONTUR_REACT_UI__ = 'FocusTrap', _FocusTrap.displayName = 'FocusTrap', _FocusTrap)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(FocusTrap, _React$PureComponent);var _proto = FocusTrap.prototype;_proto.componentWillUnmount = function componentWillUnmount() {if (this.focusOutsideListenerToken) {this.detachListeners();}};_proto.render = function render() {var _this2 = this;var _this$props = this.props,children = _this$props.children,onBlur = _this$props.onBlur;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), { onFocus: function onFocus() {if (onBlur) {_this2.attachListeners();}if (children.props && children.props.onFocus) {var _children$props;(_children$props = children.props).onFocus.apply(_children$props, arguments);}} }));};_proto.detachListeners = function detachListeners() {if (this.focusOutsideListenerToken) {var _this$globalObject$do2;this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;(_this$globalObject$do2 = this.globalObject.document) == null || _this$globalObject$do2.removeEventListener('ontouchstart' in this.globalObject.document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);}};return FocusTrap;}(_react.default.PureComponent), _FocusTrap.__KONTUR_REACT_UI__ = 'FocusTrap', _FocusTrap.displayName = 'FocusTrap', _FocusTrap)) || _class) || _class;