@jobber/components 6.15.0 → 6.17.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/dist/AtlantisThemeContext/index.cjs +5 -4
- package/dist/AtlantisThemeContext/index.mjs +2 -1
- package/dist/AtlantisThemeContext-cjs.js +396 -0
- package/dist/AtlantisThemeContext-es.js +391 -0
- package/dist/Autocomplete/index.cjs +1 -0
- package/dist/Autocomplete/index.mjs +1 -0
- package/dist/Autocomplete-cjs.js +2 -32
- package/dist/Autocomplete-es.js +2 -32
- package/dist/Banner-cjs.js +3 -3
- package/dist/Banner-es.js +3 -3
- package/dist/BannerIcon-cjs.js +1 -1
- package/dist/BannerIcon-es.js +1 -1
- package/dist/Combobox-es.js +1 -1
- package/dist/DataListSearch-es.js +1 -1
- package/dist/Gallery/index.cjs +15 -6
- package/dist/Gallery/index.mjs +15 -6
- package/dist/InputTime-es.js +1 -1
- package/dist/InternalChipDismissible-es.js +1 -1
- package/dist/LightBox/index.cjs +15 -4
- package/dist/LightBox/index.mjs +15 -4
- package/dist/LightBox-cjs.js +104 -21
- package/dist/LightBox-es.js +104 -21
- package/dist/debounce-es.js +1 -1
- package/dist/index.cjs +6 -4
- package/dist/index.mjs +3 -1
- package/dist/styles.css +175 -54
- package/dist/throttle-es.js +1 -1
- package/dist/updateTheme-cjs.js +2 -394
- package/dist/updateTheme-es.js +2 -390
- package/dist/useDebounce-cjs.js +36 -0
- package/dist/useDebounce-es.js +34 -0
- package/dist/useScrollToActive-es.js +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,391 @@
|
|
|
1
|
+
import { tokens, darkTokens } from '@jobber/design';
|
|
2
|
+
import React, { createContext, useState, useCallback, useEffect, useContext } from 'react';
|
|
3
|
+
import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
|
|
4
|
+
import { e as eq_1, b as _Stack } from './identity-es.js';
|
|
5
|
+
import { _ as _baseAssignValue } from './_baseAssignValue-es.js';
|
|
6
|
+
import { _ as _baseFor } from './_baseFor-es.js';
|
|
7
|
+
import { _ as _copyObject, k as keysIn_1, a as _cloneBufferExports, b as _cloneTypedArray, c as _copyArray, d as _initCloneObject, i as isPlainObject_1 } from './keysIn-es.js';
|
|
8
|
+
import { b as isArrayLike_1, i as isArguments_1, a as isArray_1, c as isBufferExports, j as isFunction_1, d as isTypedArray_1 } from './isTypedArray-es.js';
|
|
9
|
+
import { a as isObjectLike_1, i as isObject_1 } from './isObjectLike-es.js';
|
|
10
|
+
import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
|
|
11
|
+
|
|
12
|
+
var baseAssignValue = _baseAssignValue,
|
|
13
|
+
eq = eq_1;
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* This function is like `assignValue` except that it doesn't assign
|
|
17
|
+
* `undefined` values.
|
|
18
|
+
*
|
|
19
|
+
* @private
|
|
20
|
+
* @param {Object} object The object to modify.
|
|
21
|
+
* @param {string} key The key of the property to assign.
|
|
22
|
+
* @param {*} value The value to assign.
|
|
23
|
+
*/
|
|
24
|
+
function assignMergeValue$2(object, key, value) {
|
|
25
|
+
if ((value !== undefined && !eq(object[key], value)) ||
|
|
26
|
+
(value === undefined && !(key in object))) {
|
|
27
|
+
baseAssignValue(object, key, value);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
var _assignMergeValue = assignMergeValue$2;
|
|
32
|
+
|
|
33
|
+
var isArrayLike = isArrayLike_1,
|
|
34
|
+
isObjectLike = isObjectLike_1;
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* This method is like `_.isArrayLike` except that it also checks if `value`
|
|
38
|
+
* is an object.
|
|
39
|
+
*
|
|
40
|
+
* @static
|
|
41
|
+
* @memberOf _
|
|
42
|
+
* @since 4.0.0
|
|
43
|
+
* @category Lang
|
|
44
|
+
* @param {*} value The value to check.
|
|
45
|
+
* @returns {boolean} Returns `true` if `value` is an array-like object,
|
|
46
|
+
* else `false`.
|
|
47
|
+
* @example
|
|
48
|
+
*
|
|
49
|
+
* _.isArrayLikeObject([1, 2, 3]);
|
|
50
|
+
* // => true
|
|
51
|
+
*
|
|
52
|
+
* _.isArrayLikeObject(document.body.children);
|
|
53
|
+
* // => true
|
|
54
|
+
*
|
|
55
|
+
* _.isArrayLikeObject('abc');
|
|
56
|
+
* // => false
|
|
57
|
+
*
|
|
58
|
+
* _.isArrayLikeObject(_.noop);
|
|
59
|
+
* // => false
|
|
60
|
+
*/
|
|
61
|
+
function isArrayLikeObject$1(value) {
|
|
62
|
+
return isObjectLike(value) && isArrayLike(value);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
var isArrayLikeObject_1 = isArrayLikeObject$1;
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* Gets the value at `key`, unless `key` is "__proto__" or "constructor".
|
|
69
|
+
*
|
|
70
|
+
* @private
|
|
71
|
+
* @param {Object} object The object to query.
|
|
72
|
+
* @param {string} key The key of the property to get.
|
|
73
|
+
* @returns {*} Returns the property value.
|
|
74
|
+
*/
|
|
75
|
+
|
|
76
|
+
function safeGet$2(object, key) {
|
|
77
|
+
if (key === 'constructor' && typeof object[key] === 'function') {
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
if (key == '__proto__') {
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
return object[key];
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
var _safeGet = safeGet$2;
|
|
89
|
+
|
|
90
|
+
var copyObject = _copyObject,
|
|
91
|
+
keysIn$1 = keysIn_1;
|
|
92
|
+
|
|
93
|
+
/**
|
|
94
|
+
* Converts `value` to a plain object flattening inherited enumerable string
|
|
95
|
+
* keyed properties of `value` to own properties of the plain object.
|
|
96
|
+
*
|
|
97
|
+
* @static
|
|
98
|
+
* @memberOf _
|
|
99
|
+
* @since 3.0.0
|
|
100
|
+
* @category Lang
|
|
101
|
+
* @param {*} value The value to convert.
|
|
102
|
+
* @returns {Object} Returns the converted plain object.
|
|
103
|
+
* @example
|
|
104
|
+
*
|
|
105
|
+
* function Foo() {
|
|
106
|
+
* this.b = 2;
|
|
107
|
+
* }
|
|
108
|
+
*
|
|
109
|
+
* Foo.prototype.c = 3;
|
|
110
|
+
*
|
|
111
|
+
* _.assign({ 'a': 1 }, new Foo);
|
|
112
|
+
* // => { 'a': 1, 'b': 2 }
|
|
113
|
+
*
|
|
114
|
+
* _.assign({ 'a': 1 }, _.toPlainObject(new Foo));
|
|
115
|
+
* // => { 'a': 1, 'b': 2, 'c': 3 }
|
|
116
|
+
*/
|
|
117
|
+
function toPlainObject$1(value) {
|
|
118
|
+
return copyObject(value, keysIn$1(value));
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
var toPlainObject_1 = toPlainObject$1;
|
|
122
|
+
|
|
123
|
+
var assignMergeValue$1 = _assignMergeValue,
|
|
124
|
+
cloneBuffer = _cloneBufferExports,
|
|
125
|
+
cloneTypedArray = _cloneTypedArray,
|
|
126
|
+
copyArray = _copyArray,
|
|
127
|
+
initCloneObject = _initCloneObject,
|
|
128
|
+
isArguments = isArguments_1,
|
|
129
|
+
isArray = isArray_1,
|
|
130
|
+
isArrayLikeObject = isArrayLikeObject_1,
|
|
131
|
+
isBuffer = isBufferExports,
|
|
132
|
+
isFunction = isFunction_1,
|
|
133
|
+
isObject$1 = isObject_1,
|
|
134
|
+
isPlainObject = isPlainObject_1,
|
|
135
|
+
isTypedArray = isTypedArray_1,
|
|
136
|
+
safeGet$1 = _safeGet,
|
|
137
|
+
toPlainObject = toPlainObject_1;
|
|
138
|
+
|
|
139
|
+
/**
|
|
140
|
+
* A specialized version of `baseMerge` for arrays and objects which performs
|
|
141
|
+
* deep merges and tracks traversed objects enabling objects with circular
|
|
142
|
+
* references to be merged.
|
|
143
|
+
*
|
|
144
|
+
* @private
|
|
145
|
+
* @param {Object} object The destination object.
|
|
146
|
+
* @param {Object} source The source object.
|
|
147
|
+
* @param {string} key The key of the value to merge.
|
|
148
|
+
* @param {number} srcIndex The index of `source`.
|
|
149
|
+
* @param {Function} mergeFunc The function to merge values.
|
|
150
|
+
* @param {Function} [customizer] The function to customize assigned values.
|
|
151
|
+
* @param {Object} [stack] Tracks traversed source values and their merged
|
|
152
|
+
* counterparts.
|
|
153
|
+
*/
|
|
154
|
+
function baseMergeDeep$1(object, source, key, srcIndex, mergeFunc, customizer, stack) {
|
|
155
|
+
var objValue = safeGet$1(object, key),
|
|
156
|
+
srcValue = safeGet$1(source, key),
|
|
157
|
+
stacked = stack.get(srcValue);
|
|
158
|
+
|
|
159
|
+
if (stacked) {
|
|
160
|
+
assignMergeValue$1(object, key, stacked);
|
|
161
|
+
return;
|
|
162
|
+
}
|
|
163
|
+
var newValue = customizer
|
|
164
|
+
? customizer(objValue, srcValue, (key + ''), object, source, stack)
|
|
165
|
+
: undefined;
|
|
166
|
+
|
|
167
|
+
var isCommon = newValue === undefined;
|
|
168
|
+
|
|
169
|
+
if (isCommon) {
|
|
170
|
+
var isArr = isArray(srcValue),
|
|
171
|
+
isBuff = !isArr && isBuffer(srcValue),
|
|
172
|
+
isTyped = !isArr && !isBuff && isTypedArray(srcValue);
|
|
173
|
+
|
|
174
|
+
newValue = srcValue;
|
|
175
|
+
if (isArr || isBuff || isTyped) {
|
|
176
|
+
if (isArray(objValue)) {
|
|
177
|
+
newValue = objValue;
|
|
178
|
+
}
|
|
179
|
+
else if (isArrayLikeObject(objValue)) {
|
|
180
|
+
newValue = copyArray(objValue);
|
|
181
|
+
}
|
|
182
|
+
else if (isBuff) {
|
|
183
|
+
isCommon = false;
|
|
184
|
+
newValue = cloneBuffer(srcValue, true);
|
|
185
|
+
}
|
|
186
|
+
else if (isTyped) {
|
|
187
|
+
isCommon = false;
|
|
188
|
+
newValue = cloneTypedArray(srcValue, true);
|
|
189
|
+
}
|
|
190
|
+
else {
|
|
191
|
+
newValue = [];
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
else if (isPlainObject(srcValue) || isArguments(srcValue)) {
|
|
195
|
+
newValue = objValue;
|
|
196
|
+
if (isArguments(objValue)) {
|
|
197
|
+
newValue = toPlainObject(objValue);
|
|
198
|
+
}
|
|
199
|
+
else if (!isObject$1(objValue) || isFunction(objValue)) {
|
|
200
|
+
newValue = initCloneObject(srcValue);
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
else {
|
|
204
|
+
isCommon = false;
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
if (isCommon) {
|
|
208
|
+
// Recursively merge objects and arrays (susceptible to call stack limits).
|
|
209
|
+
stack.set(srcValue, newValue);
|
|
210
|
+
mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
|
|
211
|
+
stack['delete'](srcValue);
|
|
212
|
+
}
|
|
213
|
+
assignMergeValue$1(object, key, newValue);
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
var _baseMergeDeep = baseMergeDeep$1;
|
|
217
|
+
|
|
218
|
+
var Stack = _Stack,
|
|
219
|
+
assignMergeValue = _assignMergeValue,
|
|
220
|
+
baseFor = _baseFor,
|
|
221
|
+
baseMergeDeep = _baseMergeDeep,
|
|
222
|
+
isObject = isObject_1,
|
|
223
|
+
keysIn = keysIn_1,
|
|
224
|
+
safeGet = _safeGet;
|
|
225
|
+
|
|
226
|
+
/**
|
|
227
|
+
* The base implementation of `_.merge` without support for multiple sources.
|
|
228
|
+
*
|
|
229
|
+
* @private
|
|
230
|
+
* @param {Object} object The destination object.
|
|
231
|
+
* @param {Object} source The source object.
|
|
232
|
+
* @param {number} srcIndex The index of `source`.
|
|
233
|
+
* @param {Function} [customizer] The function to customize merged values.
|
|
234
|
+
* @param {Object} [stack] Tracks traversed source values and their merged
|
|
235
|
+
* counterparts.
|
|
236
|
+
*/
|
|
237
|
+
function baseMerge$1(object, source, srcIndex, customizer, stack) {
|
|
238
|
+
if (object === source) {
|
|
239
|
+
return;
|
|
240
|
+
}
|
|
241
|
+
baseFor(source, function(srcValue, key) {
|
|
242
|
+
stack || (stack = new Stack);
|
|
243
|
+
if (isObject(srcValue)) {
|
|
244
|
+
baseMergeDeep(object, source, key, srcIndex, baseMerge$1, customizer, stack);
|
|
245
|
+
}
|
|
246
|
+
else {
|
|
247
|
+
var newValue = customizer
|
|
248
|
+
? customizer(safeGet(object, key), srcValue, (key + ''), object, source, stack)
|
|
249
|
+
: undefined;
|
|
250
|
+
|
|
251
|
+
if (newValue === undefined) {
|
|
252
|
+
newValue = srcValue;
|
|
253
|
+
}
|
|
254
|
+
assignMergeValue(object, key, newValue);
|
|
255
|
+
}
|
|
256
|
+
}, keysIn);
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
var _baseMerge = baseMerge$1;
|
|
260
|
+
|
|
261
|
+
var baseRest = _baseRest,
|
|
262
|
+
isIterateeCall = _isIterateeCall;
|
|
263
|
+
|
|
264
|
+
/**
|
|
265
|
+
* Creates a function like `_.assign`.
|
|
266
|
+
*
|
|
267
|
+
* @private
|
|
268
|
+
* @param {Function} assigner The function to assign values.
|
|
269
|
+
* @returns {Function} Returns the new assigner function.
|
|
270
|
+
*/
|
|
271
|
+
function createAssigner$1(assigner) {
|
|
272
|
+
return baseRest(function(object, sources) {
|
|
273
|
+
var index = -1,
|
|
274
|
+
length = sources.length,
|
|
275
|
+
customizer = length > 1 ? sources[length - 1] : undefined,
|
|
276
|
+
guard = length > 2 ? sources[2] : undefined;
|
|
277
|
+
|
|
278
|
+
customizer = (assigner.length > 3 && typeof customizer == 'function')
|
|
279
|
+
? (length--, customizer)
|
|
280
|
+
: undefined;
|
|
281
|
+
|
|
282
|
+
if (guard && isIterateeCall(sources[0], sources[1], guard)) {
|
|
283
|
+
customizer = length < 3 ? undefined : customizer;
|
|
284
|
+
length = 1;
|
|
285
|
+
}
|
|
286
|
+
object = Object(object);
|
|
287
|
+
while (++index < length) {
|
|
288
|
+
var source = sources[index];
|
|
289
|
+
if (source) {
|
|
290
|
+
assigner(object, source, index, customizer);
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
return object;
|
|
294
|
+
});
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
var _createAssigner = createAssigner$1;
|
|
298
|
+
|
|
299
|
+
var baseMerge = _baseMerge,
|
|
300
|
+
createAssigner = _createAssigner;
|
|
301
|
+
|
|
302
|
+
/**
|
|
303
|
+
* This method is like `_.assign` except that it recursively merges own and
|
|
304
|
+
* inherited enumerable string keyed properties of source objects into the
|
|
305
|
+
* destination object. Source properties that resolve to `undefined` are
|
|
306
|
+
* skipped if a destination value exists. Array and plain object properties
|
|
307
|
+
* are merged recursively. Other objects and value types are overridden by
|
|
308
|
+
* assignment. Source objects are applied from left to right. Subsequent
|
|
309
|
+
* sources overwrite property assignments of previous sources.
|
|
310
|
+
*
|
|
311
|
+
* **Note:** This method mutates `object`.
|
|
312
|
+
*
|
|
313
|
+
* @static
|
|
314
|
+
* @memberOf _
|
|
315
|
+
* @since 0.5.0
|
|
316
|
+
* @category Object
|
|
317
|
+
* @param {Object} object The destination object.
|
|
318
|
+
* @param {...Object} [sources] The source objects.
|
|
319
|
+
* @returns {Object} Returns `object`.
|
|
320
|
+
* @example
|
|
321
|
+
*
|
|
322
|
+
* var object = {
|
|
323
|
+
* 'a': [{ 'b': 2 }, { 'd': 4 }]
|
|
324
|
+
* };
|
|
325
|
+
*
|
|
326
|
+
* var other = {
|
|
327
|
+
* 'a': [{ 'c': 3 }, { 'e': 5 }]
|
|
328
|
+
* };
|
|
329
|
+
*
|
|
330
|
+
* _.merge(object, other);
|
|
331
|
+
* // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
|
|
332
|
+
*/
|
|
333
|
+
var merge = createAssigner(function(object, source, srcIndex) {
|
|
334
|
+
baseMerge(object, source, srcIndex);
|
|
335
|
+
});
|
|
336
|
+
|
|
337
|
+
var merge_1 = merge;
|
|
338
|
+
|
|
339
|
+
var merge$1 = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
|
|
340
|
+
|
|
341
|
+
const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
|
|
342
|
+
|
|
343
|
+
var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","spinning":"iq03qkKnXBA-"};
|
|
344
|
+
|
|
345
|
+
const atlantisThemeContextDefaultValues = {
|
|
346
|
+
theme: "light",
|
|
347
|
+
tokens: tokens,
|
|
348
|
+
};
|
|
349
|
+
const actualDarkTokens = merge$1({}, tokens, darkTokens);
|
|
350
|
+
const AtlantisThemeContext = createContext(atlantisThemeContextDefaultValues);
|
|
351
|
+
function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, }) {
|
|
352
|
+
if (dangerouslyOverrideTheme) {
|
|
353
|
+
return (React.createElement(InternalStaticThemeProvider, { dangerouslyOverrideTheme: dangerouslyOverrideTheme }, children));
|
|
354
|
+
}
|
|
355
|
+
return (React.createElement(InternalDynamicThemeProvider, null, children));
|
|
356
|
+
}
|
|
357
|
+
function InternalDynamicThemeProvider({ children }) {
|
|
358
|
+
var _a;
|
|
359
|
+
const initialTheme = (_a = globalThis.document.documentElement.dataset.theme) !== null && _a !== void 0 ? _a : "light";
|
|
360
|
+
const [internalTheme, setInternalTheme] = useState(initialTheme);
|
|
361
|
+
const currentTokens = internalTheme === "dark" ? actualDarkTokens : tokens;
|
|
362
|
+
const handleThemeChangeEvent = useCallback((event) => {
|
|
363
|
+
const newTheme = event.detail.theme;
|
|
364
|
+
setInternalTheme(newTheme);
|
|
365
|
+
}, []);
|
|
366
|
+
useEffect(() => {
|
|
367
|
+
if (!globalThis.window)
|
|
368
|
+
return;
|
|
369
|
+
globalThis.window.addEventListener(THEME_CHANGE_EVENT, handleThemeChangeEvent);
|
|
370
|
+
return () => {
|
|
371
|
+
globalThis.window.removeEventListener(THEME_CHANGE_EVENT, handleThemeChangeEvent);
|
|
372
|
+
};
|
|
373
|
+
}, [handleThemeChangeEvent]);
|
|
374
|
+
return (React.createElement(AtlantisThemeContext.Provider, { value: {
|
|
375
|
+
theme: internalTheme,
|
|
376
|
+
tokens: currentTokens,
|
|
377
|
+
} }, children));
|
|
378
|
+
}
|
|
379
|
+
function InternalStaticThemeProvider({ dangerouslyOverrideTheme, children, }) {
|
|
380
|
+
const currentTokens = dangerouslyOverrideTheme === "dark" ? actualDarkTokens : tokens;
|
|
381
|
+
return (React.createElement(AtlantisThemeContext.Provider, { value: {
|
|
382
|
+
theme: dangerouslyOverrideTheme,
|
|
383
|
+
tokens: currentTokens,
|
|
384
|
+
} },
|
|
385
|
+
React.createElement("div", { "data-theme": dangerouslyOverrideTheme, className: styles.staticThemeProviderWrapper }, children)));
|
|
386
|
+
}
|
|
387
|
+
function useAtlantisTheme() {
|
|
388
|
+
return useContext(AtlantisThemeContext);
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
export { AtlantisThemeContextProvider as A, THEME_CHANGE_EVENT as T, atlantisThemeContextDefaultValues as a, useAtlantisTheme as u };
|
package/dist/Autocomplete-cjs.js
CHANGED
|
@@ -12,7 +12,7 @@ var Text = require('./Text-cjs.js');
|
|
|
12
12
|
var Icon = require('./Icon-cjs.js');
|
|
13
13
|
var useOnKeyDown = require('./useOnKeyDown-cjs.js');
|
|
14
14
|
var InputText_index = require('./InputText/index.cjs');
|
|
15
|
-
var
|
|
15
|
+
var useDebounce = require('./useDebounce-cjs.js');
|
|
16
16
|
var FormField = require('./FormField-cjs.js');
|
|
17
17
|
|
|
18
18
|
var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
|
|
@@ -235,36 +235,6 @@ function CustomMenu({ options, selectedOption, onOptionSelect, customRenderMenu,
|
|
|
235
235
|
return menuContent;
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
-
/**
|
|
239
|
-
* A hook to easily manage debounced functions, including their cleanup.
|
|
240
|
-
* @param func The function to debounce.
|
|
241
|
-
* @param wait The number of milliseconds to delay.
|
|
242
|
-
* @param options Optional debounce settings.
|
|
243
|
-
* @returns The debounced function.
|
|
244
|
-
*/
|
|
245
|
-
function useDebounce(func, wait, options) {
|
|
246
|
-
const funcRef = React.useRef(func);
|
|
247
|
-
// We're keeping the provided func wrapped in a ref to avoid forcing the consumer to memoize it.
|
|
248
|
-
// This is a defense against consumers who aren't memoizing their functions.. or if they are
|
|
249
|
-
// memoized but invalidating too frequently due to possible bugs.
|
|
250
|
-
if (funcRef.current !== func) {
|
|
251
|
-
funcRef.current = func;
|
|
252
|
-
}
|
|
253
|
-
const debounced = React.useMemo(() => {
|
|
254
|
-
return debounce.debounce(() => funcRef.current(), wait, options);
|
|
255
|
-
// Note: do not add any dependencies! There is currently no use case where we would change
|
|
256
|
-
// the wait delay or options between renders. By not tracking as dependencies, this allows
|
|
257
|
-
// consumers of useDebounce to provide a raw object for options rather than forcing them to
|
|
258
|
-
// memoize that param. Same with the func they provide, we're using a ref to keep that up
|
|
259
|
-
// to date and to avoid forcing the consumer to memoize it.
|
|
260
|
-
}, []);
|
|
261
|
-
React.useEffect(() => {
|
|
262
|
-
// If the debounced function is recreated (or unmounted), cancel the last call.
|
|
263
|
-
return () => debounced.cancel();
|
|
264
|
-
}, [debounced]);
|
|
265
|
-
return debounced;
|
|
266
|
-
}
|
|
267
|
-
|
|
268
238
|
// Max statements increased to make room for the debounce functions
|
|
269
239
|
// eslint-disable-next-line max-statements
|
|
270
240
|
function AutocompleteInternal(_a, ref) {
|
|
@@ -275,7 +245,7 @@ function AutocompleteInternal(_a, ref) {
|
|
|
275
245
|
const [inputFocused, setInputFocused] = React.useState(false);
|
|
276
246
|
const [inputText, setInputText] = React.useState((_b = value === null || value === void 0 ? void 0 : value.label) !== null && _b !== void 0 ? _b : "");
|
|
277
247
|
const autocompleteRef = React.useRef(null);
|
|
278
|
-
const delayedSearch = useDebounce(updateSearch, debounceRate);
|
|
248
|
+
const delayedSearch = useDebounce.useDebounce(updateSearch, debounceRate);
|
|
279
249
|
const inputRef = React.useRef(null);
|
|
280
250
|
React.useEffect(() => {
|
|
281
251
|
delayedSearch();
|
package/dist/Autocomplete-es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { _ as __rest, a as __awaiter } from './tslib.es6-es.js';
|
|
2
|
-
import React, { useState, useCallback, useEffect,
|
|
2
|
+
import React, { useState, useCallback, useEffect, forwardRef, useMemo, useRef } from 'react';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import { u as useIsMounted_2 } from './useIsMounted-es.js';
|
|
5
5
|
import { createPortal } from 'react-dom';
|
|
@@ -10,7 +10,7 @@ import { T as Text } from './Text-es.js';
|
|
|
10
10
|
import { I as Icon } from './Icon-es.js';
|
|
11
11
|
import { u as useOnKeyDown_2 } from './useOnKeyDown-es.js';
|
|
12
12
|
import { InputText } from './InputText/index.mjs';
|
|
13
|
-
import {
|
|
13
|
+
import { u as useDebounce } from './useDebounce-es.js';
|
|
14
14
|
import { m as mergeRefs } from './FormField-es.js';
|
|
15
15
|
|
|
16
16
|
var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
|
|
@@ -233,36 +233,6 @@ function CustomMenu({ options, selectedOption, onOptionSelect, customRenderMenu,
|
|
|
233
233
|
return menuContent;
|
|
234
234
|
}
|
|
235
235
|
|
|
236
|
-
/**
|
|
237
|
-
* A hook to easily manage debounced functions, including their cleanup.
|
|
238
|
-
* @param func The function to debounce.
|
|
239
|
-
* @param wait The number of milliseconds to delay.
|
|
240
|
-
* @param options Optional debounce settings.
|
|
241
|
-
* @returns The debounced function.
|
|
242
|
-
*/
|
|
243
|
-
function useDebounce(func, wait, options) {
|
|
244
|
-
const funcRef = useRef(func);
|
|
245
|
-
// We're keeping the provided func wrapped in a ref to avoid forcing the consumer to memoize it.
|
|
246
|
-
// This is a defense against consumers who aren't memoizing their functions.. or if they are
|
|
247
|
-
// memoized but invalidating too frequently due to possible bugs.
|
|
248
|
-
if (funcRef.current !== func) {
|
|
249
|
-
funcRef.current = func;
|
|
250
|
-
}
|
|
251
|
-
const debounced = useMemo(() => {
|
|
252
|
-
return debounce(() => funcRef.current(), wait, options);
|
|
253
|
-
// Note: do not add any dependencies! There is currently no use case where we would change
|
|
254
|
-
// the wait delay or options between renders. By not tracking as dependencies, this allows
|
|
255
|
-
// consumers of useDebounce to provide a raw object for options rather than forcing them to
|
|
256
|
-
// memoize that param. Same with the func they provide, we're using a ref to keep that up
|
|
257
|
-
// to date and to avoid forcing the consumer to memoize it.
|
|
258
|
-
}, []);
|
|
259
|
-
useEffect(() => {
|
|
260
|
-
// If the debounced function is recreated (or unmounted), cancel the last call.
|
|
261
|
-
return () => debounced.cancel();
|
|
262
|
-
}, [debounced]);
|
|
263
|
-
return debounced;
|
|
264
|
-
}
|
|
265
|
-
|
|
266
236
|
// Max statements increased to make room for the debounce functions
|
|
267
237
|
// eslint-disable-next-line max-statements
|
|
268
238
|
function AutocompleteInternal(_a, ref) {
|
package/dist/Banner-cjs.js
CHANGED
|
@@ -23,11 +23,11 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
|
|
|
23
23
|
if (primaryAction != undefined) {
|
|
24
24
|
primaryAction = Object.assign({
|
|
25
25
|
size: "small",
|
|
26
|
-
type: "
|
|
27
|
-
variation:
|
|
26
|
+
type: "primary",
|
|
27
|
+
variation: "subtle",
|
|
28
28
|
}, primaryAction);
|
|
29
29
|
}
|
|
30
|
-
const bannerClassNames = classnames(BannerIcon.styles.banner, {
|
|
30
|
+
const bannerClassNames = classnames(BannerIcon.styles.banner, [BannerIcon.styles[type]], {
|
|
31
31
|
[BannerIcon.styles.medium]: bannerWidth >= bannerWidths.medium,
|
|
32
32
|
});
|
|
33
33
|
if (!visible)
|
package/dist/Banner-es.js
CHANGED
|
@@ -21,11 +21,11 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
|
|
|
21
21
|
if (primaryAction != undefined) {
|
|
22
22
|
primaryAction = Object.assign({
|
|
23
23
|
size: "small",
|
|
24
|
-
type: "
|
|
25
|
-
variation:
|
|
24
|
+
type: "primary",
|
|
25
|
+
variation: "subtle",
|
|
26
26
|
}, primaryAction);
|
|
27
27
|
}
|
|
28
|
-
const bannerClassNames = classnames(styles.banner, {
|
|
28
|
+
const bannerClassNames = classnames(styles.banner, [styles[type]], {
|
|
29
29
|
[styles.medium]: bannerWidth >= bannerWidths.medium,
|
|
30
30
|
});
|
|
31
31
|
if (!visible)
|
package/dist/BannerIcon-cjs.js
CHANGED
|
@@ -4,7 +4,7 @@ var React = require('react');
|
|
|
4
4
|
var classnames = require('classnames');
|
|
5
5
|
var Icon = require('./Icon-cjs.js');
|
|
6
6
|
|
|
7
|
-
var styles = {"banner":"ucGelS5nNm0-","bannerChildren":"dG2vHE6g8f0-","bannerContent":"j9IeihCCYxI-","medium":"D5X29shmSr0-","bannerAction":"W0pSTO-oRmk-","closeButton":"-IYYDBmq2Q0-","iconWrapper":"BQhacg0OlMs-","spinning":"fZdByimVT5Q-"};
|
|
7
|
+
var styles = {"banner":"ucGelS5nNm0-","notice":"_5VzH3Cz9ps8-","error":"_16jyB9OYJIs-","warning":"_4h-6cc8lZo8-","success":"k7T2IV0R8Q0-","bannerChildren":"dG2vHE6g8f0-","bannerContent":"j9IeihCCYxI-","medium":"D5X29shmSr0-","bannerAction":"W0pSTO-oRmk-","closeButton":"-IYYDBmq2Q0-","iconWrapper":"BQhacg0OlMs-","spinning":"fZdByimVT5Q-"};
|
|
8
8
|
|
|
9
9
|
var iconStyles = {"success":"RRQ5CQj05jU-","error":"rLsOR1QiHC8-","warning":"KqPf0zuN2fg-","notice":"M3q29PUUYRM-","spinning":"ad7f3jNTQXM-"};
|
|
10
10
|
|
package/dist/BannerIcon-es.js
CHANGED
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import classnames from 'classnames';
|
|
3
3
|
import { I as Icon } from './Icon-es.js';
|
|
4
4
|
|
|
5
|
-
var styles = {"banner":"ucGelS5nNm0-","bannerChildren":"dG2vHE6g8f0-","bannerContent":"j9IeihCCYxI-","medium":"D5X29shmSr0-","bannerAction":"W0pSTO-oRmk-","closeButton":"-IYYDBmq2Q0-","iconWrapper":"BQhacg0OlMs-","spinning":"fZdByimVT5Q-"};
|
|
5
|
+
var styles = {"banner":"ucGelS5nNm0-","notice":"_5VzH3Cz9ps8-","error":"_16jyB9OYJIs-","warning":"_4h-6cc8lZo8-","success":"k7T2IV0R8Q0-","bannerChildren":"dG2vHE6g8f0-","bannerContent":"j9IeihCCYxI-","medium":"D5X29shmSr0-","bannerAction":"W0pSTO-oRmk-","closeButton":"-IYYDBmq2Q0-","iconWrapper":"BQhacg0OlMs-","spinning":"fZdByimVT5Q-"};
|
|
6
6
|
|
|
7
7
|
var iconStyles = {"success":"RRQ5CQj05jU-","error":"rLsOR1QiHC8-","warning":"KqPf0zuN2fg-","notice":"M3q29PUUYRM-","spinning":"ad7f3jNTQXM-"};
|
|
8
8
|
|
package/dist/Combobox-es.js
CHANGED
|
@@ -4,7 +4,7 @@ import { C as ComboboxAction } from './ComboboxAction-es.js';
|
|
|
4
4
|
import { C as ComboboxContextProvider } from './ComboboxProvider-es.js';
|
|
5
5
|
import { C as ComboboxTrigger } from './ComboboxTrigger-es.js';
|
|
6
6
|
import { C as ComboboxOption } from './ComboboxOption-es.js';
|
|
7
|
-
import {
|
|
7
|
+
import { d as debounce } from './debounce-es.js';
|
|
8
8
|
import { n as noop } from './noop-es.js';
|
|
9
9
|
import { C as ComboboxActivator } from './ComboboxActivator-es.js';
|
|
10
10
|
import { u as useAssert_2 } from './useAssert-es.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useRef, useState, useCallback } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { d as debounce } from './debounce-es.js';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import { tokens } from '@jobber/design';
|
|
5
5
|
import { InputText } from './InputText/index.mjs';
|
package/dist/Gallery/index.cjs
CHANGED
|
@@ -7,29 +7,38 @@ require('classnames');
|
|
|
7
7
|
require('../LightBox-cjs.js');
|
|
8
8
|
require('framer-motion');
|
|
9
9
|
require('react-dom');
|
|
10
|
-
require('../debounce-cjs.js');
|
|
11
|
-
require('../_commonjsHelpers-cjs.js');
|
|
12
|
-
require('../isObjectLike-cjs.js');
|
|
13
|
-
require('../isSymbol-cjs.js');
|
|
14
10
|
require('../useRefocusOnActivator-cjs.js');
|
|
15
11
|
require('../useOnKeyDown-cjs.js');
|
|
16
12
|
require('../useFocusTrap-cjs.js');
|
|
17
13
|
require('../useIsMounted-cjs.js');
|
|
18
14
|
require('../useSafeLayoutEffect-cjs.js');
|
|
15
|
+
require('../useDebounce-cjs.js');
|
|
16
|
+
require('../debounce-cjs.js');
|
|
17
|
+
require('../_commonjsHelpers-cjs.js');
|
|
18
|
+
require('../isObjectLike-cjs.js');
|
|
19
|
+
require('../isSymbol-cjs.js');
|
|
19
20
|
require('../ButtonDismiss-cjs.js');
|
|
20
21
|
require('../Button-cjs.js');
|
|
21
22
|
require('react-router-dom');
|
|
22
23
|
require('../Icon-cjs.js');
|
|
23
24
|
require('@jobber/design');
|
|
24
25
|
require('../Typography-cjs.js');
|
|
26
|
+
require('../Text-cjs.js');
|
|
27
|
+
require('../Heading-cjs.js');
|
|
28
|
+
require('../AtlantisThemeContext-cjs.js');
|
|
29
|
+
require('../identity-cjs.js');
|
|
30
|
+
require('../isTypedArray-cjs.js');
|
|
31
|
+
require('../_baseAssignValue-cjs.js');
|
|
32
|
+
require('../_baseFor-cjs.js');
|
|
33
|
+
require('../keysIn-cjs.js');
|
|
34
|
+
require('../_isIterateeCall-cjs.js');
|
|
35
|
+
require('../_setToString-cjs.js');
|
|
25
36
|
require('../FormatFile-cjs.js');
|
|
26
37
|
require('filesize');
|
|
27
38
|
require('../ConfirmationModal-cjs.js');
|
|
28
39
|
require('../Modal-cjs.js');
|
|
29
|
-
require('../Heading-cjs.js');
|
|
30
40
|
require('../Content-cjs.js');
|
|
31
41
|
require('../Markdown-cjs.js');
|
|
32
|
-
require('../Text-cjs.js');
|
|
33
42
|
require('../Emphasis-cjs.js');
|
|
34
43
|
require('../index-cjs.js');
|
|
35
44
|
require('../_polyfill-node.process-cjs.js');
|
package/dist/Gallery/index.mjs
CHANGED
|
@@ -5,29 +5,38 @@ import 'classnames';
|
|
|
5
5
|
import '../LightBox-es.js';
|
|
6
6
|
import 'framer-motion';
|
|
7
7
|
import 'react-dom';
|
|
8
|
-
import '../debounce-es.js';
|
|
9
|
-
import '../_commonjsHelpers-es.js';
|
|
10
|
-
import '../isObjectLike-es.js';
|
|
11
|
-
import '../isSymbol-es.js';
|
|
12
8
|
import '../useRefocusOnActivator-es.js';
|
|
13
9
|
import '../useOnKeyDown-es.js';
|
|
14
10
|
import '../useFocusTrap-es.js';
|
|
15
11
|
import '../useIsMounted-es.js';
|
|
16
12
|
import '../useSafeLayoutEffect-es.js';
|
|
13
|
+
import '../useDebounce-es.js';
|
|
14
|
+
import '../debounce-es.js';
|
|
15
|
+
import '../_commonjsHelpers-es.js';
|
|
16
|
+
import '../isObjectLike-es.js';
|
|
17
|
+
import '../isSymbol-es.js';
|
|
17
18
|
import '../ButtonDismiss-es.js';
|
|
18
19
|
import '../Button-es.js';
|
|
19
20
|
import 'react-router-dom';
|
|
20
21
|
import '../Icon-es.js';
|
|
21
22
|
import '@jobber/design';
|
|
22
23
|
import '../Typography-es.js';
|
|
24
|
+
import '../Text-es.js';
|
|
25
|
+
import '../Heading-es.js';
|
|
26
|
+
import '../AtlantisThemeContext-es.js';
|
|
27
|
+
import '../identity-es.js';
|
|
28
|
+
import '../isTypedArray-es.js';
|
|
29
|
+
import '../_baseAssignValue-es.js';
|
|
30
|
+
import '../_baseFor-es.js';
|
|
31
|
+
import '../keysIn-es.js';
|
|
32
|
+
import '../_isIterateeCall-es.js';
|
|
33
|
+
import '../_setToString-es.js';
|
|
23
34
|
import '../FormatFile-es.js';
|
|
24
35
|
import 'filesize';
|
|
25
36
|
import '../ConfirmationModal-es.js';
|
|
26
37
|
import '../Modal-es.js';
|
|
27
|
-
import '../Heading-es.js';
|
|
28
38
|
import '../Content-es.js';
|
|
29
39
|
import '../Markdown-es.js';
|
|
30
|
-
import '../Text-es.js';
|
|
31
40
|
import '../Emphasis-es.js';
|
|
32
41
|
import '../index-es.js';
|
|
33
42
|
import '../_polyfill-node.process-es.js';
|