flipper-ui 0.25.17 → 0.26.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/.babelrc.js +119 -0
- package/.eslintignore +1 -0
- package/.eslintrc.json +209 -0
- package/.github/workflows/build.yml +25 -0
- package/.github/workflows/publish-s3.yml +27 -0
- package/.github/workflows/release.yml +24 -0
- package/.prettierrc +8 -0
- package/.storybook/main.js +10 -0
- package/.storybook/preview-head.html +1 -0
- package/.storybook/preview.js +9 -0
- package/.tool-versions +1 -0
- package/.vscode/settings.json +21 -0
- package/.vscode/snippets/typescriptreact.json +89 -0
- package/.wakatime-project +1 -0
- package/{colors.d.ts → dist/colors.d.ts} +0 -0
- package/{colors.js → dist/colors.js} +3 -2
- package/{core → dist/core}/Advertise.d.ts +0 -0
- package/{core → dist/core}/Advertise.js +13 -36
- package/{core → dist/core}/AutoComplete.d.ts +0 -0
- package/{core → dist/core}/AutoComplete.js +12 -53
- package/{core → dist/core}/Avatar.d.ts +0 -0
- package/{core → dist/core}/Avatar.js +4 -12
- package/{core → dist/core}/Badge.d.ts +0 -0
- package/{core → dist/core}/Badge.js +10 -21
- package/{core → dist/core}/Box.d.ts +0 -0
- package/dist/core/Box.js +35 -0
- package/{core → dist/core}/Breadcrumb.d.ts +0 -0
- package/{core → dist/core}/Breadcrumb.js +0 -3
- package/{core → dist/core}/Button.d.ts +0 -0
- package/{core → dist/core}/Button.js +11 -32
- package/{core → dist/core}/Card.d.ts +0 -0
- package/{core → dist/core}/Card.js +27 -46
- package/{core → dist/core}/Chapter.d.ts +0 -0
- package/{core → dist/core}/Chapter.js +12 -47
- package/{core → dist/core}/Checkbox.d.ts +0 -0
- package/{core → dist/core}/Checkbox.js +8 -27
- package/{core → dist/core}/Chip.d.ts +0 -0
- package/{core → dist/core}/Chip.js +8 -19
- package/{core → dist/core}/ChipField.d.ts +0 -0
- package/dist/core/ChipField.js +30 -0
- package/{core → dist/core}/Collapse.d.ts +0 -0
- package/{core → dist/core}/Collapse.js +8 -17
- package/{core → dist/core}/Container.d.ts +0 -0
- package/{core → dist/core}/Container.js +10 -30
- package/{core → dist/core}/Content.d.ts +0 -0
- package/{core → dist/core}/Content.js +10 -30
- package/{core → dist/core}/DataTable/DataTable.d.ts +0 -0
- package/{core → dist/core}/DataTable/DataTable.js +35 -72
- package/{core → dist/core}/DataTable/DataTableAction.d.ts +0 -0
- package/{core → dist/core}/DataTable/DataTableAction.js +4 -9
- package/{core → dist/core}/DataTable/DataTablePaginationActions.d.ts +0 -0
- package/{core → dist/core}/DataTable/DataTablePaginationActions.js +6 -20
- package/{core → dist/core}/DataTable/DataTableQueryPaginated.d.ts +0 -0
- package/{core → dist/core}/DataTable/DataTableQueryPaginated.js +32 -65
- package/{core → dist/core}/DataTable/Rows.d.ts +0 -0
- package/{core → dist/core}/DataTable/Rows.js +23 -56
- package/{core → dist/core}/DataTable/index.d.ts +0 -0
- package/{core → dist/core}/DataTable/index.js +4 -9
- package/{core → dist/core}/DataTable/types.d.ts +0 -0
- package/{core → dist/core}/DataTable/types.js +0 -2
- package/{core → dist/core}/DataTable/usePaginated.d.ts +0 -0
- package/{core → dist/core}/DataTable/usePaginated.js +10 -30
- package/{core → dist/core}/DataTable/useRowsState.d.ts +0 -0
- package/{core → dist/core}/DataTable/useRowsState.js +12 -37
- package/{core → dist/core}/DateTime.d.ts +0 -0
- package/{core → dist/core}/DateTime.js +22 -38
- package/{core → dist/core}/Dialog.d.ts +0 -0
- package/{core → dist/core}/Dialog.js +30 -97
- package/{core → dist/core}/Divider.d.ts +0 -0
- package/{core → dist/core}/Divider.js +7 -16
- package/{core → dist/core}/Drawer.d.ts +0 -0
- package/{core → dist/core}/Drawer.js +9 -20
- package/{core → dist/core}/EditableTable.d.ts +0 -0
- package/{core → dist/core}/EditableTable.js +26 -140
- package/{core → dist/core}/ExpansionPanel.d.ts +0 -0
- package/{core → dist/core}/ExpansionPanel.js +19 -47
- package/{core → dist/core}/Fab.d.ts +0 -0
- package/{core → dist/core}/Fab.js +9 -18
- package/{core → dist/core}/Fade.d.ts +0 -0
- package/{core → dist/core}/Fade.js +8 -17
- package/{core → dist/core}/Grow.d.ts +0 -0
- package/{core → dist/core}/Grow.js +8 -17
- package/{core → dist/core}/Header.d.ts +0 -0
- package/{core → dist/core}/Header.js +10 -20
- package/{core → dist/core}/IconButton.d.ts +0 -0
- package/{core → dist/core}/IconButton.js +7 -16
- package/{core → dist/core}/InputAdornment.d.ts +0 -0
- package/{core → dist/core}/InputAdornment.js +2 -7
- package/{core → dist/core}/InputBase.d.ts +0 -0
- package/{core → dist/core}/InputBase.js +9 -18
- package/{core → dist/core}/Line.d.ts +0 -0
- package/{core → dist/core}/Line.js +8 -29
- package/{core → dist/core}/Link.d.ts +0 -0
- package/{core → dist/core}/Link.js +0 -3
- package/{core → dist/core}/List.d.ts +0 -0
- package/{core → dist/core}/List.js +12 -24
- package/{core → dist/core}/ListItem.d.ts +0 -0
- package/{core → dist/core}/ListItem.js +7 -24
- package/{core → dist/core}/MaskField.d.ts +0 -0
- package/{core → dist/core}/MaskField.js +7 -23
- package/{core → dist/core}/Menu.d.ts +0 -0
- package/{core → dist/core}/Menu.js +9 -18
- package/{core → dist/core}/Node.d.ts +0 -0
- package/{core → dist/core}/Node.js +13 -56
- package/{core → dist/core}/Pagination.d.ts +0 -0
- package/{core → dist/core}/Pagination.js +15 -49
- package/{core → dist/core}/Paper.d.ts +0 -0
- package/{core → dist/core}/Paper.js +8 -17
- package/{core → dist/core}/PinInput.d.ts +0 -0
- package/{core → dist/core}/PinInput.js +18 -66
- package/{core → dist/core}/Progress.d.ts +0 -0
- package/{core → dist/core}/Progress.js +8 -18
- package/{core → dist/core}/Radio.d.ts +0 -0
- package/{core → dist/core}/Radio.js +6 -15
- package/{core → dist/core}/RadioGroup.d.ts +0 -0
- package/{core → dist/core}/RadioGroup.js +16 -29
- package/{core → dist/core}/Select.d.ts +0 -0
- package/{core → dist/core}/Select.js +12 -27
- package/{core → dist/core}/Sidebar.d.ts +0 -0
- package/{core → dist/core}/Sidebar.js +32 -60
- package/{core → dist/core}/Slide.d.ts +0 -0
- package/{core → dist/core}/Slide.js +10 -19
- package/{core → dist/core}/Slider.d.ts +0 -0
- package/{core → dist/core}/Slider.js +8 -17
- package/{core → dist/core}/Snackbar.d.ts +0 -0
- package/{core → dist/core}/Snackbar.js +21 -43
- package/{core → dist/core}/Stepper.d.ts +0 -0
- package/{core → dist/core}/Stepper.js +16 -38
- package/{core → dist/core}/StylesProvider.d.ts +0 -0
- package/{core → dist/core}/StylesProvider.js +0 -2
- package/{core → dist/core}/Tab.d.ts +0 -0
- package/{core → dist/core}/Tab.js +12 -30
- package/{core → dist/core}/Table.d.ts +0 -0
- package/{core → dist/core}/Table.js +8 -18
- package/{core → dist/core}/TableBody.d.ts +0 -0
- package/{core → dist/core}/TableBody.js +7 -16
- package/{core → dist/core}/TableCell.d.ts +0 -0
- package/dist/core/TableCell.js +50 -0
- package/{core → dist/core}/TableHead.d.ts +0 -0
- package/dist/core/TableHead.js +75 -0
- package/{core → dist/core}/TableRow.d.ts +0 -0
- package/{core → dist/core}/TableRow.js +8 -18
- package/{core → dist/core}/Tabs.d.ts +0 -0
- package/dist/core/Tabs.js +41 -0
- package/{core → dist/core}/TextField.d.ts +0 -0
- package/{core → dist/core}/TextField.js +28 -84
- package/{core → dist/core}/ThemeProvider.d.ts +0 -0
- package/{core → dist/core}/ThemeProvider.js +2 -7
- package/{core → dist/core}/Tooltip.d.ts +0 -0
- package/{core → dist/core}/Tooltip.js +9 -18
- package/{core → dist/core}/Tree.d.ts +0 -0
- package/{core → dist/core}/Tree.js +6 -21
- package/{core → dist/core}/Typography.d.ts +0 -0
- package/{core → dist/core}/Typography.js +10 -19
- package/{core → dist/core}/Zoom.d.ts +0 -0
- package/{core → dist/core}/Zoom.js +8 -17
- package/{core → dist/core}/types.d.ts +0 -0
- package/dist/core/types.js +5 -0
- package/{icons → dist/icons}/index.d.ts +0 -0
- package/{icons → dist/icons}/index.js +0 -2
- package/{index.d.ts → dist/index.d.ts} +0 -0
- package/{index.js → dist/index.js} +30 -92
- package/{lab → dist/lab}/Autocomplete.d.ts +0 -0
- package/{lab → dist/lab}/Autocomplete.js +17 -27
- package/{lab → dist/lab}/index.d.ts +0 -0
- package/{lab → dist/lab}/index.js +0 -2
- package/{lib → dist/lib}/localization.d.ts +0 -0
- package/{lib → dist/lib}/localization.js +0 -4
- package/{stories → dist/stories}/Advertise.stories.js +1 -7
- package/{stories → dist/stories}/AutoComplete.stories.js +1 -15
- package/{stories → dist/stories}/AutoCompleteLab.stories.js +1 -10
- package/{stories → dist/stories}/Avatar.stories.js +1 -7
- package/{stories → dist/stories}/Badge.stories.js +1 -8
- package/{stories → dist/stories}/Box.stories.js +1 -7
- package/{stories → dist/stories}/Breadcrumb.stories.js +1 -8
- package/{stories → dist/stories}/Button.stories.js +3 -13
- package/{stories → dist/stories}/Card.stories.js +4 -10
- package/{stories → dist/stories}/Chapter.stories.js +1 -7
- package/{stories → dist/stories}/Checkbox.stories.js +1 -8
- package/{stories → dist/stories}/Chip.stories.js +3 -14
- package/dist/stories/ChipField.stories.js +49 -0
- package/{stories → dist/stories}/Collapse.stories.js +10 -21
- package/{stories → dist/stories}/Container.stories.js +1 -7
- package/{stories → dist/stories}/Content.stories.js +1 -7
- package/{stories → dist/stories}/DataTable.stories.js +67 -124
- package/{stories → dist/stories}/DataTableQueryPaginated.stories.js +43 -108
- package/{stories → dist/stories}/Dialog.stories.js +13 -29
- package/{stories → dist/stories}/Divider.stories.js +1 -13
- package/{stories → dist/stories}/Drawer.stories.js +7 -19
- package/{stories → dist/stories}/EditTable.stories.js +1 -10
- package/{stories → dist/stories}/ExpansionPanel.stories.js +1 -10
- package/{stories → dist/stories}/Fab.stories.js +1 -7
- package/dist/stories/Fade.stories.js +44 -0
- package/dist/stories/Grow.stories.js +53 -0
- package/{stories → dist/stories}/Header.stories.js +1 -7
- package/{stories → dist/stories}/IconButton.stories.js +1 -8
- package/{stories → dist/stories}/InputAdornment.stories.js +1 -7
- package/{stories → dist/stories}/InputBase.stories.js +1 -7
- package/{stories → dist/stories}/Line.stories.js +1 -7
- package/{stories → dist/stories}/List.stories.js +1 -10
- package/{stories → dist/stories}/MaskField.stories.js +1 -9
- package/{stories → dist/stories}/Menu.stories.js +7 -19
- package/{stories → dist/stories}/Node.stories.js +1 -7
- package/{stories → dist/stories}/Pagination.stories.js +1 -7
- package/{stories → dist/stories}/Paper.stories.js +3 -15
- package/{stories → dist/stories}/PinInput.stories.js +25 -73
- package/{stories → dist/stories}/Progress.stories.js +3 -12
- package/{stories → dist/stories}/Radio.stories.js +3 -12
- package/dist/stories/RadioGroup.stories.js +40 -0
- package/{stories → dist/stories}/Select.stories.js +10 -24
- package/{stories → dist/stories}/Sidebar.stories.js +1 -10
- package/{stories → dist/stories}/Slide.stories.js +10 -21
- package/{stories → dist/stories}/Slider.stories.js +1 -8
- package/{stories → dist/stories}/Snackbar.stories.js +11 -22
- package/{stories → dist/stories}/Stepper.stories.js +1 -8
- package/{stories → dist/stories}/Table.stories.js +1 -11
- package/{stories → dist/stories}/Tabs.stories.js +1 -8
- package/{stories → dist/stories}/TextField.stories.js +10 -26
- package/{stories → dist/stories}/Tooltip.stories.js +1 -10
- package/{stories → dist/stories}/Tree.stories.js +1 -7
- package/{stories → dist/stories}/Typography.stories.js +1 -7
- package/dist/stories/Zooms.stories.js +44 -0
- package/dist/tests/CheckBox.test.js +33 -0
- package/logo.png +0 -0
- package/package.json +18 -13
- package/pre-publish.js +14 -0
- package/tsconfig.json +23 -0
- package/core/Box.js +0 -44
- package/core/ChipField.js +0 -47
- package/core/TableCell.js +0 -63
- package/core/TableHead.js +0 -89
- package/core/Tabs.js +0 -50
- package/core/types.js +0 -1
- package/stories/ChipField.stories.js +0 -60
- package/stories/Fade.stories.js +0 -54
- package/stories/Grow.stories.js +0 -63
- package/stories/RadioGroup.stories.js +0 -47
- package/stories/Zooms.stories.js +0 -54
- package/tests/CheckBox.test.js +0 -42
|
@@ -1,85 +1,49 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
|
-
exports
|
|
11
|
-
|
|
8
|
+
exports["default"] = exports.Large = exports.Default = void 0;
|
|
12
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
11
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
13
|
var _PinInput = _interopRequireDefault(require("../core/PinInput"));
|
|
21
|
-
|
|
22
14
|
var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
|
|
23
|
-
|
|
24
15
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
_templateObject2 = function _templateObject2() {
|
|
30
|
-
return data;
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
return data;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
function _templateObject() {
|
|
37
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n width: auto;\n justify-content: center;\n margin-bottom: 2rem;\n"]);
|
|
38
|
-
|
|
39
|
-
_templateObject = function _templateObject() {
|
|
40
|
-
return data;
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
return data;
|
|
44
|
-
}
|
|
45
|
-
|
|
16
|
+
var _templateObject, _templateObject2;
|
|
17
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
46
19
|
var _default = {
|
|
47
20
|
title: 'PinInput',
|
|
48
21
|
component: _PinInput["default"]
|
|
49
22
|
};
|
|
50
23
|
exports["default"] = _default;
|
|
51
|
-
|
|
52
|
-
var
|
|
53
|
-
|
|
54
|
-
var ButtonContainer = _styledComponents["default"].div(_templateObject2());
|
|
55
|
-
|
|
24
|
+
var ValidateContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n width: auto;\n justify-content: center;\n margin-bottom: 2rem;\n"])));
|
|
25
|
+
var ButtonContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n width: auto;\n justify-content: center;\n margin-top: 3rem;\n"])));
|
|
56
26
|
var PIN_LENGTH = 6;
|
|
57
|
-
|
|
58
27
|
var Default = function Default() {
|
|
59
28
|
var _useState = (0, _react.useState)(new Array(PIN_LENGTH)),
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
29
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
30
|
+
pin = _useState2[0],
|
|
31
|
+
setPin = _useState2[1];
|
|
64
32
|
var onPinChanged = function onPinChanged(pinEntry, index) {
|
|
65
33
|
var newPin = (0, _toConsumableArray2["default"])(pin);
|
|
66
34
|
newPin[index] = pinEntry;
|
|
67
35
|
setPin(newPin);
|
|
68
36
|
};
|
|
69
|
-
|
|
70
37
|
var _useState3 = (0, _react.useState)(false),
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
38
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
39
|
+
hasError = _useState4[0],
|
|
40
|
+
setHasError = _useState4[1];
|
|
75
41
|
var _useState5 = (0, _react.useState)(false),
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
42
|
+
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
43
|
+
isValidating = _useState6[0],
|
|
44
|
+
setIsValidating = _useState6[1];
|
|
80
45
|
var handleValidation = function handleValidation() {
|
|
81
46
|
setIsValidating(true);
|
|
82
|
-
|
|
83
47
|
if (pin.join('') !== '123123') {
|
|
84
48
|
setHasError(true);
|
|
85
49
|
setPin(new Array(PIN_LENGTH));
|
|
@@ -87,10 +51,8 @@ var Default = function Default() {
|
|
|
87
51
|
setHasError(false);
|
|
88
52
|
alert('PIN is correct');
|
|
89
53
|
}
|
|
90
|
-
|
|
91
54
|
setIsValidating(false);
|
|
92
55
|
};
|
|
93
|
-
|
|
94
56
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ValidateContainer, null, /*#__PURE__*/_react["default"].createElement("span", null, "Valid pin: 123123")), /*#__PURE__*/_react["default"].createElement(_PinInput["default"], {
|
|
95
57
|
pin: pin,
|
|
96
58
|
setPin: setPin,
|
|
@@ -106,34 +68,27 @@ var Default = function Default() {
|
|
|
106
68
|
}
|
|
107
69
|
}, "Validate")));
|
|
108
70
|
};
|
|
109
|
-
|
|
110
71
|
exports.Default = Default;
|
|
111
|
-
|
|
112
72
|
var Large = function Large() {
|
|
113
73
|
var _useState7 = (0, _react.useState)(new Array(PIN_LENGTH)),
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
74
|
+
_useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
|
|
75
|
+
pin = _useState8[0],
|
|
76
|
+
setPin = _useState8[1];
|
|
118
77
|
var onPinChanged = function onPinChanged(pinEntry, index) {
|
|
119
78
|
var newPin = (0, _toConsumableArray2["default"])(pin);
|
|
120
79
|
newPin[index] = pinEntry;
|
|
121
80
|
setPin(newPin);
|
|
122
81
|
};
|
|
123
|
-
|
|
124
82
|
var _useState9 = (0, _react.useState)(false),
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
83
|
+
_useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
|
|
84
|
+
hasError = _useState10[0],
|
|
85
|
+
setHasError = _useState10[1];
|
|
129
86
|
var _useState11 = (0, _react.useState)(false),
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
87
|
+
_useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
|
|
88
|
+
isValidating = _useState12[0],
|
|
89
|
+
setIsValidating = _useState12[1];
|
|
134
90
|
var handleValidation = function handleValidation() {
|
|
135
91
|
setIsValidating(true);
|
|
136
|
-
|
|
137
92
|
if (pin.join('') !== '123123') {
|
|
138
93
|
setPin(new Array(PIN_LENGTH));
|
|
139
94
|
setHasError(true);
|
|
@@ -141,10 +96,8 @@ var Large = function Large() {
|
|
|
141
96
|
setHasError(false);
|
|
142
97
|
alert('PIN is correct');
|
|
143
98
|
}
|
|
144
|
-
|
|
145
99
|
setIsValidating(false);
|
|
146
100
|
};
|
|
147
|
-
|
|
148
101
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ValidateContainer, null, /*#__PURE__*/_react["default"].createElement("span", null, "Valid pin: 123123")), /*#__PURE__*/_react["default"].createElement(_PinInput["default"], {
|
|
149
102
|
pin: pin,
|
|
150
103
|
setPin: setPin,
|
|
@@ -159,5 +112,4 @@ var Large = function Large() {
|
|
|
159
112
|
}
|
|
160
113
|
}, "Validate")));
|
|
161
114
|
};
|
|
162
|
-
|
|
163
115
|
exports.Large = Large;
|
|
@@ -1,32 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
7
|
+
exports["default"] = exports.Secondary = exports.Primary = exports.LinearSecondary = exports.LinearQuerySecondary = exports.LinearQuery = exports.LinearBuffer = exports.Linear = exports.Inherit = exports.Default = void 0;
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _Progress = _interopRequireDefault(require("../core/Progress"));
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
19
|
-
|
|
11
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
12
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20
13
|
var _default = {
|
|
21
14
|
title: 'Progress',
|
|
22
15
|
component: _Progress["default"]
|
|
23
16
|
};
|
|
24
17
|
exports["default"] = _default;
|
|
25
|
-
|
|
26
18
|
var Template = function Template(args) {
|
|
27
19
|
return /*#__PURE__*/_react["default"].createElement(_Progress["default"], args);
|
|
28
20
|
};
|
|
29
|
-
|
|
30
21
|
var commonArgs = {
|
|
31
22
|
margin: 24,
|
|
32
23
|
children: /*#__PURE__*/_react["default"].createElement(_Progress["default"], null)
|
|
@@ -1,32 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
7
|
+
exports["default"] = exports.PrimaryChecked = exports.Primary = exports.Default = exports.Checked = void 0;
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _Radio = _interopRequireDefault(require("../core/Radio"));
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
19
|
-
|
|
11
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
12
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20
13
|
var _default = {
|
|
21
14
|
title: 'Radio',
|
|
22
15
|
component: _Radio["default"]
|
|
23
16
|
};
|
|
24
17
|
exports["default"] = _default;
|
|
25
|
-
|
|
26
18
|
var Template = function Template(args) {
|
|
27
19
|
return /*#__PURE__*/_react["default"].createElement(_Radio["default"], args);
|
|
28
20
|
};
|
|
29
|
-
|
|
30
21
|
var commonArgs = {
|
|
31
22
|
value: 'first',
|
|
32
23
|
children: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null)
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = exports.Default = void 0;
|
|
9
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _RadioGroup = _interopRequireDefault(require("../core/RadioGroup"));
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
var _default = {
|
|
15
|
+
title: 'RadioGroup',
|
|
16
|
+
component: _RadioGroup["default"]
|
|
17
|
+
};
|
|
18
|
+
exports["default"] = _default;
|
|
19
|
+
var Default = function Default() {
|
|
20
|
+
var _useState = (0, _react.useState)('first'),
|
|
21
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
22
|
+
option = _useState2[0],
|
|
23
|
+
setOption = _useState2[1];
|
|
24
|
+
return /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
|
|
25
|
+
value: option,
|
|
26
|
+
title: "My options",
|
|
27
|
+
name: "options",
|
|
28
|
+
options: [{
|
|
29
|
+
label: 'First option',
|
|
30
|
+
value: 'first'
|
|
31
|
+
}, {
|
|
32
|
+
label: 'Second Option',
|
|
33
|
+
value: 'second'
|
|
34
|
+
}],
|
|
35
|
+
onChange: function onChange(event) {
|
|
36
|
+
return setOption(event.target.value);
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
exports.Default = Default;
|
|
@@ -1,38 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
|
-
exports
|
|
11
|
-
|
|
8
|
+
exports["default"] = exports.WithClear = exports.Default = void 0;
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _Select = _interopRequireDefault(require("../core/Select"));
|
|
17
|
-
|
|
18
12
|
var _ListItem = _interopRequireDefault(require("../core/ListItem"));
|
|
19
|
-
|
|
13
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
20
15
|
var _default = {
|
|
21
16
|
title: 'Select',
|
|
22
17
|
component: _Select["default"]
|
|
23
18
|
};
|
|
24
19
|
exports["default"] = _default;
|
|
25
|
-
|
|
26
20
|
var Default = function Default() {
|
|
27
21
|
var _useState = (0, _react.useState)('3'),
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
22
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
23
|
+
select = _useState2[0],
|
|
24
|
+
setSelect = _useState2[1];
|
|
32
25
|
function handleChange(event) {
|
|
33
26
|
setSelect(event.target.value);
|
|
34
27
|
}
|
|
35
|
-
|
|
36
28
|
return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
|
|
37
29
|
value: select,
|
|
38
30
|
onChange: handleChange
|
|
@@ -54,23 +46,18 @@ var Default = function Default() {
|
|
|
54
46
|
value: "7"
|
|
55
47
|
}, "Option 7"));
|
|
56
48
|
};
|
|
57
|
-
|
|
58
49
|
exports.Default = Default;
|
|
59
|
-
|
|
60
50
|
var WithClear = function WithClear() {
|
|
61
51
|
var _useState3 = (0, _react.useState)('3'),
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
52
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
53
|
+
select = _useState4[0],
|
|
54
|
+
setSelect = _useState4[1];
|
|
66
55
|
function handleChange(event) {
|
|
67
56
|
setSelect(event.target.value);
|
|
68
57
|
}
|
|
69
|
-
|
|
70
58
|
var handleClear = function handleClear() {
|
|
71
59
|
setSelect('');
|
|
72
60
|
};
|
|
73
|
-
|
|
74
61
|
return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
|
|
75
62
|
hasClear: true,
|
|
76
63
|
onClear: handleClear,
|
|
@@ -96,5 +83,4 @@ var WithClear = function WithClear() {
|
|
|
96
83
|
value: "7"
|
|
97
84
|
}, "Option 7"));
|
|
98
85
|
};
|
|
99
|
-
|
|
100
86
|
exports.WithClear = WithClear;
|
|
@@ -1,32 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
7
|
+
exports["default"] = exports.Default = void 0;
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _Sidebar = _interopRequireDefault(require("../core/Sidebar"));
|
|
13
|
-
|
|
14
10
|
var _List = _interopRequireDefault(require("../core/List"));
|
|
15
|
-
|
|
16
11
|
var _ListItem = _interopRequireDefault(require("../core/ListItem"));
|
|
17
|
-
|
|
18
12
|
var _Backup = _interopRequireDefault(require("@material-ui/icons/Backup"));
|
|
19
|
-
|
|
20
13
|
var _default = {
|
|
21
14
|
title: 'Sidebar',
|
|
22
15
|
component: _Sidebar["default"]
|
|
23
16
|
};
|
|
24
17
|
exports["default"] = _default;
|
|
25
|
-
|
|
26
18
|
var Template = function Template(args) {
|
|
27
19
|
return /*#__PURE__*/_react["default"].createElement(_Sidebar["default"], args);
|
|
28
20
|
};
|
|
29
|
-
|
|
30
21
|
var Default = Template.bind({});
|
|
31
22
|
exports.Default = Default;
|
|
32
23
|
Default.args = {
|
|
@@ -1,46 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
|
-
exports
|
|
11
|
-
|
|
8
|
+
exports["default"] = exports.Default = void 0;
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
12
|
var _Slide = _interopRequireDefault(require("../core/Slide"));
|
|
19
|
-
|
|
20
13
|
var _Button = _interopRequireDefault(require("../core/Button"));
|
|
21
|
-
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
22
16
|
var _default = {
|
|
23
17
|
title: 'Slide',
|
|
24
18
|
component: _Slide["default"]
|
|
25
19
|
};
|
|
26
20
|
exports["default"] = _default;
|
|
27
|
-
|
|
28
21
|
var Template = function Template(args) {
|
|
29
22
|
var _useState = (0, _react.useState)(true),
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
23
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
24
|
+
open = _useState2[0],
|
|
25
|
+
setOpen = _useState2[1];
|
|
34
26
|
var _useState3 = (0, _react.useState)('Close'),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
27
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
28
|
+
btnLabel = _useState4[0],
|
|
29
|
+
setBtnLabel = _useState4[1];
|
|
39
30
|
function handleClick() {
|
|
40
31
|
setOpen(!open);
|
|
41
32
|
btnLabel === 'Close' ? setBtnLabel('Open') : setBtnLabel('Close');
|
|
42
33
|
}
|
|
43
|
-
|
|
44
34
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
45
35
|
color: "primary",
|
|
46
36
|
variant: "contained",
|
|
@@ -52,7 +42,6 @@ var Template = function Template(args) {
|
|
|
52
42
|
"in": open
|
|
53
43
|
})));
|
|
54
44
|
};
|
|
55
|
-
|
|
56
45
|
var Default = Template.bind({});
|
|
57
46
|
exports.Default = Default;
|
|
58
47
|
Default.args = {
|
|
@@ -1,30 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
7
|
+
exports["default"] = exports.WithMarks = exports.Secondary = exports.Ranged = exports.Primary = exports.FixedLabel = exports.Default = void 0;
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _Slider = _interopRequireDefault(require("../core/Slider"));
|
|
13
|
-
|
|
14
10
|
var _default = {
|
|
15
11
|
title: 'Slider',
|
|
16
12
|
component: _Slider["default"]
|
|
17
13
|
};
|
|
18
14
|
exports["default"] = _default;
|
|
19
|
-
|
|
20
15
|
var Template = function Template(args) {
|
|
21
16
|
return /*#__PURE__*/_react["default"].createElement(_Slider["default"], args);
|
|
22
17
|
};
|
|
23
|
-
|
|
24
18
|
var Default = function Default() {
|
|
25
19
|
return /*#__PURE__*/_react["default"].createElement(_Slider["default"], null);
|
|
26
20
|
};
|
|
27
|
-
|
|
28
21
|
exports.Default = Default;
|
|
29
22
|
var Primary = Template.bind({});
|
|
30
23
|
exports.Primary = Primary;
|
|
@@ -1,51 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
|
-
exports
|
|
11
|
-
|
|
8
|
+
exports["default"] = exports.Warning = exports.Success = exports.Error = exports.Default = void 0;
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
12
|
var _Snackbar = _interopRequireDefault(require("../core/Snackbar"));
|
|
19
|
-
|
|
20
13
|
var _Button = _interopRequireDefault(require("../core/Button"));
|
|
21
|
-
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
22
16
|
var _default = {
|
|
23
17
|
title: 'Snackbar',
|
|
24
18
|
component: _Snackbar["default"]
|
|
25
19
|
};
|
|
26
20
|
exports["default"] = _default;
|
|
27
|
-
|
|
28
21
|
var Template = function Template(args) {
|
|
29
22
|
var _useState = (0, _react.useState)(false),
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
23
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
24
|
+
btnState = _useState2[0],
|
|
25
|
+
setBtnState = _useState2[1];
|
|
34
26
|
var _useState3 = (0, _react.useState)(false),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
27
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
28
|
+
open = _useState4[0],
|
|
29
|
+
setOpen = _useState4[1];
|
|
39
30
|
function handleClick() {
|
|
40
31
|
setOpen(!open);
|
|
41
32
|
setBtnState(true);
|
|
42
33
|
}
|
|
43
|
-
|
|
44
34
|
function handleClose() {
|
|
45
35
|
setOpen(!open);
|
|
46
36
|
setBtnState(false);
|
|
47
37
|
}
|
|
48
|
-
|
|
49
38
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
50
39
|
disabled: btnState,
|
|
51
40
|
style: {
|
|
@@ -59,7 +48,6 @@ var Template = function Template(args) {
|
|
|
59
48
|
onClose: handleClose
|
|
60
49
|
})));
|
|
61
50
|
};
|
|
62
|
-
|
|
63
51
|
var Default = Template.bind({});
|
|
64
52
|
exports.Default = Default;
|
|
65
53
|
Default.args = {
|
|
@@ -91,6 +79,7 @@ Error.args = {
|
|
|
91
79
|
message: 'In the town where I was born, Lived a man who sailed to sea',
|
|
92
80
|
children: 'Snackbar'
|
|
93
81
|
};
|
|
82
|
+
|
|
94
83
|
/*
|
|
95
84
|
export const WithLongDuration = Template.bind({})
|
|
96
85
|
WithLongDuration.args = {
|
|
@@ -1,28 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
7
|
+
exports["default"] = exports.WithIcon = exports.Default = void 0;
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _Stepper = _interopRequireDefault(require("../core/Stepper"));
|
|
13
|
-
|
|
14
10
|
var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
|
|
15
|
-
|
|
16
11
|
var _default = {
|
|
17
12
|
title: 'Stepper',
|
|
18
13
|
component: _Stepper["default"]
|
|
19
14
|
};
|
|
20
15
|
exports["default"] = _default;
|
|
21
|
-
|
|
22
16
|
var Template = function Template(args) {
|
|
23
17
|
return /*#__PURE__*/_react["default"].createElement(_Stepper["default"], args);
|
|
24
18
|
};
|
|
25
|
-
|
|
26
19
|
var Default = Template.bind({});
|
|
27
20
|
exports.Default = Default;
|
|
28
21
|
Default.args = {
|
|
@@ -1,32 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
7
|
+
exports["default"] = exports.Default = void 0;
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _Table = _interopRequireDefault(require("../core/Table"));
|
|
13
|
-
|
|
14
10
|
var _TableHead = _interopRequireDefault(require("../core/TableHead"));
|
|
15
|
-
|
|
16
11
|
var _TableBody = _interopRequireDefault(require("../core/TableBody"));
|
|
17
|
-
|
|
18
12
|
var _TableRow = _interopRequireDefault(require("../core/TableRow"));
|
|
19
|
-
|
|
20
13
|
var _TableCell = _interopRequireDefault(require("../core/TableCell"));
|
|
21
|
-
|
|
22
14
|
var _default = {
|
|
23
15
|
title: 'Table',
|
|
24
16
|
component: _Table["default"]
|
|
25
17
|
};
|
|
26
18
|
exports["default"] = _default;
|
|
27
|
-
|
|
28
19
|
var Default = function Default() {
|
|
29
20
|
return /*#__PURE__*/_react["default"].createElement(_Table["default"], null, /*#__PURE__*/_react["default"].createElement(_TableHead["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email"))), /*#__PURE__*/_react["default"].createElement(_TableBody["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 1"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 1")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 2"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 2")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 3"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 3")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 4"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 4")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 5"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 5"))));
|
|
30
21
|
};
|
|
31
|
-
|
|
32
22
|
exports.Default = Default;
|