flipper-ui 0.31.7 → 0.33.0
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/README.md +15 -63
- package/core/data-display/actions/actions.stories.d.ts +6 -0
- package/{experimental → core/data-display}/actions/index.d.ts +7 -11
- package/core/data-display/actions/index.js +32 -0
- package/core/data-display/actions/styles.d.ts +8 -0
- package/{experimental/fab → core/data-display/actions}/styles.js +7 -1
- package/core/data-display/advertise/styles.d.ts +4 -4
- package/core/data-display/avatar/avatar.stories.d.ts +9 -5
- package/core/data-display/avatar/index.d.ts +7 -8
- package/core/data-display/avatar/index.js +10 -21
- package/core/data-display/data-table/data-table-field.js +3 -3
- package/core/data-display/data-table/data-table.d.ts +3 -0
- package/core/data-display/data-table/data-table.js +22 -5
- package/core/data-display/data-table/data-table.stories.d.ts +2 -1
- package/core/data-display/data-table/index.d.ts +1 -1
- package/core/data-display/data-table/index.js +6 -6
- package/core/data-display/data-table/rows.js +6 -12
- package/core/data-display/data-table/styles.d.ts +1 -1
- package/core/data-display/data-table/use-paginated.js +7 -11
- package/core/data-display/data-table/use-rows-state.js +3 -5
- package/core/data-display/divider/divider.stories.d.ts +6 -6
- package/core/data-display/divider/index.d.ts +1 -1
- package/core/data-display/divider/index.js +2 -2
- package/core/data-display/fab-v2/fab.stories.d.ts +6 -0
- package/{experimental/fab/fab.d.ts → core/data-display/fab-v2/index.d.ts} +1 -1
- package/{experimental/fab/fab.js → core/data-display/fab-v2/index.js} +7 -6
- package/core/data-display/line/index.d.ts +1 -1
- package/core/data-display/line/index.js +2 -2
- package/core/data-display/line/line.stories.d.ts +6 -5
- package/core/data-display/list-item/index.d.ts +0 -1
- package/core/data-display/list-item/list-item.spec.d.ts +1 -1
- package/core/data-display/menu-item/index.d.ts +0 -1
- package/core/data-display/menu-item/styles.d.ts +1 -1
- package/core/data-display/password-visibility/index.d.ts +8 -0
- package/{experimental/visibility-icon → core/data-display/password-visibility}/index.js +3 -3
- package/core/data-display/password-visibility/password-visibility.stories.d.ts +6 -0
- package/core/data-display/password-visibility/styles.d.ts +2 -0
- package/{experimental/visibility-icon → core/data-display/password-visibility}/styles.js +2 -2
- package/core/data-display/table/table-cell.d.ts +1 -2
- package/core/data-display/table/table-head.d.ts +3 -9
- package/core/data-display/table/table-head.js +5 -25
- package/core/data-display/table/table.spec.d.ts +1 -1
- package/core/data-display/table/table.stories.d.ts +1 -1
- package/core/data-display/typography/typography.stories.d.ts +2 -2
- package/core/feedback/collapse/collapse.stories.d.ts +6 -6
- package/core/feedback/collapse/index.d.ts +1 -1
- package/core/feedback/collapse/index.js +2 -2
- package/core/feedback/dialog/dialog.stories.d.ts +6 -7
- package/core/feedback/dialog/index.d.ts +1 -1
- package/core/feedback/dialog/index.js +2 -2
- package/{experimental/dialog → core/feedback/dialog-v2}/confirm-dialog.d.ts +1 -1
- package/{experimental/dialog → core/feedback/dialog-v2}/dialog.d.ts +2 -1
- package/{experimental/dialog → core/feedback/dialog-v2}/dialog.js +7 -6
- package/core/feedback/dialog-v2/dialog.stories.d.ts +8 -0
- package/{experimental/dialog → core/feedback/dialog-v2}/index.d.ts +1 -1
- package/{experimental/dialog → core/feedback/dialog-v2}/index.js +1 -1
- package/{experimental/dialog → core/feedback/dialog-v2}/remove-dialog.d.ts +1 -1
- package/core/feedback/fade/fade.stories.d.ts +6 -4
- package/core/feedback/fade/index.d.ts +1 -1
- package/core/feedback/fade/index.js +2 -2
- package/{experimental → core/feedback}/loading/index.d.ts +1 -1
- package/{experimental → core/feedback}/loading/index.js +5 -4
- package/core/feedback/loading/loading.stories.d.ts +6 -0
- package/{experimental → core/feedback}/nothing-found/index.d.ts +1 -1
- package/{experimental → core/feedback}/nothing-found/index.js +2 -2
- package/core/feedback/nothing-found/nothing-found.stories.d.ts +6 -0
- package/core/feedback/nothing-found/styles.d.ts +26 -0
- package/{experimental → core/feedback}/nothing-found/styles.js +1 -1
- package/{experimental → core/feedback}/skeleton/index.js +1 -1
- package/core/feedback/validation-dialog/index.d.ts +3 -2
- package/core/feedback/validation-dialog/index.js +2 -2
- package/core/feedback/validation-dialog/styles.d.ts +4 -4
- package/core/feedback/validation-dialog/styles.js +2 -2
- package/core/inputs/add-button/add-button.stories.d.ts +6 -0
- package/{experimental/button → core/inputs/add-button}/index.d.ts +3 -1
- package/{experimental/button → core/inputs/add-button}/index.js +5 -3
- package/{experimental/button → core/inputs/add-button}/styles.js +1 -1
- package/core/inputs/auto-complete-lab/autocomplete-lab.stories.d.ts +4 -0
- package/core/inputs/auto-complete-lab/index.d.ts +3 -0
- package/core/{feedback/zoom → inputs/auto-complete-lab}/index.js +21 -18
- package/core/inputs/date-time/date-time.stories.d.ts +6 -5
- package/core/inputs/date-time/index.d.ts +1 -2
- package/core/inputs/date-time/index.js +2 -2
- package/core/inputs/mask-field/index.js +2 -2
- package/core/inputs/pin-input/index.d.ts +1 -1
- package/core/inputs/pin-input/index.js +5 -8
- package/core/inputs/pin-input/pin-input.stories.d.ts +6 -5
- package/core/inputs/text-field/index.d.ts +1 -1
- package/core/inputs/text-field/index.js +2 -2
- package/core/inputs/text-field/text-field.stories.d.ts +9 -10
- package/core/navigation/breadcrumbs/breadcrumbs.stories.d.ts +6 -0
- package/{experimental → core/navigation}/breadcrumbs/index.js +4 -4
- package/core/navigation/breadcrumbs/styles.d.ts +30 -0
- package/core/navigation/breadcrumbs/styles.js +17 -0
- package/core/navigation/drawer/drawer.stories.d.ts +6 -4
- package/core/navigation/drawer/index.d.ts +1 -1
- package/core/navigation/drawer/index.js +2 -2
- package/core/surfaces/box/index.js +2 -2
- package/core/surfaces/card/card.spec.d.ts +1 -1
- package/core/surfaces/card/card.stories.d.ts +6 -4
- package/core/surfaces/card/index.d.ts +21 -13
- package/core/surfaces/card/index.js +58 -87
- package/core/surfaces/card/styles.d.ts +31 -0
- package/core/surfaces/card/styles.js +22 -0
- package/core/surfaces/panel/panel.stories.d.ts +6 -0
- package/core/surfaces/panel/styles.d.ts +28 -0
- package/core/surfaces/panel/styles.js +15 -0
- package/core/surfaces/paper/index.d.ts +1 -1
- package/core/surfaces/paper/index.js +2 -2
- package/core/surfaces/paper/paper.stories.d.ts +6 -8
- package/core/surfaces/step-card/styles.d.ts +7 -5
- package/core/surfaces/step-card/styles.js +1 -1
- package/index.d.ts +44 -50
- package/index.js +184 -140
- package/package.json +24 -23
- package/test/mocks/data-table-hidden-mock.js +35 -34
- package/test/mocks/data-table-mock.js +36 -35
- package/test/mocks/date-time-mock.js +2 -2
- package/test/mocks/pin-input-mock.js +2 -2
- package/test/mocks/snackbar-mock.js +4 -3
- package/test/mocks/text-field-mock.js +2 -2
- package/test/mocks/text-field-options-mock.js +2 -2
- package/test/util.js +0 -2
- package/theme/index.d.ts +1 -0
- package/theme/index.js +14 -1
- package/core/context/styles-provider/index.d.ts +0 -2
- package/core/context/styles-provider/index.js +0 -8
- package/core/data-display/editable-table/editable-table.spec.d.ts +0 -1
- package/core/data-display/editable-table/editable-table.stories.d.ts +0 -4
- package/core/data-display/editable-table/index.d.ts +0 -70
- package/core/data-display/editable-table/index.js +0 -282
- package/core/data-display/editable-table/styles.d.ts +0 -35
- package/core/data-display/editable-table/styles.js +0 -27
- package/core/data-display/node/index.d.ts +0 -7
- package/core/data-display/node/index.js +0 -41
- package/core/data-display/node/node.spec.d.ts +0 -1
- package/core/data-display/node/node.stories.d.ts +0 -3
- package/core/data-display/node/styles.d.ts +0 -17
- package/core/data-display/node/styles.js +0 -20
- package/core/data-display/tree/index.d.ts +0 -10
- package/core/data-display/tree/index.js +0 -40
- package/core/data-display/tree/tree.spec.d.ts +0 -1
- package/core/data-display/tree/tree.stories.d.ts +0 -3
- package/core/feedback/zoom/index.d.ts +0 -13
- package/core/feedback/zoom/zoom.spec.d.ts +0 -1
- package/core/feedback/zoom/zooms.stories.d.ts +0 -4
- package/core/inputs/auto-complete/auto-complete.spec.d.ts +0 -1
- package/core/inputs/auto-complete/auto-complete.stories.d.ts +0 -7
- package/core/inputs/auto-complete/index.d.ts +0 -43
- package/core/inputs/auto-complete/index.js +0 -185
- package/core/inputs/input-base/index.d.ts +0 -28
- package/core/inputs/input-base/index.js +0 -33
- package/core/inputs/input-base/input-base.spec.d.ts +0 -1
- package/core/inputs/input-base/input-base.stories.d.ts +0 -3
- package/core/navigation/breadcrumb/breadcrumb.spec.d.ts +0 -1
- package/core/navigation/breadcrumb/breadcrumb.stories.d.ts +0 -13
- package/core/navigation/breadcrumb/index.d.ts +0 -4
- package/core/navigation/breadcrumb/index.js +0 -13
- package/core/navigation/link/index.d.ts +0 -2
- package/core/navigation/link/index.js +0 -9
- package/core/navigation/pagination/index.d.ts +0 -11
- package/core/navigation/pagination/index.js +0 -63
- package/core/navigation/pagination/pagination.spec.d.ts +0 -1
- package/core/navigation/pagination/pagination.stories.d.ts +0 -3
- package/core/navigation/pagination/styles.d.ts +0 -2
- package/core/navigation/pagination/styles.js +0 -11
- package/core/surfaces/container/container.spec.d.ts +0 -1
- package/core/surfaces/container/container.stories.d.ts +0 -3
- package/core/surfaces/container/index.d.ts +0 -4
- package/core/surfaces/container/index.js +0 -28
- package/core/surfaces/content/content.spec.d.ts +0 -1
- package/core/surfaces/content/content.stories.d.ts +0 -3
- package/core/surfaces/content/index.d.ts +0 -4
- package/core/surfaces/content/index.js +0 -25
- package/core/surfaces/content/styles.d.ts +0 -3
- package/core/surfaces/content/styles.js +0 -15
- package/experimental/actions/actions.stories.d.ts +0 -3
- package/experimental/actions/index.js +0 -39
- package/experimental/auto-complete-lab/autocomplete-lab.stories.d.ts +0 -4
- package/experimental/auto-complete-lab/index.d.ts +0 -4
- package/experimental/auto-complete-lab/index.js +0 -80
- package/experimental/avatar/avatar.spec.d.ts +0 -1
- package/experimental/avatar/avatar.stories.d.ts +0 -5
- package/experimental/avatar/index.d.ts +0 -10
- package/experimental/avatar/index.js +0 -20
- package/experimental/breadcrumbs/breadcrumbs.stories.d.ts +0 -9
- package/experimental/breadcrumbs/styles.d.ts +0 -27
- package/experimental/breadcrumbs/styles.js +0 -20
- package/experimental/button/button.spec.d.ts +0 -1
- package/experimental/button/button.stories.d.ts +0 -3
- package/experimental/card/card.spec.d.ts +0 -1
- package/experimental/card/card.stories.d.ts +0 -6
- package/experimental/card/index.d.ts +0 -35
- package/experimental/card/index.js +0 -51
- package/experimental/card/styles.d.ts +0 -30
- package/experimental/card/styles.js +0 -20
- package/experimental/dialog/dialog.stories.d.ts +0 -5
- package/experimental/fab/fab-wrapper.d.ts +0 -11
- package/experimental/fab/fab-wrapper.js +0 -28
- package/experimental/fab/fab.stories.d.ts +0 -3
- package/experimental/fab/index.d.ts +0 -2
- package/experimental/fab/index.js +0 -20
- package/experimental/fab/styles.d.ts +0 -2
- package/experimental/index.d.ts +0 -13
- package/experimental/index.js +0 -130
- package/experimental/loading/loading.stories.d.ts +0 -5
- package/experimental/nothing-found/nothing-found.stories.d.ts +0 -7
- package/experimental/nothing-found/styles.d.ts +0 -26
- package/experimental/panel/panel.stories.d.ts +0 -5
- package/experimental/panel/styles.d.ts +0 -28
- package/experimental/panel/styles.js +0 -14
- package/experimental/sidebar/index.d.ts +0 -20
- package/experimental/sidebar/index.js +0 -128
- package/experimental/sidebar/sidebar.spec.d.ts +0 -1
- package/experimental/sidebar/sidebar.stories.d.ts +0 -4
- package/experimental/sidebar/styles.d.ts +0 -6
- package/experimental/sidebar/styles.js +0 -20
- package/experimental/visibility-icon/index.d.ts +0 -8
- package/experimental/visibility-icon/styles.d.ts +0 -2
- package/experimental/visibility-icon/visibility-icon.spec.d.ts +0 -1
- package/experimental/visibility-icon/visibility-icon.stories.d.ts +0 -3
- package/lib/images.d.ts +0 -1
- package/lib/images.js +0 -9
- package/lib/localization.d.ts +0 -31
- package/lib/localization.js +0 -42
- package/test/mocks/editable-table-date-mock.d.ts +0 -11
- package/test/mocks/editable-table-date-mock.js +0 -14
- package/test/mocks/editable-table-mock.d.ts +0 -17
- package/test/mocks/editable-table-mock.js +0 -22
- /package/{experimental → core/data-display}/actions/actions.spec.d.ts +0 -0
- /package/{experimental/fab → core/data-display/fab-v2}/fab.spec.d.ts +0 -0
- /package/core/{context/theme-provider/theme-provider.spec.d.ts → data-display/password-visibility/password-visibility.spec.d.ts} +0 -0
- /package/{experimental/dialog → core/feedback/dialog-v2}/confirm-dialog.js +0 -0
- /package/{experimental/dialog → core/feedback/dialog-v2}/dialog.spec.d.ts +0 -0
- /package/{experimental/dialog → core/feedback/dialog-v2}/remove-dialog.js +0 -0
- /package/{experimental → core/feedback}/loading/loading.spec.d.ts +0 -0
- /package/{experimental → core/feedback}/loading/styles.d.ts +0 -0
- /package/{experimental → core/feedback}/loading/styles.js +0 -0
- /package/{experimental → core/feedback}/nothing-found/nothing-found.spec.d.ts +0 -0
- /package/{experimental → core/feedback}/skeleton/index.d.ts +0 -0
- /package/{experimental → core/feedback}/skeleton/skeleton.spec.d.ts +0 -0
- /package/{experimental → core/feedback}/skeleton/skeleton.stories.d.ts +0 -0
- /package/core/{data-display/editable-table/editable-table-with-date.spec.d.ts → inputs/add-button/add-button.spec.d.ts} +0 -0
- /package/{experimental/button → core/inputs/add-button}/styles.d.ts +0 -0
- /package/{experimental → core/inputs}/auto-complete-lab/autocomplete-lab.spec.d.ts +0 -0
- /package/{experimental → core/navigation}/breadcrumbs/breadcrumbs.spec.d.ts +0 -0
- /package/{experimental → core/navigation}/breadcrumbs/index.d.ts +0 -0
- /package/{experimental → core/surfaces}/panel/index.d.ts +0 -0
- /package/{experimental → core/surfaces}/panel/index.js +0 -0
- /package/{experimental → core/surfaces}/panel/panel.spec.d.ts +0 -0
- /package/{core/context/theme-provider/index.d.ts → theme/ThemeProvider.d.ts} +0 -0
- /package/{core/context/theme-provider/index.js → theme/ThemeProvider.js} +0 -0
|
@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _splitEvery2 = _interopRequireDefault(require("ramda/es/splitEvery"));
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
11
|
var _react = require("react");
|
|
12
|
-
var _faker =
|
|
12
|
+
var _faker = require("@faker-js/faker");
|
|
13
13
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
14
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
15
|
var generateRandomDate = exports.generateRandomDate = function generateRandomDate(size) {
|
|
@@ -17,16 +17,16 @@ var generateRandomDate = exports.generateRandomDate = function generateRandomDat
|
|
|
17
17
|
for (var i = 0; i < size; i++) {
|
|
18
18
|
content.push({
|
|
19
19
|
id: i,
|
|
20
|
-
product: _faker
|
|
21
|
-
price: _faker
|
|
20
|
+
product: _faker.faker.vehicle.model(),
|
|
21
|
+
price: _faker.faker.datatype["float"]({
|
|
22
22
|
min: 0,
|
|
23
23
|
max: 100000
|
|
24
24
|
}),
|
|
25
|
-
quantity: _faker
|
|
25
|
+
quantity: _faker.faker.datatype.number({
|
|
26
26
|
min: 0,
|
|
27
27
|
max: 30
|
|
28
28
|
}),
|
|
29
|
-
date: _faker
|
|
29
|
+
date: _faker.faker.date.recent(2)
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
32
|
return content;
|
|
@@ -75,18 +75,14 @@ var usePaginated = exports.usePaginated = function usePaginated() {
|
|
|
75
75
|
});
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
|
-
|
|
79
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
80
|
-
}, [state.size]);
|
|
78
|
+
}, [splitData, state.actualPage, state.size]);
|
|
81
79
|
(0, _react.useEffect)(function () {
|
|
82
80
|
setState(function (prev) {
|
|
83
81
|
return _objectSpread(_objectSpread({}, prev), {}, {
|
|
84
82
|
items: splitData[state.actualPage]
|
|
85
83
|
});
|
|
86
84
|
});
|
|
87
|
-
|
|
88
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
89
|
-
}, [state.actualPage]);
|
|
85
|
+
}, [splitData, state.actualPage]);
|
|
90
86
|
var handleChangePage = function handleChangePage(newPage) {
|
|
91
87
|
setLoading(true);
|
|
92
88
|
setState(function (prev) {
|
|
@@ -11,9 +11,9 @@ var _react = require("react");
|
|
|
11
11
|
var _types = require("./types");
|
|
12
12
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
13
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
|
-
function _createForOfIteratorHelper(
|
|
15
|
-
function _unsupportedIterableToArray(
|
|
16
|
-
function _arrayLikeToArray(
|
|
14
|
+
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
15
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
16
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
17
17
|
var useRowsState = exports.useRowsState = function useRowsState(rows) {
|
|
18
18
|
var isHidden = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
19
19
|
var newRow = arguments.length > 2 ? arguments[2] : undefined;
|
|
@@ -25,8 +25,6 @@ var useRowsState = exports.useRowsState = function useRowsState(rows) {
|
|
|
25
25
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
26
26
|
state = _useState2[0],
|
|
27
27
|
setState = _useState2[1];
|
|
28
|
-
|
|
29
|
-
// TODO: lazy inicialization
|
|
30
28
|
(0, _react.useEffect)(function () {
|
|
31
29
|
var nextState = new Map();
|
|
32
30
|
var _iterator = _createForOfIteratorHelper(rows),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Divider from '.';
|
|
3
|
+
declare const meta: Meta<typeof Divider>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Divider>;
|
|
6
|
+
export declare const divider: Story;
|
|
@@ -4,5 +4,5 @@ import type { DividerProps as MuiDividerProps } from '@material-ui/core';
|
|
|
4
4
|
export interface DividerProps extends DefaultProps, MuiDividerProps {
|
|
5
5
|
'data-testid'?: string;
|
|
6
6
|
}
|
|
7
|
-
|
|
7
|
+
declare const Divider: ({ margin, padding, style, ...otherProps }: DividerProps) => React.JSX.Element;
|
|
8
8
|
export default Divider;
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports["default"] =
|
|
7
|
+
exports["default"] = void 0;
|
|
8
8
|
var _Divider2 = _interopRequireDefault(require("@material-ui/core/Divider"));
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
13
13
|
var _excluded = ["margin", "padding", "style"];
|
|
14
14
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
15
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
-
var Divider =
|
|
16
|
+
var Divider = function Divider(_ref) {
|
|
17
17
|
var margin = _ref.margin,
|
|
18
18
|
padding = _ref.padding,
|
|
19
19
|
_ref$style = _ref.style,
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { MouseEvent, CSSProperties } from 'react';
|
|
3
3
|
import type { FabProps } from '@/core/data-display/fab';
|
|
4
4
|
export interface IProps extends FabProps {
|
|
5
|
-
|
|
5
|
+
mini?: boolean;
|
|
6
6
|
className?: string;
|
|
7
7
|
name?: string;
|
|
8
8
|
tooltip?: string;
|
|
@@ -9,21 +9,22 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var
|
|
13
|
-
var
|
|
12
|
+
var _fab = _interopRequireDefault(require("../fab"));
|
|
13
|
+
var _tooltip = _interopRequireDefault(require("../../feedback/tooltip"));
|
|
14
|
+
var _excluded = ["mini", "children", "padding", "name", "margin", "style"];
|
|
14
15
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
16
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
17
|
var FabV2 = function FabV2(props) {
|
|
17
18
|
var renderButton = function renderButton() {
|
|
18
|
-
var
|
|
19
|
+
var mini = props.mini,
|
|
19
20
|
children = props.children,
|
|
20
21
|
padding = props.padding,
|
|
21
22
|
name = props.name,
|
|
22
23
|
margin = props.margin,
|
|
23
24
|
style = props.style,
|
|
24
25
|
otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
25
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
26
|
-
size:
|
|
26
|
+
return /*#__PURE__*/_react["default"].createElement(_fab["default"], (0, _extends2["default"])({
|
|
27
|
+
size: mini ? 'small' : 'medium',
|
|
27
28
|
name: name || 'action-button',
|
|
28
29
|
"data-testid": "fab-button"
|
|
29
30
|
}, otherProps, {
|
|
@@ -34,7 +35,7 @@ var FabV2 = function FabV2(props) {
|
|
|
34
35
|
onClick: props.onClick
|
|
35
36
|
}), children);
|
|
36
37
|
};
|
|
37
|
-
return props.tooltip ? /*#__PURE__*/_react["default"].createElement(
|
|
38
|
+
return props.tooltip ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
38
39
|
withWrapper: true,
|
|
39
40
|
title: props.tooltip
|
|
40
41
|
}, renderButton()) : renderButton();
|
|
@@ -4,5 +4,5 @@ export interface LineProps extends DefaultProps {
|
|
|
4
4
|
primary?: boolean;
|
|
5
5
|
'data-testid'?: string;
|
|
6
6
|
}
|
|
7
|
-
|
|
7
|
+
declare const Line: ({ padding, margin, style, primary, ...otherProps }: LineProps) => React.JSX.Element;
|
|
8
8
|
export default Line;
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports["default"] =
|
|
7
|
+
exports["default"] = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
16
16
|
var _theme$colors = _theme.theme.colors,
|
|
17
17
|
grays = _theme$colors.grays,
|
|
18
18
|
secondary = _theme$colors.secondary;
|
|
19
|
-
var Line =
|
|
19
|
+
var Line = function Line(_ref) {
|
|
20
20
|
var padding = _ref.padding,
|
|
21
21
|
margin = _ref.margin,
|
|
22
22
|
style = _ref.style,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
5
|
-
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Line from '.';
|
|
3
|
+
declare const meta: Meta<typeof Line>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Line>;
|
|
6
|
+
export declare const line: Story;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { MouseEvent } from 'react';
|
|
3
3
|
import type { DefaultProps } from '../../types';
|
|
4
|
-
import type { Omit } from 'ramda';
|
|
5
4
|
export interface ListItemProps extends Omit<DefaultProps, 'name'> {
|
|
6
5
|
avatar?: JSX.Element;
|
|
7
6
|
icon?: JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -3,7 +3,6 @@ import type { MouseEvent, MutableRefObject, ReactNode } from 'react';
|
|
|
3
3
|
import type { DefaultProps } from '../../types';
|
|
4
4
|
import type { MenuItemClassKey } from '@material-ui/core/MenuItem';
|
|
5
5
|
import type { ClassNameMap } from '@material-ui/core/styles/withStyles';
|
|
6
|
-
import type { Omit } from 'ramda';
|
|
7
6
|
export interface ListItemProps extends Omit<DefaultProps, 'name'> {
|
|
8
7
|
title?: string;
|
|
9
8
|
value?: string | number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const MenuItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
|
|
3
3
|
ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
|
|
4
|
-
}, "
|
|
4
|
+
}, "disabled" | "children" | "style" | "className" | "classes" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "dense" | "selected" | "disableGutters" | "divider" | "sx" | "LinkComponent" | "touchRippleRef">, never>> & string & Omit<import("@mui/material").ExtendButtonBase<import("@mui/material").MenuItemTypeMap<{}, "li">>, keyof import("react").Component<any, {}, any>>;
|
|
@@ -12,14 +12,14 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
var _styles = require("./styles");
|
|
14
14
|
var _excluded = ["show", "onToggle", "name"];
|
|
15
|
-
var
|
|
15
|
+
var PasswordVisibility = function PasswordVisibility(_ref) {
|
|
16
16
|
var show = _ref.show,
|
|
17
17
|
onToggle = _ref.onToggle,
|
|
18
18
|
name = _ref.name,
|
|
19
19
|
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
20
20
|
return /*#__PURE__*/_react["default"].createElement(_styles.StyledButton, (0, _extends2["default"])({}, otherProps, {
|
|
21
21
|
padding: "0px",
|
|
22
|
-
name: name,
|
|
22
|
+
name: name !== null && name !== void 0 ? name : 'show-password',
|
|
23
23
|
onClick: onToggle
|
|
24
24
|
}), show ? /*#__PURE__*/_react["default"].createElement(_VisibilityOff2["default"], {
|
|
25
25
|
"data-testid": "icon-off"
|
|
@@ -27,4 +27,4 @@ var VisibilityIcon = function VisibilityIcon(_ref) {
|
|
|
27
27
|
"data-testid": "icon-on"
|
|
28
28
|
}));
|
|
29
29
|
};
|
|
30
|
-
var _default = exports["default"] =
|
|
30
|
+
var _default = exports["default"] = PasswordVisibility;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import PasswordVisibility from '.';
|
|
3
|
+
declare const meta: Meta<typeof PasswordVisibility>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof PasswordVisibility>;
|
|
6
|
+
export declare const passwordVisibility: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@/core/inputs/icon-button").IconButtonProps, never>> & string & Omit<({ children, padding, margin, style, ...otherProps }: import("@/core/inputs/icon-button").IconButtonProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
|
|
@@ -7,6 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.StyledButton = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
|
-
var
|
|
10
|
+
var _iconButton = _interopRequireDefault(require("../../inputs/icon-button"));
|
|
11
11
|
var _templateObject;
|
|
12
|
-
var StyledButton = exports.StyledButton = (0, _styledComponents["default"])(
|
|
12
|
+
var StyledButton = exports.StyledButton = (0, _styledComponents["default"])(_iconButton["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n width: 36px !important;\n height: 36px !important;\n"])));
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { DefaultProps } from '../../types';
|
|
3
3
|
import type { TableCellProps as MuiTableProps } from '@material-ui/core/TableCell';
|
|
4
|
-
|
|
5
|
-
interface TableCellProps extends DefaultProps {
|
|
4
|
+
export interface TableCellProps extends DefaultProps {
|
|
6
5
|
numeric?: boolean;
|
|
7
6
|
variant?: 'head' | 'body' | 'footer';
|
|
8
7
|
spacing?: MuiTableProps['padding'];
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { DefaultProps } from '../../types';
|
|
3
3
|
interface TableHeadProps extends DefaultProps, ISort {
|
|
4
|
-
color?:
|
|
5
|
-
classes: {
|
|
6
|
-
default: string;
|
|
7
|
-
inherit: string;
|
|
8
|
-
primary: string;
|
|
9
|
-
secondary: string;
|
|
10
|
-
};
|
|
4
|
+
color?: string;
|
|
11
5
|
}
|
|
12
6
|
declare enum Direction {
|
|
13
7
|
ASCENDENT = "asc",
|
|
@@ -19,5 +13,5 @@ interface ISort {
|
|
|
19
13
|
onSort?(name: string): void;
|
|
20
14
|
}
|
|
21
15
|
export declare const SortContext: React.Context<ISort>;
|
|
22
|
-
declare const
|
|
23
|
-
export default
|
|
16
|
+
declare const TableHead: ({ style, margin, padding, children, color, active, direction, onSort, ...otherProps }: TableHeadProps) => React.JSX.Element;
|
|
17
|
+
export default TableHead;
|
|
@@ -10,9 +10,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _styles = require("@material-ui/core/styles");
|
|
14
13
|
var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));
|
|
15
|
-
var _excluded = ["style", "margin", "padding", "children", "color", "
|
|
14
|
+
var _excluded = ["style", "margin", "padding", "children", "color", "active", "direction", "onSort"];
|
|
16
15
|
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); }
|
|
17
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
18
17
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -22,22 +21,6 @@ var Direction = /*#__PURE__*/function (Direction) {
|
|
|
22
21
|
Direction["DESCENDENT"] = "desc";
|
|
23
22
|
return Direction;
|
|
24
23
|
}(Direction || {});
|
|
25
|
-
var styles = function styles(theme) {
|
|
26
|
-
return {
|
|
27
|
-
"default": {
|
|
28
|
-
color: theme.palette.background["default"]
|
|
29
|
-
},
|
|
30
|
-
inherit: {
|
|
31
|
-
color: 'inherit'
|
|
32
|
-
},
|
|
33
|
-
primary: {
|
|
34
|
-
color: theme.palette.primary.main
|
|
35
|
-
},
|
|
36
|
-
secondary: {
|
|
37
|
-
color: theme.palette.secondary.main
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
24
|
var SortContext = exports.SortContext = /*#__PURE__*/(0, _react.createContext)({
|
|
42
25
|
active: undefined,
|
|
43
26
|
direction: Direction.ASCENDENT,
|
|
@@ -49,7 +32,6 @@ var TableHead = function TableHead(_ref) {
|
|
|
49
32
|
padding = _ref.padding,
|
|
50
33
|
children = _ref.children,
|
|
51
34
|
color = _ref.color,
|
|
52
|
-
classes = _ref.classes,
|
|
53
35
|
active = _ref.active,
|
|
54
36
|
direction = _ref.direction,
|
|
55
37
|
onSort = _ref.onSort,
|
|
@@ -63,11 +45,9 @@ var TableHead = function TableHead(_ref) {
|
|
|
63
45
|
}, /*#__PURE__*/_react["default"].createElement(_TableHead["default"], (0, _extends2["default"])({}, otherProps, {
|
|
64
46
|
style: _objectSpread({
|
|
65
47
|
padding: padding,
|
|
66
|
-
margin: margin
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
root: classes[color]
|
|
70
|
-
} : {}
|
|
48
|
+
margin: margin,
|
|
49
|
+
backgroundColor: color
|
|
50
|
+
}, style)
|
|
71
51
|
}), children));
|
|
72
52
|
};
|
|
73
|
-
var _default = exports["default"] =
|
|
53
|
+
var _default = exports["default"] = TableHead;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -5,6 +5,6 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
|
|
|
5
5
|
stickyHeader?: boolean | undefined;
|
|
6
6
|
} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TableTypeMap<{}, "table">> & Pick<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
|
|
7
7
|
ref?: ((instance: HTMLTableElement | null) => void) | React.RefObject<HTMLTableElement> | null | undefined;
|
|
8
|
-
}, "
|
|
8
|
+
}, "color" | "role" | "onClick" | "children" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "summary" | "key" | "border" | "width" | "align" | "bgcolor" | "cellPadding" | "cellSpacing" | "frame" | "rules"> & import(".").TableProps>;
|
|
9
9
|
export default _default;
|
|
10
10
|
export declare const Default: any;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, {
|
|
3
3
|
align?: import("@material-ui/core").PropTypes.Alignment | undefined;
|
|
4
4
|
children?: React.ReactNode;
|
|
5
|
-
color?: "inherit" | "
|
|
5
|
+
color?: "inherit" | "primary" | "secondary" | "initial" | "error" | "textPrimary" | "textSecondary" | undefined;
|
|
6
6
|
display?: "initial" | "block" | "inline" | undefined;
|
|
7
7
|
gutterBottom?: boolean | undefined;
|
|
8
8
|
noWrap?: boolean | undefined;
|
|
@@ -11,7 +11,7 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
|
|
|
11
11
|
variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
|
|
12
12
|
} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
13
13
|
ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
|
|
14
|
-
}, "
|
|
14
|
+
}, "color" | "role" | "onClick" | "children" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key"> & import("../../types").DefaultProps>;
|
|
15
15
|
export default _default;
|
|
16
16
|
export declare const Default: any;
|
|
17
17
|
export declare const ErrorText: any;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Collapse from '.';
|
|
3
|
+
declare const meta: Meta<typeof Collapse>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Collapse>;
|
|
6
|
+
export declare const collapse: Story;
|
|
@@ -10,5 +10,5 @@ export interface CollapseProps extends DefaultProps {
|
|
|
10
10
|
} | 'auto';
|
|
11
11
|
children?: ReactNode;
|
|
12
12
|
}
|
|
13
|
-
|
|
13
|
+
declare const Collapse: ({ children, padding, margin, style, ...otherProps }: CollapseProps) => React.JSX.Element;
|
|
14
14
|
export default Collapse;
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports["default"] =
|
|
7
|
+
exports["default"] = void 0;
|
|
8
8
|
var _Collapse2 = _interopRequireDefault(require("@material-ui/core/Collapse"));
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
13
13
|
var _excluded = ["children", "padding", "margin", "style"];
|
|
14
14
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
15
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
-
var Collapse =
|
|
16
|
+
var Collapse = function Collapse(_ref) {
|
|
17
17
|
var children = _ref.children,
|
|
18
18
|
padding = _ref.padding,
|
|
19
19
|
margin = _ref.margin,
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const WithSnippet: () => React.JSX.Element;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Dialog from '.';
|
|
3
|
+
declare const meta: Meta<typeof Dialog>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Dialog>;
|
|
6
|
+
export declare const dialog: Story;
|
|
@@ -26,5 +26,5 @@ export interface DialogProps extends DefaultProps, Omit<MuiDialogProps, 'scroll'
|
|
|
26
26
|
'aria-title'?: string;
|
|
27
27
|
onClose?: (event: Event) => void;
|
|
28
28
|
}
|
|
29
|
-
|
|
29
|
+
declare const Dialog: ({ snippet, style, padding, margin, scroll, PaperProps, open, fullScreen, fullWidth, maxWidth, onClose, titleAction, titleWrapperStyle, titleStyle, titleActionStyle, contentStyle, contentTextStyle, actionsStyle, actions, content, text, title, snippetStyle, snippetContentStyle, "aria-title": ariaTitle, ...otherProps }: DialogProps) => React.JSX.Element;
|
|
30
30
|
export default Dialog;
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports["default"] =
|
|
7
|
+
exports["default"] = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
@@ -24,7 +24,7 @@ var useStyles = (0, _styles.makeStyles)({
|
|
|
24
24
|
overflowY: 'unset'
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
|
-
var Dialog =
|
|
27
|
+
var Dialog = function Dialog(_ref) {
|
|
28
28
|
var snippet = _ref.snippet,
|
|
29
29
|
style = _ref.style,
|
|
30
30
|
padding = _ref.padding,
|