@unbxd-ui/unbxd-react-components 0.2.111 → 0.2.113
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/components/Accordian/Accordian.js +5 -6
- package/components/Accordian/Accordian.stories.js +8 -12
- package/components/Accordian/index.js +1 -2
- package/components/Button/Button.js +3 -6
- package/components/Button/Button.stories.js +8 -12
- package/components/Button/DropdownButton.js +4 -5
- package/components/Button/DropdownButton.stories.js +7 -9
- package/components/Button/index.js +4 -5
- package/components/DataLoader/DataLoader.js +5 -6
- package/components/DataLoader/DataLoader.stories.js +8 -11
- package/components/DataLoader/index.js +1 -2
- package/components/Form/Checkbox.js +10 -8
- package/components/Form/DragDropFileUploader.js +5 -6
- package/components/Form/Dropdown.js +13 -10
- package/components/Form/FileUploader.js +4 -5
- package/components/Form/Form.js +6 -8
- package/components/Form/FormElementWrapper.js +1 -2
- package/components/Form/Input.js +7 -8
- package/components/Form/RadioList.js +9 -8
- package/components/Form/RangeSlider.js +9 -9
- package/components/Form/ServerPaginatedDDList.js +8 -10
- package/components/Form/Textarea.js +6 -7
- package/components/Form/Toggle.js +5 -6
- package/components/Form/index.js +1 -2
- package/components/Form/stories/Checkbox.stories.js +6 -8
- package/components/Form/stories/DragDropFileUploader.stories.js +3 -5
- package/components/Form/stories/Dropdown.stories.js +7 -11
- package/components/Form/stories/FileUploader.stories.js +3 -5
- package/components/Form/stories/FormDefault.stories.js +6 -8
- package/components/Form/stories/RadioList.stories.js +6 -8
- package/components/Form/stories/RangeSlider.stories.js +7 -10
- package/components/Form/stories/TextInput.stories.js +7 -10
- package/components/Form/stories/Textarea.stories.js +6 -8
- package/components/Form/stories/Toggle.stories.js +3 -5
- package/components/Form/stories/form.stories.js +11 -18
- package/components/InlineModal/InlineModal.js +7 -10
- package/components/InlineModal/InlineModal.stories.js +6 -8
- package/components/InlineModal/index.js +4 -5
- package/components/List/List.js +1 -2
- package/components/List/index.js +1 -2
- package/components/List/list.stories.js +3 -6
- package/components/Modal/Modal.js +5 -6
- package/components/Modal/Modal.stories.js +7 -10
- package/components/Modal/index.js +1 -2
- package/components/NotificationComponent/NotificationComponent.js +5 -6
- package/components/NotificationComponent/NotificationComponent.stories.js +3 -5
- package/components/NotificationComponent/index.js +1 -2
- package/components/ProgressBar/ProgressBar.js +1 -2
- package/components/ProgressBar/ProgressBar.stories.js +3 -5
- package/components/ProgressBar/index.js +1 -2
- package/components/Table/BaseTable.js +7 -8
- package/components/Table/PaginationComponent.js +4 -5
- package/components/Table/Table.js +8 -10
- package/components/Table/Table.stories.js +13 -19
- package/components/Table/index.js +1 -2
- package/components/TabsComponent/TabsComponent.js +5 -6
- package/components/TabsComponent/TabsComponent.stories.js +5 -9
- package/components/TabsComponent/index.js +1 -2
- package/components/Tooltip/Tooltip.js +5 -6
- package/components/Tooltip/Tooltip.stories.js +3 -5
- package/components/Tooltip/index.js +1 -2
- package/components/index.js +3 -3
- package/core/Validators.js +1 -2
- package/core/customHooks.js +1 -1
- package/core/dataLoader.js +4 -5
- package/core/dataLoader.stories.js +9 -13
- package/core/utils.js +4 -5
- package/package.json +2 -2
|
@@ -7,11 +7,10 @@ exports["default"] = exports.SimpleUsage = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _DragDropFileUploader = _interopRequireDefault(require("../DragDropFileUploader"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
var _default = {
|
|
10
|
+
var _default = exports["default"] = {
|
|
11
11
|
title: "DragDropFileUploader"
|
|
12
12
|
};
|
|
13
|
-
exports
|
|
14
|
-
var SimpleUsage = function SimpleUsage() {
|
|
13
|
+
var SimpleUsage = exports.SimpleUsage = function SimpleUsage() {
|
|
15
14
|
var onFileChange = function onFileChange() {
|
|
16
15
|
var files = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
17
16
|
console.log("SELECTED FILES");
|
|
@@ -23,5 +22,4 @@ var SimpleUsage = function SimpleUsage() {
|
|
|
23
22
|
onChange: onFileChange,
|
|
24
23
|
appearance: "block"
|
|
25
24
|
}, /*#__PURE__*/_react["default"].createElement("div", null, "Drag & drop files into this area"));
|
|
26
|
-
};
|
|
27
|
-
exports.SimpleUsage = SimpleUsage;
|
|
25
|
+
};
|
|
@@ -9,17 +9,16 @@ var _Constants = require("../../../../public/Constants");
|
|
|
9
9
|
var _Dropdown = _interopRequireDefault(require("../Dropdown"));
|
|
10
10
|
var _dataLoader = _interopRequireDefault(require("../../../core/dataLoader"));
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
function _typeof(
|
|
13
|
-
function ownKeys(
|
|
14
|
-
function _objectSpread(
|
|
12
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
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
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
15
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
16
16
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
17
17
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
18
|
-
var _default = {
|
|
18
|
+
var _default = exports["default"] = {
|
|
19
19
|
title: "Dropdown"
|
|
20
20
|
};
|
|
21
|
-
exports
|
|
22
|
-
var SimpleUsage = function SimpleUsage() {
|
|
21
|
+
var SimpleUsage = exports.SimpleUsage = function SimpleUsage() {
|
|
23
22
|
var onChange = function onChange(selectedFruit) {
|
|
24
23
|
console.log("Selected Fruit: ", selectedFruit);
|
|
25
24
|
};
|
|
@@ -33,7 +32,6 @@ var SimpleUsage = function SimpleUsage() {
|
|
|
33
32
|
noSelectionLabel: "Select"
|
|
34
33
|
});
|
|
35
34
|
};
|
|
36
|
-
exports.SimpleUsage = SimpleUsage;
|
|
37
35
|
SimpleUsage.story = {
|
|
38
36
|
name: "Simple Usage ",
|
|
39
37
|
parameters: {
|
|
@@ -46,7 +44,7 @@ _dataLoader["default"].addRequestConfig("getPaginatedUsers", {
|
|
|
46
44
|
method: "GET",
|
|
47
45
|
url: "https://reqres.in/api/users"
|
|
48
46
|
});
|
|
49
|
-
var PaginatedDropdown = function PaginatedDropdown() {
|
|
47
|
+
var PaginatedDropdown = exports.PaginatedDropdown = function PaginatedDropdown() {
|
|
50
48
|
var onChange = function onChange(selected) {
|
|
51
49
|
console.log("Selected User: ", selected);
|
|
52
50
|
};
|
|
@@ -69,7 +67,6 @@ var PaginatedDropdown = function PaginatedDropdown() {
|
|
|
69
67
|
responseFormatter: responseFormatter
|
|
70
68
|
});
|
|
71
69
|
};
|
|
72
|
-
exports.PaginatedDropdown = PaginatedDropdown;
|
|
73
70
|
PaginatedDropdown.story = {
|
|
74
71
|
name: "Dropdown with server side pagination",
|
|
75
72
|
parameters: {
|
|
@@ -78,7 +75,7 @@ PaginatedDropdown.story = {
|
|
|
78
75
|
}
|
|
79
76
|
}
|
|
80
77
|
};
|
|
81
|
-
var SearchEnbaledDropdown = function SearchEnbaledDropdown() {
|
|
78
|
+
var SearchEnbaledDropdown = exports.SearchEnbaledDropdown = function SearchEnbaledDropdown() {
|
|
82
79
|
var onChange = function onChange(selected) {
|
|
83
80
|
console.log("Selected User: ", selected);
|
|
84
81
|
};
|
|
@@ -103,7 +100,6 @@ var SearchEnbaledDropdown = function SearchEnbaledDropdown() {
|
|
|
103
100
|
responseFormatter: responseFormatter
|
|
104
101
|
});
|
|
105
102
|
};
|
|
106
|
-
exports.SearchEnbaledDropdown = SearchEnbaledDropdown;
|
|
107
103
|
PaginatedDropdown.story = {
|
|
108
104
|
name: "Dropdown with server side search and pagination",
|
|
109
105
|
parameters: {
|
|
@@ -7,11 +7,10 @@ exports["default"] = exports.SimpleUsage = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _FileUploader = _interopRequireDefault(require("../FileUploader"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
var _default = {
|
|
10
|
+
var _default = exports["default"] = {
|
|
11
11
|
title: "FileUploader"
|
|
12
12
|
};
|
|
13
|
-
exports
|
|
14
|
-
var SimpleUsage = function SimpleUsage() {
|
|
13
|
+
var SimpleUsage = exports.SimpleUsage = function SimpleUsage() {
|
|
15
14
|
var onFileChange = function onFileChange() {
|
|
16
15
|
var files = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
17
16
|
console.log("SELECTED FILES");
|
|
@@ -27,5 +26,4 @@ var SimpleUsage = function SimpleUsage() {
|
|
|
27
26
|
}, /*#__PURE__*/_react["default"].createElement("a", {
|
|
28
27
|
href: "javascript:void(0)"
|
|
29
28
|
}, "Upload File"));
|
|
30
|
-
};
|
|
31
|
-
exports.SimpleUsage = SimpleUsage;
|
|
29
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -16,8 +16,8 @@ var _Toggle = _interopRequireDefault(require("../Toggle"));
|
|
|
16
16
|
var _RangeSlider = _interopRequireDefault(require("../RangeSlider"));
|
|
17
17
|
var _Button = _interopRequireWildcard(require("../../Button"));
|
|
18
18
|
var _Constants = require("../../../../public/Constants");
|
|
19
|
-
function _getRequireWildcardCache(
|
|
20
|
-
function _interopRequireWildcard(
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
22
22
|
var formValues = {
|
|
23
23
|
email: "anuhosad@gmail.com",
|
|
@@ -30,7 +30,7 @@ var formValues = {
|
|
|
30
30
|
isActive: true,
|
|
31
31
|
price: 75
|
|
32
32
|
};
|
|
33
|
-
var FormExample = function FormExample() {
|
|
33
|
+
var FormExample = exports.FormExample = function FormExample() {
|
|
34
34
|
var onSubmit = function onSubmit(formData) {
|
|
35
35
|
var data = formData.data;
|
|
36
36
|
console.log("On submit ----> ", data);
|
|
@@ -102,16 +102,14 @@ var FormExample = function FormExample() {
|
|
|
102
102
|
className: "full-width-btn"
|
|
103
103
|
}, "Submit"));
|
|
104
104
|
};
|
|
105
|
-
exports.FormExample = FormExample;
|
|
106
105
|
FormExample.story = {
|
|
107
106
|
name: "Form"
|
|
108
107
|
};
|
|
109
|
-
var _default = {
|
|
108
|
+
var _default = exports["default"] = {
|
|
110
109
|
title: "Form|Form",
|
|
111
110
|
parameters: {
|
|
112
111
|
info: {
|
|
113
112
|
propTables: [_Form["default"]]
|
|
114
113
|
}
|
|
115
114
|
}
|
|
116
|
-
};
|
|
117
|
-
exports["default"] = _default;
|
|
115
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -9,10 +9,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var _Form = _interopRequireDefault(require("../Form"));
|
|
10
10
|
var _RadioList2 = _interopRequireDefault(require("../RadioList"));
|
|
11
11
|
var _Button = _interopRequireWildcard(require("../../Button"));
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
var _RadioList = function _RadioList() {
|
|
15
|
+
var _RadioList = exports._RadioList = function _RadioList() {
|
|
16
16
|
var onSubmit = function onSubmit(formData) {
|
|
17
17
|
var data = formData.data;
|
|
18
18
|
console.log("Submitted data: ", data);
|
|
@@ -35,7 +35,6 @@ var _RadioList = function _RadioList() {
|
|
|
35
35
|
className: "full-width-btn"
|
|
36
36
|
}, "Submit"));
|
|
37
37
|
};
|
|
38
|
-
exports._RadioList = _RadioList;
|
|
39
38
|
_RadioList.story = {
|
|
40
39
|
name: "RadioList",
|
|
41
40
|
parameters: {
|
|
@@ -44,12 +43,11 @@ _RadioList.story = {
|
|
|
44
43
|
}
|
|
45
44
|
}
|
|
46
45
|
};
|
|
47
|
-
var _default = {
|
|
46
|
+
var _default = exports["default"] = {
|
|
48
47
|
title: "Form|RadioList",
|
|
49
48
|
parameters: {
|
|
50
49
|
info: {
|
|
51
50
|
propTables: [_RadioList2["default"]]
|
|
52
51
|
}
|
|
53
52
|
}
|
|
54
|
-
};
|
|
55
|
-
exports["default"] = _default;
|
|
53
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -9,10 +9,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var _Form = _interopRequireDefault(require("../Form"));
|
|
10
10
|
var _RangeSlider2 = _interopRequireDefault(require("../RangeSlider"));
|
|
11
11
|
var _Button = _interopRequireWildcard(require("../../Button"));
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
var _RangeSlider = function _RangeSlider() {
|
|
15
|
+
var _RangeSlider = exports._RangeSlider = function _RangeSlider() {
|
|
16
16
|
var onSubmit = function onSubmit(formData) {
|
|
17
17
|
var data = formData.data;
|
|
18
18
|
var price = data.price;
|
|
@@ -32,7 +32,6 @@ var _RangeSlider = function _RangeSlider() {
|
|
|
32
32
|
className: "full-width-btn"
|
|
33
33
|
}, "Submit"));
|
|
34
34
|
};
|
|
35
|
-
exports._RangeSlider = _RangeSlider;
|
|
36
35
|
_RangeSlider.story = {
|
|
37
36
|
name: "Range Slider ",
|
|
38
37
|
parameters: {
|
|
@@ -41,7 +40,7 @@ _RangeSlider.story = {
|
|
|
41
40
|
}
|
|
42
41
|
}
|
|
43
42
|
};
|
|
44
|
-
var BubbleRangeSlider = function BubbleRangeSlider() {
|
|
43
|
+
var BubbleRangeSlider = exports.BubbleRangeSlider = function BubbleRangeSlider() {
|
|
45
44
|
var onSubmit = function onSubmit(formData) {
|
|
46
45
|
var data = formData.data;
|
|
47
46
|
var price = data.price;
|
|
@@ -62,7 +61,6 @@ var BubbleRangeSlider = function BubbleRangeSlider() {
|
|
|
62
61
|
className: "full-width-btn"
|
|
63
62
|
}, "Submit"));
|
|
64
63
|
};
|
|
65
|
-
exports.BubbleRangeSlider = BubbleRangeSlider;
|
|
66
64
|
BubbleRangeSlider.story = {
|
|
67
65
|
name: "Range Slider with Bubble",
|
|
68
66
|
parameters: {
|
|
@@ -71,12 +69,11 @@ BubbleRangeSlider.story = {
|
|
|
71
69
|
}
|
|
72
70
|
}
|
|
73
71
|
};
|
|
74
|
-
var _default = {
|
|
72
|
+
var _default = exports["default"] = {
|
|
75
73
|
title: "Form|RangeSlider",
|
|
76
74
|
parameters: {
|
|
77
75
|
info: {
|
|
78
76
|
propTables: [_RangeSlider2["default"]]
|
|
79
77
|
}
|
|
80
78
|
}
|
|
81
|
-
};
|
|
82
|
-
exports["default"] = _default;
|
|
79
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -10,9 +10,9 @@ var _Form = _interopRequireDefault(require("../Form"));
|
|
|
10
10
|
var _Input = _interopRequireDefault(require("../Input"));
|
|
11
11
|
var _Button = _interopRequireWildcard(require("../../Button"));
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
15
|
-
var TextInput = function TextInput() {
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
|
+
var TextInput = exports.TextInput = function TextInput() {
|
|
16
16
|
var onSubmit = function onSubmit(formData) {
|
|
17
17
|
var data = formData.data,
|
|
18
18
|
_formData$errors = formData.errors,
|
|
@@ -41,7 +41,6 @@ var TextInput = function TextInput() {
|
|
|
41
41
|
className: "full-width-btn"
|
|
42
42
|
}, "Submit"));
|
|
43
43
|
};
|
|
44
|
-
exports.TextInput = TextInput;
|
|
45
44
|
TextInput.story = {
|
|
46
45
|
parameters: {
|
|
47
46
|
info: {
|
|
@@ -49,7 +48,7 @@ TextInput.story = {
|
|
|
49
48
|
}
|
|
50
49
|
}
|
|
51
50
|
};
|
|
52
|
-
var RefUsage = function RefUsage() {
|
|
51
|
+
var RefUsage = exports.RefUsage = function RefUsage() {
|
|
53
52
|
var inputRef = (0, _react.useRef)();
|
|
54
53
|
var focusInput = function focusInput() {
|
|
55
54
|
inputRef.current.focus();
|
|
@@ -67,13 +66,11 @@ var RefUsage = function RefUsage() {
|
|
|
67
66
|
appearance: "block"
|
|
68
67
|
}));
|
|
69
68
|
};
|
|
70
|
-
exports
|
|
71
|
-
var _default = {
|
|
69
|
+
var _default = exports["default"] = {
|
|
72
70
|
title: "Form|Text Input",
|
|
73
71
|
parameters: {
|
|
74
72
|
info: {
|
|
75
73
|
propTables: [TextInput]
|
|
76
74
|
}
|
|
77
75
|
}
|
|
78
|
-
};
|
|
79
|
-
exports["default"] = _default;
|
|
76
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -9,10 +9,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var _Form = _interopRequireDefault(require("../Form"));
|
|
10
10
|
var _Textarea2 = _interopRequireDefault(require("../Textarea"));
|
|
11
11
|
var _Button = _interopRequireWildcard(require("../../Button"));
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
var _Textarea = function _Textarea() {
|
|
15
|
+
var _Textarea = exports._Textarea = function _Textarea() {
|
|
16
16
|
var onSubmit = function onSubmit(formData) {
|
|
17
17
|
var data = formData.data;
|
|
18
18
|
console.log("Submitted data: ", data);
|
|
@@ -29,7 +29,6 @@ var _Textarea = function _Textarea() {
|
|
|
29
29
|
className: "full-width-btn"
|
|
30
30
|
}, "Submit"));
|
|
31
31
|
};
|
|
32
|
-
exports._Textarea = _Textarea;
|
|
33
32
|
_Textarea.story = {
|
|
34
33
|
parameters: {
|
|
35
34
|
info: {
|
|
@@ -37,12 +36,11 @@ _Textarea.story = {
|
|
|
37
36
|
}
|
|
38
37
|
}
|
|
39
38
|
};
|
|
40
|
-
var _default = {
|
|
39
|
+
var _default = exports["default"] = {
|
|
41
40
|
title: "Form|Textarea",
|
|
42
41
|
parameters: {
|
|
43
42
|
info: {
|
|
44
43
|
propTables: [_Textarea2["default"]]
|
|
45
44
|
}
|
|
46
45
|
}
|
|
47
|
-
};
|
|
48
|
-
exports["default"] = _default;
|
|
46
|
+
};
|
|
@@ -7,11 +7,10 @@ exports["default"] = exports.SimpleUsage = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _Toggle = _interopRequireDefault(require("../Toggle"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
var _default = {
|
|
10
|
+
var _default = exports["default"] = {
|
|
11
11
|
title: "Toggle"
|
|
12
12
|
};
|
|
13
|
-
exports
|
|
14
|
-
var SimpleUsage = function SimpleUsage() {
|
|
13
|
+
var SimpleUsage = exports.SimpleUsage = function SimpleUsage() {
|
|
15
14
|
var onChange = function onChange(isActive) {
|
|
16
15
|
console.log("isActive: ", isActive);
|
|
17
16
|
};
|
|
@@ -21,5 +20,4 @@ var SimpleUsage = function SimpleUsage() {
|
|
|
21
20
|
appearance: "block",
|
|
22
21
|
onChange: onChange
|
|
23
22
|
});
|
|
24
|
-
};
|
|
25
|
-
exports.SimpleUsage = SimpleUsage;
|
|
23
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -19,9 +19,9 @@ var _RangeSlider = _interopRequireDefault(require("../RangeSlider"));
|
|
|
19
19
|
var _Button = _interopRequireWildcard(require("../../Button"));
|
|
20
20
|
var _Constants = require("../../../../public/Constants");
|
|
21
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
22
|
-
function _getRequireWildcardCache(
|
|
23
|
-
function _interopRequireWildcard(
|
|
24
|
-
var FormExample = function FormExample() {
|
|
22
|
+
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); }
|
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
24
|
+
var FormExample = exports.FormExample = function FormExample() {
|
|
25
25
|
var onSubmit = function onSubmit(formData) {
|
|
26
26
|
var data = formData.data,
|
|
27
27
|
_formData$errors = formData.errors,
|
|
@@ -93,11 +93,10 @@ var FormExample = function FormExample() {
|
|
|
93
93
|
className: "full-width-btn"
|
|
94
94
|
}, "Submit"));
|
|
95
95
|
};
|
|
96
|
-
exports.FormExample = FormExample;
|
|
97
96
|
FormExample.story = {
|
|
98
97
|
name: "Form"
|
|
99
98
|
};
|
|
100
|
-
var _Dropdown = function _Dropdown() {
|
|
99
|
+
var _Dropdown = exports._Dropdown = function _Dropdown() {
|
|
101
100
|
var onSubmit = function onSubmit(formData) {
|
|
102
101
|
var data = formData.data;
|
|
103
102
|
var fruit = data.fruit;
|
|
@@ -115,7 +114,6 @@ var _Dropdown = function _Dropdown() {
|
|
|
115
114
|
className: "full-width-btn"
|
|
116
115
|
}, "Submit"));
|
|
117
116
|
};
|
|
118
|
-
exports._Dropdown = _Dropdown;
|
|
119
117
|
_Dropdown.story = {
|
|
120
118
|
name: "Dropdown ",
|
|
121
119
|
parameters: {
|
|
@@ -124,7 +122,7 @@ _Dropdown.story = {
|
|
|
124
122
|
}
|
|
125
123
|
}
|
|
126
124
|
};
|
|
127
|
-
var _FileUploader = function _FileUploader() {
|
|
125
|
+
var _FileUploader = exports._FileUploader = function _FileUploader() {
|
|
128
126
|
var onSubmit = function onSubmit(formData) {
|
|
129
127
|
var data = formData.data;
|
|
130
128
|
var file = data.file;
|
|
@@ -142,7 +140,6 @@ var _FileUploader = function _FileUploader() {
|
|
|
142
140
|
className: "full-width-btn"
|
|
143
141
|
}, "Submit"));
|
|
144
142
|
};
|
|
145
|
-
exports._FileUploader = _FileUploader;
|
|
146
143
|
_FileUploader.story = {
|
|
147
144
|
name: "File Uploader ",
|
|
148
145
|
parameters: {
|
|
@@ -151,7 +148,7 @@ _FileUploader.story = {
|
|
|
151
148
|
}
|
|
152
149
|
}
|
|
153
150
|
};
|
|
154
|
-
var _DragDropFileUploader = function _DragDropFileUploader() {
|
|
151
|
+
var _DragDropFileUploader = exports._DragDropFileUploader = function _DragDropFileUploader() {
|
|
155
152
|
var onSubmit = function onSubmit(formData) {
|
|
156
153
|
var data = formData.data;
|
|
157
154
|
var filesList = data.filesList;
|
|
@@ -167,7 +164,6 @@ var _DragDropFileUploader = function _DragDropFileUploader() {
|
|
|
167
164
|
className: "full-width-btn"
|
|
168
165
|
}, "Submit"));
|
|
169
166
|
};
|
|
170
|
-
exports._DragDropFileUploader = _DragDropFileUploader;
|
|
171
167
|
_DragDropFileUploader.story = {
|
|
172
168
|
name: "DragDrop File Uploader ",
|
|
173
169
|
parameters: {
|
|
@@ -176,7 +172,7 @@ _DragDropFileUploader.story = {
|
|
|
176
172
|
}
|
|
177
173
|
}
|
|
178
174
|
};
|
|
179
|
-
var _Toggle = function _Toggle() {
|
|
175
|
+
var _Toggle = exports._Toggle = function _Toggle() {
|
|
180
176
|
var onSubmit = function onSubmit(formData) {
|
|
181
177
|
var data = formData.data;
|
|
182
178
|
var isActive = data.isActive;
|
|
@@ -193,7 +189,6 @@ var _Toggle = function _Toggle() {
|
|
|
193
189
|
className: "full-width-btn"
|
|
194
190
|
}, "Submit"));
|
|
195
191
|
};
|
|
196
|
-
exports._Toggle = _Toggle;
|
|
197
192
|
_Toggle.story = {
|
|
198
193
|
name: "Toggle ",
|
|
199
194
|
parameters: {
|
|
@@ -202,7 +197,7 @@ _Toggle.story = {
|
|
|
202
197
|
}
|
|
203
198
|
}
|
|
204
199
|
};
|
|
205
|
-
var GetFormData = function GetFormData() {
|
|
200
|
+
var GetFormData = exports.GetFormData = function GetFormData() {
|
|
206
201
|
var formRef = (0, _react.useRef)();
|
|
207
202
|
var submitFormData = function submitFormData() {
|
|
208
203
|
var formData = formRef.current.getFormData();
|
|
@@ -228,13 +223,11 @@ var GetFormData = function GetFormData() {
|
|
|
228
223
|
onClick: submitFormData
|
|
229
224
|
}, "Click to submit"));
|
|
230
225
|
};
|
|
231
|
-
exports
|
|
232
|
-
var _default = {
|
|
226
|
+
var _default = exports["default"] = {
|
|
233
227
|
title: "Form|Miscellanious",
|
|
234
228
|
parameters: {
|
|
235
229
|
info: {
|
|
236
230
|
propTables: [_Form["default"]]
|
|
237
231
|
}
|
|
238
232
|
}
|
|
239
|
-
};
|
|
240
|
-
exports["default"] = _default;
|
|
233
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -8,23 +8,21 @@ exports["default"] = exports.InlineModalBody = exports.InlineModalActivator = vo
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
13
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
14
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
15
15
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
16
16
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
17
17
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
18
|
-
function _iterableToArrayLimit(
|
|
18
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
19
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
|
-
var InlineModalActivator = function InlineModalActivator(props) {
|
|
20
|
+
var InlineModalActivator = exports.InlineModalActivator = function InlineModalActivator(props) {
|
|
21
21
|
return props.children;
|
|
22
22
|
};
|
|
23
|
-
exports.
|
|
24
|
-
var InlineModalBody = function InlineModalBody(props) {
|
|
23
|
+
var InlineModalBody = exports.InlineModalBody = function InlineModalBody(props) {
|
|
25
24
|
return props.children;
|
|
26
25
|
};
|
|
27
|
-
exports.InlineModalBody = InlineModalBody;
|
|
28
26
|
var InlineModal = function InlineModal(props, ref) {
|
|
29
27
|
var children = props.children,
|
|
30
28
|
activatorAction = props.activatorAction,
|
|
@@ -142,5 +140,4 @@ InlineModal.defaultProps = {
|
|
|
142
140
|
isModalOpen: false
|
|
143
141
|
};
|
|
144
142
|
InlineModal.displayName = "InlineModal";
|
|
145
|
-
var _default = InlineModal;
|
|
146
|
-
exports["default"] = _default;
|
|
143
|
+
var _default = exports["default"] = InlineModal;
|