@skbkontur/react-ui 0.0.0-942b5aade9 → 0.0.0-95a1dbe516

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

@@ -1 +1 @@
-{"version":3,"sources":["FileUploaderFile.styles.ts"],"names":["styles","root","css","content","error","t","fileUploaderBorderColorError","name","size","icon","fileUploaderIconSize","iconSmall","iconMedium","iconLarge","iconMultiple","contentSmall","fileUploaderFontSizeSmall","contentMedium","fileUploaderFontSizeMedium","contentLarge","fileUploaderFontSizeLarge","deleteIcon","fileUploaderIconColor","fileUploaderIconHoverColor","focusedIcon","borderColorFocus","jsStyles"],"mappings":"8QAAA,uD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;AAGD,GALY;;AAObC,EAAAA,OAPa,qBAOH;AACR,eAAOD,YAAP;;;;;AAKD,GAbY;;AAebE,EAAAA,KAfa,iBAePC,CAfO,EAeG;AACd,eAAOH,YAAP;AACWG,IAAAA,CAAC,CAACC,4BADb;;AAGD,GAnBY;;AAqBbC,EAAAA,IArBa,kBAqBN;AACL,eAAOL,YAAP;;;;AAID,GA1BY;;AA4BbM,EAAAA,IA5Ba,kBA4BN;AACL,eAAON,YAAP;;;;AAID,GAjCY;;AAmCbO,EAAAA,IAnCa,gBAmCRJ,CAnCQ,EAmCE;AACb,eAAOH,YAAP;;;;AAIeG,IAAAA,CAAC,CAACK,oBAJjB;;;;AAQD,GA5CY;;AA8CbC,EAAAA,SA9Ca,uBA8CD;AACV,eAAOT,YAAP;;;AAGD,GAlDY;;AAoDbU,EAAAA,UApDa,wBAoDA;AACX,eAAOV,YAAP;;;;AAID,GAzDY;;AA2DbW,EAAAA,SA3Da,uBA2DD;AACV,eAAOX,YAAP;;;;AAID,GAhEY;;AAkEbY,EAAAA,YAlEa,0BAkEE;AACb,eAAOZ,YAAP;;;AAGD,GAtEY;;AAwEba,EAAAA,YAxEa,wBAwEAV,CAxEA,EAwEU;AACrB,eAAOH,YAAP;AACeG,IAAAA,CAAC,CAACW,yBADjB;;AAGD,GA5EY;;AA8EbC,EAAAA,aA9Ea,yBA8ECZ,CA9ED,EA8EW;AACtB,eAAOH,YAAP;AACeG,IAAAA,CAAC,CAACa,0BADjB;;AAGD,GAlFY;;AAoFbC,EAAAA,YApFa,wBAoFAd,CApFA,EAoFU;AACrB,eAAOH,YAAP;AACeG,IAAAA,CAAC,CAACe,yBADjB;;AAGD,GAxFY;;AA0FbC,EAAAA,UA1Fa,sBA0FFhB,CA1FE,EA0FQ;AACnB,eAAOH,YAAP;AACWG,IAAAA,CAAC,CAACiB,qBADb;;AAGajB,IAAAA,CAAC,CAACkB,0BAHf;;;AAMD,GAjGY;;AAmGbC,EAAAA,WAnGa,uBAmGDnB,CAnGC,EAmGS;AACpB,eAAOH,YAAP;AACuBG,IAAAA,CAAC,CAACoB,gBADzB;;AAGD,GAvGY,EAAf;;;AA0GO,IAAMC,QAAQ,GAAG,2BAAa1B,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  content() {\n    return css`\n      display: flex;\n      width: 100%;\n      align-items: center;\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      color: ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  name() {\n    return css`\n      flex: 1 1 100%;\n      overflow: hidden;\n    `;\n  },\n\n  size() {\n    return css`\n      margin-left: 28px;\n      flex: 1 0 auto;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      width: 16px;\n      flex: 1 0 auto;\n      cursor: pointer;\n      font-size: ${t.fileUploaderIconSize};\n      text-align: right;\n      outline: none;\n    `;\n  },\n\n  iconSmall() {\n    return css`\n      margin-left: 4px;\n    `;\n  },\n\n  iconMedium() {\n    return css`\n      margin-left: 6px;\n      width: 18px;\n    `;\n  },\n\n  iconLarge() {\n    return css`\n      margin-left: 6px;\n      width: 20px;\n    `;\n  },\n\n  iconMultiple() {\n    return css`\n      position: static;\n    `;\n  },\n\n  contentSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n    `;\n  },\n\n  contentMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n    `;\n  },\n\n  contentLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n    `;\n  },\n\n  deleteIcon(t: Theme) {\n    return css`\n      color: ${t.fileUploaderIconColor};\n      &:hover {\n        color: ${t.fileUploaderIconHoverColor};\n      }\n    `;\n  },\n\n  focusedIcon(t: Theme) {\n    return css`\n      outline: 1px solid ${t.borderColorFocus};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["FileUploaderFile.styles.ts"],"names":["getStyles","emotion","root","css","content","error","t","fileUploaderBorderColorError","name","size","icon","fileUploaderIconSize","iconSmall","iconMedium","iconLarge","iconMultiple","contentSmall","fileUploaderFontSizeSmall","contentMedium","fileUploaderFontSizeMedium","contentLarge","fileUploaderFontSizeLarge","deleteIcon","fileUploaderIconColor","fileUploaderIconHoverColor","focusedIcon","borderColorFocus"],"mappings":";;AAEA,uD;;;AAGO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,kBACJ;AACL,eAAOD,OAAO,CAACE,GAAf;;;AAGD,OALU;;AAOXC,MAAAA,OAPW,qBAOD;AACR,eAAOH,OAAO,CAACE,GAAf;;;;;AAKD,OAbU;;AAeXE,MAAAA,KAfW,iBAeLC,CAfK,EAeK;AACd,eAAOL,OAAO,CAACE,GAAf;AACSG,QAAAA,CAAC,CAACC,4BADX;;AAGD,OAnBU;;AAqBXC,MAAAA,IArBW,kBAqBJ;AACL,eAAOP,OAAO,CAACE,GAAf;;;;AAID,OA1BU;;AA4BXM,MAAAA,IA5BW,kBA4BJ;AACL,eAAOR,OAAO,CAACE,GAAf;;;;AAID,OAjCU;;AAmCXO,MAAAA,IAnCW,gBAmCNJ,CAnCM,EAmCI;AACb,eAAOL,OAAO,CAACE,GAAf;;;;AAIaG,QAAAA,CAAC,CAACK,oBAJf;;;;AAQD,OA5CU;;AA8CXC,MAAAA,SA9CW,uBA8CC;AACV,eAAOX,OAAO,CAACE,GAAf;;;AAGD,OAlDU;;AAoDXU,MAAAA,UApDW,wBAoDE;AACX,eAAOZ,OAAO,CAACE,GAAf;;;;AAID,OAzDU;;AA2DXW,MAAAA,SA3DW,uBA2DC;AACV,eAAOb,OAAO,CAACE,GAAf;;;;AAID,OAhEU;;AAkEXY,MAAAA,YAlEW,0BAkEI;AACb,eAAOd,OAAO,CAACE,GAAf;;;AAGD,OAtEU;;AAwEXa,MAAAA,YAxEW,wBAwEEV,CAxEF,EAwEY;AACrB,eAAOL,OAAO,CAACE,GAAf;AACaG,QAAAA,CAAC,CAACW,yBADf;;AAGD,OA5EU;;AA8EXC,MAAAA,aA9EW,yBA8EGZ,CA9EH,EA8Ea;AACtB,eAAOL,OAAO,CAACE,GAAf;AACaG,QAAAA,CAAC,CAACa,0BADf;;AAGD,OAlFU;;AAoFXC,MAAAA,YApFW,wBAoFEd,CApFF,EAoFY;AACrB,eAAOL,OAAO,CAACE,GAAf;AACaG,QAAAA,CAAC,CAACe,yBADf;;AAGD,OAxFU;;AA0FXC,MAAAA,UA1FW,sBA0FAhB,CA1FA,EA0FU;AACnB,eAAOL,OAAO,CAACE,GAAf;AACSG,QAAAA,CAAC,CAACiB,qBADX;;AAGWjB,QAAAA,CAAC,CAACkB,0BAHb;;;AAMD,OAjGU;;AAmGXC,MAAAA,WAnGW,uBAmGCnB,CAnGD,EAmGW;AACpB,eAAOL,OAAO,CAACE,GAAf;AACqBG,QAAAA,CAAC,CAACoB,gBADvB;;AAGD,OAvGU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n      width: 100%;\n    `;\n    },\n\n    content() {\n      return emotion.css`\n      display: flex;\n      width: 100%;\n      align-items: center;\n    `;\n    },\n\n    error(t: Theme) {\n      return emotion.css`\n      color: ${t.fileUploaderBorderColorError};\n    `;\n    },\n\n    name() {\n      return emotion.css`\n      flex: 1 1 100%;\n      overflow: hidden;\n    `;\n    },\n\n    size() {\n      return emotion.css`\n      margin-left: 28px;\n      flex: 1 0 auto;\n    `;\n    },\n\n    icon(t: Theme) {\n      return emotion.css`\n      width: 16px;\n      flex: 1 0 auto;\n      cursor: pointer;\n      font-size: ${t.fileUploaderIconSize};\n      text-align: right;\n      outline: none;\n    `;\n    },\n\n    iconSmall() {\n      return emotion.css`\n      margin-left: 4px;\n    `;\n    },\n\n    iconMedium() {\n      return emotion.css`\n      margin-left: 6px;\n      width: 18px;\n    `;\n    },\n\n    iconLarge() {\n      return emotion.css`\n      margin-left: 6px;\n      width: 20px;\n    `;\n    },\n\n    iconMultiple() {\n      return emotion.css`\n      position: static;\n    `;\n    },\n\n    contentSmall(t: Theme) {\n      return emotion.css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n    `;\n    },\n\n    contentMedium(t: Theme) {\n      return emotion.css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n    `;\n    },\n\n    contentLarge(t: Theme) {\n      return emotion.css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n    `;\n    },\n\n    deleteIcon(t: Theme) {\n      return emotion.css`\n      color: ${t.fileUploaderIconColor};\n      &:hover {\n        color: ${t.fileUploaderIconHoverColor};\n      }\n    `;\n    },\n\n    focusedIcon(t: Theme) {\n      return emotion.css`\n      outline: 1px solid ${t.borderColorFocus};\n    `;\n    },\n  });\n"]}

package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { FileUploaderFileStatus } from '../fileUtils';
-import { FileUploaderSize } from '../../../components/FileUploader';
+import { SizeProp } from '../../../lib/types/props';
 interface FileUploaderFileStatusIconProps {
     hovered: boolean;
     focusedByTab: boolean;
     isInvalid: boolean;
     status: FileUploaderFileStatus;
-    size: FileUploaderSize;
+    size: SizeProp;
 }
 export declare const FileUploaderFileStatusIcon: React.FunctionComponent<FileUploaderFileStatusIconProps>;
 export {};

package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.js

@@ -1,16 +1,17 @@
-"use strict";exports.__esModule = true;exports.FileUploaderFileStatusIcon = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.FileUploaderFileStatusIcon = void 0;var _react = _interopRequireDefault(require("react"));
 
-var _ThemeContext = require("../../../lib/theming/ThemeContext");
 var _ThemeHelpers = require("../../../lib/theming/ThemeHelpers");
 var _px = require("../../icons/16px");
 var _fileUtils = require("../fileUtils");
-
 var _LoadingIcon = require("../../icons2022/LoadingIcon");
 
+var _useTheme = require("../../../lib/theming/useTheme");
+var _Emotion = require("../../../lib/theming/Emotion");
+
 var _DeleteIcon = require("./DeleteIcon");
 var _ErrorIcon = require("./ErrorIcon");
 var _OkIcon = require("./OkIcon");
-var _FileUploaderFile = require("./FileUploaderFile.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _FileUploaderFile = require("./FileUploaderFile.styles");
 
 
 
@@ -27,14 +28,16 @@ var FileUploaderFileStatusIcon = function FileUploaderFileStatusIcon(_ref)
 
 
 {var hovered = _ref.hovered,focusedByTab = _ref.focusedByTab,isInvalid = _ref.isInvalid,status = _ref.status,size = _ref.size;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var theme = (0, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _FileUploaderFile.getStyles)(emotion);
 
-  var IconDelete = /*#__PURE__*/_react.default.createElement(_px.DeleteIcon, { className: _FileUploaderFile.jsStyles.deleteIcon(theme) });
+  var IconDelete = /*#__PURE__*/_react.default.createElement(_px.DeleteIcon, { className: styles.deleteIcon(theme) });
   var IconError = /*#__PURE__*/_react.default.createElement(_px.ErrorIcon, null);
   var IconOk = /*#__PURE__*/_react.default.createElement(_px.OkIcon, { color: theme.fileUploaderIconColor });
 
   if ((0, _ThemeHelpers.isTheme2022)(theme)) {
-    IconDelete = /*#__PURE__*/_react.default.createElement(_DeleteIcon.DeleteIcon, { size: size, className: _FileUploaderFile.jsStyles.deleteIcon(theme) });
+    IconDelete = /*#__PURE__*/_react.default.createElement(_DeleteIcon.DeleteIcon, { size: size, className: styles.deleteIcon(theme) });
     IconError = /*#__PURE__*/_react.default.createElement(_ErrorIcon.ErrorIcon, { size: size });
     IconOk = /*#__PURE__*/_react.default.createElement(_OkIcon.OkIcon, { size: size, color: theme.fileUploaderIconColor });
   }

package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FileUploaderFileStatusIcon.tsx"],"names":["FileUploaderFileStatusIcon","hovered","focusedByTab","isInvalid","status","size","theme","ThemeContext","IconDelete","jsStyles","deleteIcon","IconError","IconOk","fileUploaderIconColor","FileUploaderFileStatus","Loading","Uploaded"],"mappings":"mFAAA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA,6D;;;;;;;;;;AAUO,IAAMA,0BAAoF,GAAG,SAAvFA,0BAAuF;;;;;;AAM9F,KALJC,OAKI,QALJA,OAKI,CAJJC,YAII,QAJJA,YAII,CAHJC,SAGI,QAHJA,SAGI,CAFJC,MAEI,QAFJA,MAEI,CADJC,IACI,QADJA,IACI;AACJ,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,MAAIC,UAAU,gBAAG,6BAAC,cAAD,IAAY,SAAS,EAAEC,2BAASC,UAAT,CAAoBJ,KAApB,CAAvB,GAAjB;AACA,MAAIK,SAAS,gBAAG,6BAAC,aAAD,OAAhB;AACA,MAAIC,MAAM,gBAAG,6BAAC,UAAD,IAAQ,KAAK,EAAEN,KAAK,CAACO,qBAArB,GAAb;;AAEA,MAAI,+BAAYP,KAAZ,CAAJ,EAAwB;AACtBE,IAAAA,UAAU,gBAAG,6BAAC,sBAAD,IAAgB,IAAI,EAAEH,IAAtB,EAA4B,SAAS,EAAEI,2BAASC,UAAT,CAAoBJ,KAApB,CAAvC,GAAb;AACAK,IAAAA,SAAS,gBAAG,6BAAC,oBAAD,IAAe,IAAI,EAAEN,IAArB,GAAZ;AACAO,IAAAA,MAAM,gBAAG,6BAAC,cAAD,IAAY,IAAI,EAAEP,IAAlB,EAAwB,KAAK,EAAEC,KAAK,CAACO,qBAArC,GAAT;AACD;;AAED,MAAIZ,OAAO,IAAIC,YAAf,EAA6B;AAC3B,WAAOM,UAAP;AACD;;AAED,MAAIL,SAAJ,EAAe;AACb,WAAOQ,SAAP;AACD;;AAED,UAAQP,MAAR;AACE,SAAKU,kCAAuBC,OAA5B;AACE,0BAAO,6BAAC,wBAAD,IAAa,IAAI,EAAEV,IAAnB,GAAP;AACF,SAAKS,kCAAuBE,QAA5B;AACE,aAAOJ,MAAP;AACF;AACE,aAAOJ,UAAP,CANJ;;AAQD,CAnCM,C","sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../../lib/theming/ThemeHelpers';\nimport { DeleteIcon, ErrorIcon, OkIcon } from '../../icons/16px';\nimport { FileUploaderFileStatus } from '../fileUtils';\nimport { FileUploaderSize } from '../../../components/FileUploader';\nimport { LoadingIcon } from '../../icons2022/LoadingIcon';\n\nimport { DeleteIcon as DeleteIcon2022 } from './DeleteIcon';\nimport { ErrorIcon as ErrorIcon2022 } from './ErrorIcon';\nimport { OkIcon as OkIcon2022 } from './OkIcon';\nimport { jsStyles } from './FileUploaderFile.styles';\n\ninterface FileUploaderFileStatusIconProps {\n  hovered: boolean;\n  focusedByTab: boolean;\n  isInvalid: boolean;\n  status: FileUploaderFileStatus;\n  size: FileUploaderSize;\n}\n\nexport const FileUploaderFileStatusIcon: React.FunctionComponent<FileUploaderFileStatusIconProps> = ({\n  hovered,\n  focusedByTab,\n  isInvalid,\n  status,\n  size,\n}) => {\n  const theme = useContext(ThemeContext);\n\n  let IconDelete = <DeleteIcon className={jsStyles.deleteIcon(theme)} />;\n  let IconError = <ErrorIcon />;\n  let IconOk = <OkIcon color={theme.fileUploaderIconColor} />;\n\n  if (isTheme2022(theme)) {\n    IconDelete = <DeleteIcon2022 size={size} className={jsStyles.deleteIcon(theme)} />;\n    IconError = <ErrorIcon2022 size={size} />;\n    IconOk = <OkIcon2022 size={size} color={theme.fileUploaderIconColor} />;\n  }\n\n  if (hovered || focusedByTab) {\n    return IconDelete;\n  }\n\n  if (isInvalid) {\n    return IconError;\n  }\n\n  switch (status) {\n    case FileUploaderFileStatus.Loading:\n      return <LoadingIcon size={size} />;\n    case FileUploaderFileStatus.Uploaded:\n      return IconOk;\n    default:\n      return IconDelete;\n  }\n};\n"]}
+{"version":3,"sources":["FileUploaderFileStatusIcon.tsx"],"names":["FileUploaderFileStatusIcon","hovered","focusedByTab","isInvalid","status","size","theme","emotion","styles","IconDelete","deleteIcon","IconError","IconOk","fileUploaderIconColor","FileUploaderFileStatus","Loading","Uploaded"],"mappings":"gLAAA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;;AAUO,IAAMA,0BAAoF,GAAG,SAAvFA,0BAAuF;;;;;;AAM9F,KALJC,OAKI,QALJA,OAKI,CAJJC,YAII,QAJJA,YAII,CAHJC,SAGI,QAHJA,SAGI,CAFJC,MAEI,QAFJA,MAEI,CADJC,IACI,QADJA,IACI;AACJ,MAAMC,KAAK,GAAG,yBAAd;AACA,MAAMC,OAAO,GAAG,0BAAhB;AACA,MAAMC,MAAM,GAAG,iCAAUD,OAAV,CAAf;;AAEA,MAAIE,UAAU,gBAAG,6BAAC,cAAD,IAAY,SAAS,EAAED,MAAM,CAACE,UAAP,CAAkBJ,KAAlB,CAAvB,GAAjB;AACA,MAAIK,SAAS,gBAAG,6BAAC,aAAD,OAAhB;AACA,MAAIC,MAAM,gBAAG,6BAAC,UAAD,IAAQ,KAAK,EAAEN,KAAK,CAACO,qBAArB,GAAb;;AAEA,MAAI,+BAAYP,KAAZ,CAAJ,EAAwB;AACtBG,IAAAA,UAAU,gBAAG,6BAAC,sBAAD,IAAgB,IAAI,EAAEJ,IAAtB,EAA4B,SAAS,EAAEG,MAAM,CAACE,UAAP,CAAkBJ,KAAlB,CAAvC,GAAb;AACAK,IAAAA,SAAS,gBAAG,6BAAC,oBAAD,IAAe,IAAI,EAAEN,IAArB,GAAZ;AACAO,IAAAA,MAAM,gBAAG,6BAAC,cAAD,IAAY,IAAI,EAAEP,IAAlB,EAAwB,KAAK,EAAEC,KAAK,CAACO,qBAArC,GAAT;AACD;;AAED,MAAIZ,OAAO,IAAIC,YAAf,EAA6B;AAC3B,WAAOO,UAAP;AACD;;AAED,MAAIN,SAAJ,EAAe;AACb,WAAOQ,SAAP;AACD;;AAED,UAAQP,MAAR;AACE,SAAKU,kCAAuBC,OAA5B;AACE,0BAAO,6BAAC,wBAAD,IAAa,IAAI,EAAEV,IAAnB,GAAP;AACF,SAAKS,kCAAuBE,QAA5B;AACE,aAAOJ,MAAP;AACF;AACE,aAAOH,UAAP,CANJ;;AAQD,CArCM,C","sourcesContent":["import React from 'react';\n\nimport { isTheme2022 } from '../../../lib/theming/ThemeHelpers';\nimport { DeleteIcon, ErrorIcon, OkIcon } from '../../icons/16px';\nimport { FileUploaderFileStatus } from '../fileUtils';\nimport { LoadingIcon } from '../../icons2022/LoadingIcon';\nimport { SizeProp } from '../../../lib/types/props';\nimport { useTheme } from '../../../lib/theming/useTheme';\nimport { useEmotion } from '../../../lib/theming/Emotion';\n\nimport { DeleteIcon as DeleteIcon2022 } from './DeleteIcon';\nimport { ErrorIcon as ErrorIcon2022 } from './ErrorIcon';\nimport { OkIcon as OkIcon2022 } from './OkIcon';\nimport { getStyles } from './FileUploaderFile.styles';\n\ninterface FileUploaderFileStatusIconProps {\n  hovered: boolean;\n  focusedByTab: boolean;\n  isInvalid: boolean;\n  status: FileUploaderFileStatus;\n  size: SizeProp;\n}\n\nexport const FileUploaderFileStatusIcon: React.FunctionComponent<FileUploaderFileStatusIconProps> = ({\n  hovered,\n  focusedByTab,\n  isInvalid,\n  status,\n  size,\n}) => {\n  const theme = useTheme();\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n\n  let IconDelete = <DeleteIcon className={styles.deleteIcon(theme)} />;\n  let IconError = <ErrorIcon />;\n  let IconOk = <OkIcon color={theme.fileUploaderIconColor} />;\n\n  if (isTheme2022(theme)) {\n    IconDelete = <DeleteIcon2022 size={size} className={styles.deleteIcon(theme)} />;\n    IconError = <ErrorIcon2022 size={size} />;\n    IconOk = <OkIcon2022 size={size} color={theme.fileUploaderIconColor} />;\n  }\n\n  if (hovered || focusedByTab) {\n    return IconDelete;\n  }\n\n  if (isInvalid) {\n    return IconError;\n  }\n\n  switch (status) {\n    case FileUploaderFileStatus.Loading:\n      return <LoadingIcon size={size} />;\n    case FileUploaderFileStatus.Uploaded:\n      return IconOk;\n    default:\n      return IconDelete;\n  }\n};\n"]}

package/cjs/internal/FileUploaderControl/FileUploaderFile/OkIcon.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.OkIcon = void 0;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.OkIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 
 var _iconSizer = require("../../icons2022/iconSizer");

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

@@ -1,15 +1,16 @@
 import React from 'react';
 import { FileUploaderAttachedFile } from '../fileUtils';
-import { FileUploaderSize } from '../../../components/FileUploader';
+import { SizeProp } from '../../../lib/types/props';
 interface FileUploaderFileListProps {
     renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
-    size: FileUploaderSize;
+    size: SizeProp;
 }
 export declare const FileUploaderFileDataTids: {
     readonly fileList: "FileUploader__fileList";
 };
 export declare const FileUploaderFileList: {
     (props: FileUploaderFileListProps): JSX.Element;
+    __KONTUR_REACT_UI__: string;
     displayName: string;
 };
 export {};

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

@@ -1,14 +1,14 @@
-"use strict";exports.__esModule = true;exports.FileUploaderFileList = exports.FileUploaderFileDataTids = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.FileUploaderFileList = exports.FileUploaderFileDataTids = void 0;var _react = _interopRequireWildcard(require("react"));
 
 var _FileUploaderControlContext = require("../FileUploaderControlContext");
-var _ThemeContext = require("../../../lib/theming/ThemeContext");
 var _FileUploaderFile = require("../FileUploaderFile/FileUploaderFile");
 
-
 var _Emotion = require("../../../lib/theming/Emotion");
 var _useFileUploaderSize = require("../hooks/useFileUploaderSize");
 
-var _FileUploaderFileList = require("./FileUploaderFileList.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _useTheme = require("../../../lib/theming/useTheme");
+
+var _FileUploaderFileList = require("./FileUploaderFileList.styles");
 
 
 
@@ -22,19 +22,21 @@ var FileUploaderFileDataTids = {
 var FileUploaderFileList = function FileUploaderFileList(props) {
   var renderFile = props.renderFile,size = props.size;
   var _useContext = (0, _react.useContext)(_FileUploaderControlContext.FileUploaderControlContext),files = _useContext.files;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var theme = (0, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _FileUploaderFileList.getStyles)(emotion);
 
   var fileWrapperClass = (0, _useFileUploaderSize.useFileUploaderSize)(size, {
-    small: _FileUploaderFileList.jsStyles.fileWrapperSmall(theme),
-    medium: _FileUploaderFileList.jsStyles.fileWrapperMedium(theme),
-    large: _FileUploaderFileList.jsStyles.fileWrapperLarge(theme) });
+    small: styles.fileWrapperSmall(theme),
+    medium: styles.fileWrapperMedium(theme),
+    large: styles.fileWrapperLarge(theme) });
 
 
   return /*#__PURE__*/(
     _react.default.createElement("div", { "data-tid": FileUploaderFileDataTids.fileList },
     files.map(function (file) {return /*#__PURE__*/(
-        _react.default.createElement("div", { key: file.id, className: (0, _Emotion.cx)(_FileUploaderFileList.jsStyles.fileWrapper(theme), fileWrapperClass) }, /*#__PURE__*/
-        _react.default.createElement("div", { className: _FileUploaderFileList.jsStyles.file() },
+        _react.default.createElement("div", { key: file.id, className: emotion.cx(styles.fileWrapper(theme), fileWrapperClass) }, /*#__PURE__*/
+        _react.default.createElement("div", { className: styles.file() },
         renderFile(file, /*#__PURE__*/_react.default.createElement(_FileUploaderFile.FileUploaderFile, { file: file, showSize: true, multiple: true, size: size })))));})));
 
 
@@ -43,4 +45,5 @@ var FileUploaderFileList = function FileUploaderFileList(props) {
 
 };exports.FileUploaderFileList = FileUploaderFileList;
 
+FileUploaderFileList.__KONTUR_REACT_UI__ = 'FileUploaderFileList';
 FileUploaderFileList.displayName = 'FileUploaderFileList';

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

@@ -1 +1 @@
-{"version":3,"sources":["FileUploaderFileList.tsx"],"names":["FileUploaderFileDataTids","fileList","FileUploaderFileList","props","renderFile","size","FileUploaderControlContext","files","theme","ThemeContext","fileWrapperClass","small","jsStyles","fileWrapperSmall","medium","fileWrapperMedium","large","fileWrapperLarge","map","file","id","fileWrapper","displayName"],"mappings":"gHAAA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA,qE;;;;;;;AAOO,IAAMA,wBAAwB,GAAG;AACtCC,EAAAA,QAAQ,EAAE,wBAD4B,EAAjC,C;;;AAIA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAsC;AACxE,MAAQC,UAAR,GAA6BD,KAA7B,CAAQC,UAAR,CAAoBC,IAApB,GAA6BF,KAA7B,CAAoBE,IAApB;AACA,oBAAkB,uBAAWC,sDAAX,CAAlB,CAAQC,KAAR,eAAQA,KAAR;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,MAAMC,gBAAgB,GAAG,8CAAoBL,IAApB,EAA0B;AACjDM,IAAAA,KAAK,EAAEC,+BAASC,gBAAT,CAA0BL,KAA1B,CAD0C;AAEjDM,IAAAA,MAAM,EAAEF,+BAASG,iBAAT,CAA2BP,KAA3B,CAFyC;AAGjDQ,IAAAA,KAAK,EAAEJ,+BAASK,gBAAT,CAA0BT,KAA1B,CAH0C,EAA1B,CAAzB;;;AAMA;AACE,0CAAK,YAAUR,wBAAwB,CAACC,QAAxC;AACGM,IAAAA,KAAK,CAACW,GAAN,CAAU,UAACC,IAAD;AACT,8CAAK,GAAG,EAAEA,IAAI,CAACC,EAAf,EAAmB,SAAS,EAAE,iBAAGR,+BAASS,WAAT,CAAqBb,KAArB,CAAH,EAAgCE,gBAAhC,CAA9B;AACE,8CAAK,SAAS,EAAEE,+BAASO,IAAT,EAAhB;AACGf,QAAAA,UAAU,CAACe,IAAD,eAAO,6BAAC,kCAAD,IAAkB,IAAI,EAAEA,IAAxB,EAA8B,QAAQ,MAAtC,EAAuC,QAAQ,MAA/C,EAAgD,IAAI,EAAEd,IAAtD,GAAP,CADb,CADF,CADS,GAAV,CADH,CADF;;;;;;AAWD,CAtBM,C;;AAwBPH,oBAAoB,CAACoB,WAArB,GAAmC,sBAAnC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile';\nimport { FileUploaderAttachedFile } from '../fileUtils';\nimport { FileUploaderSize } from '../../../components/FileUploader';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\n\nimport { jsStyles } from './FileUploaderFileList.styles';\n\ninterface FileUploaderFileListProps {\n  renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n  size: FileUploaderSize;\n}\n\nexport const FileUploaderFileDataTids = {\n  fileList: 'FileUploader__fileList',\n} as const;\n\nexport const FileUploaderFileList = (props: FileUploaderFileListProps) => {\n  const { renderFile, size } = props;\n  const { files } = useContext(FileUploaderControlContext);\n  const theme = useContext(ThemeContext);\n\n  const fileWrapperClass = useFileUploaderSize(size, {\n    small: jsStyles.fileWrapperSmall(theme),\n    medium: jsStyles.fileWrapperMedium(theme),\n    large: jsStyles.fileWrapperLarge(theme),\n  });\n\n  return (\n    <div data-tid={FileUploaderFileDataTids.fileList}>\n      {files.map((file) => (\n        <div key={file.id} className={cx(jsStyles.fileWrapper(theme), fileWrapperClass)}>\n          <div className={jsStyles.file()}>\n            {renderFile(file, <FileUploaderFile file={file} showSize multiple size={size} />)}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nFileUploaderFileList.displayName = 'FileUploaderFileList';\n"]}
+{"version":3,"sources":["FileUploaderFileList.tsx"],"names":["FileUploaderFileDataTids","fileList","FileUploaderFileList","props","renderFile","size","FileUploaderControlContext","files","theme","emotion","styles","fileWrapperClass","small","fileWrapperSmall","medium","fileWrapperMedium","large","fileWrapperLarge","map","file","id","cx","fileWrapper","__KONTUR_REACT_UI__","displayName"],"mappings":"+MAAA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;;;;;;;AAOO,IAAMA,wBAAwB,GAAG;AACtCC,EAAAA,QAAQ,EAAE,wBAD4B,EAAjC,C;;;AAIA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAsC;AACxE,MAAQC,UAAR,GAA6BD,KAA7B,CAAQC,UAAR,CAAoBC,IAApB,GAA6BF,KAA7B,CAAoBE,IAApB;AACA,oBAAkB,uBAAWC,sDAAX,CAAlB,CAAQC,KAAR,eAAQA,KAAR;AACA,MAAMC,KAAK,GAAG,yBAAd;AACA,MAAMC,OAAO,GAAG,0BAAhB;AACA,MAAMC,MAAM,GAAG,qCAAUD,OAAV,CAAf;;AAEA,MAAME,gBAAgB,GAAG,8CAAoBN,IAApB,EAA0B;AACjDO,IAAAA,KAAK,EAAEF,MAAM,CAACG,gBAAP,CAAwBL,KAAxB,CAD0C;AAEjDM,IAAAA,MAAM,EAAEJ,MAAM,CAACK,iBAAP,CAAyBP,KAAzB,CAFyC;AAGjDQ,IAAAA,KAAK,EAAEN,MAAM,CAACO,gBAAP,CAAwBT,KAAxB,CAH0C,EAA1B,CAAzB;;;AAMA;AACE,0CAAK,YAAUR,wBAAwB,CAACC,QAAxC;AACGM,IAAAA,KAAK,CAACW,GAAN,CAAU,UAACC,IAAD;AACT,8CAAK,GAAG,EAAEA,IAAI,CAACC,EAAf,EAAmB,SAAS,EAAEX,OAAO,CAACY,EAAR,CAAWX,MAAM,CAACY,WAAP,CAAmBd,KAAnB,CAAX,EAAsCG,gBAAtC,CAA9B;AACE,8CAAK,SAAS,EAAED,MAAM,CAACS,IAAP,EAAhB;AACGf,QAAAA,UAAU,CAACe,IAAD,eAAO,6BAAC,kCAAD,IAAkB,IAAI,EAAEA,IAAxB,EAA8B,QAAQ,MAAtC,EAAuC,QAAQ,MAA/C,EAAgD,IAAI,EAAEd,IAAtD,GAAP,CADb,CADF,CADS,GAAV,CADH,CADF;;;;;;AAWD,CAxBM,C;;AA0BPH,oBAAoB,CAACqB,mBAArB,GAA2C,sBAA3C;AACArB,oBAAoB,CAACsB,WAArB,GAAmC,sBAAnC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile';\nimport { FileUploaderAttachedFile } from '../fileUtils';\nimport { useEmotion } from '../../../lib/theming/Emotion';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\nimport { SizeProp } from '../../../lib/types/props';\nimport { useTheme } from '../../../lib/theming/useTheme';\n\nimport { getStyles } from './FileUploaderFileList.styles';\n\ninterface FileUploaderFileListProps {\n  renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n  size: SizeProp;\n}\n\nexport const FileUploaderFileDataTids = {\n  fileList: 'FileUploader__fileList',\n} as const;\n\nexport const FileUploaderFileList = (props: FileUploaderFileListProps) => {\n  const { renderFile, size } = props;\n  const { files } = useContext(FileUploaderControlContext);\n  const theme = useTheme();\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n\n  const fileWrapperClass = useFileUploaderSize(size, {\n    small: styles.fileWrapperSmall(theme),\n    medium: styles.fileWrapperMedium(theme),\n    large: styles.fileWrapperLarge(theme),\n  });\n\n  return (\n    <div data-tid={FileUploaderFileDataTids.fileList}>\n      {files.map((file) => (\n        <div key={file.id} className={emotion.cx(styles.fileWrapper(theme), fileWrapperClass)}>\n          <div className={styles.file()}>\n            {renderFile(file, <FileUploaderFile file={file} showSize multiple size={size} />)}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nFileUploaderFileList.__KONTUR_REACT_UI__ = 'FileUploaderFileList';\nFileUploaderFileList.displayName = 'FileUploaderFileList';\n"]}

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

@@ -1,5 +1,6 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const getStyles: (emotion: Emotion) => {
     file(): string;
     fileWrapper(t: Theme): string;
     fileWrapperSmall(t: Theme): string;

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

@@ -1,40 +1,40 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");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.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var styles = {
-  file: function file() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
 
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      file: function file() {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
 
-  },
-  fileWrapper: function fileWrapper(t) {
-    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      padding: ", " ", ";\n    "])),
 
+      },
+      fileWrapper: function fileWrapper(t) {
+        return 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      padding: ", " ", ";\n    "])),
 
 
 
 
-    t.fileUploaderPaddingY, t.fileUploaderPaddingX);
 
-  },
+        t.fileUploaderPaddingY, t.fileUploaderPaddingX);
 
-  fileWrapperSmall: function fileWrapperSmall(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
-    t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+      },
 
-  },
+      fileWrapperSmall: function fileWrapperSmall(t) {
+        return 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);
+      },
 
-  },
+      fileWrapperMedium: function fileWrapperMedium(t) {
+        return 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);
+      },
 
-  } };
+      fileWrapperLarge: function fileWrapperLarge(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
+        t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
 
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["FileUploaderFileList.styles.ts"],"names":["styles","file","css","fileWrapper","t","fileUploaderPaddingY","fileUploaderPaddingX","fileWrapperSmall","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","fileWrapperMedium","fileUploaderPaddingYMedium","fileUploaderPaddingXMedium","fileWrapperLarge","fileUploaderPaddingYLarge","fileUploaderPaddingXLarge","jsStyles"],"mappings":"8QAAA,uD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;AAGD,GALY;AAMbC,EAAAA,WANa,uBAMDC,CANC,EAMS;AACpB,eAAOF,YAAP;;;;;;AAMaE,IAAAA,CAAC,CAACC,oBANf,EAMuCD,CAAC,CAACE,oBANzC;;AAQD,GAfY;;AAiBbC,EAAAA,gBAjBa,4BAiBIH,CAjBJ,EAiBc;AACzB,eAAOF,YAAP;AACaE,IAAAA,CAAC,CAACI,yBADf,EAC4CJ,CAAC,CAACK,yBAD9C;;AAGD,GArBY;;AAuBbC,EAAAA,iBAvBa,6BAuBKN,CAvBL,EAuBe;AAC1B,eAAOF,YAAP;AACaE,IAAAA,CAAC,CAACO,0BADf,EAC6CP,CAAC,CAACQ,0BAD/C;;AAGD,GA3BY;;AA6BbC,EAAAA,gBA7Ba,4BA6BIT,CA7BJ,EA6Bc;AACzB,eAAOF,YAAP;AACaE,IAAAA,CAAC,CAACU,yBADf,EAC4CV,CAAC,CAACW,yBAD9C;;AAGD,GAjCY,EAAf;;;AAoCO,IAAMC,QAAQ,GAAG,2BAAahB,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  file() {\n    return css`\n      width: 100%;\n    `;\n  },\n  fileWrapper(t: Theme) {\n    return css`\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\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"]}
+{"version":3,"sources":["FileUploaderFileList.styles.ts"],"names":["getStyles","emotion","file","css","fileWrapper","t","fileUploaderPaddingY","fileUploaderPaddingX","fileWrapperSmall","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","fileWrapperMedium","fileUploaderPaddingYMedium","fileUploaderPaddingXMedium","fileWrapperLarge","fileUploaderPaddingYLarge","fileUploaderPaddingXLarge"],"mappings":";;AAEA,uD;;;AAGO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,kBACJ;AACL,eAAOD,OAAO,CAACE,GAAf;;;AAGD,OALU;AAMXC,MAAAA,WANW,uBAMCC,CAND,EAMW;AACpB,eAAOJ,OAAO,CAACE,GAAf;;;;;;AAMWE,QAAAA,CAAC,CAACC,oBANb,EAMqCD,CAAC,CAACE,oBANvC;;AAQD,OAfU;;AAiBXC,MAAAA,gBAjBW,4BAiBMH,CAjBN,EAiBgB;AACzB,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAACI,yBADb,EAC0CJ,CAAC,CAACK,yBAD5C;;AAGD,OArBU;;AAuBXC,MAAAA,iBAvBW,6BAuBON,CAvBP,EAuBiB;AAC1B,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAACO,0BADb,EAC2CP,CAAC,CAACQ,0BAD7C;;AAGD,OA3BU;;AA6BXC,MAAAA,gBA7BW,4BA6BMT,CA7BN,EA6BgB;AACzB,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAACU,yBADb,EAC0CV,CAAC,CAACW,yBAD5C;;AAGD,OAjCU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    file() {\n      return emotion.css`\n      width: 100%;\n    `;\n    },\n    fileWrapper(t: Theme) {\n      return emotion.css`\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n    `;\n    },\n\n    fileWrapperSmall(t: Theme) {\n      return emotion.css`\n      padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n    `;\n    },\n\n    fileWrapperMedium(t: Theme) {\n      return emotion.css`\n      padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n    `;\n    },\n\n    fileWrapperLarge(t: Theme) {\n      return emotion.css`\n      padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n    `;\n    },\n  });\n"]}

package/cjs/internal/FileUploaderControl/hooks/useFileUploaderSize.d.ts

@@ -1,2 +1,2 @@
-import { FileUploaderSize } from '../../../components/FileUploader';
-export declare function useFileUploaderSize<T>(size: FileUploaderSize, { small, medium, large }: Record<FileUploaderSize, T>): T;
+import { SizeProp } from '../../../lib/types/props';
+export declare function useFileUploaderSize<T>(size: SizeProp, { small, medium, large }: Record<SizeProp, T>): T;

package/cjs/internal/FileUploaderControl/hooks/useFileUploaderSize.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useFileUploaderSize.ts"],"names":["useFileUploaderSize","size","small","medium","large"],"mappings":"yFAAA;;;;AAIO,SAASA,mBAAT,CAAgCC,IAAhC,QAA+G,KAArDC,KAAqD,QAArDA,KAAqD,CAA9CC,MAA8C,QAA9CA,MAA8C,CAAtCC,KAAsC,QAAtCA,KAAsC;AACpH,SAAO,oBAAQ,YAAM;AACnB,YAAQH,IAAR;AACE,WAAK,OAAL;AACE,eAAOG,KAAP;AACF,WAAK,QAAL;AACE,eAAOD,MAAP;AACF,WAAK,OAAL;AACE,eAAOD,KAAP;AACF;AACE,eAAOA,KAAP,CARJ;;AAUD,GAXM,EAWJ,CAACD,IAAD,CAXI,CAAP;AAYD","sourcesContent":["import { useMemo } from 'react';\n\nimport { FileUploaderSize } from '../../../components/FileUploader';\n\nexport function useFileUploaderSize<T>(size: FileUploaderSize, { small, medium, large }: Record<FileUploaderSize, T>) {\n  return useMemo(() => {\n    switch (size) {\n      case 'large':\n        return large;\n      case 'medium':\n        return medium;\n      case 'small':\n        return small;\n      default:\n        return small;\n    }\n  }, [size]);\n}\n"]}
+{"version":3,"sources":["useFileUploaderSize.ts"],"names":["useFileUploaderSize","size","small","medium","large"],"mappings":"yFAAA;;;;AAIO,SAASA,mBAAT,CAAgCC,IAAhC,QAA+F,KAA7CC,KAA6C,QAA7CA,KAA6C,CAAtCC,MAAsC,QAAtCA,MAAsC,CAA9BC,KAA8B,QAA9BA,KAA8B;AACpG,SAAO,oBAAQ,YAAM;AACnB,YAAQH,IAAR;AACE,WAAK,OAAL;AACE,eAAOG,KAAP;AACF,WAAK,QAAL;AACE,eAAOD,MAAP;AACF,WAAK,OAAL;AACE,eAAOD,KAAP;AACF;AACE,eAAOA,KAAP,CARJ;;AAUD,GAXM,EAWJ,CAACD,IAAD,CAXI,CAAP;AAYD","sourcesContent":["import { useMemo } from 'react';\n\nimport { SizeProp } from '../../../lib/types/props';\n\nexport function useFileUploaderSize<T>(size: SizeProp, { small, medium, large }: Record<SizeProp, T>) {\n  return useMemo(() => {\n    switch (size) {\n      case 'large':\n        return large;\n      case 'medium':\n        return medium;\n      case 'small':\n        return small;\n      default:\n        return small;\n    }\n  }, [size]);\n}\n"]}

package/cjs/internal/FileUploaderControl/hooks/useUpload.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.useUpload = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _react = require("react");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.useUpload = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _react = require("react");
 
 
 var _fileUtils = require("../fileUtils");

package/cjs/internal/FileUploaderControl/hooks/useUpload.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useUpload.ts"],"names":["useUpload","request","onRequestSuccess","onRequestError","FileUploaderControlContext","setFileStatus","switchToLoading","fileId","FileUploaderFileStatus","Loading","switchToSuccess","Uploaded","switchToError","Error","file","id"],"mappings":"4UAAA;;;AAGA;AACA;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY;AACvBC,OADuB;AAEvBC,gBAFuB;AAGvBC,cAHuB;AAIpB;AACH,oBAA0B,uBAAWC,sDAAX,CAA1B,CAAQC,aAAR,eAAQA,aAAR;;AAEA,MAAMC,eAAe,GAAG;AACtB,YAACC,MAAD,EAAoB;AAClBF,IAAAA,aAAa,CAACE,MAAD,EAASC,kCAAuBC,OAAhC,CAAb;AACD,GAHqB;AAItB,GAACJ,aAAD,CAJsB,CAAxB;;;AAOA,MAAMK,eAAe,GAAG;AACtB,YAACH,MAAD,EAAoB;AAClBF,IAAAA,aAAa,CAACE,MAAD,EAASC,kCAAuBG,QAAhC,CAAb;AACAT,IAAAA,gBAAgB,QAAhB,YAAAA,gBAAgB,CAAGK,MAAH,CAAhB;AACD,GAJqB;AAKtB,GAACF,aAAD,EAAgBH,gBAAhB,CALsB,CAAxB;;;AAQA,MAAMU,aAAa,GAAG;AACpB,YAACL,MAAD,EAAoB;AAClBF,IAAAA,aAAa,CAACE,MAAD,EAASC,kCAAuBK,KAAhC,CAAb;AACAV,IAAAA,cAAc,QAAd,YAAAA,cAAc,CAAGI,MAAH,CAAd;AACD,GAJmB;AAKpB,GAACF,aAAD,EAAgBF,cAAhB,CALoB,CAAtB;;;AAQA,SAAO;AACL,qBAAOW,IAAP;AACUC,cAAAA,EADV,GACiBD,IADjB,CACUC,EADV;AAEET,cAAAA,eAAe,CAACS,EAAD,CAAf,CAFF;;;AAKUd,gBAAAA,OALV,oBAKUA,OAAO,CAAGa,IAAH,CALjB;AAMIJ,cAAAA,eAAe,CAACK,EAAD,CAAf,CANJ;;AAQIH,cAAAA,aAAa,CAACG,EAAD,CAAb,CARJ,yEADK;;;AAYL,GAACd,OAAD,EAAUS,eAAV,EAA2BJ,eAA3B,EAA4CM,aAA5C,CAZK,CAAP;;AAcD,CA5CM,C","sourcesContent":["import { useCallback, useContext } from 'react';\n\nimport { Nullable } from '../../../typings/utility-types';\nimport { FileUploaderAttachedFile, FileUploaderFileStatus } from '../fileUtils';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\n\nexport const useUpload = (\n  request: Nullable<(file: FileUploaderAttachedFile) => Promise<void>>,\n  onRequestSuccess?: Nullable<(fileId: string) => void>,\n  onRequestError?: Nullable<(fileId: string) => void>,\n) => {\n  const { setFileStatus } = useContext(FileUploaderControlContext);\n\n  const switchToLoading = useCallback(\n    (fileId: string) => {\n      setFileStatus(fileId, FileUploaderFileStatus.Loading);\n    },\n    [setFileStatus],\n  );\n\n  const switchToSuccess = useCallback(\n    (fileId: string) => {\n      setFileStatus(fileId, FileUploaderFileStatus.Uploaded);\n      onRequestSuccess?.(fileId);\n    },\n    [setFileStatus, onRequestSuccess],\n  );\n\n  const switchToError = useCallback(\n    (fileId: string) => {\n      setFileStatus(fileId, FileUploaderFileStatus.Error);\n      onRequestError?.(fileId);\n    },\n    [setFileStatus, onRequestError],\n  );\n\n  return useCallback(\n    async (file: FileUploaderAttachedFile) => {\n      const { id } = file;\n      switchToLoading(id);\n\n      try {\n        await request?.(file);\n        switchToSuccess(id);\n      } catch {\n        switchToError(id);\n      }\n    },\n    [request, switchToSuccess, switchToLoading, switchToError],\n  );\n};\n"]}
+{"version":3,"sources":["useUpload.ts"],"names":["useUpload","request","onRequestSuccess","onRequestError","FileUploaderControlContext","setFileStatus","switchToLoading","fileId","FileUploaderFileStatus","Loading","switchToSuccess","Uploaded","switchToError","Error","file","id"],"mappings":"oVAAA;;;AAGA;AACA;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY;AACvBC,OADuB;AAEvBC,gBAFuB;AAGvBC,cAHuB;AAIpB;AACH,oBAA0B,uBAAWC,sDAAX,CAA1B,CAAQC,aAAR,eAAQA,aAAR;;AAEA,MAAMC,eAAe,GAAG;AACtB,YAACC,MAAD,EAAoB;AAClBF,IAAAA,aAAa,CAACE,MAAD,EAASC,kCAAuBC,OAAhC,CAAb;AACD,GAHqB;AAItB,GAACJ,aAAD,CAJsB,CAAxB;;;AAOA,MAAMK,eAAe,GAAG;AACtB,YAACH,MAAD,EAAoB;AAClBF,IAAAA,aAAa,CAACE,MAAD,EAASC,kCAAuBG,QAAhC,CAAb;AACAT,IAAAA,gBAAgB,QAAhB,YAAAA,gBAAgB,CAAGK,MAAH,CAAhB;AACD,GAJqB;AAKtB,GAACF,aAAD,EAAgBH,gBAAhB,CALsB,CAAxB;;;AAQA,MAAMU,aAAa,GAAG;AACpB,YAACL,MAAD,EAAoB;AAClBF,IAAAA,aAAa,CAACE,MAAD,EAASC,kCAAuBK,KAAhC,CAAb;AACAV,IAAAA,cAAc,QAAd,YAAAA,cAAc,CAAGI,MAAH,CAAd;AACD,GAJmB;AAKpB,GAACF,aAAD,EAAgBF,cAAhB,CALoB,CAAtB;;;AAQA,SAAO;AACL,qBAAOW,IAAP;AACUC,cAAAA,EADV,GACiBD,IADjB,CACUC,EADV;AAEET,cAAAA,eAAe,CAACS,EAAD,CAAf,CAFF;;;AAKUd,gBAAAA,OALV,oBAKUA,OAAO,CAAGa,IAAH,CALjB;AAMIJ,cAAAA,eAAe,CAACK,EAAD,CAAf,CANJ;;AAQIH,cAAAA,aAAa,CAACG,EAAD,CAAb,CARJ,yEADK;;;AAYL,GAACd,OAAD,EAAUS,eAAV,EAA2BJ,eAA3B,EAA4CM,aAA5C,CAZK,CAAP;;AAcD,CA5CM,C","sourcesContent":["import { useCallback, useContext } from 'react';\n\nimport { Nullable } from '../../../typings/utility-types';\nimport { FileUploaderAttachedFile, FileUploaderFileStatus } from '../fileUtils';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\n\nexport const useUpload = (\n  request: Nullable<(file: FileUploaderAttachedFile) => Promise<void>>,\n  onRequestSuccess?: Nullable<(fileId: string) => void>,\n  onRequestError?: Nullable<(fileId: string) => void>,\n) => {\n  const { setFileStatus } = useContext(FileUploaderControlContext);\n\n  const switchToLoading = useCallback(\n    (fileId: string) => {\n      setFileStatus(fileId, FileUploaderFileStatus.Loading);\n    },\n    [setFileStatus],\n  );\n\n  const switchToSuccess = useCallback(\n    (fileId: string) => {\n      setFileStatus(fileId, FileUploaderFileStatus.Uploaded);\n      onRequestSuccess?.(fileId);\n    },\n    [setFileStatus, onRequestSuccess],\n  );\n\n  const switchToError = useCallback(\n    (fileId: string) => {\n      setFileStatus(fileId, FileUploaderFileStatus.Error);\n      onRequestError?.(fileId);\n    },\n    [setFileStatus, onRequestError],\n  );\n\n  return useCallback(\n    async (file: FileUploaderAttachedFile) => {\n      const { id } = file;\n      switchToLoading(id);\n\n      try {\n        await request?.(file);\n        switchToSuccess(id);\n      } catch {\n        switchToError(id);\n      }\n    },\n    [request, switchToSuccess, switchToLoading, switchToError],\n  );\n};\n"]}

package/cjs/internal/FileUploaderControl/withFileUploaderControlProvider.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.withFileUploaderControlProvider = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.withFileUploaderControlProvider = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 
 var _FileUploaderControlProvider = require("./FileUploaderControlProvider");var _excluded = ["onRemove", "onValueChange", "onAttach"];

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

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+interface Props {
+    /**
+     * Использовать только когда на children нет пропса disabled
+     */
+    disabled?: boolean;
+    /**
+     * Событие вызывается когда элемент потеряет фокус, и при этом он задисэйблен
+     */
+    onBlurWhenDisabled(): void | undefined;
+}
+export declare function FocusControlWrapper({ disabled, children, onBlurWhenDisabled, ...rest }: PropsWithChildren<Props>): JSX.Element | null;
+export declare namespace FocusControlWrapper {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+}
+export {};

package/cjs/internal/FocusControlWrapper/FocusControlWrapper.js

@@ -0,0 +1,46 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.FocusControlWrapper = FocusControlWrapper;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
+
+var _CommonWrapper = require("../CommonWrapper");
+
+var _useFocusControl2 = require("./useFocusControl");var _excluded = ["disabled", "children", "onBlurWhenDisabled"];
+
+
+
+
+
+
+
+
+
+
+
+
+
+function FocusControlWrapper(_ref) {var disabled = _ref.disabled,children = _ref.children,onBlurWhenDisabled = _ref.onBlurWhenDisabled,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  var isValidChildren = children && /*#__PURE__*/(0, _react.isValidElement)(children);
+
+  var _useFocusControl = (0, _useFocusControl2.useFocusControl)({
+    disabled: disabled != null ? disabled : isValidChildren ? children.props.disabled : undefined,
+    onFocus: isValidChildren ? children.props.onFocus : undefined,
+    onBlur: isValidChildren ? children.props.onBlur : undefined,
+    onBlurWhenDisabled: onBlurWhenDisabled }),handleFocus = _useFocusControl.handleFocus,handleBlur = _useFocusControl.handleBlur;
+
+
+  if (!isValidChildren) {
+    return null;
+  }
+
+  return /*#__PURE__*/(
+    _react.default.createElement(_CommonWrapper.CommonWrapper, rest,
+    _react.default.Children.only( /*#__PURE__*/
+    (0, _react.cloneElement)(children, {
+      onFocus: handleFocus,
+      onBlur: handleBlur }))));
+
+
+
+
+}
+
+FocusControlWrapper.__KONTUR_REACT_UI__ = 'FocusControlWrapper';
+FocusControlWrapper.displayName = 'FocusControlWrapper';

package/cjs/internal/FocusControlWrapper/FocusControlWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FocusControlWrapper.tsx"],"names":["FocusControlWrapper","disabled","children","onBlurWhenDisabled","rest","isValidChildren","props","undefined","onFocus","onBlur","handleFocus","handleBlur","React","Children","only","__KONTUR_REACT_UI__","displayName"],"mappings":"iZAAA;;AAEA;;AAEA,qD;;;;;;;;;;;;;;AAcO,SAASA,mBAAT,OAA4G,KAA7EC,QAA6E,QAA7EA,QAA6E,CAAnEC,QAAmE,QAAnEA,QAAmE,CAAzDC,kBAAyD,QAAzDA,kBAAyD,CAAlCC,IAAkC;AACjH,MAAMC,eAAe,GAAGH,QAAQ,iBAAI,2BAAeA,QAAf,CAApC;;AAEA,yBAAoC,uCAAgB;AAClDD,IAAAA,QAAQ,EAAEA,QAAF,WAAEA,QAAF,GAAeI,eAAe,GAAGH,QAAQ,CAACI,KAAT,CAAeL,QAAlB,GAA6BM,SADjB;AAElDC,IAAAA,OAAO,EAAEH,eAAe,GAAGH,QAAQ,CAACI,KAAT,CAAeE,OAAlB,GAA4BD,SAFF;AAGlDE,IAAAA,MAAM,EAAEJ,eAAe,GAAGH,QAAQ,CAACI,KAAT,CAAeG,MAAlB,GAA2BF,SAHA;AAIlDJ,IAAAA,kBAAkB,EAAlBA,kBAJkD,EAAhB,CAApC,CAAQO,WAAR,oBAAQA,WAAR,CAAqBC,UAArB,oBAAqBA,UAArB;;;AAOA,MAAI,CAACN,eAAL,EAAsB;AACpB,WAAO,IAAP;AACD;;AAED;AACE,iCAAC,4BAAD,EAAmBD,IAAnB;AACGQ,mBAAMC,QAAN,CAAeC,IAAf;AACC,6BAAaZ,QAAb,EAAuB;AACrBM,MAAAA,OAAO,EAAEE,WADY;AAErBD,MAAAA,MAAM,EAAEE,UAFa,EAAvB,CADD,CADH,CADF;;;;;AAUD;;AAEDX,mBAAmB,CAACe,mBAApB,GAA0C,qBAA1C;AACAf,mBAAmB,CAACgB,WAApB,GAAkC,qBAAlC","sourcesContent":["import React, { PropsWithChildren, isValidElement, cloneElement } from 'react';\n\nimport { CommonWrapper } from '../CommonWrapper';\n\nimport { useFocusControl } from './useFocusControl';\n\ninterface Props {\n  /**\n   * Использовать только когда на children нет пропса disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Событие вызывается когда элемент потеряет фокус, и при этом он задисэйблен\n   */\n  onBlurWhenDisabled(): void | undefined;\n}\n\nexport function FocusControlWrapper({ disabled, children, onBlurWhenDisabled, ...rest }: PropsWithChildren<Props>) {\n  const isValidChildren = children && isValidElement(children);\n\n  const { handleFocus, handleBlur } = useFocusControl({\n    disabled: disabled ?? (isValidChildren ? children.props.disabled : undefined),\n    onFocus: isValidChildren ? children.props.onFocus : undefined,\n    onBlur: isValidChildren ? children.props.onBlur : undefined,\n    onBlurWhenDisabled,\n  });\n\n  if (!isValidChildren) {\n    return null;\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      {React.Children.only(\n        cloneElement(children, {\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n        }),\n      )}\n    </CommonWrapper>\n  );\n}\n\nFocusControlWrapper.__KONTUR_REACT_UI__ = 'FocusControlWrapper';\nFocusControlWrapper.displayName = 'FocusControlWrapper';\n"]}

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

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

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

@@ -0,0 +1 @@
+export * from './FocusControlWrapper';

package/cjs/internal/FocusControlWrapper/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _FocusControlWrapper = require("./FocusControlWrapper");Object.keys(_FocusControlWrapper).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _FocusControlWrapper[key]) return;exports[key] = _FocusControlWrapper[key];});

package/cjs/internal/FocusControlWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './FocusControlWrapper';\n"]}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+interface Props {
+    disabled?: boolean;
+    onFocus?: React.FocusEventHandler;
+    onBlur?: React.FocusEventHandler;
+    onBlurWhenDisabled?(): void;
+}
+export declare function useFocusControl({ disabled, onFocus, onBlur, onBlurWhenDisabled }: Props): {
+    handleFocus: (e: React.FocusEvent) => void;
+    handleBlur: (e: React.FocusEvent) => void;
+};
+export {};

package/cjs/internal/FocusControlWrapper/useFocusControl.js

@@ -0,0 +1,34 @@
+"use strict";exports.__esModule = true;exports.useFocusControl = useFocusControl;var _react = require("react");
+
+
+
+
+
+
+
+
+function useFocusControl(_ref) {var disabled = _ref.disabled,onFocus = _ref.onFocus,onBlur = _ref.onBlur,onBlurWhenDisabled = _ref.onBlurWhenDisabled;
+  var _useState = (0, _react.useState)(false),isFocused = _useState[0],setFocused = _useState[1];
+
+  (0, _react.useEffect)(function () {
+    if (disabled && isFocused && onBlurWhenDisabled) {
+      // force calling custom blur event, try "fix" bug in react https://github.com/facebook/react/issues/9142
+      onBlurWhenDisabled();
+    }
+  }, [disabled, isFocused]);
+
+  var handleFocus = function handleFocus(e) {
+    setFocused(true);
+    onFocus == null ? void 0 : onFocus(e);
+  };
+
+  var handleBlur = function handleBlur(e) {
+    setFocused(false);
+    onBlur == null ? void 0 : onBlur(e);
+  };
+
+  return {
+    handleFocus: handleFocus,
+    handleBlur: handleBlur };
+
+}

package/cjs/internal/FocusControlWrapper/useFocusControl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useFocusControl.tsx"],"names":["useFocusControl","disabled","onFocus","onBlur","onBlurWhenDisabled","isFocused","setFocused","handleFocus","e","handleBlur"],"mappings":"iFAAA;;;;;;;;;AASO,SAASA,eAAT,OAAmF,KAAxDC,QAAwD,QAAxDA,QAAwD,CAA9CC,OAA8C,QAA9CA,OAA8C,CAArCC,MAAqC,QAArCA,MAAqC,CAA7BC,kBAA6B,QAA7BA,kBAA6B;AACxF,kBAAgC,qBAAkB,KAAlB,CAAhC,CAAOC,SAAP,gBAAkBC,UAAlB;;AAEA,wBAAU,YAAM;AACd,QAAIL,QAAQ,IAAII,SAAZ,IAAyBD,kBAA7B,EAAiD;AAC/C;AACAA,MAAAA,kBAAkB;AACnB;AACF,GALD,EAKG,CAACH,QAAD,EAAWI,SAAX,CALH;;AAOA,MAAME,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAyB;AAC3CF,IAAAA,UAAU,CAAC,IAAD,CAAV;AACAJ,IAAAA,OAAO,QAAP,YAAAA,OAAO,CAAGM,CAAH,CAAP;AACD,GAHD;;AAKA,MAAMC,UAAU,GAAG,SAAbA,UAAa,CAACD,CAAD,EAAyB;AAC1CF,IAAAA,UAAU,CAAC,KAAD,CAAV;AACAH,IAAAA,MAAM,QAAN,YAAAA,MAAM,CAAGK,CAAH,CAAN;AACD,GAHD;;AAKA,SAAO;AACLD,IAAAA,WAAW,EAAXA,WADK;AAELE,IAAAA,UAAU,EAAVA,UAFK,EAAP;;AAID","sourcesContent":["import React, { useEffect, useState } from 'react';\n\ninterface Props {\n  disabled?: boolean;\n  onFocus?: React.FocusEventHandler;\n  onBlur?: React.FocusEventHandler;\n  onBlurWhenDisabled?(): void;\n}\n\nexport function useFocusControl({ disabled, onFocus, onBlur, onBlurWhenDisabled }: Props) {\n  const [isFocused, setFocused] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (disabled && isFocused && onBlurWhenDisabled) {\n      // force calling custom blur event, try \"fix\" bug in react https://github.com/facebook/react/issues/9142\n      onBlurWhenDisabled();\n    }\n  }, [disabled, isFocused]);\n\n  const handleFocus = (e: React.FocusEvent) => {\n    setFocused(true);\n    onFocus?.(e);\n  };\n\n  const handleBlur = (e: React.FocusEvent) => {\n    setFocused(false);\n    onBlur?.(e);\n  };\n\n  return {\n    handleFocus,\n    handleBlur,\n  };\n}\n"]}

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

@@ -6,6 +6,7 @@ export interface FocusTrapProps extends CommonProps {
 }
 export declare class FocusTrap extends React.PureComponent<FocusTrapProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     private setRootNode;
     private focusOutsideListenerToken;
     componentWillUnmount(): void;

package/cjs/internal/FocusTrap/FocusTrap.js

@@ -1,9 +1,10 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FocusTrap = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));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 _SSRSafe = require("../../lib/SSRSafe");var _class, _class2, _temp;var
+var _isInstanceOf = require("../../lib/isInstanceOf");var _class, _class2, _temp;var
 
 
 
@@ -15,6 +16,8 @@ FocusTrap = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fun
 
 
 
+
+
     focusOutsideListenerToken =
 
     null;_this.
@@ -52,11 +55,11 @@ FocusTrap = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fun
 
     attachListeners = function () {
       var rootNode = (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this));
-      if (!_this.focusOutsideListenerToken && rootNode) {
+      if (!_this.focusOutsideListenerToken && rootNode) {var _globalObject$documen;
         _this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)([rootNode], _this.onClickOutside);
 
-        _SSRSafe.renderTarget.addEventListener(
-        'ontouchstart' in _SSRSafe.renderTarget.documentElement ? 'touchstart' : 'mousedown',
+        (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.addEventListener(
+        'ontouchstart' in _globalObject.globalObject.document.documentElement ? 'touchstart' : 'mousedown',
         _this.handleNativeDocClick);
 
       }
@@ -78,9 +81,9 @@ FocusTrap = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fun
       var target = event.target || event.srcElement;
       var node = (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this));
 
-      if (node && target instanceof Element && (0, _listenFocusOutside.containsTargetOrRenderContainer)(target)(node)) {
+      if (node && (0, _isInstanceOf.isInstanceOf)(target, _globalObject.globalObject.Element) && (0, _listenFocusOutside.containsTargetOrRenderContainer)(target)(node)) {
         return;
       }
 
       _this.onClickOutside(event);
-    };return _this;}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) {this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;_SSRSafe.renderTarget.removeEventListener('ontouchstart' in _SSRSafe.renderTarget.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);}};return FocusTrap;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'FocusTrap', _temp)) || _class;exports.FocusTrap = FocusTrap;
+    };return _this;}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 ? void 0 : _globalObject$documen2.removeEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);}};return FocusTrap;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'FocusTrap', _class2.displayName = 'FocusTrap', _temp)) || _class;exports.FocusTrap = FocusTrap;