funda-ui 4.6.399 → 4.7.101
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 +1 -2
- package/Stepper/index.css +167 -0
- package/Stepper/index.d.ts +26 -0
- package/Stepper/index.js +509 -0
- package/Table/index.css +4 -4
- package/all.d.ts +1 -0
- package/all.js +1 -0
- package/lib/cjs/Stepper/index.d.ts +26 -0
- package/lib/cjs/Stepper/index.js +509 -0
- package/lib/cjs/index.d.ts +1 -0
- package/lib/cjs/index.js +1 -0
- package/lib/css/Stepper/index.css +167 -0
- package/lib/css/Table/index.css +4 -4
- package/lib/esm/Stepper/index.scss +206 -0
- package/lib/esm/Stepper/index.tsx +264 -0
- package/lib/esm/Table/index.scss +2 -2
- package/lib/esm/index.js +1 -0
- package/package.json +1 -1
package/Stepper/index.js
ADDED
|
@@ -0,0 +1,509 @@
|
|
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
|
3
|
+
module.exports = factory(require("react"));
|
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
|
5
|
+
define(["react"], factory);
|
|
6
|
+
else if(typeof exports === 'object')
|
|
7
|
+
exports["RPB"] = factory(require("react"));
|
|
8
|
+
else
|
|
9
|
+
root["RPB"] = factory(root["React"]);
|
|
10
|
+
})(this, (__WEBPACK_EXTERNAL_MODULE__787__) => {
|
|
11
|
+
return /******/ (() => { // webpackBootstrap
|
|
12
|
+
/******/ var __webpack_modules__ = ({
|
|
13
|
+
|
|
14
|
+
/***/ 188:
|
|
15
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
16
|
+
|
|
17
|
+
/* module decorator */ module = __webpack_require__.nmd(module);
|
|
18
|
+
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
|
|
19
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
|
20
|
+
if (( false ? 0 : _typeof2(exports)) === 'object' && ( false ? 0 : _typeof2(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
|
|
21
|
+
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
|
|
22
|
+
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
|
|
23
|
+
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
|
|
24
|
+
})(this, function () {
|
|
25
|
+
return (/******/function () {
|
|
26
|
+
// webpackBootstrap
|
|
27
|
+
/******/
|
|
28
|
+
"use strict";
|
|
29
|
+
|
|
30
|
+
/******/ // The require scope
|
|
31
|
+
/******/
|
|
32
|
+
var __nested_webpack_require_993__ = {};
|
|
33
|
+
/******/
|
|
34
|
+
/************************************************************************/
|
|
35
|
+
/******/ /* webpack/runtime/define property getters */
|
|
36
|
+
/******/
|
|
37
|
+
(function () {
|
|
38
|
+
/******/ // define getter functions for harmony exports
|
|
39
|
+
/******/__nested_webpack_require_993__.d = function (exports, definition) {
|
|
40
|
+
/******/for (var key in definition) {
|
|
41
|
+
/******/if (__nested_webpack_require_993__.o(definition, key) && !__nested_webpack_require_993__.o(exports, key)) {
|
|
42
|
+
/******/Object.defineProperty(exports, key, {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: definition[key]
|
|
45
|
+
});
|
|
46
|
+
/******/
|
|
47
|
+
}
|
|
48
|
+
/******/
|
|
49
|
+
}
|
|
50
|
+
/******/
|
|
51
|
+
};
|
|
52
|
+
/******/
|
|
53
|
+
})();
|
|
54
|
+
/******/
|
|
55
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
56
|
+
/******/
|
|
57
|
+
(function () {
|
|
58
|
+
/******/__nested_webpack_require_993__.o = function (obj, prop) {
|
|
59
|
+
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
60
|
+
};
|
|
61
|
+
/******/
|
|
62
|
+
})();
|
|
63
|
+
/******/
|
|
64
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
65
|
+
/******/
|
|
66
|
+
(function () {
|
|
67
|
+
/******/ // define __esModule on exports
|
|
68
|
+
/******/__nested_webpack_require_993__.r = function (exports) {
|
|
69
|
+
/******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
70
|
+
/******/Object.defineProperty(exports, Symbol.toStringTag, {
|
|
71
|
+
value: 'Module'
|
|
72
|
+
});
|
|
73
|
+
/******/
|
|
74
|
+
}
|
|
75
|
+
/******/
|
|
76
|
+
Object.defineProperty(exports, '__esModule', {
|
|
77
|
+
value: true
|
|
78
|
+
});
|
|
79
|
+
/******/
|
|
80
|
+
};
|
|
81
|
+
/******/
|
|
82
|
+
})();
|
|
83
|
+
/******/
|
|
84
|
+
/************************************************************************/
|
|
85
|
+
var __webpack_exports__ = {};
|
|
86
|
+
__nested_webpack_require_993__.r(__webpack_exports__);
|
|
87
|
+
/* harmony export */
|
|
88
|
+
__nested_webpack_require_993__.d(__webpack_exports__, {
|
|
89
|
+
/* harmony export */"clsWrite": function clsWrite() {
|
|
90
|
+
return (/* binding */_clsWrite
|
|
91
|
+
);
|
|
92
|
+
},
|
|
93
|
+
/* harmony export */"combinedCls": function combinedCls() {
|
|
94
|
+
return (/* binding */_combinedCls
|
|
95
|
+
);
|
|
96
|
+
}
|
|
97
|
+
/* harmony export */
|
|
98
|
+
});
|
|
99
|
+
function _slicedToArray(arr, i) {
|
|
100
|
+
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
101
|
+
}
|
|
102
|
+
function _nonIterableRest() {
|
|
103
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
104
|
+
}
|
|
105
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
106
|
+
if (!o) return;
|
|
107
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
108
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
109
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
110
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
111
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
112
|
+
}
|
|
113
|
+
function _arrayLikeToArray(arr, len) {
|
|
114
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
115
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
116
|
+
return arr2;
|
|
117
|
+
}
|
|
118
|
+
function _iterableToArrayLimit(arr, i) {
|
|
119
|
+
var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
|
|
120
|
+
if (null != _i) {
|
|
121
|
+
var _s,
|
|
122
|
+
_e,
|
|
123
|
+
_x,
|
|
124
|
+
_r,
|
|
125
|
+
_arr = [],
|
|
126
|
+
_n = !0,
|
|
127
|
+
_d = !1;
|
|
128
|
+
try {
|
|
129
|
+
if (_x = (_i = _i.call(arr)).next, 0 === i) {
|
|
130
|
+
if (Object(_i) !== _i) return;
|
|
131
|
+
_n = !1;
|
|
132
|
+
} else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
|
|
133
|
+
} catch (err) {
|
|
134
|
+
_d = !0, _e = err;
|
|
135
|
+
} finally {
|
|
136
|
+
try {
|
|
137
|
+
if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
|
|
138
|
+
} finally {
|
|
139
|
+
if (_d) throw _e;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
return _arr;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
function _arrayWithHoles(arr) {
|
|
146
|
+
if (Array.isArray(arr)) return arr;
|
|
147
|
+
}
|
|
148
|
+
function _typeof(obj) {
|
|
149
|
+
"@babel/helpers - typeof";
|
|
150
|
+
|
|
151
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
152
|
+
return typeof obj;
|
|
153
|
+
} : function (obj) {
|
|
154
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
155
|
+
}, _typeof(obj);
|
|
156
|
+
}
|
|
157
|
+
/**
|
|
158
|
+
* Output of class name
|
|
159
|
+
* @param {*} s - Any
|
|
160
|
+
* @param {String} defaultCls - Default string
|
|
161
|
+
* @param {?*} targetCls - Any
|
|
162
|
+
* @returns {*}
|
|
163
|
+
*/
|
|
164
|
+
function _clsWrite(s, defaultCls) {
|
|
165
|
+
var targetCls = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
|
|
166
|
+
return s || s === '' ? typeof targetCls === 'undefined' ? s : targetCls : defaultCls;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
/**
|
|
170
|
+
* Combined classnames
|
|
171
|
+
* @param {*} args
|
|
172
|
+
* @returns {String|undefined}
|
|
173
|
+
*/
|
|
174
|
+
/* Usage:
|
|
175
|
+
|
|
176
|
+
console.log(combinedCls('a-1', 'a-2', 'a-3', {
|
|
177
|
+
'p-1': null,
|
|
178
|
+
'p-2': undefined,
|
|
179
|
+
'p-3': true,
|
|
180
|
+
'p-4': false,
|
|
181
|
+
'p-5': 'kkk',
|
|
182
|
+
'p-6': 0,
|
|
183
|
+
'p-7': 1,
|
|
184
|
+
'p-8': '',
|
|
185
|
+
undefined
|
|
186
|
+
})); // a-1 a-2 a-3 p-3 p-5 p-7
|
|
187
|
+
*/
|
|
188
|
+
function _combinedCls() {
|
|
189
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
190
|
+
args[_key] = arguments[_key];
|
|
191
|
+
}
|
|
192
|
+
if (args) {
|
|
193
|
+
var classes = [];
|
|
194
|
+
for (var i = 0; i < args.length; i++) {
|
|
195
|
+
var className = args[i];
|
|
196
|
+
if (!className) {
|
|
197
|
+
continue;
|
|
198
|
+
}
|
|
199
|
+
var type = _typeof(className);
|
|
200
|
+
if (type === 'string' || type === 'number') {
|
|
201
|
+
classes.push(className);
|
|
202
|
+
} else if (type === 'object') {
|
|
203
|
+
var _classes = Array.isArray(className) ? className : Object.entries(className).map(function (_ref) {
|
|
204
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
205
|
+
key = _ref2[0],
|
|
206
|
+
value = _ref2[1];
|
|
207
|
+
return value ? key : null;
|
|
208
|
+
});
|
|
209
|
+
classes = _classes.length ? classes.concat(_classes.filter(function (c) {
|
|
210
|
+
return !!c;
|
|
211
|
+
})) : classes;
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
return classes.join(' ').trim();
|
|
215
|
+
}
|
|
216
|
+
return undefined;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
/******/
|
|
220
|
+
return __webpack_exports__;
|
|
221
|
+
/******/
|
|
222
|
+
}()
|
|
223
|
+
);
|
|
224
|
+
});
|
|
225
|
+
|
|
226
|
+
/***/ }),
|
|
227
|
+
|
|
228
|
+
/***/ 787:
|
|
229
|
+
/***/ ((module) => {
|
|
230
|
+
|
|
231
|
+
"use strict";
|
|
232
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
|
|
233
|
+
|
|
234
|
+
/***/ })
|
|
235
|
+
|
|
236
|
+
/******/ });
|
|
237
|
+
/************************************************************************/
|
|
238
|
+
/******/ // The module cache
|
|
239
|
+
/******/ var __webpack_module_cache__ = {};
|
|
240
|
+
/******/
|
|
241
|
+
/******/ // The require function
|
|
242
|
+
/******/ function __webpack_require__(moduleId) {
|
|
243
|
+
/******/ // Check if module is in cache
|
|
244
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
245
|
+
/******/ if (cachedModule !== undefined) {
|
|
246
|
+
/******/ return cachedModule.exports;
|
|
247
|
+
/******/ }
|
|
248
|
+
/******/ // Create a new module (and put it into the cache)
|
|
249
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
250
|
+
/******/ id: moduleId,
|
|
251
|
+
/******/ loaded: false,
|
|
252
|
+
/******/ exports: {}
|
|
253
|
+
/******/ };
|
|
254
|
+
/******/
|
|
255
|
+
/******/ // Execute the module function
|
|
256
|
+
/******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
257
|
+
/******/
|
|
258
|
+
/******/ // Flag the module as loaded
|
|
259
|
+
/******/ module.loaded = true;
|
|
260
|
+
/******/
|
|
261
|
+
/******/ // Return the exports of the module
|
|
262
|
+
/******/ return module.exports;
|
|
263
|
+
/******/ }
|
|
264
|
+
/******/
|
|
265
|
+
/************************************************************************/
|
|
266
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
267
|
+
/******/ (() => {
|
|
268
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
269
|
+
/******/ __webpack_require__.n = (module) => {
|
|
270
|
+
/******/ var getter = module && module.__esModule ?
|
|
271
|
+
/******/ () => (module['default']) :
|
|
272
|
+
/******/ () => (module);
|
|
273
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
274
|
+
/******/ return getter;
|
|
275
|
+
/******/ };
|
|
276
|
+
/******/ })();
|
|
277
|
+
/******/
|
|
278
|
+
/******/ /* webpack/runtime/define property getters */
|
|
279
|
+
/******/ (() => {
|
|
280
|
+
/******/ // define getter functions for harmony exports
|
|
281
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
282
|
+
/******/ for(var key in definition) {
|
|
283
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
284
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
285
|
+
/******/ }
|
|
286
|
+
/******/ }
|
|
287
|
+
/******/ };
|
|
288
|
+
/******/ })();
|
|
289
|
+
/******/
|
|
290
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
291
|
+
/******/ (() => {
|
|
292
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
293
|
+
/******/ })();
|
|
294
|
+
/******/
|
|
295
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
296
|
+
/******/ (() => {
|
|
297
|
+
/******/ // define __esModule on exports
|
|
298
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
299
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
300
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
301
|
+
/******/ }
|
|
302
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
303
|
+
/******/ };
|
|
304
|
+
/******/ })();
|
|
305
|
+
/******/
|
|
306
|
+
/******/ /* webpack/runtime/node module decorator */
|
|
307
|
+
/******/ (() => {
|
|
308
|
+
/******/ __webpack_require__.nmd = (module) => {
|
|
309
|
+
/******/ module.paths = [];
|
|
310
|
+
/******/ if (!module.children) module.children = [];
|
|
311
|
+
/******/ return module;
|
|
312
|
+
/******/ };
|
|
313
|
+
/******/ })();
|
|
314
|
+
/******/
|
|
315
|
+
/************************************************************************/
|
|
316
|
+
var __webpack_exports__ = {};
|
|
317
|
+
// This entry need to be wrapped in an IIFE because it need to be in strict mode.
|
|
318
|
+
(() => {
|
|
319
|
+
"use strict";
|
|
320
|
+
__webpack_require__.r(__webpack_exports__);
|
|
321
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
322
|
+
/* harmony export */ "Stepper": () => (/* binding */ Stepper),
|
|
323
|
+
/* harmony export */ "StepperPanel": () => (/* binding */ StepperPanel)
|
|
324
|
+
/* harmony export */ });
|
|
325
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(787);
|
|
326
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
327
|
+
/* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(188);
|
|
328
|
+
/* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1__);
|
|
329
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
330
|
+
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."); }
|
|
331
|
+
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); }
|
|
332
|
+
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; }
|
|
333
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
334
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
335
|
+
|
|
336
|
+
|
|
337
|
+
var StepperPanel = function StepperPanel(props) {
|
|
338
|
+
var header = props.header,
|
|
339
|
+
children = props.children,
|
|
340
|
+
style = props.style;
|
|
341
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
342
|
+
className: "stepper-panel",
|
|
343
|
+
style: style
|
|
344
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
345
|
+
className: "stepper-panel-header"
|
|
346
|
+
}, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
347
|
+
className: "stepper-panel-content"
|
|
348
|
+
}, children));
|
|
349
|
+
};
|
|
350
|
+
var Stepper = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
|
|
351
|
+
var wrapperClassName = props.wrapperClassName,
|
|
352
|
+
_props$indicatorClick = props.indicatorClickAllowed,
|
|
353
|
+
indicatorClickAllowed = _props$indicatorClick === void 0 ? false : _props$indicatorClick,
|
|
354
|
+
style = props.style,
|
|
355
|
+
_props$initialStep = props.initialStep,
|
|
356
|
+
initialStep = _props$initialStep === void 0 ? 0 : _props$initialStep,
|
|
357
|
+
_props$layout = props.layout,
|
|
358
|
+
layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
|
|
359
|
+
_props$completeIcon = props.completeIcon,
|
|
360
|
+
completeIcon = _props$completeIcon === void 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
|
|
361
|
+
width: "20px",
|
|
362
|
+
height: "20px",
|
|
363
|
+
viewBox: "0 0 20 20",
|
|
364
|
+
fill: "none"
|
|
365
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
|
|
366
|
+
d: "M15.3742 5.98559L10.3742 14.9856C9.72664 16.1511 7.97832 15.1798 8.62585 14.0143L13.6258 5.01431C14.2734 3.84876 16.0217 4.82005 15.3742 5.98559Z",
|
|
367
|
+
fill: "#fff"
|
|
368
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
|
|
369
|
+
d: "M5.1247 9.71907L10.1247 13.7191C11.1659 14.552 9.91646 16.1137 8.87531 15.2808L3.87531 11.2808C2.83415 10.4479 4.08354 8.88615 5.1247 9.71907Z",
|
|
370
|
+
fill: "#fff"
|
|
371
|
+
}))) : _props$completeIcon,
|
|
372
|
+
_props$disableComplet = props.disableCompleteIcon,
|
|
373
|
+
disableCompleteIcon = _props$disableComplet === void 0 ? true : _props$disableComplet,
|
|
374
|
+
onChange = props.onChange,
|
|
375
|
+
children = props.children;
|
|
376
|
+
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
|
|
377
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
378
|
+
isLastStepComplete = _useState2[0],
|
|
379
|
+
setIsLastStepComplete = _useState2[1];
|
|
380
|
+
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialStep),
|
|
381
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
382
|
+
activeIndex = _useState4[0],
|
|
383
|
+
setActiveIndex = _useState4[1];
|
|
384
|
+
var panels = react__WEBPACK_IMPORTED_MODULE_0___default().Children.toArray(children);
|
|
385
|
+
var isVertical = layout === 'vertical';
|
|
386
|
+
var prevActiveIndexRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(activeIndex);
|
|
387
|
+
var prevIsLastStepCompleteRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(isLastStepComplete);
|
|
388
|
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(ref, function () {
|
|
389
|
+
return {
|
|
390
|
+
"goto": function goto(index) {
|
|
391
|
+
if (index >= 0 && index < panels.length) {
|
|
392
|
+
setActiveIndex(index);
|
|
393
|
+
}
|
|
394
|
+
},
|
|
395
|
+
next: function next() {
|
|
396
|
+
setActiveIndex(function (prevState) {
|
|
397
|
+
var _val = Math.min(prevState + 1, panels.length - 1);
|
|
398
|
+
return _val;
|
|
399
|
+
});
|
|
400
|
+
},
|
|
401
|
+
prev: function prev() {
|
|
402
|
+
setActiveIndex(function (prevState) {
|
|
403
|
+
var _val = Math.max(prevState - 1, 0);
|
|
404
|
+
return _val;
|
|
405
|
+
});
|
|
406
|
+
setIsLastStepComplete(false);
|
|
407
|
+
},
|
|
408
|
+
setLastStepComplete: function setLastStepComplete(val) {
|
|
409
|
+
setIsLastStepComplete(val);
|
|
410
|
+
}
|
|
411
|
+
};
|
|
412
|
+
}, [panels.length]);
|
|
413
|
+
var horizontalPanelsGenerator = function horizontalPanelsGenerator() {
|
|
414
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
415
|
+
className: "stepper-header"
|
|
416
|
+
}, panels.map(function (panel, index) {
|
|
417
|
+
var header = panel.props.header;
|
|
418
|
+
var isActive = index === activeIndex;
|
|
419
|
+
var isCompleted = index < activeIndex || index === panels.length - 1 && isLastStepComplete;
|
|
420
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), {
|
|
421
|
+
key: index
|
|
422
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
423
|
+
"data-step-index": index,
|
|
424
|
+
className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1__.combinedCls)('step-item', {
|
|
425
|
+
'step-item--clickable': indicatorClickAllowed && !isLastStepComplete
|
|
426
|
+
}),
|
|
427
|
+
onClick: indicatorClickAllowed && !isLastStepComplete ? function () {
|
|
428
|
+
setActiveIndex(index);
|
|
429
|
+
setIsLastStepComplete(false);
|
|
430
|
+
} : undefined
|
|
431
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
432
|
+
className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1__.combinedCls)('step-indicator', {
|
|
433
|
+
'step-indicator--active': isActive,
|
|
434
|
+
'step-indicator--complete': isCompleted
|
|
435
|
+
})
|
|
436
|
+
}, isCompleted ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, disableCompleteIcon ? index + 1 : completeIcon) : index + 1), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
437
|
+
className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1__.combinedCls)('step-title', {
|
|
438
|
+
'step-title--active': isActive
|
|
439
|
+
})
|
|
440
|
+
}, header)), index < panels.length - 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
441
|
+
className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1__.combinedCls)('step-line', {
|
|
442
|
+
'step-line--active': index === activeIndex - 1,
|
|
443
|
+
'step-line--complete': index < activeIndex - 1
|
|
444
|
+
})
|
|
445
|
+
}));
|
|
446
|
+
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
447
|
+
className: "stepper-panels"
|
|
448
|
+
}, panels[activeIndex]));
|
|
449
|
+
};
|
|
450
|
+
var verticalPanelsGenerator = function verticalPanelsGenerator() {
|
|
451
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, panels.map(function (panel, index) {
|
|
452
|
+
var header = panel.props.header;
|
|
453
|
+
var isActive = index === activeIndex;
|
|
454
|
+
var isCompleted = index < activeIndex || index === panels.length - 1 && isLastStepComplete;
|
|
455
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
456
|
+
key: index,
|
|
457
|
+
className: "vertical-step-row"
|
|
458
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
459
|
+
className: "vertical-step-left"
|
|
460
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
461
|
+
"data-step-index": index,
|
|
462
|
+
className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1__.combinedCls)('step-item', {
|
|
463
|
+
'step-item--clickable': indicatorClickAllowed && !isLastStepComplete
|
|
464
|
+
}),
|
|
465
|
+
onClick: indicatorClickAllowed && !isLastStepComplete ? function () {
|
|
466
|
+
setActiveIndex(index);
|
|
467
|
+
setIsLastStepComplete(false);
|
|
468
|
+
} : undefined
|
|
469
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
470
|
+
className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1__.combinedCls)('step-indicator', {
|
|
471
|
+
'step-indicator--active': isActive,
|
|
472
|
+
'step-indicator--complete': isCompleted
|
|
473
|
+
})
|
|
474
|
+
}, isCompleted ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, disableCompleteIcon ? index + 1 : completeIcon) : index + 1), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
475
|
+
className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1__.combinedCls)('step-title', {
|
|
476
|
+
'step-title--active': isActive
|
|
477
|
+
})
|
|
478
|
+
}, header)), index < panels.length - 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
479
|
+
className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1__.combinedCls)('step-line', {
|
|
480
|
+
'step-line--active': index === activeIndex - 1,
|
|
481
|
+
'step-line--complete': index < activeIndex - 1
|
|
482
|
+
})
|
|
483
|
+
})), isActive && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
484
|
+
className: "vertical-step-right"
|
|
485
|
+
}, panels[activeIndex]));
|
|
486
|
+
}));
|
|
487
|
+
};
|
|
488
|
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
489
|
+
// Only trigger onChange if values actually changed from previous values
|
|
490
|
+
if (prevActiveIndexRef.current !== activeIndex || prevIsLastStepCompleteRef.current !== isLastStepComplete) {
|
|
491
|
+
prevActiveIndexRef.current = activeIndex;
|
|
492
|
+
prevIsLastStepCompleteRef.current = isLastStepComplete;
|
|
493
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(activeIndex, isLastStepComplete);
|
|
494
|
+
}
|
|
495
|
+
}, [activeIndex, isLastStepComplete]);
|
|
496
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
497
|
+
className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1__.combinedCls)('stepper-container', (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_1__.clsWrite)(wrapperClassName, ''), {
|
|
498
|
+
'stepper-container--vertical': isVertical
|
|
499
|
+
}),
|
|
500
|
+
style: style
|
|
501
|
+
}, !isVertical && horizontalPanelsGenerator(), isVertical && verticalPanelsGenerator());
|
|
502
|
+
});
|
|
503
|
+
|
|
504
|
+
})();
|
|
505
|
+
|
|
506
|
+
/******/ return __webpack_exports__;
|
|
507
|
+
/******/ })()
|
|
508
|
+
;
|
|
509
|
+
});
|
package/Table/index.css
CHANGED
|
@@ -516,7 +516,7 @@
|
|
|
516
516
|
min-width: auto !important;
|
|
517
517
|
width: auto !important;
|
|
518
518
|
}
|
|
519
|
-
.syntable__wrapper.table-enhanced-responsive-scrolled table thead th:not(last-child) {
|
|
519
|
+
.syntable__wrapper.table-enhanced-responsive-scrolled table thead th:not(:last-child) {
|
|
520
520
|
border-bottom: 0;
|
|
521
521
|
}
|
|
522
522
|
.syntable__wrapper.table-enhanced-responsive-scrolled table tbody {
|
|
@@ -568,9 +568,9 @@
|
|
|
568
568
|
.syntable__wrapper.table-enhanced-responsive-scrolled table tbody th:first-child {
|
|
569
569
|
border-top: 0;
|
|
570
570
|
}
|
|
571
|
-
.syntable__wrapper.table-enhanced-responsive-scrolled table th:not(last-child),
|
|
572
|
-
.syntable__wrapper.table-enhanced-responsive-scrolled table tbody td:not(last-child),
|
|
573
|
-
.syntable__wrapper.table-enhanced-responsive-scrolled table tbody th:not(last-child) {
|
|
571
|
+
.syntable__wrapper.table-enhanced-responsive-scrolled table th:not(:last-child),
|
|
572
|
+
.syntable__wrapper.table-enhanced-responsive-scrolled table tbody td:not(:last-child),
|
|
573
|
+
.syntable__wrapper.table-enhanced-responsive-scrolled table tbody th:not(:last-child) {
|
|
574
574
|
border-bottom: 0;
|
|
575
575
|
border-right: 0;
|
|
576
576
|
}
|
package/all.d.ts
CHANGED
package/all.js
CHANGED
|
@@ -37,6 +37,7 @@ exports.Scrollbar = _interopRequireDefault(require("./Scrollbar")).default;
|
|
|
37
37
|
exports.SearchBar = _interopRequireDefault(require("./SearchBar")).default;
|
|
38
38
|
exports.Select = _interopRequireDefault(require("./Select")).default;
|
|
39
39
|
exports.ShowMoreLess = _interopRequireDefault(require("./ShowMoreLess")).default;
|
|
40
|
+
exports.Stepper = _interopRequireDefault(require("./Stepper")).default;
|
|
40
41
|
exports.Switch = _interopRequireDefault(require("./Switch")).default;
|
|
41
42
|
exports.Table = _interopRequireDefault(require("./Table")).default;
|
|
42
43
|
exports.Tabs = _interopRequireDefault(require("./Tabs")).default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface StepperPanelProps {
|
|
3
|
+
header: React.ReactNode;
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
style?: React.CSSProperties;
|
|
6
|
+
}
|
|
7
|
+
interface StepperProps {
|
|
8
|
+
wrapperClassName?: string;
|
|
9
|
+
indicatorClickAllowed?: boolean;
|
|
10
|
+
style?: React.CSSProperties;
|
|
11
|
+
initialStep?: number;
|
|
12
|
+
layout?: 'horizontal' | 'vertical';
|
|
13
|
+
completeIcon?: React.ReactNode;
|
|
14
|
+
disableCompleteIcon?: boolean;
|
|
15
|
+
onChange?: (index: number, isLastStepComplete: boolean) => void;
|
|
16
|
+
children: React.ReactElement<StepperPanelProps>[];
|
|
17
|
+
}
|
|
18
|
+
interface StepperRef {
|
|
19
|
+
goto: (index: number) => void;
|
|
20
|
+
next: () => void;
|
|
21
|
+
prev: () => void;
|
|
22
|
+
}
|
|
23
|
+
declare const StepperPanel: React.FC<StepperPanelProps>;
|
|
24
|
+
declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<StepperRef>>;
|
|
25
|
+
export { Stepper, StepperPanel };
|
|
26
|
+
export type { StepperProps, StepperPanelProps, StepperRef };
|