@invoicebox/ui 0.1.0-alpha.87 → 0.1.0-alpha.88
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/Calendar/docs.stories.js +3 -2
- package/dist/components/common/Scrollbar/index.stories.d.ts +2 -2
- package/dist/components/common/Scrollbar/index.stories.js +6 -4
- package/dist/components/common/Skeleton/index.stories.d.ts +2 -2
- package/dist/components/common/Skeleton/index.stories.js +4 -2
- package/dist/components/common/Toast/docs.stories.js +3 -2
- package/dist/components/common/Toast/index.js +5 -3
- package/dist/components/common/Toast/index.stories.d.ts +2 -2
- package/dist/components/common/Toast/index.stories.js +4 -2
- package/dist/components/common/Typography/index.js +2 -1
- package/dist/components/form/CountrySelect/components/CountryItem/index.stories.js +3 -1
- package/dist/components/form/DateInput/docs.stories.js +3 -2
- package/dist/components/form/PureInput/index.js +2 -1
- package/dist/components/form/SearchInput/index.stories.js +5 -2
- package/dist/hooks/useCss/index.stories.js +5 -2
- package/dist/hooks/useInputFocus/index.stories.js +4 -2
- package/dist/hooks/useOutsideClick/index.stories.js +3 -1
- package/dist/hooks/useUnupdatableHandler/index.stories.js +5 -2
- package/dist/palette/colors.stories.js +6 -4
- package/dist/palette/index.stories.js +16 -14
- package/package.json +2 -1
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Installation = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
|
|
8
9
|
var _Typography = require("../Typography");
|
|
9
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -13,8 +14,8 @@ var meta = {
|
|
|
13
14
|
var _default = exports["default"] = meta;
|
|
14
15
|
var Installation = exports.Installation = {
|
|
15
16
|
render: function render() {
|
|
16
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
17
18
|
variant: "bodyL"
|
|
18
|
-
}, /*#__PURE__*/
|
|
19
|
+
}, /*#__PURE__*/_react["default"].createElement(_markdownToJsx["default"], null, "\n### \u0423\u0441\u0442\u0430\u043D\u043E\u0432\u043A\u0430\n\n\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0430 [react-calendar](https://github.com/wojtekmaj/react-calendar).\n\u0414\u043B\u044F \u043A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u043E\u0439 \u0440\u0430\u0431\u043E\u0442\u044B \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0441\u0442\u0438\u043B\u0438.\n\n```ts\nimport 'react-calendar/dist/Calendar.css';\nimport '@invoicebox/ui/dist/components/common/Calendar/index.css';\n```\n"));
|
|
19
20
|
}
|
|
20
21
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import type { StoryObj } from '@storybook/react';
|
|
3
3
|
import { Scrollbar } from '.';
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
|
-
component:
|
|
6
|
+
component: React.FC<import(".").TProps>;
|
|
7
7
|
tags: string[];
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
|
@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Horisontall = exports.Default = exports.ByContainer = exports.Blocks = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _ = require(".");
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
8
10
|
var meta = {
|
|
9
11
|
title: 'common/Scrollbar',
|
|
10
12
|
component: _.Scrollbar,
|
|
@@ -21,7 +23,7 @@ var Default = exports.Default = {
|
|
|
21
23
|
var Horisontall = exports.Horisontall = {
|
|
22
24
|
args: {
|
|
23
25
|
maxHeight: 200,
|
|
24
|
-
children: /*#__PURE__*/
|
|
26
|
+
children: /*#__PURE__*/_react["default"].createElement("div", {
|
|
25
27
|
style: {
|
|
26
28
|
width: 2000
|
|
27
29
|
}
|
|
@@ -31,15 +33,15 @@ var Horisontall = exports.Horisontall = {
|
|
|
31
33
|
var Blocks = exports.Blocks = {
|
|
32
34
|
args: {
|
|
33
35
|
maxHeight: 200,
|
|
34
|
-
children: /*#__PURE__*/
|
|
36
|
+
children: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, "Some text"), /*#__PURE__*/_react["default"].createElement("div", null, "Some text"), /*#__PURE__*/_react["default"].createElement("div", null, "Some text"), /*#__PURE__*/_react["default"].createElement("div", null, "Some text"), /*#__PURE__*/_react["default"].createElement("div", null, "Some text"), /*#__PURE__*/_react["default"].createElement("div", null, "Some text"), /*#__PURE__*/_react["default"].createElement("div", null, "Some text"), /*#__PURE__*/_react["default"].createElement("div", null, "Some text"), /*#__PURE__*/_react["default"].createElement("div", null, "Some text"), /*#__PURE__*/_react["default"].createElement("div", null, "Some text"), /*#__PURE__*/_react["default"].createElement("div", null, "Some text"), /*#__PURE__*/_react["default"].createElement("div", null, "Some text"), /*#__PURE__*/_react["default"].createElement("div", null, "Some text"))
|
|
35
37
|
}
|
|
36
38
|
};
|
|
37
39
|
var ByContainer = exports.ByContainer = {
|
|
38
40
|
render: function render(args) {
|
|
39
|
-
return /*#__PURE__*/
|
|
41
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
40
42
|
style: {
|
|
41
43
|
height: 200
|
|
42
44
|
}
|
|
43
|
-
}, /*#__PURE__*/
|
|
45
|
+
}, /*#__PURE__*/_react["default"].createElement(_.Scrollbar, args, longDummyText));
|
|
44
46
|
}
|
|
45
47
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import type { StoryObj } from '@storybook/react';
|
|
3
3
|
import { Skeleton } from '.';
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
|
-
component:
|
|
6
|
+
component: React.FC<import(".").TProps>;
|
|
7
7
|
tags: string[];
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
|
@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.ByOwnSize = exports.ByContainer = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _ = require(".");
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
8
10
|
var meta = {
|
|
9
11
|
title: 'common/Skeleton',
|
|
10
12
|
component: _.Skeleton,
|
|
@@ -13,12 +15,12 @@ var meta = {
|
|
|
13
15
|
var _default = exports["default"] = meta;
|
|
14
16
|
var ByContainer = exports.ByContainer = {
|
|
15
17
|
render: function render(props) {
|
|
16
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
17
19
|
style: {
|
|
18
20
|
width: 200,
|
|
19
21
|
height: 100
|
|
20
22
|
}
|
|
21
|
-
}, /*#__PURE__*/
|
|
23
|
+
}, /*#__PURE__*/_react["default"].createElement(_.Skeleton, props));
|
|
22
24
|
}
|
|
23
25
|
};
|
|
24
26
|
var ByOwnSize = exports.ByOwnSize = {
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Installation = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
|
|
8
9
|
var _Typography = require("../Typography");
|
|
9
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -13,8 +14,8 @@ var meta = {
|
|
|
13
14
|
var _default = exports["default"] = meta;
|
|
14
15
|
var Installation = exports.Installation = {
|
|
15
16
|
render: function render() {
|
|
16
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
17
18
|
variant: "bodyL"
|
|
18
|
-
}, /*#__PURE__*/
|
|
19
|
+
}, /*#__PURE__*/_react["default"].createElement(_markdownToJsx["default"], null, "\n### \u0423\u0441\u0442\u0430\u043D\u043E\u0432\u043A\u0430\n\n\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0430 [react-toastify](https://github.com/fkhadra/react-toastify).\n\u0414\u043B\u044F \u043A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u043E\u0439 \u0440\u0430\u0431\u043E\u0442\u044B \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0441\u0442\u0438\u043B\u0438, \u0438 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 ToastContainer \u0432 \u0434\u0435\u0440\u0435\u0432\u043E \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432.\n\n```ts\nimport { ToastContainer, toast } from '@invoicebox/ui';\nimport 'react-toastify/dist/ReactToastify.css';\n\nconst App = () => {\n return (\n <div>\n <ToastContainer />\n <button\n onClick={() => {\n toast.success('Success');\n }}\n >\n Success\n </button>\n <button\n onClick={() => {\n toast.error('Success');\n }}\n >\n Error\n </button>\n </div>\n );\n}\n```\n"));
|
|
19
20
|
}
|
|
20
21
|
};
|
|
@@ -5,27 +5,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.toast = exports.ToastContainer = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
9
|
var S = _interopRequireWildcard(require("./styles"));
|
|
9
10
|
var _palette = require("../../../palette");
|
|
10
11
|
var _reactToastify = require("react-toastify");
|
|
11
12
|
var _Typography = require("../Typography");
|
|
12
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); }
|
|
13
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 && Object.prototype.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; }
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
16
|
var toast = exports.toast = {
|
|
15
17
|
error: function error(message) {
|
|
16
|
-
_reactToastify.toast.error( /*#__PURE__*/
|
|
18
|
+
_reactToastify.toast.error( /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
17
19
|
variant: "bodyMRegular"
|
|
18
20
|
}, message));
|
|
19
21
|
},
|
|
20
22
|
success: function success(message) {
|
|
21
|
-
_reactToastify.toast.success( /*#__PURE__*/
|
|
23
|
+
_reactToastify.toast.success( /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
22
24
|
variant: "bodyMRegular"
|
|
23
25
|
}, message));
|
|
24
26
|
}
|
|
25
27
|
};
|
|
26
28
|
var ToastContainer = exports.ToastContainer = function ToastContainer() {
|
|
27
29
|
var palette = (0, _palette.useComponentPalette)('toast');
|
|
28
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/_react["default"].createElement(S.Container, {
|
|
29
31
|
autoClose: 3000,
|
|
30
32
|
position: "bottom-right",
|
|
31
33
|
$palette: palette
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import type { StoryObj } from '@storybook/react';
|
|
3
3
|
import { ToastContainer } from '.';
|
|
4
4
|
import 'react-toastify/dist/ReactToastify.css';
|
|
5
5
|
declare const meta: {
|
|
6
6
|
title: string;
|
|
7
|
-
component:
|
|
7
|
+
component: React.FC<{}>;
|
|
8
8
|
tags: string[];
|
|
9
9
|
};
|
|
10
10
|
export default meta;
|
|
@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _ = require(".");
|
|
8
9
|
require("react-toastify/dist/ReactToastify.css");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
11
|
var meta = {
|
|
10
12
|
title: 'common/Toast',
|
|
11
13
|
component: _.ToastContainer,
|
|
@@ -14,11 +16,11 @@ var meta = {
|
|
|
14
16
|
var _default = exports["default"] = meta;
|
|
15
17
|
var Default = exports.Default = {
|
|
16
18
|
render: function render() {
|
|
17
|
-
return /*#__PURE__*/
|
|
19
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_.ToastContainer, null), /*#__PURE__*/_react["default"].createElement("button", {
|
|
18
20
|
onClick: function onClick() {
|
|
19
21
|
_.toast.success('Success');
|
|
20
22
|
}
|
|
21
|
-
}, "Success"), /*#__PURE__*/
|
|
23
|
+
}, "Success"), /*#__PURE__*/_react["default"].createElement("button", {
|
|
22
24
|
onClick: function onClick() {
|
|
23
25
|
_.toast.error('Error');
|
|
24
26
|
}
|
|
@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _ = require(".");
|
|
8
9
|
var _palette = require("../../../../../palette");
|
|
9
10
|
var _addonActions = require("@storybook/addon-actions");
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
12
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
13
|
var meta = {
|
|
12
14
|
title: 'form/CountrySelect/_components/CountryItem',
|
|
@@ -16,7 +18,7 @@ var meta = {
|
|
|
16
18
|
var _default = exports["default"] = meta;
|
|
17
19
|
var Component = function Component(props) {
|
|
18
20
|
var palette = (0, _palette.useComponentPalette)('countrySelect');
|
|
19
|
-
return /*#__PURE__*/
|
|
21
|
+
return /*#__PURE__*/_react["default"].createElement(_.CountryItem, _extends({}, props, {
|
|
20
22
|
palette: palette
|
|
21
23
|
}));
|
|
22
24
|
};
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Installation = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
|
|
8
9
|
var _Typography = require("../../common/Typography");
|
|
9
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -13,8 +14,8 @@ var meta = {
|
|
|
13
14
|
var _default = exports["default"] = meta;
|
|
14
15
|
var Installation = exports.Installation = {
|
|
15
16
|
render: function render() {
|
|
16
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
17
18
|
variant: "bodyL"
|
|
18
|
-
}, /*#__PURE__*/
|
|
19
|
+
}, /*#__PURE__*/_react["default"].createElement(_markdownToJsx["default"], null, "\n### \u0423\u0441\u0442\u0430\u043D\u043E\u0432\u043A\u0430\n\nDateInput \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 Calendar.\nCalendar \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u0443\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D. \n[\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435.](/?path=/story/common-calendar--installation)\n"));
|
|
19
20
|
}
|
|
20
21
|
};
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports["default"] = exports.Default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
9
|
var _index = require("./index");
|
|
8
|
-
|
|
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 && Object.prototype.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
12
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
10
13
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
11
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."); }
|
|
@@ -24,7 +27,7 @@ var Component = function Component(props) {
|
|
|
24
27
|
_useState2 = _slicedToArray(_useState, 2),
|
|
25
28
|
value = _useState2[0],
|
|
26
29
|
setValue = _useState2[1];
|
|
27
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/_react["default"].createElement(_index.SearchInput, _extends({}, props, {
|
|
28
31
|
value: value,
|
|
29
32
|
onChange: setValue
|
|
30
33
|
}));
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports["default"] = exports.Default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
9
|
var _ = require(".");
|
|
8
|
-
|
|
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 && Object.prototype.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
12
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
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."); }
|
|
11
14
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
@@ -27,7 +30,7 @@ var Default = exports.Default = {
|
|
|
27
30
|
id: 'example',
|
|
28
31
|
css: "body { color: ".concat(isGreen ? 'green' : 'blue', "; }")
|
|
29
32
|
});
|
|
30
|
-
return /*#__PURE__*/
|
|
33
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, "some text"), /*#__PURE__*/_react["default"].createElement("button", {
|
|
31
34
|
onClick: function onClick() {
|
|
32
35
|
return setIsGreen(function (f) {
|
|
33
36
|
return !f;
|
|
@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _ = require(".");
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
8
10
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
9
11
|
|
|
10
12
|
var meta = {
|
|
@@ -18,11 +20,11 @@ var Default = exports.Default = {
|
|
|
18
20
|
inFocus = _useInputFocus.inFocus,
|
|
19
21
|
handleBlur = _useInputFocus.handleBlur,
|
|
20
22
|
handleFocus = _useInputFocus.handleFocus;
|
|
21
|
-
return /*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("input", {
|
|
22
24
|
placeholder: "focus me",
|
|
23
25
|
onBlur: handleBlur,
|
|
24
26
|
onFocus: handleFocus
|
|
25
|
-
}), /*#__PURE__*/
|
|
27
|
+
}), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("code", null, JSON.stringify({
|
|
26
28
|
inFocus: inFocus
|
|
27
29
|
}, null, 2))));
|
|
28
30
|
}
|
|
@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _addonActions = require("@storybook/addon-actions");
|
|
8
9
|
var _ = require(".");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
11
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
10
12
|
|
|
11
13
|
var meta = {
|
|
@@ -16,7 +18,7 @@ var _default = exports["default"] = meta;
|
|
|
16
18
|
var Default = exports.Default = {
|
|
17
19
|
render: function render() {
|
|
18
20
|
var ref = (0, _.useOutsideClick)((0, _addonActions.action)('clicked outside'));
|
|
19
|
-
return /*#__PURE__*/
|
|
21
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
20
22
|
ref: ref,
|
|
21
23
|
style: {
|
|
22
24
|
border: '1px solid black',
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports["default"] = exports.Default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
9
|
var _addonActions = require("@storybook/addon-actions");
|
|
8
10
|
var _ = require(".");
|
|
9
|
-
|
|
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 && Object.prototype.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
13
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
11
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."); }
|
|
12
15
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
@@ -38,7 +41,7 @@ var Default = exports.Default = {
|
|
|
38
41
|
// срабатывает один раз при первом рендере
|
|
39
42
|
unupdatableHandler();
|
|
40
43
|
}, [unupdatableHandler]);
|
|
41
|
-
return /*#__PURE__*/
|
|
44
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
42
45
|
onClick: triggerRerander
|
|
43
46
|
}, "trigger rerander"));
|
|
44
47
|
}
|
|
@@ -4,36 +4,38 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Docs = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _constants = require("./constants");
|
|
8
9
|
var _Typography = require("../components/common/Typography");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
11
|
var meta = {
|
|
10
12
|
title: 'palette/Colors'
|
|
11
13
|
};
|
|
12
14
|
var _default = exports["default"] = meta;
|
|
13
15
|
var Docs = exports.Docs = {
|
|
14
16
|
render: function render() {
|
|
15
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
16
18
|
style: {
|
|
17
19
|
display: 'flex',
|
|
18
20
|
flexDirection: 'column',
|
|
19
21
|
gap: 30
|
|
20
22
|
}
|
|
21
23
|
}, Object.keys(_constants.defaultAbstractPalette).map(function (key) {
|
|
22
|
-
return /*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
23
25
|
key: key,
|
|
24
26
|
style: {
|
|
25
27
|
display: 'flex',
|
|
26
28
|
alignItems: 'center',
|
|
27
29
|
gap: 20
|
|
28
30
|
}
|
|
29
|
-
}, /*#__PURE__*/
|
|
31
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
30
32
|
style: {
|
|
31
33
|
backgroundColor: _constants.defaultAbstractPalette[key],
|
|
32
34
|
width: 40,
|
|
33
35
|
height: 40,
|
|
34
36
|
borderRadius: '50%'
|
|
35
37
|
}
|
|
36
|
-
}), /*#__PURE__*/
|
|
38
|
+
}), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
37
39
|
variant: "bodyL"
|
|
38
40
|
}, key, " ", _constants.defaultAbstractPalette[key]));
|
|
39
41
|
}));
|
|
@@ -4,12 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Docs = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _Skeleton = require("../components/common/Skeleton");
|
|
8
9
|
var _provider = require("./provider");
|
|
9
10
|
var _Typography = require("../components/common/Typography");
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
12
|
var Example = function Example(_ref) {
|
|
11
13
|
var children = _ref.children;
|
|
12
|
-
return /*#__PURE__*/
|
|
14
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
13
15
|
style: {
|
|
14
16
|
width: 100,
|
|
15
17
|
height: 40
|
|
@@ -22,58 +24,58 @@ var meta = {
|
|
|
22
24
|
var _default = exports["default"] = meta;
|
|
23
25
|
var Docs = exports.Docs = {
|
|
24
26
|
render: function render() {
|
|
25
|
-
return /*#__PURE__*/
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
26
28
|
variant: "bodyL"
|
|
27
|
-
}, /*#__PURE__*/
|
|
29
|
+
}, /*#__PURE__*/_react["default"].createElement("h1", null, "\u0421\u0438\u0441\u0442\u0435\u043C\u0430 \u0446\u0432\u0435\u0442\u043E\u0432"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", null, "\u041F\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u0435 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E"), /*#__PURE__*/_react["default"].createElement("p", null, "\u041C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B \u0431\u0435\u0437 \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0446\u0432\u0435\u0442\u043E\u0432, \u0442\u043E\u0433\u0434\u0430 \u0431\u0443\u0434\u0443\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u044B \u0446\u0432\u0435\u0442\u0430 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E."), /*#__PURE__*/_react["default"].createElement("pre", null, /*#__PURE__*/_react["default"].createElement("code", null, '<Skeleton />')), /*#__PURE__*/_react["default"].createElement(Example, null, /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, null))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", null, "\u041F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0446\u0432\u0435\u0442\u043E\u0432 \u043D\u0430 \u0443\u0440\u043E\u0432\u043D\u0435 \u0432\u044B\u0437\u043E\u0432\u0430 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430"), /*#__PURE__*/_react["default"].createElement("p", null, "\u041C\u043E\u0436\u043D\u043E \u043F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0438\u0442\u044C \u0446\u0432\u0435\u0442\u0430 \u043D\u0430 \u0443\u0440\u043E\u0432\u043D\u0435 \u0432\u044B\u0437\u043E\u0432\u0430 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430, \u0434\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E", ' ', /*#__PURE__*/_react["default"].createElement("code", null, "palette"), "."), /*#__PURE__*/_react["default"].createElement("pre", null, /*#__PURE__*/_react["default"].createElement("code", null, "<Skeleton palette={{ bg: '#c9c', flicker: '#5a5' }} />")), /*#__PURE__*/_react["default"].createElement(Example, null, /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, {
|
|
28
30
|
palette: {
|
|
29
31
|
bg: '#c9c',
|
|
30
32
|
flicker: '#5a5'
|
|
31
33
|
}
|
|
32
|
-
})), /*#__PURE__*/
|
|
34
|
+
})), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("i", null, "\u0415\u0441\u043B\u0438 \u0443 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 ", /*#__PURE__*/_react["default"].createElement("code", null, "palette"), ", \u0430 \u0432\u0430\u043C \u043E\u043D\u043E \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F, \u0441\u043E\u0437\u0434\u0430\u0439\u0442\u0435", ' ', /*#__PURE__*/_react["default"].createElement("a", {
|
|
33
35
|
href: "https://github.com/InvoiceBox/invoicebox-ui/issues"
|
|
34
|
-
}, "issue"), ". \u0418\u043B\u0438 \u0434\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0441\u0430\u043C\u043E\u0441\u0442\u043E\u044F\u0442\u0435\u043B\u044C\u043D\u043E \u0438 \u043E\u0442\u043A\u0440\u043E\u0439\u0442\u0435 pull request, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044F \u0432 \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043F\u0440\u0438\u043C\u0435\u0440\u0430, \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442", ' ', /*#__PURE__*/
|
|
36
|
+
}, "issue"), ". \u0418\u043B\u0438 \u0434\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0441\u0430\u043C\u043E\u0441\u0442\u043E\u044F\u0442\u0435\u043B\u044C\u043D\u043E \u0438 \u043E\u0442\u043A\u0440\u043E\u0439\u0442\u0435 pull request, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044F \u0432 \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043F\u0440\u0438\u043C\u0435\u0440\u0430, \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442", ' ', /*#__PURE__*/_react["default"].createElement("code", null, "Skeleton"), "."))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", null, "\u041F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0446\u0432\u0435\u0442\u043E\u0432 \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u043E\u0433\u043E \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430"), /*#__PURE__*/_react["default"].createElement("p", null, "\u041C\u043E\u0436\u043D\u043E \u043F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0438\u0442\u044C \u043F\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u0435 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u043E\u0433\u043E \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430. \u0414\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435", ' ', /*#__PURE__*/_react["default"].createElement("code", null, "PaletteProvider"), " \u0438 \u0435\u0433\u043E \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044E\u0449\u0435\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0443."), /*#__PURE__*/_react["default"].createElement("pre", null, /*#__PURE__*/_react["default"].createElement("code", null, "<PaletteProvider skeleton={{ bg: '#39c', flicker: '#5cc' }}>\n", " <Skeleton />\n", "</PaletteProvider>")), /*#__PURE__*/_react["default"].createElement(Example, null, /*#__PURE__*/_react["default"].createElement(_provider.PaletteProvider, {
|
|
35
37
|
skeleton: {
|
|
36
38
|
bg: '#39c',
|
|
37
39
|
flicker: '#5cc'
|
|
38
40
|
}
|
|
39
|
-
}, /*#__PURE__*/
|
|
41
|
+
}, /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, null))), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("i", null, "\u0415\u0441\u043B\u0438 \u0443 ", /*#__PURE__*/_react["default"].createElement("code", null, "PaletteProvider"), " \u043D\u0435\u0442 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044E\u0449\u0435\u0433\u043E \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0443, \u0430 \u0432\u0430\u043C \u043E\u043D\u043E \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F, \u0441\u043E\u0437\u0434\u0430\u0439\u0442\u0435", ' ', /*#__PURE__*/_react["default"].createElement("a", {
|
|
40
42
|
href: "https://github.com/InvoiceBox/invoicebox-ui/issues"
|
|
41
|
-
}, "issue"), ". \u0418\u043B\u0438 \u0434\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0441\u0430\u043C\u043E\u0441\u0442\u043E\u044F\u0442\u0435\u043B\u044C\u043D\u043E \u0438 \u043E\u0442\u043A\u0440\u043E\u0439\u0442\u0435 pull request, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044F \u0432 \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043F\u0440\u0438\u043C\u0435\u0440\u0430, \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442", ' ', /*#__PURE__*/
|
|
43
|
+
}, "issue"), ". \u0418\u043B\u0438 \u0434\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0441\u0430\u043C\u043E\u0441\u0442\u043E\u044F\u0442\u0435\u043B\u044C\u043D\u043E \u0438 \u043E\u0442\u043A\u0440\u043E\u0439\u0442\u0435 pull request, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044F \u0432 \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043F\u0440\u0438\u043C\u0435\u0440\u0430, \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442", ' ', /*#__PURE__*/_react["default"].createElement("code", null, "Skeleton"), "."))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", null, "\u041F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043A\u0442\u043D\u044B\u0445 \u0446\u0432\u0435\u0442\u043E\u0432"), /*#__PURE__*/_react["default"].createElement("p", null, "\u0412\u0441\u0435 \u0446\u0432\u0435\u0442\u0430 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432 \u0441\u043E\u0437\u0434\u0430\u044E\u0442\u0441\u044F \u0438\u0437 \u0430\u0431\u0441\u0442\u0440\u0430\u043A\u0442\u043D\u044B\u0445 \u0446\u0432\u0435\u0442\u043E\u0432. \u041F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u044F \u0430\u0431\u0441\u0442\u0440\u0430\u043A\u0442\u043D\u044B\u0435 \u0446\u0432\u0435\u0442\u0430, \u043C\u043E\u0436\u043D\u043E \u0438\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u0446\u0432\u0435\u0442\u043E\u0432\u0443\u044E \u043F\u0430\u043B\u0438\u0442\u0440\u0443 \u0432\u0441\u0435\u0445 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432 \u0440\u0430\u0437\u043E\u043C. \u042D\u0442\u043E \u043C\u043E\u0436\u0435\u0442 \u0431\u044B\u0442\u044C \u043F\u043E\u043B\u0435\u0437\u043D\u043E \u0434\u043B\u044F \u0442\u0435\u043C\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F. \u0414\u043B\u044F \u043F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0430\u0431\u0441\u0442\u0440\u0430\u043A\u0442\u043D\u044B\u0445 \u0446\u0432\u0435\u0442\u043E\u0432 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435", ' ', /*#__PURE__*/_react["default"].createElement("code", null, "PaletteProvider"), " \u0438 \u0435\u0433\u043E \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E ", /*#__PURE__*/_react["default"].createElement("code", null, "abstract"), "."), /*#__PURE__*/_react["default"].createElement("pre", null, /*#__PURE__*/_react["default"].createElement("code", null, "<PaletteProvider abstract={{ neutralUsual: '#c93', neutralLight: '#cc5' }}>\n", " <Skeleton />\n", "</PaletteProvider>")), /*#__PURE__*/_react["default"].createElement(Example, null, /*#__PURE__*/_react["default"].createElement(_provider.PaletteProvider, {
|
|
42
44
|
"abstract": {
|
|
43
45
|
neutralUsual: '#c93',
|
|
44
46
|
neutralLight: '#cc5'
|
|
45
47
|
}
|
|
46
|
-
}, /*#__PURE__*/
|
|
48
|
+
}, /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, null)))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", null, "\u041F\u0440\u0438\u043E\u0440\u0438\u0442\u0435\u0442 \u0446\u0432\u0435\u0442\u043E\u0432"), /*#__PURE__*/_react["default"].createElement("p", null, "\u0421\u0430\u043C\u044B\u0439 \u0432\u044B\u0441\u043E\u043A\u0438\u0439 \u043F\u0440\u0438\u043E\u0440\u0438\u0442\u0435\u0442 \u0438\u043C\u0435\u044E\u0442 \u0446\u0432\u0435\u0442\u0430 \u043D\u0430 \u0443\u0440\u043E\u0432\u043D\u0435 \u0432\u044B\u0437\u043E\u0432\u0430 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430. \u0417\u0430\u0442\u0435\u043C \u0446\u0432\u0435\u0442\u0430 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E, \u043D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u043D\u044B\u0435 \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 ", /*#__PURE__*/_react["default"].createElement("code", null, "PaletteProvider"), " \u0438 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044E\u0449\u0435\u0433\u043E \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430. \u0417\u0430\u0442\u0435\u043C \u0430\u0431\u0441\u0442\u0440\u0430\u043A\u0442\u043D\u044B\u0435 \u0446\u0432\u0435\u0442\u0430, \u043D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u043D\u044B\u0435 \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 ", /*#__PURE__*/_react["default"].createElement("code", null, "PaletteProvider"), " \u0438 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430", ' ', /*#__PURE__*/_react["default"].createElement("code", null, "abstract"), "."), /*#__PURE__*/_react["default"].createElement("pre", null, /*#__PURE__*/_react["default"].createElement("code", null, "<PaletteProvider abstract={{ neutralUsual: 'red' }} skeleton={{ bg: 'green' }}>\n", " <Skeleton palette={{ bg: 'blue' }}/>\n", "</PaletteProvider>")), /*#__PURE__*/_react["default"].createElement(Example, null, /*#__PURE__*/_react["default"].createElement(_provider.PaletteProvider, {
|
|
47
49
|
"abstract": {
|
|
48
50
|
neutralUsual: 'red'
|
|
49
51
|
},
|
|
50
52
|
skeleton: {
|
|
51
53
|
bg: 'green'
|
|
52
54
|
}
|
|
53
|
-
}, /*#__PURE__*/
|
|
55
|
+
}, /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, {
|
|
54
56
|
palette: {
|
|
55
57
|
bg: 'blue'
|
|
56
58
|
}
|
|
57
|
-
}))), /*#__PURE__*/
|
|
59
|
+
}))), /*#__PURE__*/_react["default"].createElement("pre", null, /*#__PURE__*/_react["default"].createElement("code", null, "<PaletteProvider abstract={{ neutralUsual: 'red' }} skeleton={{ bg: 'green' }}>\n", " <Skeleton />\n", "</PaletteProvider>")), /*#__PURE__*/_react["default"].createElement(Example, null, /*#__PURE__*/_react["default"].createElement(_provider.PaletteProvider, {
|
|
58
60
|
"abstract": {
|
|
59
61
|
neutralUsual: 'red'
|
|
60
62
|
},
|
|
61
63
|
skeleton: {
|
|
62
64
|
bg: 'green'
|
|
63
65
|
}
|
|
64
|
-
}, /*#__PURE__*/
|
|
66
|
+
}, /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, null))), /*#__PURE__*/_react["default"].createElement("pre", null, /*#__PURE__*/_react["default"].createElement("code", null, "<PaletteProvider abstract={{ neutralUsual: 'red' }}>\n", " <Skeleton />\n", "</PaletteProvider>")), /*#__PURE__*/_react["default"].createElement(Example, null, /*#__PURE__*/_react["default"].createElement(_provider.PaletteProvider, {
|
|
65
67
|
"abstract": {
|
|
66
68
|
neutralUsual: 'red'
|
|
67
69
|
}
|
|
68
|
-
}, /*#__PURE__*/
|
|
70
|
+
}, /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, null)))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", null, "\u0427\u0430\u0441\u0442\u0438\u0447\u043D\u043E\u0435 \u0438 \u043F\u043E\u043B\u043D\u043E\u0435 \u043F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0446\u0432\u0435\u0442\u043E\u0432"), /*#__PURE__*/_react["default"].createElement("p", null, "\u041D\u0430 \u043B\u044E\u0431\u043E\u043C \u0443\u0440\u043E\u0432\u043D\u0435 \u043C\u043E\u0436\u043D\u043E \u043F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0438\u0442\u044C \u043B\u044E\u0431\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0446\u0432\u0435\u0442\u043E\u0432."), /*#__PURE__*/_react["default"].createElement("pre", null, /*#__PURE__*/_react["default"].createElement("code", null, "<Skeleton palette={{ bg: 'pink' }}/>")), /*#__PURE__*/_react["default"].createElement(Example, null, /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, {
|
|
69
71
|
palette: {
|
|
70
72
|
bg: 'pink'
|
|
71
73
|
}
|
|
72
|
-
})), /*#__PURE__*/
|
|
74
|
+
})), /*#__PURE__*/_react["default"].createElement("pre", null, /*#__PURE__*/_react["default"].createElement("code", null, "<Skeleton palette={{ flicker: 'brown' }}/>")), /*#__PURE__*/_react["default"].createElement(Example, null, /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, {
|
|
73
75
|
palette: {
|
|
74
76
|
flicker: 'brown'
|
|
75
77
|
}
|
|
76
|
-
})), /*#__PURE__*/
|
|
78
|
+
})), /*#__PURE__*/_react["default"].createElement("pre", null, /*#__PURE__*/_react["default"].createElement("code", null, "<Skeleton palette={{ bg: 'pink', flicker: 'brown' }}/>")), /*#__PURE__*/_react["default"].createElement(Example, null, /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, {
|
|
77
79
|
palette: {
|
|
78
80
|
bg: 'pink',
|
|
79
81
|
flicker: 'brown'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@invoicebox/ui",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.88",
|
|
4
4
|
"description": "Invoicebox UI",
|
|
5
5
|
"license": "Apache License 2.0",
|
|
6
6
|
"scripts": {
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"eslint": "^8.56.0",
|
|
38
38
|
"eslint-config-prettier": "^9.1.0",
|
|
39
39
|
"eslint-plugin-prettier": "^5.1.3",
|
|
40
|
+
"eslint-plugin-react": "^7.34.1",
|
|
40
41
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
41
42
|
"eslint-plugin-storybook": "^0.6.15",
|
|
42
43
|
"markdown-to-jsx": "^7.4.1",
|