@invoicebox/ui 0.1.0-alpha.325 → 0.1.0-alpha.327

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (178) hide show
  1. package/dist/components/common/AdaptiveModalDrawer/index.d.ts +11 -0
  2. package/dist/components/common/AdaptiveModalDrawer/index.js +31 -0
  3. package/dist/components/common/AdaptiveModalDrawer/index.stories.d.ts +5 -0
  4. package/dist/components/common/AdaptiveModalDrawer/index.stories.js +44 -0
  5. package/dist/components/common/AppCardLink/index.js +1 -2
  6. package/dist/components/common/BgCard/index.js +1 -2
  7. package/dist/components/common/BgCard/styles.js +1 -2
  8. package/dist/components/common/Calendar/index.js +1 -2
  9. package/dist/components/common/Calendar/index.stories.js +1 -2
  10. package/dist/components/common/Calendar/styles.js +1 -2
  11. package/dist/components/common/Divider/index.js +1 -2
  12. package/dist/components/common/Drawer/index.js +1 -2
  13. package/dist/components/common/Drawer/index.stories.js +1 -2
  14. package/dist/components/common/Drawer/styles.js +1 -2
  15. package/dist/components/common/Dropdown/index.js +1 -2
  16. package/dist/components/common/Dropdown/styles.js +8 -9
  17. package/dist/components/common/EntityAutocompleteOptionsDrawer/index.js +1 -2
  18. package/dist/components/common/EntityAutocompleteOptionsDrawer/index.stories.js +1 -2
  19. package/dist/components/common/Flag/index.js +1 -2
  20. package/dist/components/common/Flag/styles.js +1 -2
  21. package/dist/components/common/InvoiceboxSpinner/index.js +1 -2
  22. package/dist/components/common/InvoiceboxSpinner/styles.js +1 -2
  23. package/dist/components/common/Modal/assets/CollapseIcon.d.ts +1 -0
  24. package/dist/components/common/Modal/assets/CollapseIcon.js +42 -0
  25. package/dist/components/common/Modal/assets/ExpandIcon.d.ts +1 -0
  26. package/dist/components/common/Modal/assets/ExpandIcon.js +42 -0
  27. package/dist/components/common/Modal/context.d.ts +9 -0
  28. package/dist/components/common/Modal/context.js +14 -0
  29. package/dist/components/common/Modal/index.d.ts +15 -0
  30. package/dist/components/common/Modal/index.js +165 -0
  31. package/dist/components/common/Modal/index.stories.d.ts +6 -0
  32. package/dist/components/common/Modal/index.stories.js +76 -0
  33. package/dist/components/common/Modal/palette.d.ts +9 -0
  34. package/dist/components/common/Modal/palette.js +23 -0
  35. package/dist/components/common/Modal/styles.d.ts +25 -0
  36. package/dist/components/common/Modal/styles.js +69 -0
  37. package/dist/components/common/PointsLoader/index.js +1 -2
  38. package/dist/components/common/QRCode/index.js +2 -2
  39. package/dist/components/common/ReadOnlyLabelValueField/index.js +1 -2
  40. package/dist/components/common/Scrollbar/index.js +1 -2
  41. package/dist/components/common/Scrollbar/styles.js +1 -2
  42. package/dist/components/common/SecondaryButton/index.js +3 -4
  43. package/dist/components/common/SecondaryButton/styles.js +1 -2
  44. package/dist/components/common/Skeleton/index.js +1 -2
  45. package/dist/components/common/Skeleton/styles.js +1 -2
  46. package/dist/components/common/Toast/index.js +1 -2
  47. package/dist/components/common/Tooltip/index.js +1 -2
  48. package/dist/components/common/Typography/index.js +3 -4
  49. package/dist/components/common/WarningIcon/index.js +1 -2
  50. package/dist/components/common/WentWrongModal/assets/icons.d.ts +3 -0
  51. package/dist/components/common/WentWrongModal/assets/icons.js +84 -0
  52. package/dist/components/common/WentWrongModal/assets/racoonImage.d.ts +1 -0
  53. package/dist/components/common/WentWrongModal/assets/racoonImage.js +9 -0
  54. package/dist/components/common/WentWrongModal/index.d.ts +23 -0
  55. package/dist/components/common/WentWrongModal/index.js +193 -0
  56. package/dist/components/common/WentWrongModal/index.stories.d.ts +6 -0
  57. package/dist/components/common/WentWrongModal/index.stories.js +60 -0
  58. package/dist/components/common/WentWrongModal/index.test.d.ts +1 -0
  59. package/dist/components/common/WentWrongModal/index.test.js +209 -0
  60. package/dist/components/common/WentWrongModal/palette.d.ts +11 -0
  61. package/dist/components/common/WentWrongModal/palette.js +22 -0
  62. package/dist/components/common/WentWrongModal/styles.d.ts +24 -0
  63. package/dist/components/common/WentWrongModal/styles.js +88 -0
  64. package/dist/components/form/Autocomplete/components/Autocomplete/index.js +1 -2
  65. package/dist/components/form/Autocomplete/components/Autocomplete/index.stories.js +1 -2
  66. package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.js +1 -2
  67. package/dist/components/form/Checkbox/index.js +3 -4
  68. package/dist/components/form/Checkbox/index.stories.js +1 -2
  69. package/dist/components/form/CodeInput/index.js +1 -2
  70. package/dist/components/form/CodeInput/index.stories.js +1 -2
  71. package/dist/components/form/CountrySelect/components/CountryItem/index.js +1 -2
  72. package/dist/components/form/CountrySelect/index.js +3 -4
  73. package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.js +1 -2
  74. package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.stories.js +1 -2
  75. package/dist/components/form/CurrencyInput/CurrencyInputNumber/index.js +2 -2
  76. package/dist/components/form/CurrencyInput/CurrencyInputNumber/index.stories.js +1 -2
  77. package/dist/components/form/CurrencyInput/CurrencyInputString/index.js +2 -2
  78. package/dist/components/form/CurrencyInput/CurrencyInputString/index.stories.js +1 -2
  79. package/dist/components/form/DateInput/components/CalendarIcon/index.js +1 -2
  80. package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/index.js +1 -2
  81. package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/index.stories.js +1 -2
  82. package/dist/components/form/DateInput/index.js +1 -2
  83. package/dist/components/form/DateInput/index.stories.js +1 -2
  84. package/dist/components/form/DateTimeInput/components/MobileDatePicker/index.js +1 -2
  85. package/dist/components/form/DateTimeInput/components/MobileDatePicker/index.stories.js +1 -2
  86. package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.js +1 -2
  87. package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.stories.js +1 -2
  88. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/index.js +1 -2
  89. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/index.js +1 -2
  90. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/index.stories.js +1 -2
  91. package/dist/components/form/DateTimeInput/components/TimePicker/index.js +1 -2
  92. package/dist/components/form/DateTimeInput/components/TimePicker/index.stories.js +1 -2
  93. package/dist/components/form/DateTimeInput/index.js +1 -2
  94. package/dist/components/form/DateTimeInput/index.stories.js +1 -2
  95. package/dist/components/form/InputLabel/index.js +1 -2
  96. package/dist/components/form/InputLabel/styles.js +1 -2
  97. package/dist/components/form/ModernPlaceholder/index.js +1 -2
  98. package/dist/components/form/PhoneInput/index.js +1 -2
  99. package/dist/components/form/PhoneInput/index.stories.js +1 -2
  100. package/dist/components/form/PositiveIntegerInput/index.js +1 -2
  101. package/dist/components/form/PositiveIntegerInput/index.stories.js +1 -2
  102. package/dist/components/form/PureInput/index.js +3 -4
  103. package/dist/components/form/PureInput/styles.js +2 -2
  104. package/dist/components/form/ResetButton/index.js +1 -2
  105. package/dist/components/form/SearchInput/index.js +1 -2
  106. package/dist/components/form/SearchInput/index.stories.js +1 -2
  107. package/dist/components/form/Select/components/Input/index.js +1 -2
  108. package/dist/components/form/Select/components/Loader/index.js +1 -2
  109. package/dist/components/form/Select/components/MultipleValue/index.js +1 -2
  110. package/dist/components/form/Select/components/MultipleValue/styles.js +1 -2
  111. package/dist/components/form/Select/index.js +1 -2
  112. package/dist/components/form/Select/index.stories.js +1 -2
  113. package/dist/components/form/Select/styles.js +1 -2
  114. package/dist/components/form/TagsInput/index.js +1 -2
  115. package/dist/components/form/TagsInput/index.stories.js +1 -2
  116. package/dist/components/form/TagsInput/styles.js +2 -2
  117. package/dist/components/form/TextInput/index.js +1 -2
  118. package/dist/components/form/TextInput/index.stories.js +1 -2
  119. package/dist/components/form/Toggle/index.js +3 -4
  120. package/dist/components/form/Toggle/index.stories.js +1 -2
  121. package/dist/components/form/Toggle/styles.js +10 -10
  122. package/dist/components/form/_hooks/useInputStyles.js +1 -2
  123. package/dist/components/form/common/DrawerHeader/index.js +1 -2
  124. package/dist/esm/components/common/AdaptiveModalDrawer/index.js +24 -0
  125. package/dist/esm/components/common/AdaptiveModalDrawer/index.stories.js +37 -0
  126. package/dist/esm/components/common/Dropdown/styles.js +7 -7
  127. package/dist/esm/components/common/Modal/assets/CollapseIcon.js +35 -0
  128. package/dist/esm/components/common/Modal/assets/ExpandIcon.js +35 -0
  129. package/dist/esm/components/common/Modal/context.js +8 -0
  130. package/dist/esm/components/common/Modal/index.js +147 -0
  131. package/dist/esm/components/common/Modal/index.stories.js +69 -0
  132. package/dist/esm/components/common/Modal/palette.js +16 -0
  133. package/dist/esm/components/common/Modal/styles.js +61 -0
  134. package/dist/esm/components/common/QRCode/index.js +2 -2
  135. package/dist/esm/components/common/SecondaryButton/index.js +2 -2
  136. package/dist/esm/components/common/Typography/index.js +2 -2
  137. package/dist/esm/components/common/WentWrongModal/assets/icons.js +77 -0
  138. package/dist/esm/components/common/WentWrongModal/assets/racoonImage.js +3 -0
  139. package/dist/esm/components/common/WentWrongModal/index.js +186 -0
  140. package/dist/esm/components/common/WentWrongModal/index.stories.js +53 -0
  141. package/dist/esm/components/common/WentWrongModal/index.test.js +208 -0
  142. package/dist/esm/components/common/WentWrongModal/palette.js +15 -0
  143. package/dist/esm/components/common/WentWrongModal/styles.js +81 -0
  144. package/dist/esm/components/form/Checkbox/index.js +2 -2
  145. package/dist/esm/components/form/CountrySelect/index.js +2 -2
  146. package/dist/esm/components/form/CurrencyInput/CurrencyInputNumber/index.js +2 -2
  147. package/dist/esm/components/form/CurrencyInput/CurrencyInputString/index.js +2 -2
  148. package/dist/esm/components/form/PureInput/index.js +2 -2
  149. package/dist/esm/components/form/PureInput/styles.js +2 -2
  150. package/dist/esm/components/form/TagsInput/styles.js +2 -2
  151. package/dist/esm/components/form/Toggle/index.js +2 -2
  152. package/dist/esm/components/form/Toggle/styles.js +10 -10
  153. package/dist/esm/hooks/useQueryFilter/context.js +40 -0
  154. package/dist/esm/hooks/useQueryFilter/helpers.js +58 -0
  155. package/dist/esm/hooks/useQueryFilter/index.js +123 -0
  156. package/dist/esm/hooks/useQueryFilter/index.stories.js +71 -0
  157. package/dist/esm/hooks/useQueryFilter/index.test.js +180 -0
  158. package/dist/esm/index.js +4 -1
  159. package/dist/esm/palette/context.js +5 -1
  160. package/dist/esm/palette/provider.js +5 -1
  161. package/dist/hooks/useQueryFilter/context.d.ts +35 -0
  162. package/dist/hooks/useQueryFilter/context.js +48 -0
  163. package/dist/hooks/useQueryFilter/helpers.d.ts +17 -0
  164. package/dist/hooks/useQueryFilter/helpers.js +64 -0
  165. package/dist/hooks/useQueryFilter/index.d.ts +19 -0
  166. package/dist/hooks/useQueryFilter/index.js +163 -0
  167. package/dist/hooks/useQueryFilter/index.stories.d.ts +4 -0
  168. package/dist/hooks/useQueryFilter/index.stories.js +75 -0
  169. package/dist/hooks/useQueryFilter/index.test.d.ts +1 -0
  170. package/dist/hooks/useQueryFilter/index.test.js +183 -0
  171. package/dist/hooks/useUnupdatableHandler/index.stories.js +1 -2
  172. package/dist/index.d.ts +8 -0
  173. package/dist/index.js +136 -0
  174. package/dist/palette/context.d.ts +4 -0
  175. package/dist/palette/context.js +52 -48
  176. package/dist/palette/provider.js +53 -50
  177. package/dist/palette/usePalette.d.ts +2 -0
  178. package/package.json +2 -1
@@ -0,0 +1,165 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.Modal = void 0;
8
+ Object.defineProperty(exports, "modalExpansionFlexItem", {
9
+ enumerable: true,
10
+ get: function get() {
11
+ return S.modalExpansionFlexItem;
12
+ }
13
+ });
14
+ Object.defineProperty(exports, "useModalExpansion", {
15
+ enumerable: true,
16
+ get: function get() {
17
+ return _context.useModalExpansion;
18
+ }
19
+ });
20
+ var _react = _interopRequireWildcard(require("react"));
21
+ var _reactDom = require("react-dom");
22
+ var _useOutsideClick = require("../../../hooks/useOutsideClick");
23
+ var _useLockBodyScroll = require("../../../hooks/useLockBodyScroll");
24
+ var _palette = require("../../../palette");
25
+ var _ErrorBoundary = require("../ErrorBoundary");
26
+ var _ExpandIcon = require("./assets/ExpandIcon");
27
+ var _CollapseIcon = require("./assets/CollapseIcon");
28
+ var _context = require("./context");
29
+ var S = _interopRequireWildcard(require("./styles"));
30
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
31
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
32
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
33
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
34
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
35
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
36
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
37
+ var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
38
+ var Modal = exports.Modal = function Modal(_ref) {
39
+ var onClose = _ref.onClose,
40
+ isOpen = _ref.isOpen,
41
+ children = _ref.children,
42
+ _ref$overflow = _ref.overflow,
43
+ overflow = _ref$overflow === void 0 ? 'auto' : _ref$overflow,
44
+ width = _ref.width,
45
+ isDisabledOutsideClick = _ref.isDisabledOutsideClick,
46
+ isExpandable = _ref.isExpandable;
47
+ var palette = (0, _palette.useComponentPalette)('modal');
48
+ var contentRef = (0, _react.useRef)(null);
49
+ var previousFocusRef = (0, _react.useRef)(null);
50
+ var _useState = (0, _react.useState)(false),
51
+ _useState2 = _slicedToArray(_useState, 2),
52
+ isExpanded = _useState2[0],
53
+ setIsExpanded = _useState2[1];
54
+ var expansionContextValue = (0, _react.useMemo)(function () {
55
+ return {
56
+ isExpandable: Boolean(isExpandable),
57
+ isExpanded: isExpanded
58
+ };
59
+ }, [isExpandable, isExpanded]);
60
+ (0, _useLockBodyScroll.useLockBodyScroll)(isOpen);
61
+ (0, _react.useEffect)(function () {
62
+ if (!isOpen) {
63
+ setIsExpanded(false);
64
+ }
65
+ }, [isOpen]);
66
+
67
+ // Фокус переносим в окно при открытии и возвращаем на прежний элемент при закрытии
68
+ (0, _react.useEffect)(function () {
69
+ var _contentRef$current;
70
+ if (!isOpen) return undefined;
71
+ previousFocusRef.current = document.activeElement;
72
+ (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 || _contentRef$current.focus();
73
+ return function () {
74
+ var _previousFocusRef$cur;
75
+ (_previousFocusRef$cur = previousFocusRef.current) === null || _previousFocusRef$cur === void 0 || _previousFocusRef$cur.focus();
76
+ };
77
+ }, [isOpen]);
78
+
79
+ /**
80
+ * Клик вне окна закрывает модалку. Не считаем «снаружи» клики по порталу Dropdown и по другим диалогам
81
+ * поверх неё (role="dialog"): например, Drawer с опциями Select на планшете рендерится порталом в body,
82
+ * и клик по его затемнению иначе закрывал бы и эту модалку.
83
+ */
84
+ (0, _react.useEffect)(function () {
85
+ if (!isOpen || isDisabledOutsideClick) return undefined;
86
+ var handleMouseDown = function handleMouseDown(event) {
87
+ var content = contentRef.current;
88
+ var target = event.target;
89
+ if (!content || !(target instanceof Element) || content.contains(target)) return;
90
+ if ((0, _useOutsideClick.isDropdownPortalClick)(target)) return;
91
+ var dialog = target.closest('[role="dialog"]');
92
+ if (dialog && dialog !== content) return;
93
+ onClose();
94
+ };
95
+ document.addEventListener('mousedown', handleMouseDown);
96
+ return function () {
97
+ document.removeEventListener('mousedown', handleMouseDown);
98
+ };
99
+ }, [isOpen, isDisabledOutsideClick, onClose]);
100
+
101
+ // Escape закрывает окно, Tab/Shift+Tab не выпускают фокус за его пределы
102
+ (0, _react.useEffect)(function () {
103
+ if (!isOpen) return undefined;
104
+ var handleKeyDown = function handleKeyDown(e) {
105
+ var _document$activeEleme;
106
+ // Поверх открыта другая модалка и фокус в ней — Escape и Tab обрабатывает она, а не эта
107
+ var activeDialog = (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.closest('[role="dialog"]');
108
+ if (activeDialog && activeDialog !== contentRef.current) return;
109
+ if (e.key === 'Escape') {
110
+ onClose();
111
+ return;
112
+ }
113
+ if (e.key !== 'Tab') return;
114
+ var content = contentRef.current;
115
+ if (!content) return;
116
+ var focusable = Array.from(content.querySelectorAll(FOCUSABLE_SELECTOR));
117
+ if (!focusable.length) {
118
+ e.preventDefault();
119
+ return;
120
+ }
121
+ var first = focusable[0];
122
+ var last = focusable[focusable.length - 1];
123
+ var active = document.activeElement;
124
+ if (e.shiftKey && active === first) {
125
+ e.preventDefault();
126
+ last.focus();
127
+ } else if (!e.shiftKey && (active === last || !content.contains(active))) {
128
+ e.preventDefault();
129
+ first.focus();
130
+ }
131
+ };
132
+ document.addEventListener('keydown', handleKeyDown);
133
+ return function () {
134
+ document.removeEventListener('keydown', handleKeyDown);
135
+ };
136
+ }, [isOpen, onClose]);
137
+ if (!isOpen) return null;
138
+ return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement(S.Container, null, /*#__PURE__*/_react["default"].createElement(S.ContainerInner, {
139
+ $isExpanded: isExpanded
140
+ }, /*#__PURE__*/_react["default"].createElement(S.Backdrop, {
141
+ $palette: palette
142
+ }), /*#__PURE__*/_react["default"].createElement(S.Content, {
143
+ $palette: palette,
144
+ $overflow: overflow,
145
+ $width: width,
146
+ $isExpandable: isExpandable,
147
+ $isExpanded: isExpanded,
148
+ ref: contentRef,
149
+ role: "dialog",
150
+ "aria-modal": "true",
151
+ tabIndex: -1
152
+ }, isExpandable && /*#__PURE__*/_react["default"].createElement(S.ExpandButton, {
153
+ type: "button",
154
+ $palette: palette,
155
+ onClick: function onClick() {
156
+ return setIsExpanded(function (prev) {
157
+ return !prev;
158
+ });
159
+ },
160
+ "aria-label": isExpanded ? 'Свернуть окно' : 'Развернуть окно на весь экран',
161
+ title: isExpanded ? 'Свернуть' : 'Развернуть на весь экран'
162
+ }, isExpanded ? /*#__PURE__*/_react["default"].createElement(_CollapseIcon.CollapseIcon, null) : /*#__PURE__*/_react["default"].createElement(_ExpandIcon.ExpandIcon, null)), /*#__PURE__*/_react["default"].createElement(_context.ModalExpansionContext.Provider, {
163
+ value: expansionContextValue
164
+ }, /*#__PURE__*/_react["default"].createElement(_ErrorBoundary.ErrorBoundary, null, children))))), document.body);
165
+ };
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Modal, TProps } from '.';
3
+ declare const meta: Meta<typeof Modal>;
4
+ export default meta;
5
+ export declare const Default: StoryObj<TProps>;
6
+ export declare const Expandable: StoryObj<TProps>;
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = exports.Expandable = exports.Default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _useModal5 = require("../../../hooks/useModal");
9
+ var _ = require(".");
10
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
12
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
13
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
14
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
15
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
16
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
17
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
18
+ var meta = {
19
+ title: 'common/Modal',
20
+ component: _.Modal,
21
+ tags: ['autodocs']
22
+ };
23
+ var _default = exports["default"] = meta;
24
+ var Default = exports.Default = {
25
+ args: {},
26
+ render: function Render(args) {
27
+ var _useModal = (0, _useModal5.useModal)(false),
28
+ _useModal2 = _slicedToArray(_useModal, 3),
29
+ isOpen = _useModal2[0],
30
+ open = _useModal2[1],
31
+ close = _useModal2[2];
32
+ return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
33
+ type: "button",
34
+ onClick: open
35
+ }, "Open"), /*#__PURE__*/_react["default"].createElement(_.Modal, _extends({}, args, {
36
+ onClose: close,
37
+ isOpen: isOpen
38
+ }), /*#__PURE__*/_react["default"].createElement("div", {
39
+ style: {
40
+ padding: 24
41
+ }
42
+ }, "Content")));
43
+ }
44
+ };
45
+ var Expandable = exports.Expandable = {
46
+ args: {},
47
+ render: function Render(args) {
48
+ var _useModal3 = (0, _useModal5.useModal)(false),
49
+ _useModal4 = _slicedToArray(_useModal3, 3),
50
+ isOpen = _useModal4[0],
51
+ open = _useModal4[1],
52
+ close = _useModal4[2];
53
+ return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
54
+ type: "button",
55
+ onClick: open
56
+ }, "Open"), /*#__PURE__*/_react["default"].createElement(_.Modal, _extends({}, args, {
57
+ onClose: close,
58
+ isOpen: isOpen,
59
+ isExpandable: true,
60
+ width: 600,
61
+ overflow: "visible"
62
+ }), /*#__PURE__*/_react["default"].createElement("div", {
63
+ style: {
64
+ width: 600,
65
+ flex: 1,
66
+ background: '#f2f4f6',
67
+ borderRadius: 20
68
+ }
69
+ }, /*#__PURE__*/_react["default"].createElement("div", {
70
+ style: {
71
+ padding: 24,
72
+ height: 200
73
+ }
74
+ }, "Content"))));
75
+ }
76
+ };
@@ -0,0 +1,9 @@
1
+ import { TAbstractPalette } from '../../../palette';
2
+ export type TModalPalette = {
3
+ bg: string;
4
+ backdropBg: string;
5
+ shadow: string;
6
+ expandButton: string;
7
+ expandButtonHoverBg: string;
8
+ };
9
+ export declare const generateModalPalette: (abstractPalette: TAbstractPalette) => TModalPalette;
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.generateModalPalette = void 0;
7
+ var _transformColorByHsl = require("../../../utils/transformColorByHsl");
8
+ var _hexToRgba = _interopRequireDefault(require("../../../utils/hexToRgba"));
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
10
+ var generateModalPalette = exports.generateModalPalette = function generateModalPalette(abstractPalette) {
11
+ return {
12
+ bg: abstractPalette.base,
13
+ // тот же затемнённый primary, что и у подложки Drawer
14
+ backdropBg: (0, _hexToRgba["default"])((0, _transformColorByHsl.transformColorByHsl)(abstractPalette.primary, {
15
+ hue: -3.3333333333333144,
16
+ saturation: -0.07435090479937062,
17
+ lightness: 0.08235294117647063
18
+ }), 0.5),
19
+ shadow: '0 10px 30px 0 rgba(53, 63, 71, 0.1)',
20
+ expandButton: (0, _hexToRgba["default"])(abstractPalette.primary, 0.7),
21
+ expandButtonHoverBg: (0, _hexToRgba["default"])(abstractPalette.primary, 0.06)
22
+ };
23
+ };
@@ -0,0 +1,25 @@
1
+ /// <reference types="react" />
2
+ import { TModalPalette } from './palette';
3
+ /**
4
+ * Растяжение flex-элемента по высоте внутри expandable-модалки: занимает свободное
5
+ * место и умеет сжиматься, отдавая скролл вложенному контенту. Вешается на конкретные
6
+ * обёртки по пропу (см. useModalExpansion), а не через селекторы.
7
+ */
8
+ export declare const modalExpansionFlexItem: import("styled-components").RuleSet<object>;
9
+ export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
10
+ export declare const ContainerInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
11
+ $isExpanded?: boolean | undefined;
12
+ }>> & string;
13
+ export declare const Backdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
14
+ $palette: TModalPalette;
15
+ }>> & string;
16
+ export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
17
+ $palette: TModalPalette;
18
+ $overflow: string;
19
+ $width?: number | undefined;
20
+ $isExpandable?: boolean | undefined;
21
+ $isExpanded?: boolean | undefined;
22
+ }>> & string;
23
+ export declare const ExpandButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
24
+ $palette: TModalPalette;
25
+ }>> & string;
@@ -0,0 +1,69 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.modalExpansionFlexItem = exports.ExpandButton = exports.Content = exports.ContainerInner = exports.Container = exports.Backdrop = void 0;
8
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
+ var _breakpoints = require("../../../breakpoints");
10
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
11
+ /**
12
+ * Растяжение flex-элемента по высоте внутри expandable-модалки: занимает свободное
13
+ * место и умеет сжиматься, отдавая скролл вложенному контенту. Вешается на конкретные
14
+ * обёртки по пропу (см. useModalExpansion), а не через селекторы.
15
+ */
16
+ var modalExpansionFlexItem = exports.modalExpansionFlexItem = (0, _styledComponents.css)(["flex:1 1 auto;min-height:0;"]);
17
+ var Container = exports.Container = _styledComponents["default"].div.withConfig({
18
+ displayName: "styles__Container",
19
+ componentId: "sc-1kjfcg5-0"
20
+ })(["position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;"]);
21
+ var ContainerInner = exports.ContainerInner = _styledComponents["default"].div.withConfig({
22
+ displayName: "styles__ContainerInner",
23
+ componentId: "sc-1kjfcg5-1"
24
+ })(["box-sizing:border-box;width:100%;height:100%;position:relative;display:flex;justify-content:center;overflow:hidden auto;align-items:flex-start;padding:", ";@media ", "{padding:", ";}"], function (_ref) {
25
+ var $isExpanded = _ref.$isExpanded;
26
+ return $isExpanded ? '20px' : '55px 0';
27
+ }, _breakpoints.breakpoints.sm, function (_ref2) {
28
+ var $isExpanded = _ref2.$isExpanded;
29
+ return $isExpanded ? '20px' : '15px 0';
30
+ });
31
+ var Backdrop = exports.Backdrop = _styledComponents["default"].div.withConfig({
32
+ displayName: "styles__Backdrop",
33
+ componentId: "sc-1kjfcg5-2"
34
+ })(["position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:", ";"], function (_ref3) {
35
+ var $palette = _ref3.$palette;
36
+ return $palette.backdropBg;
37
+ });
38
+ var Content = exports.Content = _styledComponents["default"].div.withConfig({
39
+ displayName: "styles__Content",
40
+ componentId: "sc-1kjfcg5-3"
41
+ })(["margin:auto;max-width:calc(100vw - 10px);", " overflow:", ";position:relative;background-color:", ";border-radius:20px;box-shadow:", ";outline:none;", " ", " @media ", "{width:100%;}"], function (_ref4) {
42
+ var $width = _ref4.$width;
43
+ return $width && "width: ".concat($width, "px;");
44
+ }, function (_ref5) {
45
+ var $overflow = _ref5.$overflow;
46
+ return $overflow;
47
+ }, function (_ref6) {
48
+ var $palette = _ref6.$palette;
49
+ return $palette.bg;
50
+ }, function (_ref7) {
51
+ var $palette = _ref7.$palette;
52
+ return $palette.shadow;
53
+ }, function (_ref8) {
54
+ var $isExpandable = _ref8.$isExpandable;
55
+ return $isExpandable && (0, _styledComponents.css)(["display:flex;flex-direction:column;align-items:center;max-height:100%;overflow:auto;@media ", "{display:block;max-height:none;}"], _breakpoints.breakpoints.md);
56
+ }, function (_ref9) {
57
+ var $isExpanded = _ref9.$isExpanded;
58
+ return $isExpanded && (0, _styledComponents.css)(["width:100%;max-width:100%;height:100%;"]);
59
+ }, _breakpoints.breakpoints.md);
60
+ var ExpandButton = exports.ExpandButton = _styledComponents["default"].button.withConfig({
61
+ displayName: "styles__ExpandButton",
62
+ componentId: "sc-1kjfcg5-4"
63
+ })(["position:absolute;top:14px;right:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background-color:transparent;cursor:pointer;color:", ";&:hover{background-color:", ";}@media ", "{display:none;}"], function (_ref0) {
64
+ var $palette = _ref0.$palette;
65
+ return $palette.expandButton;
66
+ }, function (_ref1) {
67
+ var $palette = _ref1.$palette;
68
+ return $palette.expandButtonHoverBg;
69
+ }, _breakpoints.breakpoints.md);
@@ -8,8 +8,7 @@ exports.PointsLoader = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var S = _interopRequireWildcard(require("./styles"));
10
10
  var _palette = require("../../../palette");
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
11
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
13
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
13
  var points = new Array(3).fill('').map(function (item, index) {
15
14
  return index;
@@ -15,8 +15,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
15
15
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
16
16
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
17
17
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
18
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
19
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
18
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
19
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
20
20
  var QRCode = exports.QRCode = function QRCode(_ref) {
21
21
  var image = _ref.image,
22
22
  others = _objectWithoutProperties(_ref, _excluded);
@@ -10,8 +10,7 @@ var S = _interopRequireWildcard(require("./styles"));
10
10
  var _constants = require("../../form/constants");
11
11
  var _InputLabel = require("../../form/InputLabel");
12
12
  var _palette = require("../../../palette");
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
15
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
16
15
  var ReadOnlyLabelValueField = exports.ReadOnlyLabelValueField = function ReadOnlyLabelValueField(_ref) {
17
16
  var label = _ref.label,
@@ -8,8 +8,7 @@ exports.Scrollbar = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _palette = require("../../../palette");
10
10
  var S = _interopRequireWildcard(require("./styles"));
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
11
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
13
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
13
  // CSS-скроллбар (убрали зависимость `react-custom-scrollbars-2`): нативный overflow + стилизованный
15
14
  // тонкий ползунок. Публичный API сохранён (maxHeight/trackWidth/autoHeight). autoHeight=true →
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.Wrapper = void 0;
8
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
10
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
9
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
11
10
  var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
12
11
  displayName: "styles__Wrapper",
13
12
  componentId: "sc-1pl0pr3-0"
@@ -10,12 +10,11 @@ var S = _interopRequireWildcard(require("./styles"));
10
10
  var _InvoiceboxSpinner = require("../InvoiceboxSpinner");
11
11
  var _palette = require("../../../palette");
12
12
  var _excluded = ["element", "isLoading", "fullWidth", "disabled", "borderRadius", "padding", "className", "children"];
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
15
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
16
15
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
17
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
18
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
16
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
17
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
19
18
  var SecondaryButton = exports.SecondaryButton = function SecondaryButton(_ref) {
20
19
  var _ref$element = _ref.element,
21
20
  element = _ref$element === void 0 ? 'button' : _ref$element,
@@ -8,8 +8,7 @@ exports.Wrapper = exports.LoaderWrapper = exports.Inner = void 0;
8
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
9
  var _Typography = require("../Typography");
10
10
  var _reducedMotion = require("../../../utils/reducedMotion");
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
11
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
13
12
  var Inner = exports.Inner = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
14
13
  displayName: "styles__Inner",
15
14
  componentId: "sc-ln4oiu-0"
@@ -8,8 +8,7 @@ exports.Skeleton = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var S = _interopRequireWildcard(require("./styles"));
10
10
  var _palette = require("../../../palette");
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
11
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
13
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
13
  var Skeleton = exports.Skeleton = function Skeleton(_ref) {
15
14
  var _ref$width = _ref.width,
@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.Wrapper = exports.Inner = void 0;
8
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
9
  var _reducedMotion = require("../../../utils/reducedMotion");
10
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
10
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
12
11
  var shine = (0, _styledComponents.keyframes)(["0%{left:calc(0% - 200px);}100%{left:calc(100% + 200px);}"]);
13
12
  var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
14
13
  displayName: "styles__Wrapper",
@@ -10,8 +10,7 @@ var S = _interopRequireWildcard(require("./styles"));
10
10
  var _palette = require("../../../palette");
11
11
  var _reactToastify = require("react-toastify");
12
12
  var _Typography = require("../Typography");
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
15
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
16
15
  // toastId по умолчанию выводится из текста: пока тост с таким id виден,
17
16
  // повторные вызовы с тем же сообщением игнорируются react-toastify —
@@ -10,8 +10,7 @@ var _reactDom = require("react-dom");
10
10
  var _Typography = require("../Typography");
11
11
  var _palette = require("../../../palette");
12
12
  var S = _interopRequireWildcard(require("./styles"));
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
15
14
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
16
15
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
17
16
  function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -9,11 +9,10 @@ var _react = _interopRequireWildcard(require("react"));
9
9
  var S = _interopRequireWildcard(require("./styles"));
10
10
  var _excluded = ["variant", "element"],
11
11
  _excluded2 = ["variant", "element"];
12
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
12
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
14
13
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
15
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
16
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
14
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
15
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
17
16
  var Typography = exports.Typography = function Typography(_ref) {
18
17
  var variant = _ref.variant,
19
18
  _ref$element = _ref.element,
@@ -8,8 +8,7 @@ exports.WarningIcon = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var S = _interopRequireWildcard(require("./styles"));
10
10
  var _palette = require("../../../palette");
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
11
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
13
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
13
  var WarningIcon = exports.WarningIcon = function WarningIcon(_ref) {
15
14
  var _ref$size = _ref.size,
@@ -0,0 +1,3 @@
1
+ export declare const PhoneIcon: () => import("react/jsx-runtime").JSX.Element;
2
+ export declare const MailIcon: () => import("react/jsx-runtime").JSX.Element;
3
+ export declare const CopyIcon: () => import("react/jsx-runtime").JSX.Element;