@unbxd-ui/unbxd-react-components 0.2.145 → 0.2.147
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 +17 -1
- package/components/Accordian/Accordian.js +1 -2
- package/components/Accordian/Accordian.stories.js +140 -117
- package/components/Button/Button.stories.js +167 -61
- package/components/Button/DropdownButton.js +1 -2
- package/components/Button/index.js +1 -2
- package/components/DataLoader/DataLoader.js +1 -2
- package/components/DataLoader/DataLoader.stories.js +239 -53
- package/components/Form/Checkbox.js +5 -4
- package/components/Form/DragDropFileUploader.js +1 -2
- package/components/Form/Dropdown.js +1 -2
- package/components/Form/FileUploader.js +1 -2
- package/components/Form/Form.js +1 -2
- package/components/Form/Input.js +1 -2
- package/components/Form/RadioList.js +1 -2
- package/components/Form/RangeSlider.js +1 -2
- package/components/Form/SearchableDropdown.js +563 -0
- package/components/Form/ServerPaginatedDDList.js +17 -11
- package/components/Form/Textarea.js +1 -2
- package/components/Form/Toggle.js +1 -2
- package/components/Form/formCore.css +1 -1
- package/components/Form/formTheme.css +1 -1
- package/components/Form/index.js +7 -0
- package/components/Form/stories/Checkbox.stories.js +138 -39
- package/components/Form/stories/Dropdown.stories.js +322 -91
- package/components/Form/stories/FileUploader.stories.js +177 -18
- package/components/Form/stories/Input.stories.js +115 -0
- package/components/Form/stories/RangeSlider.stories.js +161 -63
- package/components/Form/stories/SearchableDropdown.stories.js +189 -0
- package/components/Form/stories/ServerPaginatedDropdown.stories.js +365 -0
- package/components/Form/stories/Textarea.stories.js +112 -33
- package/components/Form/stories/Toggle.stories.js +192 -13
- package/components/Form/variables.css +0 -0
- package/components/InlineModal/InlineModal.js +1 -2
- package/components/InlineModal/InlineModal.stories.js +239 -45
- package/components/InlineModal/index.js +1 -2
- package/components/InlineModal/inlineModalCore.css +1 -1
- package/components/List/List.stories.js +238 -0
- package/components/Modal/Modal.js +1 -2
- package/components/Modal/Modal.stories.js +256 -37
- package/components/Modal/modalCore.css +1 -1
- package/components/NotificationComponent/NotificationComponent.js +1 -2
- package/components/NotificationComponent/NotificationComponent.stories.js +170 -18
- package/components/PageLoader/PageLoader.js +84 -0
- package/components/PageLoader/PageLoader.stories.js +276 -0
- package/components/PageLoader/index.js +9 -0
- package/components/PageLoader/pageLoaderCore.css +1 -0
- package/components/ProgressBar/ProgressBar.css +0 -0
- package/components/ProgressBar/ProgressBar.stories.js +202 -9
- package/components/ProgressBar/progressBarCore.css +1 -1
- package/components/Table/BaseTable.js +84 -354
- package/components/Table/Table.js +6 -359
- package/components/Table/Table.stories.js +2109 -150
- package/components/Table/TableChild.js +383 -0
- package/components/Table/TableConstants.js +15 -0
- package/components/Table/hooks/usePrevious.js +14 -0
- package/components/Table/index.js +13 -0
- package/components/Table/tableCore.css +1 -1
- package/components/TableOld/BaseTable.js +373 -0
- package/components/TableOld/PaginationComponent.js +86 -0
- package/components/TableOld/TableOld.js +367 -0
- package/components/TableOld/index.js +15 -0
- package/components/TabsComponent/TabsComponent.js +1 -2
- package/components/TabsComponent/TabsComponent.stories.js +290 -52
- package/components/ToastNotification/ToastNotificationWrapper.js +212 -0
- package/components/ToastNotification/ToastNotificationWrapper.stories.js +554 -0
- package/components/ToastNotification/index.js +40 -0
- package/components/ToastNotification/toastNotificationCore.css +1 -0
- package/components/Tooltip/Tooltip.js +221 -83
- package/components/Tooltip/Tooltip.stories.js +379 -14
- package/components/Tooltip/tooltipCore.css +1 -1
- package/components/Tooltip/tooltipTheme.css +1 -1
- package/components/core.css +2 -3
- package/components/core.scss +17 -0
- package/components/index.js +58 -2
- package/components/theme.css +2 -3
- package/core/dataLoader.js +5 -2
- package/index.js +54 -0
- package/package.json +31 -20
- package/components/Button/DropdownButton.stories.js +0 -49
- package/components/Form/stories/DragDropFileUploader.stories.js +0 -25
- package/components/Form/stories/FormDefault.stories.js +0 -115
- package/components/Form/stories/RadioList.stories.js +0 -53
- package/components/Form/stories/TextInput.stories.js +0 -76
- package/components/Form/stories/form.stories.js +0 -233
- package/components/List/list.stories.js +0 -35
- package/core/dataLoader.stories.js +0 -119
|
@@ -1,74 +1,260 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports["default"] = exports.
|
|
8
|
-
var _react =
|
|
6
|
+
exports["default"] = exports.WithErrorHandling = exports.WithDifferentLoaderStates = exports.WithCustomLoader = exports.MultipleRequests = exports.Interactive = exports.Default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
8
|
var _DataLoader = _interopRequireDefault(require("./DataLoader"));
|
|
9
|
+
var _PageLoader = _interopRequireDefault(require("../PageLoader"));
|
|
10
10
|
var _dataLoader = _interopRequireDefault(require("../../core/dataLoader"));
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
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 && {}.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
12
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
15
13
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
16
14
|
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; } }
|
|
17
15
|
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; }
|
|
18
16
|
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
17
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
// Set up all request configurations globally
|
|
19
|
+
_dataLoader["default"].addRequestConfig('users', {
|
|
20
|
+
url: 'https://jsonplaceholder.typicode.com/users',
|
|
21
|
+
method: 'GET'
|
|
22
|
+
});
|
|
23
|
+
_dataLoader["default"].addRequestConfig('posts', {
|
|
24
|
+
url: 'https://jsonplaceholder.typicode.com/posts',
|
|
25
|
+
method: 'GET'
|
|
26
|
+
});
|
|
27
|
+
_dataLoader["default"].addRequestConfig('comments', {
|
|
28
|
+
url: 'https://jsonplaceholder.typicode.com/comments',
|
|
29
|
+
method: 'GET'
|
|
30
|
+
});
|
|
31
|
+
_dataLoader["default"].addRequestConfig('invalid', {
|
|
32
|
+
url: 'https://invalid-url.com/data',
|
|
33
|
+
method: 'GET'
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
// Mock API endpoints
|
|
37
|
+
var mockRequests = [{
|
|
38
|
+
requestId: 'users',
|
|
39
|
+
urlParams: {},
|
|
40
|
+
params: {
|
|
41
|
+
page: 1
|
|
42
|
+
}
|
|
43
|
+
}, {
|
|
44
|
+
requestId: 'posts',
|
|
45
|
+
urlParams: {},
|
|
46
|
+
params: {
|
|
47
|
+
limit: 5
|
|
48
|
+
}
|
|
49
|
+
}];
|
|
50
|
+
|
|
51
|
+
// Custom loader component using PageLoader
|
|
52
|
+
var CustomLoader = function CustomLoader() {
|
|
53
|
+
return /*#__PURE__*/_react["default"].createElement(_PageLoader["default"], {
|
|
54
|
+
header: "Loading Data",
|
|
55
|
+
messages: ['Fetching from API...', 'Processing data...', 'Almost ready...'],
|
|
56
|
+
showLoader: true
|
|
24
57
|
});
|
|
25
|
-
var onDataLoaded = function onDataLoaded(_ref) {
|
|
26
|
-
var _ref2 = _slicedToArray(_ref, 1),
|
|
27
|
-
todos = _ref2[0];
|
|
28
|
-
console.log(todos);
|
|
29
|
-
};
|
|
30
|
-
var onDataFailed = function onDataFailed(e) {
|
|
31
|
-
console.log("Error ", e);
|
|
32
|
-
};
|
|
33
|
-
var requests = [{
|
|
34
|
-
requestId: "getTodos"
|
|
35
|
-
}];
|
|
36
|
-
return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Use the ", /*#__PURE__*/_react["default"].createElement("code", null, "DataLoader"), " component to make implicit API calls by wrapping the JSX content where you want the API data with this component. This would mostly be used for GET calls."), /*#__PURE__*/_react["default"].createElement(_DataLoader["default"], {
|
|
37
|
-
requests: requests,
|
|
38
|
-
onDataLoaded: onDataLoaded,
|
|
39
|
-
onDataFailed: onDataFailed
|
|
40
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, "Received the data")));
|
|
41
58
|
};
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
59
|
+
|
|
60
|
+
// Custom error component example
|
|
61
|
+
var ErrorDisplay = function ErrorDisplay(_ref) {
|
|
62
|
+
var error = _ref.error;
|
|
63
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
64
|
+
style: {
|
|
65
|
+
padding: '20px',
|
|
66
|
+
border: '1px solid #ff6b6b',
|
|
67
|
+
borderRadius: '4px',
|
|
68
|
+
color: '#ff6b6b',
|
|
69
|
+
background: '#fff5f5',
|
|
70
|
+
textAlign: 'center'
|
|
47
71
|
}
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
72
|
+
}, "Error: ", error.message || 'Failed to load data');
|
|
73
|
+
};
|
|
74
|
+
var meta = {
|
|
75
|
+
title: 'Components/DataLoader',
|
|
76
|
+
component: _DataLoader["default"],
|
|
77
|
+
parameters: {
|
|
78
|
+
layout: 'centered'
|
|
79
|
+
},
|
|
80
|
+
tags: ['autodocs'],
|
|
81
|
+
argTypes: {
|
|
82
|
+
requests: {
|
|
83
|
+
control: 'object',
|
|
84
|
+
description: 'Array of request objects to be fetched'
|
|
85
|
+
},
|
|
86
|
+
onDataLoaded: {
|
|
87
|
+
action: 'data loaded',
|
|
88
|
+
description: 'Callback function called when data is loaded successfully'
|
|
89
|
+
},
|
|
90
|
+
onDataFailed: {
|
|
91
|
+
action: 'data failed',
|
|
92
|
+
description: 'Callback function called when data fetching fails'
|
|
93
|
+
},
|
|
94
|
+
Loader: {
|
|
95
|
+
control: 'object',
|
|
96
|
+
description: 'Custom loader component'
|
|
61
97
|
}
|
|
62
|
-
}
|
|
63
|
-
return /*#__PURE__*/_react["default"].createElement(_DataLoader["default"], {
|
|
64
|
-
requests: requests,
|
|
65
|
-
onDataLoaded: onDataLoaded,
|
|
66
|
-
onDataFailed: onDataFailed
|
|
67
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, "Recieved todo data"));
|
|
98
|
+
}
|
|
68
99
|
};
|
|
69
|
-
|
|
70
|
-
|
|
100
|
+
var _default = exports["default"] = meta; // Basic usage with default loader
|
|
101
|
+
var Default = exports.Default = {
|
|
102
|
+
render: function render() {
|
|
103
|
+
return /*#__PURE__*/_react["default"].createElement(_DataLoader["default"], {
|
|
104
|
+
requests: mockRequests,
|
|
105
|
+
onDataLoaded: function onDataLoaded(results) {
|
|
106
|
+
return console.log('Data loaded:', results);
|
|
107
|
+
},
|
|
108
|
+
onDataFailed: function onDataFailed(error) {
|
|
109
|
+
return console.error('Error:', error);
|
|
110
|
+
}
|
|
111
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, "Data loaded successfully!"));
|
|
112
|
+
}
|
|
71
113
|
};
|
|
72
|
-
|
|
73
|
-
|
|
114
|
+
|
|
115
|
+
// With custom loader
|
|
116
|
+
var WithCustomLoader = exports.WithCustomLoader = {
|
|
117
|
+
render: function render() {
|
|
118
|
+
return /*#__PURE__*/_react["default"].createElement(_DataLoader["default"], {
|
|
119
|
+
requests: mockRequests,
|
|
120
|
+
Loader: CustomLoader,
|
|
121
|
+
onDataLoaded: function onDataLoaded(results) {
|
|
122
|
+
return console.log('Data loaded:', results);
|
|
123
|
+
},
|
|
124
|
+
onDataFailed: function onDataFailed(error) {
|
|
125
|
+
return console.error('Error:', error);
|
|
126
|
+
}
|
|
127
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, "Data loaded successfully!"));
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
|
|
131
|
+
// With error handling
|
|
132
|
+
var WithErrorHandling = exports.WithErrorHandling = {
|
|
133
|
+
render: function render() {
|
|
134
|
+
var _React$useState = _react["default"].useState(null),
|
|
135
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
136
|
+
error = _React$useState2[0],
|
|
137
|
+
setError = _React$useState2[1];
|
|
138
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_DataLoader["default"], {
|
|
139
|
+
requests: [{
|
|
140
|
+
requestId: 'invalid'
|
|
141
|
+
}],
|
|
142
|
+
onDataLoaded: function onDataLoaded(results) {
|
|
143
|
+
console.log('Data loaded:', results);
|
|
144
|
+
setError(null);
|
|
145
|
+
},
|
|
146
|
+
onDataFailed: function onDataFailed(err) {
|
|
147
|
+
console.error('Error:', err);
|
|
148
|
+
setError(err);
|
|
149
|
+
},
|
|
150
|
+
Loader: CustomLoader
|
|
151
|
+
}, error ? /*#__PURE__*/_react["default"].createElement(ErrorDisplay, {
|
|
152
|
+
error: error
|
|
153
|
+
}) : /*#__PURE__*/_react["default"].createElement("div", null, "Data loaded successfully!")));
|
|
154
|
+
}
|
|
155
|
+
};
|
|
156
|
+
|
|
157
|
+
// With multiple requests
|
|
158
|
+
var MultipleRequests = exports.MultipleRequests = {
|
|
159
|
+
render: function render() {
|
|
160
|
+
var requests = [{
|
|
161
|
+
requestId: 'users',
|
|
162
|
+
params: {
|
|
163
|
+
limit: 5
|
|
164
|
+
}
|
|
165
|
+
}, {
|
|
166
|
+
requestId: 'posts',
|
|
167
|
+
params: {
|
|
168
|
+
userId: 1
|
|
169
|
+
}
|
|
170
|
+
}, {
|
|
171
|
+
requestId: 'comments',
|
|
172
|
+
params: {
|
|
173
|
+
postId: 1
|
|
174
|
+
}
|
|
175
|
+
}];
|
|
176
|
+
return /*#__PURE__*/_react["default"].createElement(_DataLoader["default"], {
|
|
177
|
+
requests: requests,
|
|
178
|
+
onDataLoaded: function onDataLoaded(results) {
|
|
179
|
+
return console.log('Multiple requests loaded:', results);
|
|
180
|
+
},
|
|
181
|
+
onDataFailed: function onDataFailed(error) {
|
|
182
|
+
return console.error('Error:', error);
|
|
183
|
+
},
|
|
184
|
+
Loader: CustomLoader
|
|
185
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, "Multiple requests completed!"));
|
|
186
|
+
}
|
|
187
|
+
};
|
|
188
|
+
|
|
189
|
+
// Interactive example
|
|
190
|
+
var Interactive = exports.Interactive = {
|
|
191
|
+
args: {
|
|
192
|
+
requests: mockRequests,
|
|
193
|
+
children: /*#__PURE__*/_react["default"].createElement("div", null, "Data loaded successfully!")
|
|
194
|
+
}
|
|
195
|
+
};
|
|
196
|
+
|
|
197
|
+
// Example with different PageLoader configurations
|
|
198
|
+
var WithDifferentLoaderStates = exports.WithDifferentLoaderStates = {
|
|
199
|
+
render: function render() {
|
|
200
|
+
var _React$useState3 = _react["default"].useState('simple'),
|
|
201
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
202
|
+
loadingState = _React$useState4[0],
|
|
203
|
+
setLoadingState = _React$useState4[1];
|
|
204
|
+
var SimpleLoader = function SimpleLoader() {
|
|
205
|
+
return /*#__PURE__*/_react["default"].createElement(_PageLoader["default"], {
|
|
206
|
+
showLoader: true
|
|
207
|
+
});
|
|
208
|
+
};
|
|
209
|
+
var HeaderLoader = function HeaderLoader() {
|
|
210
|
+
return /*#__PURE__*/_react["default"].createElement(_PageLoader["default"], {
|
|
211
|
+
header: "Fetching User Data",
|
|
212
|
+
showLoader: true
|
|
213
|
+
});
|
|
214
|
+
};
|
|
215
|
+
var MessagesLoader = function MessagesLoader() {
|
|
216
|
+
return /*#__PURE__*/_react["default"].createElement(_PageLoader["default"], {
|
|
217
|
+
header: "Loading Dashboard",
|
|
218
|
+
messages: ['Connecting to database...', 'Fetching user preferences...', 'Loading dashboard widgets...', 'Finalizing setup...'],
|
|
219
|
+
showLoader: true
|
|
220
|
+
});
|
|
221
|
+
};
|
|
222
|
+
var getLoader = function getLoader() {
|
|
223
|
+
switch (loadingState) {
|
|
224
|
+
case 'simple':
|
|
225
|
+
return SimpleLoader;
|
|
226
|
+
case 'header':
|
|
227
|
+
return HeaderLoader;
|
|
228
|
+
case 'messages':
|
|
229
|
+
return MessagesLoader;
|
|
230
|
+
default:
|
|
231
|
+
return SimpleLoader;
|
|
232
|
+
}
|
|
233
|
+
};
|
|
234
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
235
|
+
style: {
|
|
236
|
+
marginBottom: '20px'
|
|
237
|
+
}
|
|
238
|
+
}, /*#__PURE__*/_react["default"].createElement("label", null, "Loader Type: "), /*#__PURE__*/_react["default"].createElement("select", {
|
|
239
|
+
value: loadingState,
|
|
240
|
+
onChange: function onChange(e) {
|
|
241
|
+
return setLoadingState(e.target.value);
|
|
242
|
+
}
|
|
243
|
+
}, /*#__PURE__*/_react["default"].createElement("option", {
|
|
244
|
+
value: "simple"
|
|
245
|
+
}, "Simple Loader"), /*#__PURE__*/_react["default"].createElement("option", {
|
|
246
|
+
value: "header"
|
|
247
|
+
}, "With Header"), /*#__PURE__*/_react["default"].createElement("option", {
|
|
248
|
+
value: "messages"
|
|
249
|
+
}, "With Cycling Messages"))), /*#__PURE__*/_react["default"].createElement(_DataLoader["default"], {
|
|
250
|
+
requests: mockRequests,
|
|
251
|
+
Loader: getLoader(),
|
|
252
|
+
onDataLoaded: function onDataLoaded(results) {
|
|
253
|
+
return console.log('Data loaded:', results);
|
|
254
|
+
},
|
|
255
|
+
onDataFailed: function onDataFailed(error) {
|
|
256
|
+
return console.error('Error:', error);
|
|
257
|
+
}
|
|
258
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, "Data loaded successfully!")));
|
|
259
|
+
}
|
|
74
260
|
};
|
|
@@ -11,8 +11,7 @@ var _Form = require("./Form");
|
|
|
11
11
|
var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper"));
|
|
12
12
|
var _excluded = ["label", "name", "className", "value", "defaultValue", "appearance", "onChange"];
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
16
15
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
17
16
|
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; }
|
|
18
17
|
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; }
|
|
@@ -64,10 +63,12 @@ var Checkbox = function Checkbox(props) {
|
|
|
64
63
|
className: className,
|
|
65
64
|
appearance: appearance
|
|
66
65
|
}, /*#__PURE__*/_react["default"].createElement("input", _extends({}, inputProps, {
|
|
67
|
-
"data-hj-allow": true
|
|
66
|
+
"data-hj-allow": true,
|
|
67
|
+
title: label
|
|
68
68
|
})), /*#__PURE__*/_react["default"].createElement("label", {
|
|
69
69
|
className: "RCB-form-el-label",
|
|
70
|
-
htmlFor: name
|
|
70
|
+
htmlFor: name,
|
|
71
|
+
title: label
|
|
71
72
|
}, label));
|
|
72
73
|
};
|
|
73
74
|
Checkbox.propTypes = {
|
|
@@ -10,8 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
10
10
|
var _Form = require("./Form");
|
|
11
11
|
var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper"));
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
|
-
function
|
|
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 && {}.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
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
14
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
16
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."); }
|
|
17
16
|
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,8 +16,7 @@ var _utils = _interopRequireDefault(require("../../core/utils"));
|
|
|
16
16
|
var _excluded = ["items", "selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "ListHeaderItem", "showClippedContentTitle", "searchQuery"],
|
|
17
17
|
_excluded2 = ["halign", "label", "showLabel", "name", "SelectionSummary", "className", "value", "defaultValue", "onChange", "disabled", "options", "showSearch", "searchPlaceholder", "idAttribute", "nameAttribute", "noSelectionLabel", "appearance", "multiSelect", "DropdownItem", "validations", "paginationType", "requestId", "onItemsRenderedCB", "requestParams", "pageNoKey", "perPageKey", "pageSize", "searchAttribute", "maxHeight", "responseFormatter", "getUrlParams", "showCreateCTA", "createCTAComponent", "onCreateCTAClick", "serverListClassName", "showClear", "onClear", "minPageNo", "LoaderComponent", "ListHeaderItem", "isModalOpen", "onSearchChange", "showClippedContentTitle", "onModalOpenCB", "onModalCloseCB"];
|
|
18
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
19
|
-
function
|
|
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 && {}.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; }
|
|
19
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
21
20
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
22
21
|
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."); }
|
|
23
22
|
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; } }
|
|
@@ -10,8 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
10
10
|
var _Form = require("./Form");
|
|
11
11
|
var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper"));
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
|
-
function
|
|
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 && {}.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
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
14
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
15
|
var FileUploader = function FileUploader(props) {
|
|
17
16
|
var label = props.label,
|
package/components/Form/Form.js
CHANGED
|
@@ -10,8 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
10
10
|
var _dequal = _interopRequireDefault(require("dequal"));
|
|
11
11
|
var _lodash = _interopRequireDefault(require("lodash.clonedeep"));
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
|
-
function
|
|
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 && {}.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
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
14
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
16
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."); }
|
|
17
16
|
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; } }
|
package/components/Form/Input.js
CHANGED
|
@@ -13,8 +13,7 @@ var _Validators = _interopRequireDefault(require("../../core/Validators"));
|
|
|
13
13
|
var _utils = _interopRequireDefault(require("../../core/utils"));
|
|
14
14
|
var _excluded = ["label", "name", "type", "className", "value", "defaultValue", "placeholder", "appearance", "language", "onChange", "validations", "autoComplete", "showLabel"];
|
|
15
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
16
|
-
function
|
|
17
|
-
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; }
|
|
16
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
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; }
|
|
19
18
|
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; }
|
|
20
19
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -11,8 +11,7 @@ var _Form = require("./Form");
|
|
|
11
11
|
var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper"));
|
|
12
12
|
var _excluded = ["options", "label", "name", "className", "value", "defaultValue", "appearance", "onChange"];
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
16
15
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
17
16
|
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; }
|
|
18
17
|
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; }
|
|
@@ -11,8 +11,7 @@ var _Form = require("./Form");
|
|
|
11
11
|
var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper"));
|
|
12
12
|
var _excluded = ["label", "name", "min", "max", "className", "value", "defaultValue", "appearance", "onChange", "disabled", "showBubble", "inputStyle", "bubbleStyle", "inputClassName"];
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
16
15
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
17
16
|
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; }
|
|
18
17
|
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; }
|