@micromag/core 0.3.478 → 0.3.482
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/es/components.js +186 -115
- package/es/contexts.js +81 -125
- package/es/hooks.js +27 -11
- package/es/index.js +34 -104
- package/es/utils.js +66 -124
- package/lib/components.js +518 -179
- package/lib/contexts.js +353 -63
- package/lib/hooks.js +40 -24
- package/lib/index.js +43 -29
- package/lib/utils.js +109 -62
- package/package.json +8 -6
package/es/utils.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import isNumber from 'lodash/isNumber';
|
|
2
|
-
import { __assign } from 'tslib';
|
|
3
1
|
import _regeneratorRuntime from '@babel/runtime/helpers/regeneratorRuntime';
|
|
4
2
|
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
3
|
+
import { paramCase, pascalCase, snakeCase } from 'change-case';
|
|
4
|
+
export { camelCase, pascalCase, snakeCase } from 'change-case';
|
|
5
|
+
import isNumber from 'lodash/isNumber';
|
|
5
6
|
import isObject from 'lodash/isObject';
|
|
6
7
|
import { useEffect, useMemo } from 'react';
|
|
7
8
|
import isString from 'lodash/isString';
|
|
@@ -14,117 +15,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
|
14
15
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
15
16
|
import slugify from 'slugify';
|
|
16
17
|
|
|
17
|
-
/**
|
|
18
|
-
* Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt
|
|
19
|
-
*/
|
|
20
|
-
/**
|
|
21
|
-
* Lower case as a function.
|
|
22
|
-
*/
|
|
23
|
-
function lowerCase(str) {
|
|
24
|
-
return str.toLowerCase();
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
// Support camel case ("camelCase" -> "camel Case" and "CAMELCase" -> "CAMEL Case").
|
|
28
|
-
var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
|
|
29
|
-
// Remove all non-word characters.
|
|
30
|
-
var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
|
|
31
|
-
/**
|
|
32
|
-
* Normalize the string into something other libraries can manipulate easier.
|
|
33
|
-
*/
|
|
34
|
-
function noCase(input, options) {
|
|
35
|
-
if (options === void 0) {
|
|
36
|
-
options = {};
|
|
37
|
-
}
|
|
38
|
-
var _a = options.splitRegexp,
|
|
39
|
-
splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a,
|
|
40
|
-
_b = options.stripRegexp,
|
|
41
|
-
stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b,
|
|
42
|
-
_c = options.transform,
|
|
43
|
-
transform = _c === void 0 ? lowerCase : _c,
|
|
44
|
-
_d = options.delimiter,
|
|
45
|
-
delimiter = _d === void 0 ? " " : _d;
|
|
46
|
-
var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
|
|
47
|
-
var start = 0;
|
|
48
|
-
var end = result.length;
|
|
49
|
-
// Trim the delimiter from around the output string.
|
|
50
|
-
while (result.charAt(start) === "\0") start++;
|
|
51
|
-
while (result.charAt(end - 1) === "\0") end--;
|
|
52
|
-
// Transform each token independently.
|
|
53
|
-
return result.slice(start, end).split("\0").map(transform).join(delimiter);
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* Replace `re` in the input string with the replacement value.
|
|
57
|
-
*/
|
|
58
|
-
function replace(input, re, value) {
|
|
59
|
-
if (re instanceof RegExp) return input.replace(re, value);
|
|
60
|
-
return re.reduce(function (input, re) {
|
|
61
|
-
return input.replace(re, value);
|
|
62
|
-
}, input);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
function pascalCaseTransform(input, index) {
|
|
66
|
-
var firstChar = input.charAt(0);
|
|
67
|
-
var lowerChars = input.substr(1).toLowerCase();
|
|
68
|
-
if (index > 0 && firstChar >= "0" && firstChar <= "9") {
|
|
69
|
-
return "_" + firstChar + lowerChars;
|
|
70
|
-
}
|
|
71
|
-
return "" + firstChar.toUpperCase() + lowerChars;
|
|
72
|
-
}
|
|
73
|
-
function pascalCase(input, options) {
|
|
74
|
-
if (options === void 0) {
|
|
75
|
-
options = {};
|
|
76
|
-
}
|
|
77
|
-
return noCase(input, __assign({
|
|
78
|
-
delimiter: "",
|
|
79
|
-
transform: pascalCaseTransform
|
|
80
|
-
}, options));
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
function camelCaseTransform(input, index) {
|
|
84
|
-
if (index === 0) return input.toLowerCase();
|
|
85
|
-
return pascalCaseTransform(input, index);
|
|
86
|
-
}
|
|
87
|
-
function camelCase(input, options) {
|
|
88
|
-
if (options === void 0) {
|
|
89
|
-
options = {};
|
|
90
|
-
}
|
|
91
|
-
return pascalCase(input, __assign({
|
|
92
|
-
transform: camelCaseTransform
|
|
93
|
-
}, options));
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
function dotCase(input, options) {
|
|
97
|
-
if (options === void 0) {
|
|
98
|
-
options = {};
|
|
99
|
-
}
|
|
100
|
-
return noCase(input, __assign({
|
|
101
|
-
delimiter: "."
|
|
102
|
-
}, options));
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
function paramCase(input, options) {
|
|
106
|
-
if (options === void 0) {
|
|
107
|
-
options = {};
|
|
108
|
-
}
|
|
109
|
-
return dotCase(input, __assign({
|
|
110
|
-
delimiter: "-"
|
|
111
|
-
}, options));
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
function snakeCase(input, options) {
|
|
115
|
-
if (options === void 0) {
|
|
116
|
-
options = {};
|
|
117
|
-
}
|
|
118
|
-
return dotCase(input, __assign({
|
|
119
|
-
delimiter: "_"
|
|
120
|
-
}, options));
|
|
121
|
-
}
|
|
122
|
-
|
|
123
18
|
var convertStyleToString = function convertStyleToString(style) {
|
|
124
19
|
return style !== null ? Object.keys(style).map(function (key) {
|
|
125
20
|
return "".concat(paramCase(key), ":").concat(isNumber(style[key]) ? "".concat(style[key], "px") : style[key], ";");
|
|
126
21
|
}).join('\n') : '';
|
|
127
22
|
};
|
|
23
|
+
var convertStyleToString$1 = convertStyleToString;
|
|
128
24
|
|
|
129
25
|
/*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
|
|
130
26
|
|
|
@@ -260,6 +156,7 @@ var createNullableOnChange = function createNullableOnChange() {
|
|
|
260
156
|
}
|
|
261
157
|
};
|
|
262
158
|
};
|
|
159
|
+
var createNullableOnChange$1 = createNullableOnChange;
|
|
263
160
|
|
|
264
161
|
var createUseEvent = function createUseEvent(eventsManager) {
|
|
265
162
|
return function (event, callback) {
|
|
@@ -276,6 +173,7 @@ var createUseEvent = function createUseEvent(eventsManager) {
|
|
|
276
173
|
}, [eventsManager, event, callback, enabled]);
|
|
277
174
|
};
|
|
278
175
|
};
|
|
176
|
+
var createUseEvent$1 = createUseEvent;
|
|
279
177
|
|
|
280
178
|
/* eslint-disable */
|
|
281
179
|
var easings = {
|
|
@@ -364,6 +262,9 @@ var easings = {
|
|
|
364
262
|
return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? -(Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5)) / 2 : Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5) / 2 + 1;
|
|
365
263
|
}
|
|
366
264
|
};
|
|
265
|
+
/* eslint-enable */
|
|
266
|
+
|
|
267
|
+
var easings$1 = easings;
|
|
367
268
|
|
|
368
269
|
var getColorAsString = function getColorAsString() {
|
|
369
270
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
@@ -380,6 +281,7 @@ var getColorAsString = function getColorAsString() {
|
|
|
380
281
|
alpha = _ref$alpha === void 0 ? null : _ref$alpha;
|
|
381
282
|
return alpha !== null || overideAlpha !== null ? tinycolor(color).setAlpha(overideAlpha !== null ? overideAlpha : alpha).toRgbString() : color;
|
|
382
283
|
};
|
|
284
|
+
var getColorAsString$1 = getColorAsString;
|
|
383
285
|
|
|
384
286
|
var getComponentFromName = function getComponentFromName() {
|
|
385
287
|
var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
@@ -391,6 +293,7 @@ var getComponentFromName = function getComponentFromName() {
|
|
|
391
293
|
var pascalName = pascalCase(name);
|
|
392
294
|
return components[pascalName] || components[name] || defaultComponent;
|
|
393
295
|
};
|
|
296
|
+
var getComponentFromName$1 = getComponentFromName;
|
|
394
297
|
|
|
395
298
|
var deviceScreens = [{
|
|
396
299
|
name: 'mobile'
|
|
@@ -412,6 +315,7 @@ var deviceScreens = [{
|
|
|
412
315
|
var getDeviceScreens = function getDeviceScreens() {
|
|
413
316
|
return deviceScreens;
|
|
414
317
|
};
|
|
318
|
+
var getDeviceScreens$1 = getDeviceScreens;
|
|
415
319
|
|
|
416
320
|
var getDisplayName = function getDisplayName(_ref) {
|
|
417
321
|
var _ref$displayName = _ref.displayName,
|
|
@@ -420,6 +324,7 @@ var getDisplayName = function getDisplayName(_ref) {
|
|
|
420
324
|
name = _ref$name === void 0 ? null : _ref$name;
|
|
421
325
|
return displayName || name || 'Component';
|
|
422
326
|
};
|
|
327
|
+
var getDisplayName$1 = getDisplayName;
|
|
423
328
|
|
|
424
329
|
var getFieldByName = function getFieldByName(fields, name) {
|
|
425
330
|
return fields.reduce(function (foundField, it) {
|
|
@@ -436,6 +341,7 @@ var getFieldByName = function getFieldByName(fields, name) {
|
|
|
436
341
|
return getFieldByName(subFields, name);
|
|
437
342
|
}, null);
|
|
438
343
|
};
|
|
344
|
+
var getFieldByName$1 = getFieldByName;
|
|
439
345
|
|
|
440
346
|
var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
|
|
441
347
|
return (isArray(path) ? path : [path]).reduce(function (foundField, key) {
|
|
@@ -466,11 +372,12 @@ var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
|
|
|
466
372
|
listItems: true
|
|
467
373
|
});
|
|
468
374
|
}
|
|
469
|
-
return getFieldByName([].concat(_toConsumableArray(fieldFields || []), _toConsumableArray(subFields || []), _toConsumableArray(settings || [])), key);
|
|
375
|
+
return getFieldByName$1([].concat(_toConsumableArray(fieldFields || []), _toConsumableArray(subFields || []), _toConsumableArray(settings || [])), key);
|
|
470
376
|
}, {
|
|
471
377
|
fields: fields
|
|
472
378
|
});
|
|
473
379
|
};
|
|
380
|
+
var getFieldFromPath$1 = getFieldFromPath;
|
|
474
381
|
|
|
475
382
|
var getFileName = function getFileName() {
|
|
476
383
|
var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
@@ -479,6 +386,7 @@ var getFileName = function getFileName() {
|
|
|
479
386
|
}
|
|
480
387
|
return url.match(/([^/]+)(\?.*)?$/)[1] || url;
|
|
481
388
|
};
|
|
389
|
+
var getFileName$1 = getFileName;
|
|
482
390
|
|
|
483
391
|
var getFontFamily = function getFontFamily(value) {
|
|
484
392
|
if (value == null) {
|
|
@@ -496,6 +404,7 @@ var getFontFamily = function getFontFamily(value) {
|
|
|
496
404
|
return "\"".concat(it, "\"");
|
|
497
405
|
}).join(', ');
|
|
498
406
|
};
|
|
407
|
+
var getFontFamilyFromFont = getFontFamily;
|
|
499
408
|
|
|
500
409
|
var _excluded$1 = ["isPreview", "isView", "current", "openWebView", "enableInteraction", "disableInteraction"];
|
|
501
410
|
var getFooterProps = function getFooterProps() {
|
|
@@ -530,12 +439,14 @@ var getFooterProps = function getFooterProps() {
|
|
|
530
439
|
}, [callToAction, isPreview, isView, current, enableInteraction, disableInteraction, otherProps]);
|
|
531
440
|
return footerProps;
|
|
532
441
|
};
|
|
442
|
+
var getFooterProps$1 = getFooterProps;
|
|
533
443
|
|
|
534
444
|
var getGridLayoutName = function getGridLayoutName(layout) {
|
|
535
445
|
return layout.map(function (it) {
|
|
536
446
|
return "".concat(it.rows, "_").concat(it.columns.join('_'));
|
|
537
447
|
}).join('|');
|
|
538
448
|
};
|
|
449
|
+
var getGridLayoutName$1 = getGridLayoutName;
|
|
539
450
|
|
|
540
451
|
var getRemainder = function getRemainder(number) {
|
|
541
452
|
var remainder = number - Math.floor(number);
|
|
@@ -567,6 +478,7 @@ var largestRemainderRound = function largestRemainderRound(numbers, desiredTotal
|
|
|
567
478
|
return res.floor;
|
|
568
479
|
});
|
|
569
480
|
};
|
|
481
|
+
var largestRemainderRound$1 = largestRemainderRound;
|
|
570
482
|
|
|
571
483
|
var _excluded = ["image", "video", "media", "color"];
|
|
572
484
|
var getLayersFromBackground = function getLayersFromBackground() {
|
|
@@ -601,6 +513,7 @@ var getLayersFromBackground = function getLayersFromBackground() {
|
|
|
601
513
|
}, data)]);
|
|
602
514
|
}, []);
|
|
603
515
|
};
|
|
516
|
+
var getLayersFromBackground$1 = getLayersFromBackground;
|
|
604
517
|
|
|
605
518
|
var getMediaFilesAsArray = function getMediaFilesAsArray(files) {
|
|
606
519
|
return files !== null && isArray(files) ? files : Object.keys(files || {}).reduce(function (newFiles, key) {
|
|
@@ -609,6 +522,7 @@ var getMediaFilesAsArray = function getMediaFilesAsArray(files) {
|
|
|
609
522
|
}, files[key])]);
|
|
610
523
|
}, []);
|
|
611
524
|
};
|
|
525
|
+
var getMediaFilesAsArray$1 = getMediaFilesAsArray;
|
|
612
526
|
|
|
613
527
|
// eslint-disable-next-line import/prefer-default-export
|
|
614
528
|
var getOptimalImageUrl = function getOptimalImageUrl() {
|
|
@@ -689,6 +603,7 @@ var getOptimalImageUrl = function getOptimalImageUrl() {
|
|
|
689
603
|
finalUrl = _Object$keys$reduce.url;
|
|
690
604
|
return finalUrl;
|
|
691
605
|
};
|
|
606
|
+
var getOptimalImageUrl$1 = getOptimalImageUrl;
|
|
692
607
|
|
|
693
608
|
var getSecondsFromTime = function getSecondsFromTime(time) {
|
|
694
609
|
var t = time.split(':');
|
|
@@ -702,6 +617,7 @@ var getSecondsFromTime = function getSecondsFromTime(time) {
|
|
|
702
617
|
return 0;
|
|
703
618
|
}
|
|
704
619
|
};
|
|
620
|
+
var getSecondsFromTime$1 = getSecondsFromTime;
|
|
705
621
|
|
|
706
622
|
var getScreenExtraField = function getScreenExtraField(intl) {
|
|
707
623
|
return {
|
|
@@ -716,6 +632,7 @@ var getScreenExtraField = function getScreenExtraField(intl) {
|
|
|
716
632
|
})
|
|
717
633
|
};
|
|
718
634
|
};
|
|
635
|
+
var getScreenExtraField$1 = getScreenExtraField;
|
|
719
636
|
|
|
720
637
|
function getShadowCoords(angle, distance) {
|
|
721
638
|
var x = (Math.cos(angle) * distance).toFixed(3);
|
|
@@ -753,14 +670,16 @@ var getStyleFromAlignment = function getStyleFromAlignment(value) {
|
|
|
753
670
|
alignItems: alignItems
|
|
754
671
|
};
|
|
755
672
|
};
|
|
673
|
+
var getStyleFromAlignment$1 = getStyleFromAlignment;
|
|
756
674
|
|
|
757
675
|
var getStyleFromColor = function getStyleFromColor() {
|
|
758
676
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
759
677
|
var property = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'backgroundColor';
|
|
760
678
|
var overideAlpha = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
761
|
-
var color = getColorAsString(value, overideAlpha);
|
|
679
|
+
var color = getColorAsString$1(value, overideAlpha);
|
|
762
680
|
return color !== null ? _defineProperty({}, property, color) : null;
|
|
763
681
|
};
|
|
682
|
+
var getStyleFromColor$1 = getStyleFromColor;
|
|
764
683
|
|
|
765
684
|
var getStyleFromBorder = function getStyleFromBorder(value) {
|
|
766
685
|
if (value == null) {
|
|
@@ -776,8 +695,9 @@ var getStyleFromBorder = function getStyleFromBorder(value) {
|
|
|
776
695
|
borderWidth: width
|
|
777
696
|
} : null), borderStyle !== null ? {
|
|
778
697
|
borderStyle: borderStyle
|
|
779
|
-
} : null), getStyleFromColor(color, 'borderColor'));
|
|
698
|
+
} : null), getStyleFromColor$1(color, 'borderColor'));
|
|
780
699
|
};
|
|
700
|
+
var getStyleFromBorder$1 = getStyleFromBorder;
|
|
781
701
|
|
|
782
702
|
var getStyleFromShadow = function getStyleFromShadow(value) {
|
|
783
703
|
if (value == null) {
|
|
@@ -794,7 +714,7 @@ var getStyleFromShadow = function getStyleFromShadow(value) {
|
|
|
794
714
|
shadowColor = _ref$shadowColor === void 0 ? null : _ref$shadowColor;
|
|
795
715
|
if (!shadowAngle) return null;
|
|
796
716
|
var blur = shadowBlur || '0';
|
|
797
|
-
var color = getColorAsString(shadowColor) || '#000000';
|
|
717
|
+
var color = getColorAsString$1(shadowColor) || '#000000';
|
|
798
718
|
var _getShadowCoords = getShadowCoords(shadowAngle, shadowDistance),
|
|
799
719
|
x = _getShadowCoords.x,
|
|
800
720
|
y = _getShadowCoords.y;
|
|
@@ -861,9 +781,9 @@ var getStyleFromBox = function getStyleFromBox(value) {
|
|
|
861
781
|
paddingValueLeft = _ref$left === void 0 ? null : _ref$left,
|
|
862
782
|
_ref$padding = _ref.padding,
|
|
863
783
|
paddingValue = _ref$padding === void 0 ? null : _ref$padding;
|
|
864
|
-
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
|
|
784
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor$1(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
|
|
865
785
|
borderRadius: borderRadius
|
|
866
|
-
} : null), getStyleFromBorder(border)), getStyleFromShadow(shadow)), padding !== null || paddingValue !== null ? {
|
|
786
|
+
} : null), getStyleFromBorder$1(border)), getStyleFromShadow(shadow)), padding !== null || paddingValue !== null ? {
|
|
867
787
|
padding: padding || paddingValue
|
|
868
788
|
} : null), paddingTop !== null || paddingValueTop !== null ? {
|
|
869
789
|
paddingTop: paddingTop || paddingValueTop
|
|
@@ -875,6 +795,7 @@ var getStyleFromBox = function getStyleFromBox(value) {
|
|
|
875
795
|
paddingLeft: paddingLeft || paddingValueLeft
|
|
876
796
|
} : null);
|
|
877
797
|
};
|
|
798
|
+
var getStyleFromBox$1 = getStyleFromBox;
|
|
878
799
|
|
|
879
800
|
var getStyleFromContainer = function getStyleFromContainer(value) {
|
|
880
801
|
if (value == null) {
|
|
@@ -892,8 +813,9 @@ var getStyleFromContainer = function getStyleFromContainer(value) {
|
|
|
892
813
|
width: "".concat(width, "%")
|
|
893
814
|
} : null), height ? {
|
|
894
815
|
height: "".concat(height, "%")
|
|
895
|
-
} : null), getStyleFromColor(backgroundColor, 'backgroundColor'));
|
|
816
|
+
} : null), getStyleFromColor$1(backgroundColor, 'backgroundColor'));
|
|
896
817
|
};
|
|
818
|
+
var getStyleFromContainer$1 = getStyleFromContainer;
|
|
897
819
|
|
|
898
820
|
var getStyleFromHighlight = function getStyleFromHighlight(value) {
|
|
899
821
|
if (value == null) {
|
|
@@ -903,15 +825,16 @@ var getStyleFromHighlight = function getStyleFromHighlight(value) {
|
|
|
903
825
|
textColor = _value$textColor === void 0 ? null : _value$textColor,
|
|
904
826
|
_value$color = value.color,
|
|
905
827
|
color = _value$color === void 0 ? null : _value$color;
|
|
906
|
-
var colorString = color !== null ? getColorAsString(color) : null;
|
|
828
|
+
var colorString = color !== null ? getColorAsString$1(color) : null;
|
|
907
829
|
var boxShadow = colorString !== null ? "0.05em 0px 0px ".concat(colorString, ", -0.05em 0px 0px ").concat(colorString) : null;
|
|
908
|
-
return color !== null || textColor !== null ? _objectSpread(_objectSpread(_objectSpread({}, color !== null ? getStyleFromColor(color, 'backgroundColor') : null), textColor !== null ? getStyleFromColor(textColor, 'color') : null), color !== null ? {
|
|
830
|
+
return color !== null || textColor !== null ? _objectSpread(_objectSpread(_objectSpread({}, color !== null ? getStyleFromColor$1(color, 'backgroundColor') : null), textColor !== null ? getStyleFromColor$1(textColor, 'color') : null), color !== null ? {
|
|
909
831
|
boxShadow: boxShadow,
|
|
910
832
|
mozBoxShadow: boxShadow,
|
|
911
833
|
msBoxShadow: boxShadow,
|
|
912
834
|
webkitBoxShadow: boxShadow
|
|
913
835
|
} : null) : null;
|
|
914
836
|
};
|
|
837
|
+
var getStyleFromHighlight$1 = getStyleFromHighlight;
|
|
915
838
|
|
|
916
839
|
var getStyleFromImage = function getStyleFromImage(value) {
|
|
917
840
|
if (value == null) {
|
|
@@ -933,8 +856,9 @@ var getStyleFromImage = function getStyleFromImage(value) {
|
|
|
933
856
|
objectFit: size
|
|
934
857
|
} : null), axisAlign !== null && crossAlign !== null ? {
|
|
935
858
|
objectPosition: "".concat(axisAlign, " ").concat(crossAlign)
|
|
936
|
-
} : null), getStyleFromColor(backgroundColor, 'backgroundColor'));
|
|
859
|
+
} : null), getStyleFromColor$1(backgroundColor, 'backgroundColor'));
|
|
937
860
|
};
|
|
861
|
+
var getStyleFromImage$1 = getStyleFromImage;
|
|
938
862
|
|
|
939
863
|
var getStyleFromLink = function getStyleFromLink(value) {
|
|
940
864
|
if (value == null) {
|
|
@@ -950,7 +874,7 @@ var getStyleFromLink = function getStyleFromLink(value) {
|
|
|
950
874
|
bold = _ref$bold === void 0 ? false : _ref$bold,
|
|
951
875
|
_ref$underline = _ref.underline,
|
|
952
876
|
underline = _ref$underline === void 0 ? false : _ref$underline;
|
|
953
|
-
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, color !== null ? getStyleFromColor(color, 'color') : null), italic ? {
|
|
877
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, color !== null ? getStyleFromColor$1(color, 'color') : null), italic ? {
|
|
954
878
|
fontStyle: 'italic'
|
|
955
879
|
} : null), bold ? {
|
|
956
880
|
fontWeight: 'bold'
|
|
@@ -958,6 +882,7 @@ var getStyleFromLink = function getStyleFromLink(value) {
|
|
|
958
882
|
textDecoration: 'underline'
|
|
959
883
|
} : null);
|
|
960
884
|
};
|
|
885
|
+
var getStyleFromLink$1 = getStyleFromLink;
|
|
961
886
|
|
|
962
887
|
var getStyleFromText = function getStyleFromText(value) {
|
|
963
888
|
if (value == null) {
|
|
@@ -990,7 +915,7 @@ var getStyleFromText = function getStyleFromText(value) {
|
|
|
990
915
|
_ref$outline = _ref.outline,
|
|
991
916
|
outline = _ref$outline === void 0 ? false : _ref$outline;
|
|
992
917
|
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
993
|
-
fontFamily:
|
|
918
|
+
fontFamily: getFontFamilyFromFont(fontFamily)
|
|
994
919
|
}, fontSize !== null ? {
|
|
995
920
|
fontSize: fontSize
|
|
996
921
|
} : null), italic ? {
|
|
@@ -1009,11 +934,12 @@ var getStyleFromText = function getStyleFromText(value) {
|
|
|
1009
934
|
lineHeight: lineHeight
|
|
1010
935
|
} : null), letterSpacing !== null ? {
|
|
1011
936
|
letterSpacing: letterSpacing
|
|
1012
|
-
} : null), getStyleFromColor(color, 'color')), outline ? {
|
|
1013
|
-
WebkitTextStroke: "2px ".concat(getColorAsString(color, 'color')),
|
|
937
|
+
} : null), getStyleFromColor$1(color, 'color')), outline ? {
|
|
938
|
+
WebkitTextStroke: "2px ".concat(getColorAsString$1(color, 'color')),
|
|
1014
939
|
color: 'transparent'
|
|
1015
940
|
} : null);
|
|
1016
941
|
};
|
|
942
|
+
var getStyleFromText$1 = getStyleFromText;
|
|
1017
943
|
|
|
1018
944
|
var getStyleFromMargin = function getStyleFromMargin(value) {
|
|
1019
945
|
if (value == null) {
|
|
@@ -1029,6 +955,7 @@ var getStyleFromMargin = function getStyleFromMargin(value) {
|
|
|
1029
955
|
marginBottom: marginBottom
|
|
1030
956
|
} : null);
|
|
1031
957
|
};
|
|
958
|
+
var getStyleFromMargin$1 = getStyleFromMargin;
|
|
1032
959
|
|
|
1033
960
|
var possibleMimes = ['video/webm', 'video/mp4', 'video/ogg'];
|
|
1034
961
|
var supportedMimes = null;
|
|
@@ -1056,6 +983,7 @@ var getLayoutParts = function getLayoutParts() {
|
|
|
1056
983
|
suffix: suffix
|
|
1057
984
|
};
|
|
1058
985
|
};
|
|
986
|
+
var getLayoutParts$1 = getLayoutParts;
|
|
1059
987
|
|
|
1060
988
|
var isHeaderFilled = function isHeaderFilled() {
|
|
1061
989
|
var header = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -1072,6 +1000,7 @@ var isHeaderFilled = function isHeaderFilled() {
|
|
|
1072
1000
|
body = _ref3$body === void 0 ? null : _ref3$body;
|
|
1073
1001
|
return badgeActive && body !== null;
|
|
1074
1002
|
};
|
|
1003
|
+
var isHeaderFilled$1 = isHeaderFilled;
|
|
1075
1004
|
|
|
1076
1005
|
var isFooterFilled = function isFooterFilled() {
|
|
1077
1006
|
var footer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -1088,16 +1017,19 @@ var isFooterFilled = function isFooterFilled() {
|
|
|
1088
1017
|
body = _ref3$body === void 0 ? null : _ref3$body;
|
|
1089
1018
|
return callToActionActive && body !== null;
|
|
1090
1019
|
};
|
|
1020
|
+
var isFooterFilled$1 = isFooterFilled;
|
|
1091
1021
|
|
|
1092
1022
|
var isMessage = function isMessage(message) {
|
|
1093
1023
|
return isObject(message) && typeof message.defaultMessage !== 'undefined';
|
|
1094
1024
|
};
|
|
1025
|
+
var isMessage$1 = isMessage;
|
|
1095
1026
|
|
|
1096
1027
|
var isIos = function isIos() {
|
|
1097
1028
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) ||
|
|
1098
1029
|
// iPad on iOS 13 detection
|
|
1099
1030
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
1100
1031
|
};
|
|
1032
|
+
var isIos$1 = isIos;
|
|
1101
1033
|
|
|
1102
1034
|
var isImageFilled = function isImageFilled(image) {
|
|
1103
1035
|
var _ref = image || {},
|
|
@@ -1107,8 +1039,9 @@ var isImageFilled = function isImageFilled(image) {
|
|
|
1107
1039
|
url = _ref$url === void 0 ? null : _ref$url;
|
|
1108
1040
|
return media !== null || url !== null;
|
|
1109
1041
|
};
|
|
1042
|
+
var isImageFilled$1 = isImageFilled;
|
|
1110
1043
|
|
|
1111
|
-
var isTextFilled$
|
|
1044
|
+
var isTextFilled$2 = function isTextFilled(text) {
|
|
1112
1045
|
var _ref = text || {},
|
|
1113
1046
|
_ref$label = _ref.label,
|
|
1114
1047
|
label = _ref$label === void 0 ? null : _ref$label;
|
|
@@ -1117,6 +1050,7 @@ var isTextFilled$1 = function isTextFilled(text) {
|
|
|
1117
1050
|
length = _ref2$length === void 0 ? 0 : _ref2$length;
|
|
1118
1051
|
return typeof length === 'number' && length > 0;
|
|
1119
1052
|
};
|
|
1053
|
+
var isTextFilled$3 = isTextFilled$2;
|
|
1120
1054
|
|
|
1121
1055
|
var isTextFilled = function isTextFilled(text) {
|
|
1122
1056
|
var _ref = text || {},
|
|
@@ -1127,6 +1061,7 @@ var isTextFilled = function isTextFilled(text) {
|
|
|
1127
1061
|
length = _ref2$length === void 0 ? 0 : _ref2$length;
|
|
1128
1062
|
return typeof length === 'number' && length > 0;
|
|
1129
1063
|
};
|
|
1064
|
+
var isTextFilled$1 = isTextFilled;
|
|
1130
1065
|
|
|
1131
1066
|
var isValidUrl = function isValidUrl(string) {
|
|
1132
1067
|
var url;
|
|
@@ -1137,6 +1072,7 @@ var isValidUrl = function isValidUrl(string) {
|
|
|
1137
1072
|
}
|
|
1138
1073
|
return url.protocol === 'http:' || url.protocol === 'https:';
|
|
1139
1074
|
};
|
|
1075
|
+
var isValidUrl$1 = isValidUrl;
|
|
1140
1076
|
|
|
1141
1077
|
var createSchemaId = function createSchemaId(id) {
|
|
1142
1078
|
return "https://schemas.micromag.ca/0.1/".concat(id, ".json");
|
|
@@ -1145,6 +1081,7 @@ var createSchemaId = function createSchemaId(id) {
|
|
|
1145
1081
|
var schemaId = function schemaId(str) {
|
|
1146
1082
|
return createSchemaId(str.join('/'));
|
|
1147
1083
|
};
|
|
1084
|
+
var schemaId$1 = schemaId;
|
|
1148
1085
|
|
|
1149
1086
|
var setValue = function setValue(value, keyParts, fieldValue) {
|
|
1150
1087
|
var key = keyParts.shift();
|
|
@@ -1176,6 +1113,7 @@ var setValue = function setValue(value, keyParts, fieldValue) {
|
|
|
1176
1113
|
}
|
|
1177
1114
|
return null;
|
|
1178
1115
|
};
|
|
1116
|
+
var setValue$1 = setValue;
|
|
1179
1117
|
|
|
1180
1118
|
var slug = function slug(str) {
|
|
1181
1119
|
var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
@@ -1189,12 +1127,14 @@ var slug = function slug(str) {
|
|
|
1189
1127
|
lower: true
|
|
1190
1128
|
});
|
|
1191
1129
|
};
|
|
1130
|
+
var slug$1 = slug;
|
|
1192
1131
|
|
|
1193
1132
|
var unique = function unique(arrArg) {
|
|
1194
1133
|
return arrArg !== null ? arrArg.filter(function (elem, pos, arr) {
|
|
1195
1134
|
return arr.indexOf(elem) === pos;
|
|
1196
1135
|
}) : [];
|
|
1197
1136
|
};
|
|
1137
|
+
var unique$1 = unique;
|
|
1198
1138
|
|
|
1199
1139
|
var validateFields = function validateFields(fields, value) {
|
|
1200
1140
|
return fields.reduce(function (acc, field) {
|
|
@@ -1208,6 +1148,7 @@ var validateFields = function validateFields(fields, value) {
|
|
|
1208
1148
|
return acc;
|
|
1209
1149
|
}, true);
|
|
1210
1150
|
};
|
|
1151
|
+
var validateFields$1 = validateFields;
|
|
1211
1152
|
|
|
1212
1153
|
var getContrastingColor = function getContrastingColor(backgroundColor) {
|
|
1213
1154
|
var _ref = backgroundColor || {},
|
|
@@ -1221,5 +1162,6 @@ var getContrastingColor = function getContrastingColor(backgroundColor) {
|
|
|
1221
1162
|
}
|
|
1222
1163
|
return tinycolor(color).spin(30).toString();
|
|
1223
1164
|
};
|
|
1165
|
+
var getContrastingColor$1 = getContrastingColor;
|
|
1224
1166
|
|
|
1225
|
-
export {
|
|
1167
|
+
export { convertStyleToString$1 as convertStyleToString, copyToClipboard, createNullableOnChange$1 as createNullableOnChange, createUseEvent$1 as createUseEvent, easings$1 as easings, getColorAsString$1 as getColorAsString, getComponentFromName$1 as getComponentFromName, getContrastingColor$1 as getContrastingColor, getDeviceScreens$1 as getDeviceScreens, getDisplayName$1 as getDisplayName, getFieldByName$1 as getFieldByName, getFieldFromPath$1 as getFieldFromPath, getFileName$1 as getFileName, getFontFamilyFromFont, getFooterProps$1 as getFooterProps, getGridLayoutName$1 as getGridLayoutName, largestRemainderRound$1 as getLargestRemainderRound, getLayersFromBackground$1 as getLayersFromBackground, getLayoutParts$1 as getLayoutParts, getMediaFilesAsArray$1 as getMediaFilesAsArray, getOptimalImageUrl$1 as getOptimalImageUrl, getScreenExtraField$1 as getScreenExtraField, getSecondsFromTime$1 as getSecondsFromTime, getShadowCoords, getStyleFromAlignment$1 as getStyleFromAlignment, getStyleFromBorder$1 as getStyleFromBorder, getStyleFromBox$1 as getStyleFromBox, getStyleFromColor$1 as getStyleFromColor, getStyleFromContainer$1 as getStyleFromContainer, getStyleFromHighlight$1 as getStyleFromHighlight, getStyleFromImage$1 as getStyleFromImage, getStyleFromLink$1 as getStyleFromLink, getStyleFromMargin$1 as getStyleFromMargin, getStyleFromText$1 as getStyleFromText, getVideoSupportedMimes, isFooterFilled$1 as isFooterFilled, isHeaderFilled$1 as isHeaderFilled, isImageFilled$1 as isImageFilled, isIos$1 as isIos, isTextFilled$3 as isLabelFilled, isMessage$1 as isMessage, isTextFilled$1 as isTextFilled, isValidUrl$1 as isValidUrl, schemaId$1 as schemaId, setValue$1 as setFieldValue, slug$1 as slug, unique$1 as unique, validateFields$1 as validateFields };
|