@micromag/core 0.3.570 → 0.3.576
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/assets/css/vendor.css +1 -1
- package/es/components.js +89 -156
- package/es/hooks.js +13 -28
- package/es/index.js +8 -19
- package/es/utils.js +31 -78
- package/package.json +3 -3
package/es/utils.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
3
|
-
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
4
|
-
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
1
|
+
import isNumber from 'lodash/isNumber';
|
|
5
2
|
import { kebabCase, pascalCase, snakeCase } from 'change-case';
|
|
6
3
|
export { camelCase, pascalCase, snakeCase } from 'change-case';
|
|
7
|
-
import
|
|
4
|
+
import _regeneratorRuntime from '@babel/runtime/helpers/regeneratorRuntime';
|
|
5
|
+
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
8
6
|
import isObject from 'lodash/isObject';
|
|
9
7
|
import { useEffect, useMemo } from 'react';
|
|
10
8
|
import isString from 'lodash/isString';
|
|
11
9
|
import tinycolor from 'tinycolor2';
|
|
10
|
+
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
11
|
+
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
12
12
|
import isArray from 'lodash/isArray';
|
|
13
13
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
14
14
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
@@ -20,7 +20,6 @@ var convertStyleToString = function convertStyleToString(style) {
|
|
|
20
20
|
return "".concat(kebabCase(key), ":").concat(isNumber(style[key]) ? "".concat(style[key], "px") : style[key], ";");
|
|
21
21
|
}).join('\n') : '';
|
|
22
22
|
};
|
|
23
|
-
var convertStyleToString$1 = convertStyleToString;
|
|
24
23
|
|
|
25
24
|
/*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
|
|
26
25
|
|
|
@@ -34,7 +33,7 @@ function copyClipboardApi(_x) {
|
|
|
34
33
|
return _copyClipboardApi.apply(this, arguments);
|
|
35
34
|
}
|
|
36
35
|
function _copyClipboardApi() {
|
|
37
|
-
_copyClipboardApi = _asyncToGenerator(
|
|
36
|
+
_copyClipboardApi = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(text) {
|
|
38
37
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
39
38
|
while (1) switch (_context.prev = _context.next) {
|
|
40
39
|
case 0:
|
|
@@ -57,7 +56,7 @@ function copyExecCommand(_x2) {
|
|
|
57
56
|
return _copyExecCommand.apply(this, arguments);
|
|
58
57
|
}
|
|
59
58
|
function _copyExecCommand() {
|
|
60
|
-
_copyExecCommand = _asyncToGenerator(
|
|
59
|
+
_copyExecCommand = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(text) {
|
|
61
60
|
var span, selection, range, success;
|
|
62
61
|
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
63
62
|
while (1) switch (_context2.prev = _context2.next) {
|
|
@@ -107,7 +106,7 @@ function copyToClipboard(_x3) {
|
|
|
107
106
|
return _copyToClipboard.apply(this, arguments);
|
|
108
107
|
}
|
|
109
108
|
function _copyToClipboard() {
|
|
110
|
-
_copyToClipboard = _asyncToGenerator(
|
|
109
|
+
_copyToClipboard = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(text) {
|
|
111
110
|
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
|
112
111
|
while (1) switch (_context3.prev = _context3.next) {
|
|
113
112
|
case 0:
|
|
@@ -156,7 +155,6 @@ var createNullableOnChange = function createNullableOnChange() {
|
|
|
156
155
|
}
|
|
157
156
|
};
|
|
158
157
|
};
|
|
159
|
-
var createNullableOnChange$1 = createNullableOnChange;
|
|
160
158
|
|
|
161
159
|
var createUseEvent = function createUseEvent(eventsManager) {
|
|
162
160
|
return function (event, callback) {
|
|
@@ -173,7 +171,6 @@ var createUseEvent = function createUseEvent(eventsManager) {
|
|
|
173
171
|
}, [eventsManager, event, callback, enabled]);
|
|
174
172
|
};
|
|
175
173
|
};
|
|
176
|
-
var createUseEvent$1 = createUseEvent;
|
|
177
174
|
|
|
178
175
|
/* eslint-disable */
|
|
179
176
|
var easings = {
|
|
@@ -262,9 +259,6 @@ var easings = {
|
|
|
262
259
|
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;
|
|
263
260
|
}
|
|
264
261
|
};
|
|
265
|
-
/* eslint-enable */
|
|
266
|
-
|
|
267
|
-
var easings$1 = easings;
|
|
268
262
|
|
|
269
263
|
var getColorAsString = function getColorAsString() {
|
|
270
264
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
@@ -281,7 +275,6 @@ var getColorAsString = function getColorAsString() {
|
|
|
281
275
|
alpha = _ref$alpha === void 0 ? null : _ref$alpha;
|
|
282
276
|
return alpha !== null || overideAlpha !== null ? tinycolor(color).setAlpha(overideAlpha !== null ? overideAlpha : alpha).toRgbString() : color;
|
|
283
277
|
};
|
|
284
|
-
var getColorAsString$1 = getColorAsString;
|
|
285
278
|
|
|
286
279
|
var getComponentFromName = function getComponentFromName() {
|
|
287
280
|
var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
@@ -293,7 +286,6 @@ var getComponentFromName = function getComponentFromName() {
|
|
|
293
286
|
var pascalName = pascalCase(name);
|
|
294
287
|
return components[pascalName] || components[name] || defaultComponent;
|
|
295
288
|
};
|
|
296
|
-
var getComponentFromName$1 = getComponentFromName;
|
|
297
289
|
|
|
298
290
|
var deviceScreens = [{
|
|
299
291
|
name: 'mobile'
|
|
@@ -315,7 +307,6 @@ var deviceScreens = [{
|
|
|
315
307
|
var getDeviceScreens = function getDeviceScreens() {
|
|
316
308
|
return deviceScreens;
|
|
317
309
|
};
|
|
318
|
-
var getDeviceScreens$1 = getDeviceScreens;
|
|
319
310
|
|
|
320
311
|
var getDisplayName = function getDisplayName(_ref) {
|
|
321
312
|
var _ref$displayName = _ref.displayName,
|
|
@@ -324,9 +315,8 @@ var getDisplayName = function getDisplayName(_ref) {
|
|
|
324
315
|
name = _ref$name === void 0 ? null : _ref$name;
|
|
325
316
|
return displayName || name || 'Component';
|
|
326
317
|
};
|
|
327
|
-
var getDisplayName$1 = getDisplayName;
|
|
328
318
|
|
|
329
|
-
var
|
|
319
|
+
var _getFieldByName = function getFieldByName(fields, name) {
|
|
330
320
|
return fields.reduce(function (foundField, it) {
|
|
331
321
|
if (foundField !== null) {
|
|
332
322
|
return foundField;
|
|
@@ -338,10 +328,9 @@ var getFieldByName = function getFieldByName(fields, name) {
|
|
|
338
328
|
if (name !== null && fieldName === name) {
|
|
339
329
|
return it;
|
|
340
330
|
}
|
|
341
|
-
return
|
|
331
|
+
return _getFieldByName(subFields, name);
|
|
342
332
|
}, null);
|
|
343
333
|
};
|
|
344
|
-
var getFieldByName$1 = getFieldByName;
|
|
345
334
|
|
|
346
335
|
var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
|
|
347
336
|
return (isArray(path) ? path : [path]).reduce(function (foundField, key) {
|
|
@@ -372,12 +361,11 @@ var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
|
|
|
372
361
|
listItems: true
|
|
373
362
|
});
|
|
374
363
|
}
|
|
375
|
-
return
|
|
364
|
+
return _getFieldByName([].concat(_toConsumableArray(fieldFields || []), _toConsumableArray(subFields || []), _toConsumableArray(settings || [])), key);
|
|
376
365
|
}, {
|
|
377
366
|
fields: fields
|
|
378
367
|
});
|
|
379
368
|
};
|
|
380
|
-
var getFieldFromPath$1 = getFieldFromPath;
|
|
381
369
|
|
|
382
370
|
var getFileName = function getFileName() {
|
|
383
371
|
var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
@@ -386,7 +374,6 @@ var getFileName = function getFileName() {
|
|
|
386
374
|
}
|
|
387
375
|
return url.match(/([^/]+)(\?.*)?$/)[1] || url;
|
|
388
376
|
};
|
|
389
|
-
var getFileName$1 = getFileName;
|
|
390
377
|
|
|
391
378
|
var getFontFamily = function getFontFamily(value) {
|
|
392
379
|
if (value == null) {
|
|
@@ -404,7 +391,6 @@ var getFontFamily = function getFontFamily(value) {
|
|
|
404
391
|
return "\"".concat(it, "\"");
|
|
405
392
|
}).join(', ');
|
|
406
393
|
};
|
|
407
|
-
var getFontFamilyFromFont = getFontFamily;
|
|
408
394
|
|
|
409
395
|
var _excluded$1 = ["isPreview", "isView", "current", "openWebView", "enableInteraction", "disableInteraction"];
|
|
410
396
|
var getFooterProps = function getFooterProps() {
|
|
@@ -439,14 +425,12 @@ var getFooterProps = function getFooterProps() {
|
|
|
439
425
|
}, [callToAction, isPreview, isView, current, enableInteraction, disableInteraction, otherProps]);
|
|
440
426
|
return footerProps;
|
|
441
427
|
};
|
|
442
|
-
var getFooterProps$1 = getFooterProps;
|
|
443
428
|
|
|
444
429
|
var getGridLayoutName = function getGridLayoutName(layout) {
|
|
445
430
|
return layout.map(function (it) {
|
|
446
431
|
return "".concat(it.rows, "_").concat(it.columns.join('_'));
|
|
447
432
|
}).join('|');
|
|
448
433
|
};
|
|
449
|
-
var getGridLayoutName$1 = getGridLayoutName;
|
|
450
434
|
|
|
451
435
|
var getRemainder = function getRemainder(number) {
|
|
452
436
|
var remainder = number - Math.floor(number);
|
|
@@ -478,7 +462,6 @@ var largestRemainderRound = function largestRemainderRound(numbers, desiredTotal
|
|
|
478
462
|
return res.floor;
|
|
479
463
|
});
|
|
480
464
|
};
|
|
481
|
-
var largestRemainderRound$1 = largestRemainderRound;
|
|
482
465
|
|
|
483
466
|
var _excluded = ["image", "video", "media", "color"];
|
|
484
467
|
var getLayersFromBackground = function getLayersFromBackground() {
|
|
@@ -513,7 +496,6 @@ var getLayersFromBackground = function getLayersFromBackground() {
|
|
|
513
496
|
}, data)]);
|
|
514
497
|
}, []);
|
|
515
498
|
};
|
|
516
|
-
var getLayersFromBackground$1 = getLayersFromBackground;
|
|
517
499
|
|
|
518
500
|
var getMediaFilesAsArray = function getMediaFilesAsArray(files) {
|
|
519
501
|
return files !== null && isArray(files) ? files : Object.keys(files || {}).reduce(function (newFiles, key) {
|
|
@@ -522,7 +504,6 @@ var getMediaFilesAsArray = function getMediaFilesAsArray(files) {
|
|
|
522
504
|
}, files[key])]);
|
|
523
505
|
}, []);
|
|
524
506
|
};
|
|
525
|
-
var getMediaFilesAsArray$1 = getMediaFilesAsArray;
|
|
526
507
|
|
|
527
508
|
// eslint-disable-next-line import/prefer-default-export
|
|
528
509
|
var getOptimalImageUrl = function getOptimalImageUrl() {
|
|
@@ -603,7 +584,6 @@ var getOptimalImageUrl = function getOptimalImageUrl() {
|
|
|
603
584
|
finalUrl = _Object$keys$reduce.url;
|
|
604
585
|
return finalUrl;
|
|
605
586
|
};
|
|
606
|
-
var getOptimalImageUrl$1 = getOptimalImageUrl;
|
|
607
587
|
|
|
608
588
|
var getSecondsFromTime = function getSecondsFromTime(time) {
|
|
609
589
|
var t = time.split(':');
|
|
@@ -617,7 +597,6 @@ var getSecondsFromTime = function getSecondsFromTime(time) {
|
|
|
617
597
|
return 0;
|
|
618
598
|
}
|
|
619
599
|
};
|
|
620
|
-
var getSecondsFromTime$1 = getSecondsFromTime;
|
|
621
600
|
|
|
622
601
|
var getScreenExtraField = function getScreenExtraField(intl) {
|
|
623
602
|
return {
|
|
@@ -632,7 +611,6 @@ var getScreenExtraField = function getScreenExtraField(intl) {
|
|
|
632
611
|
})
|
|
633
612
|
};
|
|
634
613
|
};
|
|
635
|
-
var getScreenExtraField$1 = getScreenExtraField;
|
|
636
614
|
|
|
637
615
|
function getScreenFieldsWithStates(definition) {
|
|
638
616
|
var _ref = definition || {},
|
|
@@ -716,16 +694,14 @@ var getStyleFromAlignment = function getStyleFromAlignment(value) {
|
|
|
716
694
|
alignItems: alignItems
|
|
717
695
|
};
|
|
718
696
|
};
|
|
719
|
-
var getStyleFromAlignment$1 = getStyleFromAlignment;
|
|
720
697
|
|
|
721
698
|
var getStyleFromColor = function getStyleFromColor() {
|
|
722
699
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
723
700
|
var property = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'backgroundColor';
|
|
724
701
|
var overideAlpha = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
725
|
-
var color = getColorAsString
|
|
702
|
+
var color = getColorAsString(value, overideAlpha);
|
|
726
703
|
return color !== null ? _defineProperty({}, property, color) : null;
|
|
727
704
|
};
|
|
728
|
-
var getStyleFromColor$1 = getStyleFromColor;
|
|
729
705
|
|
|
730
706
|
var getStyleFromBorder = function getStyleFromBorder(value) {
|
|
731
707
|
if (value == null) {
|
|
@@ -741,9 +717,8 @@ var getStyleFromBorder = function getStyleFromBorder(value) {
|
|
|
741
717
|
borderWidth: width
|
|
742
718
|
} : null), borderStyle !== null ? {
|
|
743
719
|
borderStyle: borderStyle
|
|
744
|
-
} : null), getStyleFromColor
|
|
720
|
+
} : null), getStyleFromColor(color, 'borderColor'));
|
|
745
721
|
};
|
|
746
|
-
var getStyleFromBorder$1 = getStyleFromBorder;
|
|
747
722
|
|
|
748
723
|
var getStyleFromShadow = function getStyleFromShadow(value) {
|
|
749
724
|
if (value == null) {
|
|
@@ -760,7 +735,7 @@ var getStyleFromShadow = function getStyleFromShadow(value) {
|
|
|
760
735
|
shadowColor = _ref$shadowColor === void 0 ? null : _ref$shadowColor;
|
|
761
736
|
if (!shadowAngle) return null;
|
|
762
737
|
var blur = shadowBlur || '0';
|
|
763
|
-
var color = getColorAsString
|
|
738
|
+
var color = getColorAsString(shadowColor) || '#000000';
|
|
764
739
|
var _getShadowCoords = getShadowCoords(shadowAngle, shadowDistance),
|
|
765
740
|
x = _getShadowCoords.x,
|
|
766
741
|
y = _getShadowCoords.y;
|
|
@@ -827,9 +802,9 @@ var getStyleFromBox = function getStyleFromBox(value) {
|
|
|
827
802
|
paddingValueLeft = _ref$left === void 0 ? null : _ref$left,
|
|
828
803
|
_ref$padding = _ref.padding,
|
|
829
804
|
paddingValue = _ref$padding === void 0 ? null : _ref$padding;
|
|
830
|
-
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor
|
|
805
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
|
|
831
806
|
borderRadius: borderRadius
|
|
832
|
-
} : null), getStyleFromBorder
|
|
807
|
+
} : null), getStyleFromBorder(border)), getStyleFromShadow(shadow)), padding !== null || paddingValue !== null ? {
|
|
833
808
|
padding: padding || paddingValue
|
|
834
809
|
} : null), paddingTop !== null || paddingValueTop !== null ? {
|
|
835
810
|
paddingTop: paddingTop || paddingValueTop
|
|
@@ -841,7 +816,6 @@ var getStyleFromBox = function getStyleFromBox(value) {
|
|
|
841
816
|
paddingLeft: paddingLeft || paddingValueLeft
|
|
842
817
|
} : null);
|
|
843
818
|
};
|
|
844
|
-
var getStyleFromBox$1 = getStyleFromBox;
|
|
845
819
|
|
|
846
820
|
var getStyleFromContainer = function getStyleFromContainer(value) {
|
|
847
821
|
if (value == null) {
|
|
@@ -859,9 +833,8 @@ var getStyleFromContainer = function getStyleFromContainer(value) {
|
|
|
859
833
|
width: "".concat(width, "%")
|
|
860
834
|
} : null), height ? {
|
|
861
835
|
height: "".concat(height, "%")
|
|
862
|
-
} : null), getStyleFromColor
|
|
836
|
+
} : null), getStyleFromColor(backgroundColor, 'backgroundColor'));
|
|
863
837
|
};
|
|
864
|
-
var getStyleFromContainer$1 = getStyleFromContainer;
|
|
865
838
|
|
|
866
839
|
var getStyleFromHighlight = function getStyleFromHighlight(value) {
|
|
867
840
|
if (value == null) {
|
|
@@ -871,16 +844,15 @@ var getStyleFromHighlight = function getStyleFromHighlight(value) {
|
|
|
871
844
|
textColor = _value$textColor === void 0 ? null : _value$textColor,
|
|
872
845
|
_value$color = value.color,
|
|
873
846
|
color = _value$color === void 0 ? null : _value$color;
|
|
874
|
-
var colorString = color !== null ? getColorAsString
|
|
847
|
+
var colorString = color !== null ? getColorAsString(color) : null;
|
|
875
848
|
var boxShadow = colorString !== null ? "0.05em 0px 0px ".concat(colorString, ", -0.05em 0px 0px ").concat(colorString) : null;
|
|
876
|
-
return color !== null || textColor !== null ? _objectSpread(_objectSpread(_objectSpread({}, color !== null ? getStyleFromColor
|
|
849
|
+
return color !== null || textColor !== null ? _objectSpread(_objectSpread(_objectSpread({}, color !== null ? getStyleFromColor(color, 'backgroundColor') : null), textColor !== null ? getStyleFromColor(textColor, 'color') : null), color !== null ? {
|
|
877
850
|
boxShadow: boxShadow,
|
|
878
851
|
mozBoxShadow: boxShadow,
|
|
879
852
|
msBoxShadow: boxShadow,
|
|
880
853
|
webkitBoxShadow: boxShadow
|
|
881
854
|
} : null) : null;
|
|
882
855
|
};
|
|
883
|
-
var getStyleFromHighlight$1 = getStyleFromHighlight;
|
|
884
856
|
|
|
885
857
|
var getStyleFromImage = function getStyleFromImage(value) {
|
|
886
858
|
if (value == null) {
|
|
@@ -902,9 +874,8 @@ var getStyleFromImage = function getStyleFromImage(value) {
|
|
|
902
874
|
objectFit: size
|
|
903
875
|
} : null), axisAlign !== null && crossAlign !== null ? {
|
|
904
876
|
objectPosition: "".concat(axisAlign, " ").concat(crossAlign)
|
|
905
|
-
} : null), getStyleFromColor
|
|
877
|
+
} : null), getStyleFromColor(backgroundColor, 'backgroundColor'));
|
|
906
878
|
};
|
|
907
|
-
var getStyleFromImage$1 = getStyleFromImage;
|
|
908
879
|
|
|
909
880
|
var getStyleFromLink = function getStyleFromLink(value) {
|
|
910
881
|
if (value == null) {
|
|
@@ -920,7 +891,7 @@ var getStyleFromLink = function getStyleFromLink(value) {
|
|
|
920
891
|
bold = _ref$bold === void 0 ? false : _ref$bold,
|
|
921
892
|
_ref$underline = _ref.underline,
|
|
922
893
|
underline = _ref$underline === void 0 ? false : _ref$underline;
|
|
923
|
-
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, color !== null ? getStyleFromColor
|
|
894
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, color !== null ? getStyleFromColor(color, 'color') : null), italic ? {
|
|
924
895
|
fontStyle: 'italic'
|
|
925
896
|
} : null), bold ? {
|
|
926
897
|
fontWeight: 'bold'
|
|
@@ -928,7 +899,6 @@ var getStyleFromLink = function getStyleFromLink(value) {
|
|
|
928
899
|
textDecoration: 'underline'
|
|
929
900
|
} : null);
|
|
930
901
|
};
|
|
931
|
-
var getStyleFromLink$1 = getStyleFromLink;
|
|
932
902
|
|
|
933
903
|
var getStyleFromText = function getStyleFromText(value) {
|
|
934
904
|
if (value == null) {
|
|
@@ -961,7 +931,7 @@ var getStyleFromText = function getStyleFromText(value) {
|
|
|
961
931
|
_ref$outline = _ref.outline,
|
|
962
932
|
outline = _ref$outline === void 0 ? false : _ref$outline;
|
|
963
933
|
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
964
|
-
fontFamily:
|
|
934
|
+
fontFamily: getFontFamily(fontFamily)
|
|
965
935
|
}, fontSize !== null ? {
|
|
966
936
|
fontSize: fontSize
|
|
967
937
|
} : null), italic ? {
|
|
@@ -980,12 +950,11 @@ var getStyleFromText = function getStyleFromText(value) {
|
|
|
980
950
|
lineHeight: lineHeight
|
|
981
951
|
} : null), letterSpacing !== null ? {
|
|
982
952
|
letterSpacing: letterSpacing
|
|
983
|
-
} : null), getStyleFromColor
|
|
984
|
-
WebkitTextStroke: "2px ".concat(getColorAsString
|
|
953
|
+
} : null), getStyleFromColor(color, 'color')), outline ? {
|
|
954
|
+
WebkitTextStroke: "2px ".concat(getColorAsString(color, 'color')),
|
|
985
955
|
color: 'transparent'
|
|
986
956
|
} : null);
|
|
987
957
|
};
|
|
988
|
-
var getStyleFromText$1 = getStyleFromText;
|
|
989
958
|
|
|
990
959
|
var getStyleFromMargin = function getStyleFromMargin(value) {
|
|
991
960
|
if (value == null) {
|
|
@@ -1001,7 +970,6 @@ var getStyleFromMargin = function getStyleFromMargin(value) {
|
|
|
1001
970
|
marginBottom: marginBottom
|
|
1002
971
|
} : null);
|
|
1003
972
|
};
|
|
1004
|
-
var getStyleFromMargin$1 = getStyleFromMargin;
|
|
1005
973
|
|
|
1006
974
|
var possibleMimes = ['video/webm', 'video/mp4', 'video/ogg'];
|
|
1007
975
|
var supportedMimes = null;
|
|
@@ -1029,7 +997,6 @@ var getLayoutParts = function getLayoutParts() {
|
|
|
1029
997
|
suffix: suffix
|
|
1030
998
|
};
|
|
1031
999
|
};
|
|
1032
|
-
var getLayoutParts$1 = getLayoutParts;
|
|
1033
1000
|
|
|
1034
1001
|
var isHeaderFilled = function isHeaderFilled() {
|
|
1035
1002
|
var header = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -1046,7 +1013,6 @@ var isHeaderFilled = function isHeaderFilled() {
|
|
|
1046
1013
|
body = _ref3$body === void 0 ? null : _ref3$body;
|
|
1047
1014
|
return badgeActive && body !== null;
|
|
1048
1015
|
};
|
|
1049
|
-
var isHeaderFilled$1 = isHeaderFilled;
|
|
1050
1016
|
|
|
1051
1017
|
var isFooterFilled = function isFooterFilled() {
|
|
1052
1018
|
var footer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -1063,19 +1029,16 @@ var isFooterFilled = function isFooterFilled() {
|
|
|
1063
1029
|
body = _ref3$body === void 0 ? null : _ref3$body;
|
|
1064
1030
|
return callToActionActive && body !== null;
|
|
1065
1031
|
};
|
|
1066
|
-
var isFooterFilled$1 = isFooterFilled;
|
|
1067
1032
|
|
|
1068
1033
|
var isMessage = function isMessage(message) {
|
|
1069
1034
|
return isObject(message) && typeof message.defaultMessage !== 'undefined';
|
|
1070
1035
|
};
|
|
1071
|
-
var isMessage$1 = isMessage;
|
|
1072
1036
|
|
|
1073
1037
|
var isIos = function isIos() {
|
|
1074
1038
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) ||
|
|
1075
1039
|
// iPad on iOS 13 detection
|
|
1076
1040
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
1077
1041
|
};
|
|
1078
|
-
var isIos$1 = isIos;
|
|
1079
1042
|
|
|
1080
1043
|
var isImageFilled = function isImageFilled(image) {
|
|
1081
1044
|
var _ref = image || {},
|
|
@@ -1085,9 +1048,8 @@ var isImageFilled = function isImageFilled(image) {
|
|
|
1085
1048
|
url = _ref$url === void 0 ? null : _ref$url;
|
|
1086
1049
|
return media !== null || url !== null;
|
|
1087
1050
|
};
|
|
1088
|
-
var isImageFilled$1 = isImageFilled;
|
|
1089
1051
|
|
|
1090
|
-
var isTextFilled$
|
|
1052
|
+
var isTextFilled$1 = function isTextFilled(text) {
|
|
1091
1053
|
var _ref = text || {},
|
|
1092
1054
|
_ref$label = _ref.label,
|
|
1093
1055
|
label = _ref$label === void 0 ? null : _ref$label;
|
|
@@ -1096,7 +1058,6 @@ var isTextFilled$2 = function isTextFilled(text) {
|
|
|
1096
1058
|
length = _ref2$length === void 0 ? 0 : _ref2$length;
|
|
1097
1059
|
return typeof length === 'number' && length > 0;
|
|
1098
1060
|
};
|
|
1099
|
-
var isTextFilled$3 = isTextFilled$2;
|
|
1100
1061
|
|
|
1101
1062
|
var isTextFilled = function isTextFilled(text) {
|
|
1102
1063
|
var _ref = text || {},
|
|
@@ -1107,7 +1068,6 @@ var isTextFilled = function isTextFilled(text) {
|
|
|
1107
1068
|
length = _ref2$length === void 0 ? 0 : _ref2$length;
|
|
1108
1069
|
return typeof length === 'number' && length > 0;
|
|
1109
1070
|
};
|
|
1110
|
-
var isTextFilled$1 = isTextFilled;
|
|
1111
1071
|
|
|
1112
1072
|
var isValidUrl = function isValidUrl(string) {
|
|
1113
1073
|
var url;
|
|
@@ -1118,7 +1078,6 @@ var isValidUrl = function isValidUrl(string) {
|
|
|
1118
1078
|
}
|
|
1119
1079
|
return url.protocol === 'http:' || url.protocol === 'https:';
|
|
1120
1080
|
};
|
|
1121
|
-
var isValidUrl$1 = isValidUrl;
|
|
1122
1081
|
|
|
1123
1082
|
var createSchemaId = function createSchemaId(id) {
|
|
1124
1083
|
return "https://schemas.micromag.ca/0.1/".concat(id, ".json");
|
|
@@ -1127,9 +1086,8 @@ var createSchemaId = function createSchemaId(id) {
|
|
|
1127
1086
|
var schemaId = function schemaId(str) {
|
|
1128
1087
|
return createSchemaId(str.join('/'));
|
|
1129
1088
|
};
|
|
1130
|
-
var schemaId$1 = schemaId;
|
|
1131
1089
|
|
|
1132
|
-
var
|
|
1090
|
+
var _setValue = function setValue(value, keyParts, fieldValue) {
|
|
1133
1091
|
var key = keyParts.shift();
|
|
1134
1092
|
var isArray = key.match(/^[0-9]+$/) !== null;
|
|
1135
1093
|
if (value !== null || fieldValue !== null) {
|
|
@@ -1152,14 +1110,13 @@ var setValue = function setValue(value, keyParts, fieldValue) {
|
|
|
1152
1110
|
// ]
|
|
1153
1111
|
// : [...value.slice(0, index), ...value.slice(index + 1)];
|
|
1154
1112
|
|
|
1155
|
-
var newArrayValue = [].concat(_toConsumableArray(value.slice(0, index)), [keyParts.length > 0 ?
|
|
1113
|
+
var newArrayValue = [].concat(_toConsumableArray(value.slice(0, index)), [keyParts.length > 0 ? _setValue(value !== null ? value[index] || null : null, keyParts, fieldValue) : fieldValue], _toConsumableArray(value.slice(index + 1)));
|
|
1156
1114
|
return newArrayValue.length > 0 ? newArrayValue : null;
|
|
1157
1115
|
}
|
|
1158
|
-
return _objectSpread(_objectSpread({}, value), {}, _defineProperty({}, key, keyParts.length > 0 ?
|
|
1116
|
+
return _objectSpread(_objectSpread({}, value), {}, _defineProperty({}, key, keyParts.length > 0 ? _setValue(value !== null ? value[key] || null : null, keyParts, fieldValue) : fieldValue));
|
|
1159
1117
|
}
|
|
1160
1118
|
return null;
|
|
1161
1119
|
};
|
|
1162
|
-
var setValue$1 = setValue;
|
|
1163
1120
|
|
|
1164
1121
|
var slug = function slug(str) {
|
|
1165
1122
|
var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
@@ -1173,20 +1130,18 @@ var slug = function slug(str) {
|
|
|
1173
1130
|
lower: true
|
|
1174
1131
|
});
|
|
1175
1132
|
};
|
|
1176
|
-
var slug$1 = slug;
|
|
1177
1133
|
|
|
1178
1134
|
var unique = function unique(arrArg) {
|
|
1179
1135
|
return arrArg !== null ? arrArg.filter(function (elem, pos, arr) {
|
|
1180
1136
|
return arr.indexOf(elem) === pos;
|
|
1181
1137
|
}) : [];
|
|
1182
1138
|
};
|
|
1183
|
-
var unique$1 = unique;
|
|
1184
1139
|
|
|
1185
|
-
var
|
|
1140
|
+
var _validateFields = function validateFields(fields, value) {
|
|
1186
1141
|
return fields.reduce(function (acc, field) {
|
|
1187
1142
|
if (acc === true) {
|
|
1188
1143
|
if (field.type === 'fields' && field.fields) {
|
|
1189
|
-
return
|
|
1144
|
+
return _validateFields(field.fields, value);
|
|
1190
1145
|
}
|
|
1191
1146
|
var val = value && value[field.name] ? value[field.name] : false;
|
|
1192
1147
|
return !(field.required && !val);
|
|
@@ -1194,7 +1149,6 @@ var validateFields = function validateFields(fields, value) {
|
|
|
1194
1149
|
return acc;
|
|
1195
1150
|
}, true);
|
|
1196
1151
|
};
|
|
1197
|
-
var validateFields$1 = validateFields;
|
|
1198
1152
|
|
|
1199
1153
|
var getContrastingColor = function getContrastingColor(backgroundColor) {
|
|
1200
1154
|
var _ref = backgroundColor || {},
|
|
@@ -1208,6 +1162,5 @@ var getContrastingColor = function getContrastingColor(backgroundColor) {
|
|
|
1208
1162
|
}
|
|
1209
1163
|
return tinycolor(color).spin(30).toString();
|
|
1210
1164
|
};
|
|
1211
|
-
var getContrastingColor$1 = getContrastingColor;
|
|
1212
1165
|
|
|
1213
|
-
export { convertStyleToString
|
|
1166
|
+
export { convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, easings, getColorAsString, getComponentFromName, getContrastingColor, getDeviceScreens, getDisplayName, _getFieldByName as getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getFooterProps, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getScreenFieldsWithStates, getSecondsFromTime, getShadowCoords, getStyleFromAlignment, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, getVideoSupportedMimes, isFooterFilled, isHeaderFilled, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, _setValue as setFieldValue, slug, unique, _validateFields as validateFields };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/core",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.576",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
"dependencies": {
|
|
107
107
|
"@babel/runtime": "^7.13.10",
|
|
108
108
|
"@folklore/fetch": "^0.1.17",
|
|
109
|
-
"@folklore/forms": "
|
|
109
|
+
"@folklore/forms": "~0.0.23",
|
|
110
110
|
"@folklore/routes": "^0.2.27",
|
|
111
111
|
"@folklore/services": "^0.1.24",
|
|
112
112
|
"@folklore/size": "^0.1.20",
|
|
@@ -144,5 +144,5 @@
|
|
|
144
144
|
"access": "public",
|
|
145
145
|
"registry": "https://registry.npmjs.org/"
|
|
146
146
|
},
|
|
147
|
-
"gitHead": "
|
|
147
|
+
"gitHead": "fa6ef8f8ed78d40e2a96e669c9cd794a50269c4b"
|
|
148
148
|
}
|