@invoicebox/ui 0.1.0-alpha.317 → 0.1.0-alpha.319
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.
- package/dist/components/common/AppCardLink/index.js +3 -3
- package/dist/components/common/Arrow/components/StyledSvg/index.js +3 -2
- package/dist/components/common/BgCard/index.js +1 -2
- package/dist/components/common/BgCard/styles.js +1 -2
- package/dist/components/common/Calendar/index.js +1 -2
- package/dist/components/common/Calendar/index.stories.js +1 -2
- package/dist/components/common/Calendar/styles.js +1 -2
- package/dist/components/common/Divider/index.js +1 -2
- package/dist/components/common/Drawer/index.js +5 -11
- package/dist/components/common/Drawer/index.stories.js +23 -9
- package/dist/components/common/Drawer/styles.js +6 -6
- package/dist/components/common/Dropdown/index.d.ts +1 -0
- package/dist/components/common/Dropdown/index.js +4 -3
- package/dist/components/common/Dropdown/styles.js +11 -11
- package/dist/components/common/EntityAutocompleteOptionsDrawer/index.js +1 -2
- package/dist/components/common/EntityAutocompleteOptionsDrawer/index.stories.js +1 -2
- package/dist/components/common/ErrorBoundary/index.d.ts +15 -0
- package/dist/components/common/ErrorBoundary/index.js +64 -0
- package/dist/components/common/Flag/components/AreFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/AreFlag/index.js +37 -0
- package/dist/components/common/Flag/components/AreFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/AreFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/AusFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/AusFlag/index.js +87 -0
- package/dist/components/common/Flag/components/AusFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/AusFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/DeuFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/DeuFlag/index.js +32 -0
- package/dist/components/common/Flag/components/DeuFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/DeuFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/EcuFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/EcuFlag/index.js +42 -0
- package/dist/components/common/Flag/components/EcuFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/EcuFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/FraFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/FraFlag/index.js +32 -0
- package/dist/components/common/Flag/components/FraFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/FraFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/IndFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/IndFlag/index.js +47 -0
- package/dist/components/common/Flag/components/IndFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/IndFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/SauFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/SauFlag/index.js +37 -0
- package/dist/components/common/Flag/components/SauFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/SauFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/SrbFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/SrbFlag/index.js +42 -0
- package/dist/components/common/Flag/components/SrbFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/SrbFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/SvkFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/SvkFlag/index.js +47 -0
- package/dist/components/common/Flag/components/SvkFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/SvkFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/SvnFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/SvnFlag/index.js +42 -0
- package/dist/components/common/Flag/components/SvnFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/SvnFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/TurFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/TurFlag/index.js +32 -0
- package/dist/components/common/Flag/components/TurFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/TurFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/index.d.ts +2 -2
- package/dist/components/common/Flag/index.js +24 -3
- package/dist/components/common/Flag/index.stories.d.ts +1 -0
- package/dist/components/common/Flag/index.stories.js +26 -1
- package/dist/components/common/Flag/styles.js +1 -2
- package/dist/components/common/InvoiceboxSpinner/index.js +1 -2
- package/dist/components/common/InvoiceboxSpinner/styles.js +1 -2
- package/dist/components/common/PointsLoader/index.js +1 -2
- package/dist/components/common/QRCode/index.js +2 -2
- package/dist/components/common/ReadOnlyLabelValueField/index.js +1 -2
- package/dist/components/common/Scrollbar/index.js +1 -2
- package/dist/components/common/Scrollbar/styles.js +1 -2
- package/dist/components/common/SecondaryButton/index.js +3 -4
- package/dist/components/common/SecondaryButton/styles.js +4 -4
- package/dist/components/common/Skeleton/index.js +1 -2
- package/dist/components/common/Skeleton/styles.js +4 -4
- package/dist/components/common/Toast/index.d.ts +6 -2
- package/dist/components/common/Toast/index.js +12 -4
- package/dist/components/common/Tooltip/index.js +12 -3
- package/dist/components/common/Typography/index.js +3 -4
- package/dist/components/common/WarningIcon/index.js +1 -2
- package/dist/components/form/Autocomplete/components/Autocomplete/index.js +16 -4
- package/dist/components/form/Autocomplete/components/Autocomplete/index.stories.js +1 -2
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.js +3 -2
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.js +1 -2
- package/dist/components/form/Checkbox/index.js +3 -4
- package/dist/components/form/Checkbox/index.stories.js +1 -2
- package/dist/components/form/Checkbox/styles.js +11 -4
- package/dist/components/form/CodeInput/index.js +4 -3
- package/dist/components/form/CodeInput/index.stories.js +1 -2
- package/dist/components/form/CountrySelect/components/CountryItem/index.js +1 -2
- package/dist/components/form/CountrySelect/index.js +3 -4
- package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.js +1 -2
- package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.stories.js +1 -2
- package/dist/components/form/CurrencyInput/CurrencyInputNumber/index.js +2 -2
- package/dist/components/form/CurrencyInput/CurrencyInputNumber/index.stories.js +1 -2
- package/dist/components/form/CurrencyInput/CurrencyInputString/index.js +2 -2
- package/dist/components/form/CurrencyInput/CurrencyInputString/index.stories.js +1 -2
- package/dist/components/form/DateInput/components/CalendarIcon/index.js +1 -2
- package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/index.js +1 -2
- package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/index.stories.js +1 -2
- package/dist/components/form/DateInput/index.js +3 -3
- package/dist/components/form/DateInput/index.stories.js +1 -2
- package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.js +1 -2
- package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.stories.js +1 -2
- package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/index.js +1 -2
- package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/styles.js +4 -4
- package/dist/components/form/DateTimeInput/components/TimePicker/index.js +1 -2
- package/dist/components/form/DateTimeInput/components/TimePicker/index.stories.js +1 -2
- package/dist/components/form/DateTimeInput/index.js +3 -3
- package/dist/components/form/DateTimeInput/index.stories.js +1 -2
- package/dist/components/form/InputLabel/index.js +1 -2
- package/dist/components/form/InputLabel/styles.js +4 -4
- package/dist/components/form/ModernPlaceholder/index.js +1 -2
- package/dist/components/form/ModernPlaceholder/styles.js +3 -2
- package/dist/components/form/PhoneInput/constants.js +98 -0
- package/dist/components/form/PhoneInput/index.js +4 -3
- package/dist/components/form/PhoneInput/index.stories.js +43 -2
- package/dist/components/form/PhoneInput/phoneInputLogic.d.ts +2 -2
- package/dist/components/form/PhoneInput/types.d.ts +1 -1
- package/dist/components/form/PhoneInput/types.js +1 -1
- package/dist/components/form/PositiveIntegerInput/index.js +1 -2
- package/dist/components/form/PositiveIntegerInput/index.stories.js +1 -2
- package/dist/components/form/PositiveIntegerInput/styles.js +1 -2
- package/dist/components/form/PureInput/index.js +3 -4
- package/dist/components/form/PureInput/styles.js +5 -4
- package/dist/components/form/ResetButton/index.js +1 -2
- package/dist/components/form/SearchInput/index.js +4 -3
- package/dist/components/form/SearchInput/index.stories.js +1 -2
- package/dist/components/form/SearchInput/styles.js +3 -2
- package/dist/components/form/Select/components/Input/index.d.ts +2 -0
- package/dist/components/form/Select/components/Input/index.js +8 -4
- package/dist/components/form/Select/components/Loader/index.js +1 -2
- package/dist/components/form/Select/components/MultipleValue/index.js +1 -2
- package/dist/components/form/Select/components/MultipleValue/styles.js +1 -2
- package/dist/components/form/Select/index.js +111 -11
- package/dist/components/form/Select/index.stories.js +1 -2
- package/dist/components/form/Select/styles.d.ts +1 -0
- package/dist/components/form/Select/styles.js +18 -14
- package/dist/components/form/TagsInput/index.js +1 -2
- package/dist/components/form/TagsInput/index.stories.js +1 -2
- package/dist/components/form/TagsInput/styles.js +2 -2
- package/dist/components/form/TextInput/index.d.ts +1 -1
- package/dist/components/form/TextInput/index.js +4 -3
- package/dist/components/form/TextInput/index.stories.js +1 -2
- package/dist/components/form/Toggle/index.js +4 -4
- package/dist/components/form/Toggle/index.stories.js +1 -2
- package/dist/components/form/Toggle/styles.js +14 -10
- package/dist/components/form/_hooks/useInputStyles.js +1 -2
- package/dist/components/form/common/DrawerHeader/index.js +1 -2
- package/dist/esm/components/common/AppCardLink/index.js +2 -1
- package/dist/esm/components/common/Arrow/components/StyledSvg/index.js +3 -2
- package/dist/esm/components/common/Drawer/index.js +4 -9
- package/dist/esm/components/common/Drawer/index.stories.js +22 -7
- package/dist/esm/components/common/Drawer/styles.js +5 -4
- package/dist/esm/components/common/Dropdown/index.js +3 -1
- package/dist/esm/components/common/Dropdown/styles.js +11 -9
- package/dist/esm/components/common/ErrorBoundary/index.js +58 -0
- package/dist/esm/components/common/Flag/components/AreFlag/index.js +30 -0
- package/dist/esm/components/common/Flag/components/AreFlag/index.stories.js +8 -0
- package/dist/esm/components/common/Flag/components/AusFlag/index.js +80 -0
- package/dist/esm/components/common/Flag/components/AusFlag/index.stories.js +8 -0
- package/dist/esm/components/common/Flag/components/DeuFlag/index.js +25 -0
- package/dist/esm/components/common/Flag/components/DeuFlag/index.stories.js +8 -0
- package/dist/esm/components/common/Flag/components/EcuFlag/index.js +35 -0
- package/dist/esm/components/common/Flag/components/EcuFlag/index.stories.js +8 -0
- package/dist/esm/components/common/Flag/components/FraFlag/index.js +25 -0
- package/dist/esm/components/common/Flag/components/FraFlag/index.stories.js +8 -0
- package/dist/esm/components/common/Flag/components/IndFlag/index.js +40 -0
- package/dist/esm/components/common/Flag/components/IndFlag/index.stories.js +8 -0
- package/dist/esm/components/common/Flag/components/SauFlag/index.js +30 -0
- package/dist/esm/components/common/Flag/components/SauFlag/index.stories.js +8 -0
- package/dist/esm/components/common/Flag/components/SrbFlag/index.js +35 -0
- package/dist/esm/components/common/Flag/components/SrbFlag/index.stories.js +8 -0
- package/dist/esm/components/common/Flag/components/SvkFlag/index.js +40 -0
- package/dist/esm/components/common/Flag/components/SvkFlag/index.stories.js +8 -0
- package/dist/esm/components/common/Flag/components/SvnFlag/index.js +35 -0
- package/dist/esm/components/common/Flag/components/SvnFlag/index.stories.js +8 -0
- package/dist/esm/components/common/Flag/components/TurFlag/index.js +25 -0
- package/dist/esm/components/common/Flag/components/TurFlag/index.stories.js +8 -0
- package/dist/esm/components/common/Flag/index.js +23 -1
- package/dist/esm/components/common/Flag/index.stories.js +24 -0
- package/dist/esm/components/common/QRCode/index.js +2 -2
- package/dist/esm/components/common/SecondaryButton/index.js +2 -2
- package/dist/esm/components/common/SecondaryButton/styles.js +3 -2
- package/dist/esm/components/common/Skeleton/styles.js +3 -2
- package/dist/esm/components/common/Toast/index.js +11 -2
- package/dist/esm/components/common/Tooltip/index.js +12 -2
- package/dist/esm/components/common/Typography/index.js +2 -2
- package/dist/esm/components/form/Autocomplete/components/Autocomplete/index.js +15 -2
- package/dist/esm/components/form/Autocomplete/components/AutocompleteDefaultOption/index.js +3 -2
- package/dist/esm/components/form/Checkbox/index.js +2 -2
- package/dist/esm/components/form/Checkbox/styles.js +11 -4
- package/dist/esm/components/form/CodeInput/index.js +3 -1
- package/dist/esm/components/form/CountrySelect/index.js +2 -2
- package/dist/esm/components/form/CurrencyInput/CurrencyInputNumber/index.js +2 -2
- package/dist/esm/components/form/CurrencyInput/CurrencyInputString/index.js +2 -2
- package/dist/esm/components/form/DateInput/index.js +2 -1
- package/dist/esm/components/form/DateTimeInput/components/MobileNumbersColumn/styles.js +3 -2
- package/dist/esm/components/form/DateTimeInput/index.js +2 -1
- package/dist/esm/components/form/InputLabel/styles.js +3 -2
- package/dist/esm/components/form/ModernPlaceholder/styles.js +3 -2
- package/dist/esm/components/form/PhoneInput/constants.js +98 -0
- package/dist/esm/components/form/PhoneInput/index.js +3 -1
- package/dist/esm/components/form/PhoneInput/index.stories.js +42 -0
- package/dist/esm/components/form/PhoneInput/types.js +1 -1
- package/dist/esm/components/form/PureInput/index.js +2 -2
- package/dist/esm/components/form/PureInput/styles.js +5 -4
- package/dist/esm/components/form/SearchInput/index.js +3 -1
- package/dist/esm/components/form/SearchInput/styles.js +3 -2
- package/dist/esm/components/form/Select/components/Input/index.js +7 -2
- package/dist/esm/components/form/Select/index.js +111 -10
- package/dist/esm/components/form/Select/styles.js +17 -12
- package/dist/esm/components/form/TagsInput/styles.js +2 -2
- package/dist/esm/components/form/TextInput/index.js +3 -1
- package/dist/esm/components/form/Toggle/index.js +3 -2
- package/dist/esm/components/form/Toggle/styles.js +14 -10
- package/dist/esm/hooks/useLockBodyScroll/index.js +45 -0
- package/dist/esm/utils/reducedMotion.js +8 -0
- package/dist/esm/utils/transformColorByHsl.js +117 -4
- package/dist/esm/utils/transformColorByHsl.test.js +49 -0
- package/dist/hooks/useLockBodyScroll/index.d.ts +1 -0
- package/dist/hooks/useLockBodyScroll/index.js +51 -0
- package/dist/hooks/useUnupdatableHandler/index.stories.js +1 -2
- package/dist/palette/context.js +46 -46
- package/dist/palette/provider.js +47 -48
- package/dist/utils/reducedMotion.d.ts +1 -0
- package/dist/utils/reducedMotion.js +13 -0
- package/dist/utils/transformColorByHsl.js +117 -4
- package/dist/utils/transformColorByHsl.test.d.ts +1 -0
- package/dist/utils/transformColorByHsl.test.js +50 -0
- package/package.json +6 -2
|
@@ -11,8 +11,7 @@ var _ApkRu = _interopRequireDefault(require("./components/ApkRu"));
|
|
|
11
11
|
var _RuStoreRu = _interopRequireDefault(require("./components/RuStoreRu"));
|
|
12
12
|
var _AppGalleryRu = _interopRequireDefault(require("./components/AppGalleryRu"));
|
|
13
13
|
var S = _interopRequireWildcard(require("./styles"));
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
14
|
+
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); }
|
|
16
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
17
16
|
var AppCardLink = exports.AppCardLink = function AppCardLink(_ref) {
|
|
18
17
|
var height = _ref.height,
|
|
@@ -27,7 +26,8 @@ var AppCardLink = exports.AppCardLink = function AppCardLink(_ref) {
|
|
|
27
26
|
var AppCardComponent = appCardMap[variant];
|
|
28
27
|
return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
|
|
29
28
|
href: href,
|
|
30
|
-
target: '_blank'
|
|
29
|
+
target: '_blank',
|
|
30
|
+
rel: "noopener noreferrer"
|
|
31
31
|
}, /*#__PURE__*/_react["default"].createElement(AppCardComponent, {
|
|
32
32
|
height: height
|
|
33
33
|
}));
|
|
@@ -6,15 +6,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.StyledSvg = void 0;
|
|
7
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
8
|
var _Svg = require("../Svg");
|
|
9
|
+
var _reducedMotion = require("../../../../../utils/reducedMotion");
|
|
9
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
11
|
var StyledSvg = exports.StyledSvg = (0, _styledComponents["default"])(_Svg.Svg).withConfig({
|
|
11
12
|
displayName: "StyledSvg",
|
|
12
13
|
componentId: "sc-8dnufv-0"
|
|
13
|
-
})(["transform:rotateZ(", "deg);transition:all 0.2s ease-in-out 0s;box-sizing:content-box;padding:", "px;path{stroke:", ";"], function (_ref) {
|
|
14
|
+
})(["transform:rotateZ(", "deg);transition:all 0.2s ease-in-out 0s;", " box-sizing:content-box;padding:", "px;path{stroke:", ";"], function (_ref) {
|
|
14
15
|
var $isOpen = _ref.$isOpen,
|
|
15
16
|
$defaultRotate = _ref.$defaultRotate;
|
|
16
17
|
return $isOpen ? $defaultRotate + 180 : $defaultRotate;
|
|
17
|
-
}, function (_ref2) {
|
|
18
|
+
}, _reducedMotion.reducedMotion, function (_ref2) {
|
|
18
19
|
var $padding = _ref2.$padding;
|
|
19
20
|
return $padding;
|
|
20
21
|
}, function (_ref3) {
|
|
@@ -8,8 +8,7 @@ exports.BgCard = void 0;
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var S = _interopRequireWildcard(require("./styles"));
|
|
10
10
|
var _palette = require("../../../palette");
|
|
11
|
-
function
|
|
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 BgCard = exports.BgCard = function BgCard(_ref) {
|
|
15
14
|
var children = _ref.children,
|
|
@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.Wrapper = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
9
|
var _breakpoints = require("../../../breakpoints");
|
|
10
|
-
function
|
|
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 Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
|
|
13
12
|
displayName: "styles__Wrapper",
|
|
14
13
|
componentId: "sc-1vrvxit-0"
|
|
@@ -8,8 +8,7 @@ exports.Calendar = void 0;
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _palette = require("../../../palette");
|
|
10
10
|
var _styles = require("./styles");
|
|
11
|
-
function
|
|
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 Calendar = exports.Calendar = function Calendar(_ref) {
|
|
14
13
|
var onChange = _ref.onChange,
|
|
15
14
|
value = _ref.value,
|
|
@@ -9,8 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _addonActions = require("@storybook/addon-actions");
|
|
10
10
|
var _ = require(".");
|
|
11
11
|
require("react-calendar/dist/Calendar.css");
|
|
12
|
-
function
|
|
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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
15
14
|
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."); }
|
|
16
15
|
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,8 +9,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
|
9
9
|
var _reactCalendar = _interopRequireDefault(require("react-calendar"));
|
|
10
10
|
var _breakpoints = require("../../../breakpoints");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
12
|
-
function
|
|
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
|
var largeMobileStyles = (0, _styledComponents.css)(["@media ", "{width:328px;}.react-calendar__navigation{@media ", "{margin-bottom:18px;}}.react-calendar__navigation__label{@media ", "{font-size:20px;font-weight:500;line-height:25px;}}.react-calendar__month-view__weekdays{@media ", "{margin-bottom:6px;}}.react-calendar__tile{@media ", "{height:48px;font-size:15px;font-weight:400;line-height:20px;border-radius:50%;}}"], _breakpoints.breakpoints.sm, _breakpoints.breakpoints.sm, _breakpoints.breakpoints.sm, _breakpoints.breakpoints.sm, _breakpoints.breakpoints.sm);
|
|
15
14
|
var LibCalendar = exports.LibCalendar = (0, _styledComponents["default"])(_reactCalendar["default"]).withConfig({
|
|
16
15
|
displayName: "styles__LibCalendar",
|
|
@@ -8,8 +8,7 @@ exports.Divider = void 0;
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _palette = require("../../../palette");
|
|
10
10
|
var S = _interopRequireWildcard(require("./styles"));
|
|
11
|
-
function
|
|
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 Divider = exports.Divider = function Divider(_ref) {
|
|
15
14
|
var palette = _ref.palette,
|
|
@@ -10,8 +10,9 @@ var _reactDom = require("react-dom");
|
|
|
10
10
|
var S = _interopRequireWildcard(require("./styles"));
|
|
11
11
|
var _Typography = require("../Typography");
|
|
12
12
|
var _palette = require("../../../palette");
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
var _useLockBodyScroll = require("../../../hooks/useLockBodyScroll");
|
|
14
|
+
var _ErrorBoundary = require("../ErrorBoundary");
|
|
15
|
+
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
16
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
16
17
|
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
18
|
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; } }
|
|
@@ -75,14 +76,7 @@ var Drawer = exports.Drawer = function Drawer(_ref) {
|
|
|
75
76
|
}, [shouldRender, isOpen]);
|
|
76
77
|
|
|
77
78
|
// Блокируем скролл фона, пока боттомшит открыт (как делал react-modal-sheet).
|
|
78
|
-
(0,
|
|
79
|
-
if (!shouldRender) return undefined;
|
|
80
|
-
var prev = document.body.style.overflow;
|
|
81
|
-
document.body.style.overflow = 'hidden';
|
|
82
|
-
return function () {
|
|
83
|
-
document.body.style.overflow = prev;
|
|
84
|
-
};
|
|
85
|
-
}, [shouldRender]);
|
|
79
|
+
(0, _useLockBodyScroll.useLockBodyScroll)(shouldRender);
|
|
86
80
|
var handleTransitionEnd = (0, _react.useCallback)(function (event) {
|
|
87
81
|
if (event.target !== sheetRef.current || event.propertyName !== 'transform') return;
|
|
88
82
|
if (isOpen && isEntered && onOpenEnd) onOpenEnd();
|
|
@@ -137,5 +131,5 @@ var Drawer = exports.Drawer = function Drawer(_ref) {
|
|
|
137
131
|
}, title)), /*#__PURE__*/_react["default"].createElement(S.ChildrenWrapper, {
|
|
138
132
|
$bgColor: palette.bg,
|
|
139
133
|
$isPadding: isPadding
|
|
140
|
-
}, children))), document.body);
|
|
134
|
+
}, /*#__PURE__*/_react["default"].createElement(_ErrorBoundary.ErrorBoundary, null, children)))), document.body);
|
|
141
135
|
};
|
|
@@ -8,8 +8,7 @@ exports["default"] = exports.WithTitle = exports.Error = exports.Default = void
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _addonActions = require("@storybook/addon-actions");
|
|
10
10
|
var _ = require(".");
|
|
11
|
-
function
|
|
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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
13
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
14
|
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; }
|
|
@@ -45,19 +44,34 @@ var Counter = function Counter() {
|
|
|
45
44
|
function Render(args) {
|
|
46
45
|
var _useState3 = (0, _react.useState)(false),
|
|
47
46
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
isOpenDrawer1 = _useState4[0],
|
|
48
|
+
setIsOpenDrawer1 = _useState4[1];
|
|
49
|
+
var _useState5 = (0, _react.useState)(false),
|
|
50
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
51
|
+
isOpenDrawer2 = _useState6[0],
|
|
52
|
+
setIsOpenDrawer2 = _useState6[1];
|
|
50
53
|
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_.Drawer, _extends({}, args, {
|
|
51
54
|
onClose: function onClose() {
|
|
52
|
-
return
|
|
55
|
+
return setIsOpenDrawer1(false);
|
|
53
56
|
},
|
|
54
|
-
isOpen:
|
|
55
|
-
}), "Content", /*#__PURE__*/_react["default"].createElement(
|
|
57
|
+
isOpen: isOpenDrawer1
|
|
58
|
+
}), "Drawer 1 Content", /*#__PURE__*/_react["default"].createElement("button", {
|
|
56
59
|
type: 'button',
|
|
57
60
|
onClick: function onClick() {
|
|
58
|
-
|
|
61
|
+
setIsOpenDrawer2(true);
|
|
62
|
+
setIsOpenDrawer1(false);
|
|
59
63
|
}
|
|
60
|
-
}, "Open"))
|
|
64
|
+
}, "Open drawer 2"), /*#__PURE__*/_react["default"].createElement(Counter, null)), /*#__PURE__*/_react["default"].createElement(_.Drawer, _extends({}, args, {
|
|
65
|
+
onClose: function onClose() {
|
|
66
|
+
return setIsOpenDrawer2(false);
|
|
67
|
+
},
|
|
68
|
+
isOpen: isOpenDrawer2
|
|
69
|
+
}), "Drawer 2 Content", /*#__PURE__*/_react["default"].createElement(Counter, null)), /*#__PURE__*/_react["default"].createElement("button", {
|
|
70
|
+
type: 'button',
|
|
71
|
+
onClick: function onClick() {
|
|
72
|
+
return setIsOpenDrawer1(true);
|
|
73
|
+
}
|
|
74
|
+
}, "Open drawer 1"));
|
|
61
75
|
}
|
|
62
76
|
var commonArgs = {
|
|
63
77
|
children: 'Children',
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Title = exports.Sheet = exports.Root = exports.DragIndicator = exports.DragHandle = exports.ChildrenWrapper = exports.Backdrop = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!
|
|
9
|
+
var _reducedMotion = require("../../../utils/reducedMotion");
|
|
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
11
|
var Root = exports.Root = _styledComponents["default"].div.withConfig({
|
|
12
12
|
displayName: "styles__Root",
|
|
13
13
|
componentId: "sc-1kysg49-0"
|
|
@@ -15,17 +15,17 @@ var Root = exports.Root = _styledComponents["default"].div.withConfig({
|
|
|
15
15
|
var Backdrop = exports.Backdrop = _styledComponents["default"].div.withConfig({
|
|
16
16
|
displayName: "styles__Backdrop",
|
|
17
17
|
componentId: "sc-1kysg49-1"
|
|
18
|
-
})(["position:absolute;inset:0;background-color:", ";opacity:", ";transition:opacity 300ms ease;"], function (_ref) {
|
|
18
|
+
})(["position:absolute;inset:0;background-color:", ";opacity:", ";transition:opacity 300ms ease;", ""], function (_ref) {
|
|
19
19
|
var $bgColor = _ref.$bgColor;
|
|
20
20
|
return $bgColor;
|
|
21
21
|
}, function (_ref2) {
|
|
22
22
|
var $isVisible = _ref2.$isVisible;
|
|
23
23
|
return $isVisible ? 1 : 0;
|
|
24
|
-
});
|
|
24
|
+
}, _reducedMotion.reducedMotion);
|
|
25
25
|
var Sheet = exports.Sheet = _styledComponents["default"].div.withConfig({
|
|
26
26
|
displayName: "styles__Sheet",
|
|
27
27
|
componentId: "sc-1kysg49-2"
|
|
28
|
-
})(["position:relative;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:none;border-radius:10px 10px 0 0;will-change:transform;transition:transform 300ms cubic-bezier(0.32,0.72,0,1);", " ", " ", ""], function (_ref3) {
|
|
28
|
+
})(["position:relative;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:none;border-radius:10px 10px 0 0;will-change:transform;transition:transform 300ms cubic-bezier(0.32,0.72,0,1);", " ", " ", " ", ""], function (_ref3) {
|
|
29
29
|
var $isDragging = _ref3.$isDragging;
|
|
30
30
|
return $isDragging && (0, _styledComponents.css)(["transition:none;"]);
|
|
31
31
|
}, function (_ref4) {
|
|
@@ -36,7 +36,7 @@ var Sheet = exports.Sheet = _styledComponents["default"].div.withConfig({
|
|
|
36
36
|
}, function (_ref5) {
|
|
37
37
|
var $overflow = _ref5.$overflow;
|
|
38
38
|
return $overflow === 'visible' ? (0, _styledComponents.css)(["overflow:visible;"]) : (0, _styledComponents.css)(["overflow-y:auto;"]);
|
|
39
|
-
});
|
|
39
|
+
}, _reducedMotion.reducedMotion);
|
|
40
40
|
|
|
41
41
|
// Зона перетаскивания лежит поверх контента (как DragIndicatorWrapper в react-modal-sheet),
|
|
42
42
|
// чтобы шапка-картинка могла подниматься под индикатор без белой полосы сверху.
|
|
@@ -10,8 +10,7 @@ var _reactDom = require("react-dom");
|
|
|
10
10
|
var S = _interopRequireWildcard(require("./styles"));
|
|
11
11
|
var _useOutsideClick = require("../../../hooks/useOutsideClick");
|
|
12
12
|
var _palette = require("../../../palette");
|
|
13
|
-
function
|
|
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 _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); }
|
|
16
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; }
|
|
17
16
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
@@ -42,7 +41,8 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (
|
|
|
42
41
|
_ref$isTopPosition = _ref.isTopPosition,
|
|
43
42
|
isTopPosition = _ref$isTopPosition === void 0 ? false : _ref$isTopPosition,
|
|
44
43
|
_ref$usePadding = _ref.usePadding,
|
|
45
|
-
usePadding = _ref$usePadding === void 0 ? false : _ref$usePadding
|
|
44
|
+
usePadding = _ref$usePadding === void 0 ? false : _ref$usePadding,
|
|
45
|
+
role = _ref.role;
|
|
46
46
|
var palette = (0, _palette.useComponentPalette)('dropdown');
|
|
47
47
|
var position = (0, _react.useRef)({
|
|
48
48
|
isAbove: true,
|
|
@@ -160,6 +160,7 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (
|
|
|
160
160
|
}
|
|
161
161
|
}), /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
|
|
162
162
|
ref: setWrapperRef,
|
|
163
|
+
role: role,
|
|
163
164
|
$isVisible: isOpen,
|
|
164
165
|
$isAbove: position.current.isAbove,
|
|
165
166
|
$translateY: position.current.translateY,
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Wrapper = exports.PositionLayer = exports.Anchor = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!
|
|
9
|
+
var _reducedMotion = require("../../../utils/reducedMotion");
|
|
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
11
|
// Невидимый якорь в потоке: по его родителю (поле-триггер) считаем позицию портал-дропдауна.
|
|
12
12
|
// display:none — не влияет на вёрстку, но parentElement (само поле) доступен для измерений.
|
|
13
13
|
var Anchor = exports.Anchor = _styledComponents["default"].span.withConfig({
|
|
@@ -27,7 +27,7 @@ var visible = (0, _styledComponents.css)(["visibility:visible;opacity:1;transiti
|
|
|
27
27
|
var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
|
|
28
28
|
displayName: "styles__Wrapper",
|
|
29
29
|
componentId: "sc-1f1enhf-2"
|
|
30
|
-
})(["pointer-events:auto;padding:", ";overflow:hidden;border-radius:20px;box-shadow:0 4px 50px 0 ", ";background:", ";outline:1px solid ", ";min-width:", ";width:", ";position:absolute;left:", ";right:", ";z-index:", ";", ";", ";", ";"], function (_ref) {
|
|
30
|
+
})(["pointer-events:auto;padding:", ";overflow:hidden;border-radius:20px;box-shadow:0 4px 50px 0 ", ";background:", ";outline:1px solid ", ";min-width:", ";width:", ";position:absolute;left:", ";right:", ";z-index:", ";", ";", ";", ";", ""], function (_ref) {
|
|
31
31
|
var $usePadding = _ref.$usePadding;
|
|
32
32
|
return $usePadding ? '8px 0;' : 'none';
|
|
33
33
|
}, function (_ref2) {
|
|
@@ -54,14 +54,14 @@ var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
|
|
|
54
54
|
}, function (_ref9) {
|
|
55
55
|
var $zIndex = _ref9.$zIndex;
|
|
56
56
|
return $zIndex !== null && $zIndex !== void 0 ? $zIndex : 5;
|
|
57
|
-
}, function (
|
|
58
|
-
var $isVisible =
|
|
57
|
+
}, function (_ref0) {
|
|
58
|
+
var $isVisible = _ref0.$isVisible;
|
|
59
59
|
return $isVisible ? visible : hidden;
|
|
60
|
-
}, function (
|
|
61
|
-
var $isAbove =
|
|
62
|
-
$positionVertical =
|
|
60
|
+
}, function (_ref1) {
|
|
61
|
+
var $isAbove = _ref1.$isAbove,
|
|
62
|
+
$positionVertical = _ref1.$positionVertical;
|
|
63
63
|
return $isAbove ? (0, _styledComponents.css)(["bottom:calc(100% + ", "px);"], $positionVertical) : (0, _styledComponents.css)(["top:calc(100% + ", "px);"], $positionVertical);
|
|
64
|
-
}, function (
|
|
65
|
-
var $translateY =
|
|
64
|
+
}, function (_ref10) {
|
|
65
|
+
var $translateY = _ref10.$translateY;
|
|
66
66
|
return (0, _styledComponents.css)(["transform:translateY(", ");"], $translateY);
|
|
67
|
-
});
|
|
67
|
+
}, _reducedMotion.reducedMotion);
|
|
@@ -11,8 +11,7 @@ var _Drawer = require("../Drawer");
|
|
|
11
11
|
var _Scrollbar = require("../Scrollbar");
|
|
12
12
|
var _Skeleton = require("../Skeleton");
|
|
13
13
|
var _palette = require("../../../palette");
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
14
|
+
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); }
|
|
16
15
|
var loadingList = new Array(4).fill(_Skeleton.Skeleton);
|
|
17
16
|
var EntityAutocompleteOptionsDrawer = exports.EntityAutocompleteOptionsDrawer = function EntityAutocompleteOptionsDrawer(_ref) {
|
|
18
17
|
var isOpen = _ref.isOpen,
|
|
@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = exports.PromptMessage = exports.Loading = exports.Default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _ = require(".");
|
|
10
|
-
function
|
|
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
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
12
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
13
|
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; }
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Component, ErrorInfo, ReactNode } from 'react';
|
|
2
|
+
type TProps = {
|
|
3
|
+
fallback?: ReactNode;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
};
|
|
6
|
+
type TState = {
|
|
7
|
+
hasError: boolean;
|
|
8
|
+
};
|
|
9
|
+
export declare class ErrorBoundary extends Component<TProps, TState> {
|
|
10
|
+
state: TState;
|
|
11
|
+
static getDerivedStateFromError(): TState;
|
|
12
|
+
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
|
13
|
+
render(): ReactNode;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ErrorBoundary = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
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); }
|
|
9
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
10
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
11
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
12
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
13
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
14
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
15
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
16
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
17
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
18
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
19
|
+
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; }
|
|
20
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
21
|
+
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); }
|
|
22
|
+
// Локальная граница ошибок: исключение в пользовательском render-контенте
|
|
23
|
+
// (renderOption/renderValue/children) ломает один виджет, а не всё
|
|
24
|
+
// React-дерево приложения-потребителя. Класс — единственный способ
|
|
25
|
+
// реализовать границу ошибок в React 18.
|
|
26
|
+
// Не экспортируется из пакета: внутренняя страховка, а не публичный API.
|
|
27
|
+
var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
28
|
+
function ErrorBoundary() {
|
|
29
|
+
var _this;
|
|
30
|
+
_classCallCheck(this, ErrorBoundary);
|
|
31
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
32
|
+
args[_key] = arguments[_key];
|
|
33
|
+
}
|
|
34
|
+
_this = _callSuper(this, ErrorBoundary, [].concat(args));
|
|
35
|
+
_defineProperty(_this, "state", {
|
|
36
|
+
hasError: false
|
|
37
|
+
});
|
|
38
|
+
return _this;
|
|
39
|
+
}
|
|
40
|
+
_inherits(ErrorBoundary, _Component);
|
|
41
|
+
return _createClass(ErrorBoundary, [{
|
|
42
|
+
key: "componentDidCatch",
|
|
43
|
+
value: function componentDidCatch(error, errorInfo) {
|
|
44
|
+
// Библиотека намеренно не навязывает трекер ошибок;
|
|
45
|
+
// опциональный onError-контракт — задача 3.7 аудита
|
|
46
|
+
// eslint-disable-next-line no-console
|
|
47
|
+
console.error('[@invoicebox/ui] render error:', error, errorInfo.componentStack);
|
|
48
|
+
}
|
|
49
|
+
}, {
|
|
50
|
+
key: "render",
|
|
51
|
+
value: function render() {
|
|
52
|
+
var _this$props$fallback;
|
|
53
|
+
if (this.state.hasError) return (_this$props$fallback = this.props.fallback) !== null && _this$props$fallback !== void 0 ? _this$props$fallback : null;
|
|
54
|
+
return this.props.children;
|
|
55
|
+
}
|
|
56
|
+
}], [{
|
|
57
|
+
key: "getDerivedStateFromError",
|
|
58
|
+
value: function getDerivedStateFromError() {
|
|
59
|
+
return {
|
|
60
|
+
hasError: true
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
}]);
|
|
64
|
+
}(_react.Component);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const AreFlag: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.AreFlag = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
9
|
+
var AreFlag = exports.AreFlag = function AreFlag() {
|
|
10
|
+
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
11
|
+
width: "22",
|
|
12
|
+
height: "16",
|
|
13
|
+
viewBox: "0 0 22 16",
|
|
14
|
+
fill: "none",
|
|
15
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
16
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
17
|
+
width: "22",
|
|
18
|
+
height: "16",
|
|
19
|
+
rx: "2",
|
|
20
|
+
fill: "white"
|
|
21
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
22
|
+
fillRule: "evenodd",
|
|
23
|
+
clipRule: "evenodd",
|
|
24
|
+
d: "M0 0H22V5.33333H0V0Z",
|
|
25
|
+
fill: "#249F58"
|
|
26
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
27
|
+
fillRule: "evenodd",
|
|
28
|
+
clipRule: "evenodd",
|
|
29
|
+
d: "M0 10.6667H22V16.0001H0V10.6667Z",
|
|
30
|
+
fill: "#151515"
|
|
31
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
32
|
+
fillRule: "evenodd",
|
|
33
|
+
clipRule: "evenodd",
|
|
34
|
+
d: "M0 2.13333C0 0.955126 0.93807 0 2.09524 0H6.28571V16H2.09524C0.93807 16 0 15.0449 0 13.8667V2.13333Z",
|
|
35
|
+
fill: "#F93939"
|
|
36
|
+
}));
|
|
37
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.Default = void 0;
|
|
7
|
+
var _ = require(".");
|
|
8
|
+
var meta = {
|
|
9
|
+
title: 'common/Flag/_components/AreFlag',
|
|
10
|
+
component: _.AreFlag,
|
|
11
|
+
tags: ['autodocs']
|
|
12
|
+
};
|
|
13
|
+
var _default = exports["default"] = meta;
|
|
14
|
+
var Default = exports.Default = {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const AusFlag: () => import("react/jsx-runtime").JSX.Element;
|