@driveflux/ui 1.0.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +3 -0
- package/.swcrc +14 -0
- package/.turbo/turbo-build.log +6 -0
- package/CHANGELOG.md +12 -0
- package/dist/chakra.d.ts +2 -0
- package/dist/chakra.d.ts.map +1 -0
- package/dist/chakra.js +1 -0
- package/dist/cjs/chakra.js +18 -0
- package/dist/cjs/index.js +18 -0
- package/dist/cjs/modal/ModalProvider.js +254 -0
- package/dist/cjs/modal/components/EnhancedModalCustomWrapper.js +139 -0
- package/dist/cjs/modal/components/EnhancedModalFooter.js +167 -0
- package/dist/cjs/modal/components/MinimalModalContent.js +94 -0
- package/dist/cjs/modal/components/StandardModalContent.js +387 -0
- package/dist/cjs/modal/context.js +20 -0
- package/dist/cjs/modal/index.js +48 -0
- package/dist/cjs/modal/use-enhanced-modal.js +15 -0
- package/dist/cjs/package.json +3 -0
- package/dist/cjs/theme/colors.js +140 -0
- package/dist/cjs/theme/index.js +18 -0
- package/dist/cjs/toast/index.js +19 -0
- package/dist/cjs/toast/use-toast-result.js +255 -0
- package/dist/cjs/types.js +4 -0
- package/dist/cjs/utils/accessors.js +61 -0
- package/dist/cjs/utils/index.js +19 -0
- package/dist/cjs/utils/react.js +94 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +1 -0
- package/dist/modal/ModalProvider.d.ts +4 -0
- package/dist/modal/ModalProvider.d.ts.map +1 -0
- package/dist/modal/ModalProvider.js +239 -0
- package/dist/modal/components/EnhancedModalCustomWrapper.d.ts +9 -0
- package/dist/modal/components/EnhancedModalCustomWrapper.d.ts.map +1 -0
- package/dist/modal/components/EnhancedModalCustomWrapper.js +124 -0
- package/dist/modal/components/EnhancedModalFooter.d.ts +12 -0
- package/dist/modal/components/EnhancedModalFooter.d.ts.map +1 -0
- package/dist/modal/components/EnhancedModalFooter.js +157 -0
- package/dist/modal/components/MinimalModalContent.d.ts +11 -0
- package/dist/modal/components/MinimalModalContent.d.ts.map +1 -0
- package/dist/modal/components/MinimalModalContent.js +84 -0
- package/dist/modal/components/StandardModalContent.d.ts +11 -0
- package/dist/modal/components/StandardModalContent.d.ts.map +1 -0
- package/dist/modal/components/StandardModalContent.js +377 -0
- package/dist/modal/context.d.ts +62 -0
- package/dist/modal/context.d.ts.map +1 -0
- package/dist/modal/context.js +10 -0
- package/dist/modal/index.d.ts +7 -0
- package/dist/modal/index.d.ts.map +1 -0
- package/dist/modal/index.js +6 -0
- package/dist/modal/use-enhanced-modal.d.ts +3 -0
- package/dist/modal/use-enhanced-modal.d.ts.map +1 -0
- package/dist/modal/use-enhanced-modal.js +5 -0
- package/dist/theme/colors.d.ts +148 -0
- package/dist/theme/colors.d.ts.map +1 -0
- package/dist/theme/colors.js +130 -0
- package/dist/theme/index.d.ts +2 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +1 -0
- package/dist/toast/index.d.ts +2 -0
- package/dist/toast/index.d.ts.map +1 -0
- package/dist/toast/index.js +1 -0
- package/dist/toast/use-toast-result.d.ts +30 -0
- package/dist/toast/use-toast-result.d.ts.map +1 -0
- package/dist/toast/use-toast-result.js +232 -0
- package/dist/types.d.ts +5 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +1 -0
- package/dist/utils/accessors.d.ts +24 -0
- package/dist/utils/accessors.d.ts.map +1 -0
- package/dist/utils/accessors.js +28 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +2 -0
- package/dist/utils/react.d.ts +5 -0
- package/dist/utils/react.d.ts.map +1 -0
- package/dist/utils/react.js +32 -0
- package/index.cjs +1 -0
- package/index.d.ts +1 -0
- package/modal.cjs +1 -0
- package/modal.d.ts +1 -0
- package/package.json +68 -0
- package/src/chakra.ts +1 -0
- package/src/index.ts +1 -0
- package/src/modal/ModalProvider.tsx +142 -0
- package/src/modal/components/EnhancedModalCustomWrapper.tsx +39 -0
- package/src/modal/components/EnhancedModalFooter.tsx +51 -0
- package/src/modal/components/MinimalModalContent.tsx +24 -0
- package/src/modal/components/StandardModalContent.tsx +65 -0
- package/src/modal/context.tsx +81 -0
- package/src/modal/index.ts +7 -0
- package/src/modal/use-enhanced-modal.ts +7 -0
- package/src/theme/colors.ts +171 -0
- package/src/theme/index.ts +1 -0
- package/src/toast/index.ts +3 -0
- package/src/toast/use-toast-result.tsx +169 -0
- package/src/types.ts +22 -0
- package/src/utils/accessors.ts +64 -0
- package/src/utils/index.ts +2 -0
- package/src/utils/react.ts +32 -0
- package/theme.cjs +1 -0
- package/theme.d.ts +1 -0
- package/toast.cjs +1 -0
- package/toast.d.ts +1 -0
- package/tsconfig.json +14 -0
- package/tsconfig.tsbuildinfo +1 -0
- package/utils.cjs +1 -0
- package/utils.d.ts +1 -0
|
@@ -0,0 +1,377 @@
|
|
|
1
|
+
function _array_like_to_array(arr, len) {
|
|
2
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
+
return arr2;
|
|
5
|
+
}
|
|
6
|
+
function _array_with_holes(arr) {
|
|
7
|
+
if (Array.isArray(arr)) return arr;
|
|
8
|
+
}
|
|
9
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
|
10
|
+
try {
|
|
11
|
+
var info = gen[key](arg);
|
|
12
|
+
var value = info.value;
|
|
13
|
+
} catch (error) {
|
|
14
|
+
reject(error);
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
if (info.done) {
|
|
18
|
+
resolve(value);
|
|
19
|
+
} else {
|
|
20
|
+
Promise.resolve(value).then(_next, _throw);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
function _async_to_generator(fn) {
|
|
24
|
+
return function() {
|
|
25
|
+
var self = this, args = arguments;
|
|
26
|
+
return new Promise(function(resolve, reject) {
|
|
27
|
+
var gen = fn.apply(self, args);
|
|
28
|
+
function _next(value) {
|
|
29
|
+
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
|
|
30
|
+
}
|
|
31
|
+
function _throw(err) {
|
|
32
|
+
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
|
|
33
|
+
}
|
|
34
|
+
_next(undefined);
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
function _define_property(obj, key, value) {
|
|
39
|
+
if (key in obj) {
|
|
40
|
+
Object.defineProperty(obj, key, {
|
|
41
|
+
value: value,
|
|
42
|
+
enumerable: true,
|
|
43
|
+
configurable: true,
|
|
44
|
+
writable: true
|
|
45
|
+
});
|
|
46
|
+
} else {
|
|
47
|
+
obj[key] = value;
|
|
48
|
+
}
|
|
49
|
+
return obj;
|
|
50
|
+
}
|
|
51
|
+
function _iterable_to_array_limit(arr, i) {
|
|
52
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
53
|
+
if (_i == null) return;
|
|
54
|
+
var _arr = [];
|
|
55
|
+
var _n = true;
|
|
56
|
+
var _d = false;
|
|
57
|
+
var _s, _e;
|
|
58
|
+
try {
|
|
59
|
+
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
60
|
+
_arr.push(_s.value);
|
|
61
|
+
if (i && _arr.length === i) break;
|
|
62
|
+
}
|
|
63
|
+
} catch (err) {
|
|
64
|
+
_d = true;
|
|
65
|
+
_e = err;
|
|
66
|
+
} finally{
|
|
67
|
+
try {
|
|
68
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
69
|
+
} finally{
|
|
70
|
+
if (_d) throw _e;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
return _arr;
|
|
74
|
+
}
|
|
75
|
+
function _non_iterable_rest() {
|
|
76
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
77
|
+
}
|
|
78
|
+
function _object_spread(target) {
|
|
79
|
+
for(var i = 1; i < arguments.length; i++){
|
|
80
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
81
|
+
var ownKeys = Object.keys(source);
|
|
82
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
83
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
84
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
85
|
+
}));
|
|
86
|
+
}
|
|
87
|
+
ownKeys.forEach(function(key) {
|
|
88
|
+
_define_property(target, key, source[key]);
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
return target;
|
|
92
|
+
}
|
|
93
|
+
function _object_without_properties(source, excluded) {
|
|
94
|
+
if (source == null) return {};
|
|
95
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
96
|
+
var key, i;
|
|
97
|
+
if (Object.getOwnPropertySymbols) {
|
|
98
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
99
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
100
|
+
key = sourceSymbolKeys[i];
|
|
101
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
102
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
103
|
+
target[key] = source[key];
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
return target;
|
|
107
|
+
}
|
|
108
|
+
function _object_without_properties_loose(source, excluded) {
|
|
109
|
+
if (source == null) return {};
|
|
110
|
+
var target = {};
|
|
111
|
+
var sourceKeys = Object.keys(source);
|
|
112
|
+
var key, i;
|
|
113
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
114
|
+
key = sourceKeys[i];
|
|
115
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
116
|
+
target[key] = source[key];
|
|
117
|
+
}
|
|
118
|
+
return target;
|
|
119
|
+
}
|
|
120
|
+
function _sliced_to_array(arr, i) {
|
|
121
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
122
|
+
}
|
|
123
|
+
function _tagged_template_literal(strings, raw) {
|
|
124
|
+
if (!raw) {
|
|
125
|
+
raw = strings.slice(0);
|
|
126
|
+
}
|
|
127
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
128
|
+
raw: {
|
|
129
|
+
value: Object.freeze(raw)
|
|
130
|
+
}
|
|
131
|
+
}));
|
|
132
|
+
}
|
|
133
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
134
|
+
if (!o) return;
|
|
135
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
136
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
137
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
138
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
139
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
140
|
+
}
|
|
141
|
+
function _ts_generator(thisArg, body) {
|
|
142
|
+
var f, y, t, g, _ = {
|
|
143
|
+
label: 0,
|
|
144
|
+
sent: function() {
|
|
145
|
+
if (t[0] & 1) throw t[1];
|
|
146
|
+
return t[1];
|
|
147
|
+
},
|
|
148
|
+
trys: [],
|
|
149
|
+
ops: []
|
|
150
|
+
};
|
|
151
|
+
return g = {
|
|
152
|
+
next: verb(0),
|
|
153
|
+
"throw": verb(1),
|
|
154
|
+
"return": verb(2)
|
|
155
|
+
}, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
|
|
156
|
+
return this;
|
|
157
|
+
}), g;
|
|
158
|
+
function verb(n) {
|
|
159
|
+
return function(v) {
|
|
160
|
+
return step([
|
|
161
|
+
n,
|
|
162
|
+
v
|
|
163
|
+
]);
|
|
164
|
+
};
|
|
165
|
+
}
|
|
166
|
+
function step(op) {
|
|
167
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
168
|
+
while(_)try {
|
|
169
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
170
|
+
if (y = 0, t) op = [
|
|
171
|
+
op[0] & 2,
|
|
172
|
+
t.value
|
|
173
|
+
];
|
|
174
|
+
switch(op[0]){
|
|
175
|
+
case 0:
|
|
176
|
+
case 1:
|
|
177
|
+
t = op;
|
|
178
|
+
break;
|
|
179
|
+
case 4:
|
|
180
|
+
_.label++;
|
|
181
|
+
return {
|
|
182
|
+
value: op[1],
|
|
183
|
+
done: false
|
|
184
|
+
};
|
|
185
|
+
case 5:
|
|
186
|
+
_.label++;
|
|
187
|
+
y = op[1];
|
|
188
|
+
op = [
|
|
189
|
+
0
|
|
190
|
+
];
|
|
191
|
+
continue;
|
|
192
|
+
case 7:
|
|
193
|
+
op = _.ops.pop();
|
|
194
|
+
_.trys.pop();
|
|
195
|
+
continue;
|
|
196
|
+
default:
|
|
197
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
|
|
198
|
+
_ = 0;
|
|
199
|
+
continue;
|
|
200
|
+
}
|
|
201
|
+
if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
|
|
202
|
+
_.label = op[1];
|
|
203
|
+
break;
|
|
204
|
+
}
|
|
205
|
+
if (op[0] === 6 && _.label < t[1]) {
|
|
206
|
+
_.label = t[1];
|
|
207
|
+
t = op;
|
|
208
|
+
break;
|
|
209
|
+
}
|
|
210
|
+
if (t && _.label < t[2]) {
|
|
211
|
+
_.label = t[2];
|
|
212
|
+
_.ops.push(op);
|
|
213
|
+
break;
|
|
214
|
+
}
|
|
215
|
+
if (t[2]) _.ops.pop();
|
|
216
|
+
_.trys.pop();
|
|
217
|
+
continue;
|
|
218
|
+
}
|
|
219
|
+
op = body.call(thisArg, _);
|
|
220
|
+
} catch (e) {
|
|
221
|
+
op = [
|
|
222
|
+
6,
|
|
223
|
+
e
|
|
224
|
+
];
|
|
225
|
+
y = 0;
|
|
226
|
+
} finally{
|
|
227
|
+
f = t = 0;
|
|
228
|
+
}
|
|
229
|
+
if (op[0] & 5) throw op[1];
|
|
230
|
+
return {
|
|
231
|
+
value: op[0] ? op[1] : void 0,
|
|
232
|
+
done: true
|
|
233
|
+
};
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
function _templateObject() {
|
|
237
|
+
var data = _tagged_template_literal([
|
|
238
|
+
"Close"
|
|
239
|
+
]);
|
|
240
|
+
_templateObject = function _templateObject() {
|
|
241
|
+
return data;
|
|
242
|
+
};
|
|
243
|
+
return data;
|
|
244
|
+
}
|
|
245
|
+
function _templateObject1() {
|
|
246
|
+
var data = _tagged_template_literal([
|
|
247
|
+
"Ok"
|
|
248
|
+
]);
|
|
249
|
+
_templateObject1 = function _templateObject() {
|
|
250
|
+
return data;
|
|
251
|
+
};
|
|
252
|
+
return data;
|
|
253
|
+
}
|
|
254
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
255
|
+
import { t } from "@lingui/macro";
|
|
256
|
+
import { useCallback, useState } from "react";
|
|
257
|
+
import { Button, HStack, ModalBody, ModalCloseButton, ModalFooter, ModalHeader } from "../../chakra.js";
|
|
258
|
+
import { isReactNode } from "../../utils/react.js";
|
|
259
|
+
import { useEnhancedModal } from "../use-enhanced-modal.js";
|
|
260
|
+
var StandardModalContent = function(_param) {
|
|
261
|
+
var _param_controls = _param.controls, open = _param_controls.open, close = _param_controls.close, modalContentConfig = _param.modalContentConfig, props = _object_without_properties(_param, [
|
|
262
|
+
"controls",
|
|
263
|
+
"modalContentConfig"
|
|
264
|
+
]);
|
|
265
|
+
var Content = modalContentConfig.content;
|
|
266
|
+
var _useState = _sliced_to_array(useState(false), 2), isSaving = _useState[0], setIsSaving = _useState[1];
|
|
267
|
+
var modalState = useEnhancedModal().modalState;
|
|
268
|
+
var handleOK = useCallback(/*#__PURE__*/ _async_to_generator(function() {
|
|
269
|
+
return _ts_generator(this, function(_state) {
|
|
270
|
+
switch(_state.label){
|
|
271
|
+
case 0:
|
|
272
|
+
setIsSaving(true);
|
|
273
|
+
if (!modalContentConfig.onOk) return [
|
|
274
|
+
3,
|
|
275
|
+
4
|
|
276
|
+
];
|
|
277
|
+
_state.label = 1;
|
|
278
|
+
case 1:
|
|
279
|
+
_state.trys.push([
|
|
280
|
+
1,
|
|
281
|
+
,
|
|
282
|
+
3,
|
|
283
|
+
4
|
|
284
|
+
]);
|
|
285
|
+
return [
|
|
286
|
+
4,
|
|
287
|
+
modalContentConfig.onOk(modalState)
|
|
288
|
+
];
|
|
289
|
+
case 2:
|
|
290
|
+
_state.sent();
|
|
291
|
+
return [
|
|
292
|
+
3,
|
|
293
|
+
4
|
|
294
|
+
];
|
|
295
|
+
case 3:
|
|
296
|
+
setIsSaving(false);
|
|
297
|
+
return [
|
|
298
|
+
7
|
|
299
|
+
];
|
|
300
|
+
case 4:
|
|
301
|
+
close();
|
|
302
|
+
return [
|
|
303
|
+
2
|
|
304
|
+
];
|
|
305
|
+
}
|
|
306
|
+
});
|
|
307
|
+
}), [
|
|
308
|
+
modalContentConfig.onOk,
|
|
309
|
+
close,
|
|
310
|
+
modalState
|
|
311
|
+
]);
|
|
312
|
+
var handleCancel = useCallback(/*#__PURE__*/ _async_to_generator(function() {
|
|
313
|
+
return _ts_generator(this, function(_state) {
|
|
314
|
+
switch(_state.label){
|
|
315
|
+
case 0:
|
|
316
|
+
if (!modalContentConfig.onCancel) return [
|
|
317
|
+
3,
|
|
318
|
+
2
|
|
319
|
+
];
|
|
320
|
+
return [
|
|
321
|
+
4,
|
|
322
|
+
modalContentConfig.onCancel()
|
|
323
|
+
];
|
|
324
|
+
case 1:
|
|
325
|
+
_state.sent();
|
|
326
|
+
_state.label = 2;
|
|
327
|
+
case 2:
|
|
328
|
+
close();
|
|
329
|
+
return [
|
|
330
|
+
2
|
|
331
|
+
];
|
|
332
|
+
}
|
|
333
|
+
});
|
|
334
|
+
}), [
|
|
335
|
+
modalContentConfig.onCancel,
|
|
336
|
+
close
|
|
337
|
+
]);
|
|
338
|
+
return /*#__PURE__*/ _jsxs(_Fragment, {
|
|
339
|
+
children: [
|
|
340
|
+
/*#__PURE__*/ _jsx(ModalHeader, {
|
|
341
|
+
children: modalContentConfig.title
|
|
342
|
+
}),
|
|
343
|
+
/*#__PURE__*/ _jsx(ModalCloseButton, {}),
|
|
344
|
+
/*#__PURE__*/ _jsx(ModalBody, {
|
|
345
|
+
children: isReactNode(Content) ? Content : /*#__PURE__*/ _jsx(Content, _object_spread({
|
|
346
|
+
open: open,
|
|
347
|
+
close: close
|
|
348
|
+
}, props))
|
|
349
|
+
}),
|
|
350
|
+
/*#__PURE__*/ _jsx(ModalFooter, {
|
|
351
|
+
children: /*#__PURE__*/ _jsxs(HStack, {
|
|
352
|
+
w: "full",
|
|
353
|
+
spacing: "6",
|
|
354
|
+
children: [
|
|
355
|
+
/*#__PURE__*/ _jsx(Button, {
|
|
356
|
+
isDisabled: isSaving,
|
|
357
|
+
w: "full",
|
|
358
|
+
variant: "outline",
|
|
359
|
+
onClick: handleCancel,
|
|
360
|
+
children: modalContentConfig.cancelText || t(_templateObject())
|
|
361
|
+
}),
|
|
362
|
+
/*#__PURE__*/ _jsx(Button, {
|
|
363
|
+
isDisabled: modalContentConfig.isOkDisabled,
|
|
364
|
+
isLoading: isSaving || modalContentConfig.isOkLoading,
|
|
365
|
+
w: "full",
|
|
366
|
+
variant: "solid",
|
|
367
|
+
onClick: handleOK,
|
|
368
|
+
colorScheme: modalContentConfig.okColorScheme,
|
|
369
|
+
children: modalContentConfig.okText || t(_templateObject1())
|
|
370
|
+
})
|
|
371
|
+
]
|
|
372
|
+
})
|
|
373
|
+
})
|
|
374
|
+
]
|
|
375
|
+
});
|
|
376
|
+
};
|
|
377
|
+
export default StandardModalContent;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { type Dispatch, type FC, type ReactNode, type SetStateAction } from 'react';
|
|
2
|
+
import type { UnionToIntersection } from 'type-fest';
|
|
3
|
+
import type { ModalProps } from '../chakra.js';
|
|
4
|
+
export type ModalControlProps = {
|
|
5
|
+
open: () => void;
|
|
6
|
+
close: () => void;
|
|
7
|
+
};
|
|
8
|
+
export type StandardModaContentConfig<MS = any> = {
|
|
9
|
+
type: 'standard';
|
|
10
|
+
title?: string;
|
|
11
|
+
okText?: string;
|
|
12
|
+
okColorScheme?: string;
|
|
13
|
+
onOk?: (modalState: MS) => void | Promise<void>;
|
|
14
|
+
isOkDisabled?: boolean;
|
|
15
|
+
isOkLoading?: boolean;
|
|
16
|
+
cancelText?: string;
|
|
17
|
+
onCancel?: () => void | Promise<void>;
|
|
18
|
+
};
|
|
19
|
+
export type CustomModalContentConfig = {
|
|
20
|
+
type: 'custom';
|
|
21
|
+
};
|
|
22
|
+
export type MinimalModalContentConfig = {
|
|
23
|
+
type: 'minimal';
|
|
24
|
+
title?: string;
|
|
25
|
+
noModalBody?: boolean;
|
|
26
|
+
};
|
|
27
|
+
type CleanupModalContentConfig<T> = {
|
|
28
|
+
[K in keyof T as Exclude<K, 'type'>]: T[K];
|
|
29
|
+
};
|
|
30
|
+
type ModalContentConfigUnion<MS = any> = StandardModaContentConfig<MS> | CustomModalContentConfig | MinimalModalContentConfig;
|
|
31
|
+
type ModalContentConfigIntersection<MS = any> = UnionToIntersection<CleanupModalContentConfig<ModalContentConfigUnion<MS>>>;
|
|
32
|
+
export type ModalContentConfig<P extends object = {}, MS = any> = {
|
|
33
|
+
contentProps?: P;
|
|
34
|
+
initialModalState?: MS;
|
|
35
|
+
content: FC<Partial<ModalControlProps> & Omit<P, keyof ModalControlProps>> | ReactNode;
|
|
36
|
+
size?: ModalProps['size'];
|
|
37
|
+
} & ModalContentConfigUnion<MS>;
|
|
38
|
+
export type ModalOptions = {
|
|
39
|
+
onClose?: () => void;
|
|
40
|
+
};
|
|
41
|
+
export interface ModalOpenOptions<ExtraProps extends object = {}, MS = any> extends ModalOptions {
|
|
42
|
+
modalContentConfig: ModalContentConfig<ExtraProps, MS>;
|
|
43
|
+
}
|
|
44
|
+
export interface ModalUpdateOptions<ExtraProps extends object = Record<string, any>, MS = any> {
|
|
45
|
+
contentProps?: ExtraProps;
|
|
46
|
+
state?: MS;
|
|
47
|
+
modalContentConfig?: ModalContentConfigIntersection<MS>;
|
|
48
|
+
}
|
|
49
|
+
export interface ModalCloseOptions {
|
|
50
|
+
keepModalContentConfig?: boolean;
|
|
51
|
+
}
|
|
52
|
+
export interface ModalContextState<ExtraProps extends object = any, MS = any> {
|
|
53
|
+
isOpen: boolean;
|
|
54
|
+
open: <P extends ExtraProps, IMS extends MS = any>(options?: ModalOpenOptions<P, IMS> | ModalContentConfig<P, IMS>) => void;
|
|
55
|
+
close: (options?: ModalCloseOptions) => void;
|
|
56
|
+
update: (options: ModalUpdateOptions<ExtraProps>) => void;
|
|
57
|
+
modalState?: MS;
|
|
58
|
+
setModalState: Dispatch<SetStateAction<MS>>;
|
|
59
|
+
}
|
|
60
|
+
export declare const ModalContext: import("react").Context<ModalContextState<any, any>>;
|
|
61
|
+
export {};
|
|
62
|
+
//# sourceMappingURL=context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/modal/context.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createContext } from "react";
|
|
2
|
+
var initialState = {
|
|
3
|
+
isOpen: true,
|
|
4
|
+
open: function() {},
|
|
5
|
+
close: function() {},
|
|
6
|
+
update: function() {},
|
|
7
|
+
modalState: undefined,
|
|
8
|
+
setModalState: function() {}
|
|
9
|
+
};
|
|
10
|
+
export var ModalContext = /*#__PURE__*/ createContext(initialState);
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { default as ModalProvider } from './ModalProvider.js';
|
|
2
|
+
export { default as EnhancedModalCustomWrapper } from './components/EnhancedModalCustomWrapper.js';
|
|
3
|
+
export { default as EnhancedModalFooter } from './components/EnhancedModalFooter.js';
|
|
4
|
+
export { default as MinimalModalContent } from './components/MinimalModalContent.js';
|
|
5
|
+
export * from './context.js';
|
|
6
|
+
export * from './use-enhanced-modal.js';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,4CAA4C,CAAA;AAClG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACpF,cAAc,cAAc,CAAA;AAC5B,cAAc,yBAAyB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default as ModalProvider } from "./ModalProvider.js";
|
|
2
|
+
export { default as EnhancedModalCustomWrapper } from "./components/EnhancedModalCustomWrapper.js";
|
|
3
|
+
export { default as EnhancedModalFooter } from "./components/EnhancedModalFooter.js";
|
|
4
|
+
export { default as MinimalModalContent } from "./components/MinimalModalContent.js";
|
|
5
|
+
export * from "./context.js";
|
|
6
|
+
export * from "./use-enhanced-modal.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-enhanced-modal.d.ts","sourceRoot":"","sources":["../../src/modal/use-enhanced-modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAGrD,eAAO,MAAM,gBAAgB,kEAE5B,CAAA"}
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
export declare const colors: {
|
|
2
|
+
/**
|
|
3
|
+
* #EFEFF0 Light Gray
|
|
4
|
+
*/
|
|
5
|
+
primary1: string;
|
|
6
|
+
/**
|
|
7
|
+
* #CACACA Gray
|
|
8
|
+
*/
|
|
9
|
+
primary2: string;
|
|
10
|
+
/**
|
|
11
|
+
* #585858 Dark Gray
|
|
12
|
+
*/
|
|
13
|
+
primary3: string;
|
|
14
|
+
/**
|
|
15
|
+
* #191919 Soft Black
|
|
16
|
+
*/
|
|
17
|
+
primary4: string;
|
|
18
|
+
/**
|
|
19
|
+
* #E55867 Red
|
|
20
|
+
*/
|
|
21
|
+
accent4: string;
|
|
22
|
+
/**
|
|
23
|
+
* #ADE0EE Light Blue
|
|
24
|
+
*/
|
|
25
|
+
links2: string;
|
|
26
|
+
/**
|
|
27
|
+
* #50C8E8 Blue
|
|
28
|
+
*/
|
|
29
|
+
links: string;
|
|
30
|
+
/**
|
|
31
|
+
* #E24657 Red
|
|
32
|
+
*/
|
|
33
|
+
alert4: string;
|
|
34
|
+
/**
|
|
35
|
+
* #E24657 Red
|
|
36
|
+
*/
|
|
37
|
+
danger: string;
|
|
38
|
+
/**
|
|
39
|
+
* #F4B25C Yellow
|
|
40
|
+
*/
|
|
41
|
+
warning4: string;
|
|
42
|
+
/**
|
|
43
|
+
* #4FD9C2 Green
|
|
44
|
+
*/
|
|
45
|
+
success4: string;
|
|
46
|
+
/**
|
|
47
|
+
* #4FD9C2 Green
|
|
48
|
+
*/
|
|
49
|
+
green: string;
|
|
50
|
+
/**
|
|
51
|
+
* #3BD5BC Green
|
|
52
|
+
*/
|
|
53
|
+
/**
|
|
54
|
+
* #000000 Black
|
|
55
|
+
*/
|
|
56
|
+
black: string;
|
|
57
|
+
/**
|
|
58
|
+
* #ffffff White
|
|
59
|
+
*/
|
|
60
|
+
white: string;
|
|
61
|
+
/**
|
|
62
|
+
* #E6E6E6 Light Gray
|
|
63
|
+
*/
|
|
64
|
+
whiteHover: string;
|
|
65
|
+
/**
|
|
66
|
+
* #F4F4F4 Light Gray
|
|
67
|
+
*/
|
|
68
|
+
placeholder: string;
|
|
69
|
+
/**
|
|
70
|
+
* #F9F7D7 Light Yellow
|
|
71
|
+
*/
|
|
72
|
+
highlight: string;
|
|
73
|
+
primary: {
|
|
74
|
+
25: string;
|
|
75
|
+
50: string;
|
|
76
|
+
100: string;
|
|
77
|
+
200: string;
|
|
78
|
+
300: string;
|
|
79
|
+
400: string;
|
|
80
|
+
500: string;
|
|
81
|
+
600: string;
|
|
82
|
+
700: string;
|
|
83
|
+
800: string;
|
|
84
|
+
900: string;
|
|
85
|
+
};
|
|
86
|
+
success: {
|
|
87
|
+
50: string;
|
|
88
|
+
100: string;
|
|
89
|
+
200: string;
|
|
90
|
+
300: string;
|
|
91
|
+
400: string;
|
|
92
|
+
500: string;
|
|
93
|
+
600: string;
|
|
94
|
+
700: string;
|
|
95
|
+
800: string;
|
|
96
|
+
900: string;
|
|
97
|
+
};
|
|
98
|
+
accent: {
|
|
99
|
+
50: string;
|
|
100
|
+
100: string;
|
|
101
|
+
200: string;
|
|
102
|
+
300: string;
|
|
103
|
+
400: string;
|
|
104
|
+
500: string;
|
|
105
|
+
600: string;
|
|
106
|
+
700: string;
|
|
107
|
+
800: string;
|
|
108
|
+
900: string;
|
|
109
|
+
};
|
|
110
|
+
warning: {
|
|
111
|
+
50: string;
|
|
112
|
+
100: string;
|
|
113
|
+
200: string;
|
|
114
|
+
300: string;
|
|
115
|
+
400: string;
|
|
116
|
+
500: string;
|
|
117
|
+
600: string;
|
|
118
|
+
700: string;
|
|
119
|
+
800: string;
|
|
120
|
+
900: string;
|
|
121
|
+
};
|
|
122
|
+
info: {
|
|
123
|
+
25: string;
|
|
124
|
+
50: string;
|
|
125
|
+
100: string;
|
|
126
|
+
200: string;
|
|
127
|
+
300: string;
|
|
128
|
+
400: string;
|
|
129
|
+
500: string;
|
|
130
|
+
600: string;
|
|
131
|
+
700: string;
|
|
132
|
+
800: string;
|
|
133
|
+
900: string;
|
|
134
|
+
};
|
|
135
|
+
alert: {
|
|
136
|
+
50: string;
|
|
137
|
+
100: string;
|
|
138
|
+
200: string;
|
|
139
|
+
300: string;
|
|
140
|
+
400: string;
|
|
141
|
+
500: string;
|
|
142
|
+
600: string;
|
|
143
|
+
700: string;
|
|
144
|
+
800: string;
|
|
145
|
+
900: string;
|
|
146
|
+
};
|
|
147
|
+
};
|
|
148
|
+
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;IACjB;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFJ,CAAA"}
|