@invoicebox/ui 0.1.0-alpha.86 → 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.d.ts +4 -1
- package/dist/components/common/Toast/index.js +17 -8
- 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/Toast/styles.js +2 -3
- package/dist/components/common/Typography/index.d.ts +1 -1
- package/dist/components/common/Typography/index.js +2 -8
- 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/index.d.ts +1 -1
- package/dist/index.js +0 -6
- 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
|
};
|
|
@@ -4,21 +4,30 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.ToastContainer = void 0;
|
|
8
|
-
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _reactToastify.toast;
|
|
12
|
-
}
|
|
13
|
-
});
|
|
7
|
+
exports.toast = exports.ToastContainer = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
14
9
|
var S = _interopRequireWildcard(require("./styles"));
|
|
15
10
|
var _palette = require("../../../palette");
|
|
16
11
|
var _reactToastify = require("react-toastify");
|
|
12
|
+
var _Typography = require("../Typography");
|
|
17
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); }
|
|
18
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 }; }
|
|
16
|
+
var toast = exports.toast = {
|
|
17
|
+
error: function error(message) {
|
|
18
|
+
_reactToastify.toast.error( /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
19
|
+
variant: "bodyMRegular"
|
|
20
|
+
}, message));
|
|
21
|
+
},
|
|
22
|
+
success: function success(message) {
|
|
23
|
+
_reactToastify.toast.success( /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
24
|
+
variant: "bodyMRegular"
|
|
25
|
+
}, message));
|
|
26
|
+
}
|
|
27
|
+
};
|
|
19
28
|
var ToastContainer = exports.ToastContainer = function ToastContainer() {
|
|
20
29
|
var palette = (0, _palette.useComponentPalette)('toast');
|
|
21
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/_react["default"].createElement(S.Container, {
|
|
22
31
|
autoClose: 3000,
|
|
23
32
|
position: "bottom-right",
|
|
24
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
|
}
|
|
@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.Container = void 0;
|
|
7
7
|
var _reactToastify = require("react-toastify");
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
var _Typography = require("../Typography");
|
|
10
9
|
var _breakpoints = require("../../../breakpoints");
|
|
11
10
|
var _hexToRgba = _interopRequireDefault(require("hex-to-rgba"));
|
|
12
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
12
|
var Container = exports.Container = (0, _styledComponents["default"])(_reactToastify.ToastContainer).withConfig({
|
|
14
13
|
displayName: "styles__Container",
|
|
15
14
|
componentId: "sc-dzgrj6-0"
|
|
16
|
-
})(["width:auto;max-width:407px;z-index:999999999;.Toastify__toast{padding:0;border-radius:10px;background-color:", ";box-shadow:0px 10px 30px ", ";color:", ";
|
|
15
|
+
})(["width:auto;max-width:407px;z-index:999999999;.Toastify__toast{padding:0;border-radius:10px;background-color:", ";box-shadow:0px 10px 30px ", ";color:", ";min-height:54px;@media ", "{min-height:38px;}}.Toastify__toast-body{padding:17px 30px;@media ", "{padding:10px;}}"], function (_ref) {
|
|
17
16
|
var $palette = _ref.$palette;
|
|
18
17
|
return $palette.bg;
|
|
19
18
|
}, function (_ref2) {
|
|
@@ -22,4 +21,4 @@ var Container = exports.Container = (0, _styledComponents["default"])(_reactToas
|
|
|
22
21
|
}, function (_ref3) {
|
|
23
22
|
var $palette = _ref3.$palette;
|
|
24
23
|
return $palette.text;
|
|
25
|
-
},
|
|
24
|
+
}, _breakpoints.breakpoints.sm, _breakpoints.breakpoints.sm);
|
|
@@ -22,4 +22,4 @@ export type TProps = {
|
|
|
22
22
|
variant: keyof typeof typography;
|
|
23
23
|
} & (TDivProps | TParagraphProps | TSpanProps | THeadingProps | TButtonProps | TInputProps);
|
|
24
24
|
export declare const Typography: React.ForwardRefExoticComponent<TProps & React.RefAttributes<HTMLInputElement>>;
|
|
25
|
-
export {
|
|
25
|
+
export {};
|
|
@@ -5,16 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.Typography = void 0;
|
|
8
|
-
Object.defineProperty(exports, "typography", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _typography.typography;
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
9
|
var S = _interopRequireWildcard(require("./styles"));
|
|
16
10
|
var _useCss = require("../../../hooks/useCss");
|
|
17
|
-
var _typography = require("./typography");
|
|
18
11
|
var _excluded = ["variant", "element"];
|
|
19
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
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 && 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; }
|
|
@@ -36,4 +29,5 @@ var Typography = exports.Typography = /*#__PURE__*/(0, _react.forwardRef)(functi
|
|
|
36
29
|
as: element,
|
|
37
30
|
$variant: variant
|
|
38
31
|
}, rest));
|
|
39
|
-
});
|
|
32
|
+
});
|
|
33
|
+
Typography.displayName = 'Typography';
|
|
@@ -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
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { Skeleton } from './components/common/Skeleton';
|
|
2
2
|
export { InvoiceboxLoader } from './components/common/InvoiceboxLoader';
|
|
3
|
-
export { Typography
|
|
3
|
+
export { Typography } from './components/common/Typography';
|
|
4
4
|
export { InvoiceboxSpinner } from './components/common/InvoiceboxSpinner';
|
|
5
5
|
export { SecondaryButton } from './components/common/SecondaryButton';
|
|
6
6
|
export { Arrow } from './components/common/Arrow';
|
package/dist/index.js
CHANGED
|
@@ -165,12 +165,6 @@ Object.defineProperty(exports, "toast", {
|
|
|
165
165
|
return _Toast.toast;
|
|
166
166
|
}
|
|
167
167
|
});
|
|
168
|
-
Object.defineProperty(exports, "typography", {
|
|
169
|
-
enumerable: true,
|
|
170
|
-
get: function get() {
|
|
171
|
-
return _Typography.typography;
|
|
172
|
-
}
|
|
173
|
-
});
|
|
174
168
|
Object.defineProperty(exports, "useInputFocus", {
|
|
175
169
|
enumerable: true,
|
|
176
170
|
get: function get() {
|
|
@@ -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",
|