@micromag/fields 0.3.813 → 0.3.820
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/styles.css +1 -1
- package/es/all.js +113 -36
- package/es/index.js +143 -46
- package/package.json +8 -8
package/assets/css/styles.css
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
.micromag-fields-slider-container{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.micromag-fields-slider-container .micromag-fields-slider-slider{padding:0 .5rem;position:relative;top:-2px}.micromag-fields-slider-container .micromag-fields-slider-input{font-size:.75rem;margin-left:.25rem;width:5em}.micromag-fields-slider-container .micromag-fields-slider-unit{font-size:.75rem;margin-left:.25rem}.micromag-fields-slider-container .rc-slider{border-radius:6px;height:14px;padding:5px 0;position:relative;-ms-touch-action:none;touch-action:none;width:100%}.micromag-fields-slider-container .rc-slider,.micromag-fields-slider-container .rc-slider *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.micromag-fields-slider-container .rc-slider-rail{background-color:#e9e9e9;border-radius:6px;height:4px;position:absolute;width:100%}.micromag-fields-slider-container .rc-slider-track,.micromag-fields-slider-container .rc-slider-tracks{background-color:#abe2fb;border-radius:6px;height:4px;position:absolute}.micromag-fields-slider-container .rc-slider-track-draggable{background-clip:content-box;border-bottom:5px solid rgba(0,0,0,0);border-top:5px solid rgba(0,0,0,0);-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);z-index:1}.micromag-fields-slider-container .rc-slider-handle{background-color:#fff;border:2px solid #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;height:14px;margin-top:-5px;opacity:.8;position:absolute;-ms-touch-action:pan-x;touch-action:pan-x;width:14px;z-index:1}.micromag-fields-slider-container .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;-webkit-box-shadow:0 0 0 5px #96dbfa;box-shadow:0 0 0 5px #96dbfa}.micromag-fields-slider-container .rc-slider-handle:focus{-webkit-box-shadow:none;box-shadow:none;outline:none}.micromag-fields-slider-container .rc-slider-handle:focus-visible{border-color:#2db7f5;-webkit-box-shadow:0 0 0 3px #96dbfa;box-shadow:0 0 0 3px #96dbfa}.micromag-fields-slider-container .rc-slider-handle-click-focused:focus{border-color:#96dbfa;-webkit-box-shadow:none;-webkit-box-shadow:initial;box-shadow:none}.micromag-fields-slider-container .rc-slider-handle:hover{border-color:#57c5f7}.micromag-fields-slider-container .rc-slider-handle:active{border-color:#57c5f7;-webkit-box-shadow:0 0 5px #57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.micromag-fields-slider-container .rc-slider-mark{font-size:12px;left:0;position:absolute;top:18px;width:100%}.micromag-fields-slider-container .rc-slider-mark-text{color:#999;cursor:pointer;display:inline-block;position:absolute;text-align:center;vertical-align:middle}.micromag-fields-slider-container .rc-slider-mark-text-active{color:#666}.micromag-fields-slider-container .rc-slider-step{background:transparent;height:4px;position:absolute;width:100%}.micromag-fields-slider-container .rc-slider-dot{background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;bottom:-2px;cursor:pointer;height:8px;position:absolute;vertical-align:middle;width:8px}.micromag-fields-slider-container .rc-slider-dot-active{border-color:#96dbfa}.micromag-fields-slider-container .rc-slider-dot-reverse{margin-right:-4px}.micromag-fields-slider-container .rc-slider-disabled{background-color:#e9e9e9}.micromag-fields-slider-container .rc-slider-disabled .rc-slider-track{background-color:#ccc}.micromag-fields-slider-container .rc-slider-disabled .rc-slider-dot,.micromag-fields-slider-container .rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.micromag-fields-slider-container .rc-slider-disabled .rc-slider-dot,.micromag-fields-slider-container .rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.micromag-fields-slider-container .rc-slider-vertical{height:100%;padding:0 5px;width:14px}.micromag-fields-slider-container .rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.micromag-fields-slider-container .rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.micromag-fields-slider-container .rc-slider-vertical .rc-slider-track-draggable{border-bottom:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:0;-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px)}.micromag-fields-slider-container .rc-slider-vertical .rc-slider-handle{margin-left:-5px;margin-top:0;position:absolute;-ms-touch-action:pan-y;touch-action:pan-y;z-index:1}.micromag-fields-slider-container .rc-slider-vertical .rc-slider-mark{height:100%;left:18px;top:0}.micromag-fields-slider-container .rc-slider-vertical .rc-slider-step{height:100%;width:4px}.micromag-fields-slider-container .rc-slider-vertical .rc-slider-dot{margin-left:-2px}.micromag-fields-slider-container .rc-slider-tooltip-zoom-down-appear,.micromag-fields-slider-container .rc-slider-tooltip-zoom-down-enter,.micromag-fields-slider-container .rc-slider-tooltip-zoom-down-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused;display:block!important}.micromag-fields-slider-container .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.micromag-fields-slider-container .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{-webkit-animation-name:rcSliderTooltipZoomDownIn;animation-name:rcSliderTooltipZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.micromag-fields-slider-container .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{-webkit-animation-name:rcSliderTooltipZoomDownOut;animation-name:rcSliderTooltipZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running}.micromag-fields-slider-container .rc-slider-tooltip-zoom-down-appear,.micromag-fields-slider-container .rc-slider-tooltip-zoom-down-enter{-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.micromag-fields-slider-container .rc-slider-tooltip-zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@-webkit-keyframes micromag-fields-slider-rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes micromag-fields-slider-rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@-webkit-keyframes micromag-fields-slider-rcSliderTooltipZoomDownOut{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes micromag-fields-slider-rcSliderTooltipZoomDownOut{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}.micromag-fields-slider-container .rc-slider-tooltip{left:-9999px;position:absolute;top:-9999px;visibility:visible}.micromag-fields-slider-container .rc-slider-tooltip,.micromag-fields-slider-container .rc-slider-tooltip *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.micromag-fields-slider-container .rc-slider-tooltip-hidden{display:none}.micromag-fields-slider-container .rc-slider-tooltip-placement-top{padding:4px 0 8px}.micromag-fields-slider-container .rc-slider-tooltip-inner{background-color:#6c6c6c;border-radius:6px;-webkit-box-shadow:0 0 4px #d9d9d9;box-shadow:0 0 4px #d9d9d9;color:#fff;font-size:12px;height:24px;line-height:1;min-width:24px;padding:6px 2px;text-align:center;-webkit-text-decoration:none;text-decoration:none}.micromag-fields-slider-container .rc-slider-tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.micromag-fields-slider-container .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-top-color:#6c6c6c;border-width:4px 4px 0;bottom:4px;left:50%;margin-left:-4px}
|
|
17
17
|
.micromag-fields-border-width-container{padding-bottom:1rem}
|
|
18
18
|
.micromag-fields-box-style-preview{display:block;height:1em;position:relative;width:2em}.micromag-fields-box-style-preview .micromag-fields-box-style-box{display:block;height:400%;left:0;position:absolute;top:0;-webkit-transform:scale(.25);-ms-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:400%}
|
|
19
|
-
.micromag-fields-button-layout-container{width:100%}.micromag-fields-button-layout-button{color:#ccc
|
|
19
|
+
.micromag-fields-button-layout-container{width:100%}.micromag-fields-button-layout-button{color:#ccc;padding:.66em;width:100%}.micromag-fields-button-layout-button .micromag-fields-button-layout-placeholderText{padding:0 2px}.micromag-fields-button-layout-button .micromag-fields-button-layout-placeholderTextOver{bottom:6px;color:#6c6c6c;left:25%;position:absolute;width:50%}.micromag-fields-button-layout-button .micromag-fields-button-layout-placeholderTextRight{width:.625em}.micromag-fields-button-layout-button.micromag-fields-button-layout-active,.micromag-fields-button-layout-button:active,.micromag-fields-button-layout-button:hover{color:#1c1c1c}.micromag-fields-button-layout-button.micromag-fields-button-layout-active .micromag-fields-button-layout-placeholderTextOver,.micromag-fields-button-layout-button:active .micromag-fields-button-layout-placeholderTextOver,.micromag-fields-button-layout-button:hover .micromag-fields-button-layout-placeholderTextOver{opacity:.6}.micromag-fields-button-layout-layout{height:120px;position:relative;width:80px}.micromag-fields-button-layout-type{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;height:40px;justify-content:center;width:40px}
|
|
20
20
|
.micromag-fields-call-to-action-container .micromag-fields-call-to-action-field{display:none;margin-bottom:0}.micromag-fields-call-to-action-container .micromag-fields-call-to-action-field:first-child{display:block}.micromag-fields-call-to-action-container .micromag-fields-call-to-action-field:first-child button{display:block;margin-left:auto}.micromag-fields-call-to-action-container.micromag-fields-call-to-action-active .micromag-fields-call-to-action-field{display:block;margin-bottom:1rem}
|
|
21
21
|
.micromag-fields-toggle-section-container .micromag-fields-toggle-section-field{display:none;margin-bottom:0}.micromag-fields-toggle-section-container .micromag-fields-toggle-section-field:first-child{display:block}.micromag-fields-toggle-section-container .micromag-fields-toggle-section-field:first-child button{display:block;margin-left:auto}.micromag-fields-toggle-section-container.micromag-fields-toggle-section-enabled .micromag-fields-toggle-section-field{display:block;margin-bottom:1rem}
|
|
22
22
|
.micromag-fields-date-container{position:relative}.micromag-fields-date-container .micromag-fields-date-input::-webkit-inner-spin-button,.micromag-fields-date-container .micromag-fields-date-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.micromag-fields-date-container .micromag-fields-date-input{-moz-appearance:textfield;margin-left:auto;padding-right:20px;width:100%}
|
package/es/all.js
CHANGED
|
@@ -1721,41 +1721,37 @@ var def$1 = {
|
|
|
1721
1721
|
"value": "Spacing"
|
|
1722
1722
|
}]
|
|
1723
1723
|
})
|
|
1724
|
-
},
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
}]
|
|
1756
|
-
})
|
|
1757
|
-
}]
|
|
1758
|
-
}, {
|
|
1724
|
+
},
|
|
1725
|
+
// {
|
|
1726
|
+
// name: 'image',
|
|
1727
|
+
// type: 'fields',
|
|
1728
|
+
// label: defineMessage({
|
|
1729
|
+
// defaultMessage: 'Image',
|
|
1730
|
+
// description: 'Fields section label',
|
|
1731
|
+
// }),
|
|
1732
|
+
// isList: true,
|
|
1733
|
+
// fields: [
|
|
1734
|
+
// {
|
|
1735
|
+
// name: 'width',
|
|
1736
|
+
// type: 'number',
|
|
1737
|
+
// isHorizontal: true,
|
|
1738
|
+
// label: defineMessage({
|
|
1739
|
+
// defaultMessage: 'Width',
|
|
1740
|
+
// description: 'Field label',
|
|
1741
|
+
// }),
|
|
1742
|
+
// },
|
|
1743
|
+
// {
|
|
1744
|
+
// name: 'height',
|
|
1745
|
+
// type: 'number',
|
|
1746
|
+
// isHorizontal: true,
|
|
1747
|
+
// label: defineMessage({
|
|
1748
|
+
// defaultMessage: 'Height',
|
|
1749
|
+
// description: 'Field label',
|
|
1750
|
+
// }),
|
|
1751
|
+
// },
|
|
1752
|
+
// ],
|
|
1753
|
+
// },
|
|
1754
|
+
{
|
|
1759
1755
|
name: 'withSquareItems',
|
|
1760
1756
|
type: 'toggle',
|
|
1761
1757
|
label: defineMessage({
|
|
@@ -2248,6 +2244,16 @@ var quizPointsAnswer = {
|
|
|
2248
2244
|
"value": "Label"
|
|
2249
2245
|
}]
|
|
2250
2246
|
})
|
|
2247
|
+
}, {
|
|
2248
|
+
name: 'visual',
|
|
2249
|
+
type: 'visual',
|
|
2250
|
+
label: defineMessage({
|
|
2251
|
+
id: "xT/onn",
|
|
2252
|
+
defaultMessage: [{
|
|
2253
|
+
"type": 0,
|
|
2254
|
+
"value": "Image"
|
|
2255
|
+
}]
|
|
2256
|
+
})
|
|
2251
2257
|
}, {
|
|
2252
2258
|
name: 'good',
|
|
2253
2259
|
type: 'true-false',
|
|
@@ -2285,6 +2291,17 @@ var quizPointsAnswer = {
|
|
|
2285
2291
|
// }),
|
|
2286
2292
|
// },
|
|
2287
2293
|
{
|
|
2294
|
+
name: 'buttonLayout',
|
|
2295
|
+
type: 'button-layout',
|
|
2296
|
+
label: defineMessage({
|
|
2297
|
+
id: "OPxJx/",
|
|
2298
|
+
defaultMessage: [{
|
|
2299
|
+
"type": 0,
|
|
2300
|
+
"value": "Layout"
|
|
2301
|
+
}]
|
|
2302
|
+
}),
|
|
2303
|
+
types: ['label-bottom', 'label-top', 'no-label', 'label-over', 'label-left', 'label-right']
|
|
2304
|
+
}, {
|
|
2288
2305
|
type: 'fields',
|
|
2289
2306
|
isList: true,
|
|
2290
2307
|
fields: [{
|
|
@@ -2335,6 +2352,66 @@ var radios = {
|
|
|
2335
2352
|
component: 'radios'
|
|
2336
2353
|
};
|
|
2337
2354
|
|
|
2355
|
+
var richButtonStyles = {
|
|
2356
|
+
id: 'rich-button-styles',
|
|
2357
|
+
fields: [{
|
|
2358
|
+
name: 'layout',
|
|
2359
|
+
type: 'button-layout',
|
|
2360
|
+
label: defineMessage({
|
|
2361
|
+
id: "OPxJx/",
|
|
2362
|
+
defaultMessage: [{
|
|
2363
|
+
"type": 0,
|
|
2364
|
+
"value": "Layout"
|
|
2365
|
+
}]
|
|
2366
|
+
})
|
|
2367
|
+
}, {
|
|
2368
|
+
name: 'visualWidth',
|
|
2369
|
+
type: 'slider',
|
|
2370
|
+
label: defineMessage({
|
|
2371
|
+
id: "JGvpwT",
|
|
2372
|
+
defaultMessage: [{
|
|
2373
|
+
"type": 0,
|
|
2374
|
+
"value": "Visual width"
|
|
2375
|
+
}]
|
|
2376
|
+
}),
|
|
2377
|
+
min: 0,
|
|
2378
|
+
max: 100,
|
|
2379
|
+
step: 1,
|
|
2380
|
+
unit: '%',
|
|
2381
|
+
withInput: true
|
|
2382
|
+
}, {
|
|
2383
|
+
name: 'textStyle',
|
|
2384
|
+
type: 'text-style-form',
|
|
2385
|
+
label: defineMessage({
|
|
2386
|
+
id: "rzXCu2",
|
|
2387
|
+
defaultMessage: [{
|
|
2388
|
+
"type": 0,
|
|
2389
|
+
"value": "Label style"
|
|
2390
|
+
}]
|
|
2391
|
+
})
|
|
2392
|
+
}, {
|
|
2393
|
+
name: 'labelBoxStyle',
|
|
2394
|
+
type: 'box-style-form',
|
|
2395
|
+
label: defineMessage({
|
|
2396
|
+
id: "PYokTY",
|
|
2397
|
+
defaultMessage: [{
|
|
2398
|
+
"type": 0,
|
|
2399
|
+
"value": "Label box style"
|
|
2400
|
+
}]
|
|
2401
|
+
})
|
|
2402
|
+
}, {
|
|
2403
|
+
name: 'boxStyle',
|
|
2404
|
+
type: 'box-style-form',
|
|
2405
|
+
label: defineMessage({
|
|
2406
|
+
id: "nno1Pq",
|
|
2407
|
+
defaultMessage: [{
|
|
2408
|
+
"type": 0,
|
|
2409
|
+
"value": "Button style"
|
|
2410
|
+
}]
|
|
2411
|
+
})
|
|
2412
|
+
}]
|
|
2413
|
+
};
|
|
2414
|
+
|
|
2338
2415
|
var screenLayout = {
|
|
2339
2416
|
id: 'screen-layout',
|
|
2340
2417
|
component: 'screen-layout'
|
|
@@ -2844,4 +2921,4 @@ var visuals = {
|
|
|
2844
2921
|
}
|
|
2845
2922
|
};
|
|
2846
2923
|
|
|
2847
|
-
export { alignHorizontal, alignVertical, alignment, alternative, alternatives, answer, answers, audio, audioElement, authorElement, background, backgroundRecommendation, badge, borderRadius, borderStyle, borderWidth, def$5 as boxStyle, boxStyleForm, button, buttonElement, buttonLayout, buttonLink, buttons, def$4 as callToAction, callToActionForm, captions, cardLayout, checkboxes, closedCaptions, color, conversation, customAnswer, date, dateElement, datetime, email, entries, entriesWithImage, entriesWithVisual, entry, entryWithImage, entryWithVisual, fieldWithForm, fields$3 as fields, fit, font, fontFamily, fontSize, fontWeight, fonts, footer, gameSortItem, gameSortItems, geoPosition, def$2 as graphBarStyle, graphBarStyleForm, header, headingElement, image, imageWithCaption, images, imagesWithCaption, inputElement, itemTextStyle, items, def$1 as keypadLayout, keypadLayoutForm, letterSpacing, lineHeight, mapZoom, marker, markerWithImage, markers, markersWithImage, mediaThumbnail, message, messages, metadata, number, padding, parameters, password, quizAnswer, quizAnswers, quizPointsAnswer, quizPointsAnswers, radios, screenLayout, select, shadowAngle, def$3 as shareIncentive, shareIncentiveForm, slider, speaker, speakers, text, textElement, textModal, def as textStyle, textStyleForm, toggle, tokens, trueFalse, url, video, videoElement, visual, visualWithCaption, visuals, visualsWithCaption };
|
|
2924
|
+
export { alignHorizontal, alignVertical, alignment, alternative, alternatives, answer, answers, audio, audioElement, authorElement, background, backgroundRecommendation, badge, borderRadius, borderStyle, borderWidth, def$5 as boxStyle, boxStyleForm, button, buttonElement, buttonLayout, buttonLink, buttons, def$4 as callToAction, callToActionForm, captions, cardLayout, checkboxes, closedCaptions, color, conversation, customAnswer, date, dateElement, datetime, email, entries, entriesWithImage, entriesWithVisual, entry, entryWithImage, entryWithVisual, fieldWithForm, fields$3 as fields, fit, font, fontFamily, fontSize, fontWeight, fonts, footer, gameSortItem, gameSortItems, geoPosition, def$2 as graphBarStyle, graphBarStyleForm, header, headingElement, image, imageWithCaption, images, imagesWithCaption, inputElement, itemTextStyle, items, def$1 as keypadLayout, keypadLayoutForm, letterSpacing, lineHeight, mapZoom, marker, markerWithImage, markers, markersWithImage, mediaThumbnail, message, messages, metadata, number, padding, parameters, password, quizAnswer, quizAnswers, quizPointsAnswer, quizPointsAnswers, radios, richButtonStyles, screenLayout, select, shadowAngle, def$3 as shareIncentive, shareIncentiveForm, slider, speaker, speakers, text, textElement, textModal, def as textStyle, textStyleForm, toggle, tokens, trueFalse, url, video, videoElement, visual, visualWithCaption, visuals, visualsWithCaption };
|
package/es/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
|
|
|
8
8
|
import { useFieldsManager, useFieldComponent, useFieldContext, FieldsValueContextProvider, useGetColors, FieldContextProvider, useFonts, useGoogleMapsClient, useFieldsValue, useScreenDefinition, ComponentsProvider, FIELDS_NAMESPACE, FieldsProvider as FieldsProvider$1 } from '@micromag/core/contexts';
|
|
9
9
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
10
10
|
import classNames from 'classnames';
|
|
11
|
-
import { Label, Button, Empty, ClearButton, Modal, ModalDialog,
|
|
11
|
+
import { Label, Button, Empty, ClearButton, Modal, ModalDialog, PlaceholderText, PlaceholderImage, PlaceholderTitle, ScreenPlaceholder, LinkStyle, HighlightStyle } from '@micromag/core/components';
|
|
12
12
|
import isObject from 'lodash/isObject';
|
|
13
13
|
import { faArrowDown } from '@fortawesome/free-solid-svg-icons/faArrowDown';
|
|
14
14
|
import { faArrowLeft } from '@fortawesome/free-solid-svg-icons/faArrowLeft';
|
|
@@ -1778,41 +1778,37 @@ var def$1 = {
|
|
|
1778
1778
|
"value": "Spacing"
|
|
1779
1779
|
}]
|
|
1780
1780
|
})
|
|
1781
|
-
},
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
}]
|
|
1813
|
-
})
|
|
1814
|
-
}]
|
|
1815
|
-
}, {
|
|
1781
|
+
},
|
|
1782
|
+
// {
|
|
1783
|
+
// name: 'image',
|
|
1784
|
+
// type: 'fields',
|
|
1785
|
+
// label: defineMessage({
|
|
1786
|
+
// defaultMessage: 'Image',
|
|
1787
|
+
// description: 'Fields section label',
|
|
1788
|
+
// }),
|
|
1789
|
+
// isList: true,
|
|
1790
|
+
// fields: [
|
|
1791
|
+
// {
|
|
1792
|
+
// name: 'width',
|
|
1793
|
+
// type: 'number',
|
|
1794
|
+
// isHorizontal: true,
|
|
1795
|
+
// label: defineMessage({
|
|
1796
|
+
// defaultMessage: 'Width',
|
|
1797
|
+
// description: 'Field label',
|
|
1798
|
+
// }),
|
|
1799
|
+
// },
|
|
1800
|
+
// {
|
|
1801
|
+
// name: 'height',
|
|
1802
|
+
// type: 'number',
|
|
1803
|
+
// isHorizontal: true,
|
|
1804
|
+
// label: defineMessage({
|
|
1805
|
+
// defaultMessage: 'Height',
|
|
1806
|
+
// description: 'Field label',
|
|
1807
|
+
// }),
|
|
1808
|
+
// },
|
|
1809
|
+
// ],
|
|
1810
|
+
// },
|
|
1811
|
+
{
|
|
1816
1812
|
name: 'withSquareItems',
|
|
1817
1813
|
type: 'toggle',
|
|
1818
1814
|
label: defineMessage({
|
|
@@ -2305,6 +2301,16 @@ var quizPointsAnswer = {
|
|
|
2305
2301
|
"value": "Label"
|
|
2306
2302
|
}]
|
|
2307
2303
|
})
|
|
2304
|
+
}, {
|
|
2305
|
+
name: 'visual',
|
|
2306
|
+
type: 'visual',
|
|
2307
|
+
label: defineMessage({
|
|
2308
|
+
id: "xT/onn",
|
|
2309
|
+
defaultMessage: [{
|
|
2310
|
+
"type": 0,
|
|
2311
|
+
"value": "Image"
|
|
2312
|
+
}]
|
|
2313
|
+
})
|
|
2308
2314
|
}, {
|
|
2309
2315
|
name: 'good',
|
|
2310
2316
|
type: 'true-false',
|
|
@@ -2342,6 +2348,17 @@ var quizPointsAnswer = {
|
|
|
2342
2348
|
// }),
|
|
2343
2349
|
// },
|
|
2344
2350
|
{
|
|
2351
|
+
name: 'buttonLayout',
|
|
2352
|
+
type: 'button-layout',
|
|
2353
|
+
label: defineMessage({
|
|
2354
|
+
id: "OPxJx/",
|
|
2355
|
+
defaultMessage: [{
|
|
2356
|
+
"type": 0,
|
|
2357
|
+
"value": "Layout"
|
|
2358
|
+
}]
|
|
2359
|
+
}),
|
|
2360
|
+
types: ['label-bottom', 'label-top', 'no-label', 'label-over', 'label-left', 'label-right']
|
|
2361
|
+
}, {
|
|
2345
2362
|
type: 'fields',
|
|
2346
2363
|
isList: true,
|
|
2347
2364
|
fields: [{
|
|
@@ -2392,6 +2409,66 @@ var radios = {
|
|
|
2392
2409
|
component: 'radios'
|
|
2393
2410
|
};
|
|
2394
2411
|
|
|
2412
|
+
var richButtonStyles = {
|
|
2413
|
+
id: 'rich-button-styles',
|
|
2414
|
+
fields: [{
|
|
2415
|
+
name: 'layout',
|
|
2416
|
+
type: 'button-layout',
|
|
2417
|
+
label: defineMessage({
|
|
2418
|
+
id: "OPxJx/",
|
|
2419
|
+
defaultMessage: [{
|
|
2420
|
+
"type": 0,
|
|
2421
|
+
"value": "Layout"
|
|
2422
|
+
}]
|
|
2423
|
+
})
|
|
2424
|
+
}, {
|
|
2425
|
+
name: 'visualWidth',
|
|
2426
|
+
type: 'slider',
|
|
2427
|
+
label: defineMessage({
|
|
2428
|
+
id: "JGvpwT",
|
|
2429
|
+
defaultMessage: [{
|
|
2430
|
+
"type": 0,
|
|
2431
|
+
"value": "Visual width"
|
|
2432
|
+
}]
|
|
2433
|
+
}),
|
|
2434
|
+
min: 0,
|
|
2435
|
+
max: 100,
|
|
2436
|
+
step: 1,
|
|
2437
|
+
unit: '%',
|
|
2438
|
+
withInput: true
|
|
2439
|
+
}, {
|
|
2440
|
+
name: 'textStyle',
|
|
2441
|
+
type: 'text-style-form',
|
|
2442
|
+
label: defineMessage({
|
|
2443
|
+
id: "rzXCu2",
|
|
2444
|
+
defaultMessage: [{
|
|
2445
|
+
"type": 0,
|
|
2446
|
+
"value": "Label style"
|
|
2447
|
+
}]
|
|
2448
|
+
})
|
|
2449
|
+
}, {
|
|
2450
|
+
name: 'labelBoxStyle',
|
|
2451
|
+
type: 'box-style-form',
|
|
2452
|
+
label: defineMessage({
|
|
2453
|
+
id: "PYokTY",
|
|
2454
|
+
defaultMessage: [{
|
|
2455
|
+
"type": 0,
|
|
2456
|
+
"value": "Label box style"
|
|
2457
|
+
}]
|
|
2458
|
+
})
|
|
2459
|
+
}, {
|
|
2460
|
+
name: 'boxStyle',
|
|
2461
|
+
type: 'box-style-form',
|
|
2462
|
+
label: defineMessage({
|
|
2463
|
+
id: "nno1Pq",
|
|
2464
|
+
defaultMessage: [{
|
|
2465
|
+
"type": 0,
|
|
2466
|
+
"value": "Button style"
|
|
2467
|
+
}]
|
|
2468
|
+
})
|
|
2469
|
+
}]
|
|
2470
|
+
};
|
|
2471
|
+
|
|
2395
2472
|
var screenLayout = {
|
|
2396
2473
|
id: 'screen-layout',
|
|
2397
2474
|
component: 'screen-layout'
|
|
@@ -2990,6 +3067,7 @@ var allFields = /*#__PURE__*/Object.freeze({
|
|
|
2990
3067
|
quizPointsAnswer: quizPointsAnswer,
|
|
2991
3068
|
quizPointsAnswers: quizPointsAnswers,
|
|
2992
3069
|
radios: radios,
|
|
3070
|
+
richButtonStyles: richButtonStyles,
|
|
2993
3071
|
screenLayout: screenLayout,
|
|
2994
3072
|
select: select,
|
|
2995
3073
|
shadowAngle: shadowAngle,
|
|
@@ -5390,7 +5468,7 @@ BoxStyleForm.propTypes = propTypes$1b;
|
|
|
5390
5468
|
BoxStyleForm.defaultProps = defaultProps$1b;
|
|
5391
5469
|
BoxStyleForm.withForm = true;
|
|
5392
5470
|
|
|
5393
|
-
var styles$s = {"container":"micromag-fields-button-layout-container","button":"micromag-fields-button-layout-button","placeholderText":"micromag-fields-button-layout-placeholderText","placeholderTextOver":"micromag-fields-button-layout-placeholderTextOver","active":"micromag-fields-button-layout-active"};
|
|
5471
|
+
var styles$s = {"container":"micromag-fields-button-layout-container","button":"micromag-fields-button-layout-button","placeholderText":"micromag-fields-button-layout-placeholderText","placeholderTextOver":"micromag-fields-button-layout-placeholderTextOver","placeholderTextRight":"micromag-fields-button-layout-placeholderTextRight","active":"micromag-fields-button-layout-active"};
|
|
5394
5472
|
|
|
5395
5473
|
var propTypes$1a = {
|
|
5396
5474
|
types: PropTypes.arrayOf(PropTypes.string),
|
|
@@ -5400,7 +5478,7 @@ var propTypes$1a = {
|
|
|
5400
5478
|
onChange: PropTypes.func
|
|
5401
5479
|
};
|
|
5402
5480
|
var defaultProps$1a = {
|
|
5403
|
-
types: ['label-bottom', 'label-top', 'no-label', 'label-over'],
|
|
5481
|
+
types: ['label-bottom', 'label-top', 'no-label', 'label-over', 'label-right', 'label-left'],
|
|
5404
5482
|
value: null,
|
|
5405
5483
|
defaultValue: null,
|
|
5406
5484
|
className: null,
|
|
@@ -5413,11 +5491,10 @@ var ButtonLayout = function ButtonLayout(_ref) {
|
|
|
5413
5491
|
className = _ref.className,
|
|
5414
5492
|
onChange = _ref.onChange;
|
|
5415
5493
|
var finalValue = value === null && defaultValue !== null ? defaultValue : value;
|
|
5416
|
-
var onButtonLayoutChange = useCallback(function (
|
|
5417
|
-
|
|
5418
|
-
|
|
5494
|
+
var onButtonLayoutChange = useCallback(function () {
|
|
5495
|
+
var newVal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
5419
5496
|
onChange(newVal);
|
|
5420
|
-
}, [finalValue]);
|
|
5497
|
+
}, [finalValue, onChange]);
|
|
5421
5498
|
var getLayoutPreviewByType = useCallback(function (type) {
|
|
5422
5499
|
switch (type) {
|
|
5423
5500
|
case 'label-bottom':
|
|
@@ -5452,14 +5529,34 @@ var ButtonLayout = function ButtonLayout(_ref) {
|
|
|
5452
5529
|
lines: 1,
|
|
5453
5530
|
withInvertedColors: false
|
|
5454
5531
|
}));
|
|
5532
|
+
case 'label-right':
|
|
5533
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
5534
|
+
className: classNames(['d-flex', 'flex-row', 'align-items-center'])
|
|
5535
|
+
}, /*#__PURE__*/React.createElement(PlaceholderImage, {
|
|
5536
|
+
width: "0.625em",
|
|
5537
|
+
height: "1.25em"
|
|
5538
|
+
}), /*#__PURE__*/React.createElement(PlaceholderText, {
|
|
5539
|
+
className: classNames([styles$s.placeholderText, styles$s.placeholderTextRight]),
|
|
5540
|
+
lines: 1,
|
|
5541
|
+
lineMargin: 1
|
|
5542
|
+
}));
|
|
5543
|
+
case 'label-left':
|
|
5544
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
5545
|
+
className: classNames(['d-flex', 'flex-row', 'align-items-center'])
|
|
5546
|
+
}, /*#__PURE__*/React.createElement(PlaceholderText, {
|
|
5547
|
+
className: classNames([styles$s.placeholderText, styles$s.placeholderTextRight]),
|
|
5548
|
+
lines: 1,
|
|
5549
|
+
lineMargin: 1
|
|
5550
|
+
}), /*#__PURE__*/React.createElement(PlaceholderImage, {
|
|
5551
|
+
width: "0.625em",
|
|
5552
|
+
height: "1.25em"
|
|
5553
|
+
}));
|
|
5455
5554
|
default:
|
|
5456
5555
|
return /*#__PURE__*/React.createElement("div", null);
|
|
5457
5556
|
}
|
|
5458
5557
|
}, []);
|
|
5459
5558
|
return /*#__PURE__*/React.createElement("div", {
|
|
5460
|
-
className: classNames(['d-flex', _defineProperty({}, className, className !== null)])
|
|
5461
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5462
|
-
className: classNames(['d-inline-flex', 'me-auto'])
|
|
5559
|
+
className: classNames(['d-flex', 'w-100', _defineProperty({}, className, className !== null)])
|
|
5463
5560
|
}, /*#__PURE__*/React.createElement(Radios, {
|
|
5464
5561
|
options: types.map(function (type) {
|
|
5465
5562
|
return {
|
|
@@ -5473,7 +5570,7 @@ var ButtonLayout = function ButtonLayout(_ref) {
|
|
|
5473
5570
|
activeClassName: styles$s.active,
|
|
5474
5571
|
onChange: onButtonLayoutChange,
|
|
5475
5572
|
uncheckable: true
|
|
5476
|
-
}))
|
|
5573
|
+
}));
|
|
5477
5574
|
};
|
|
5478
5575
|
ButtonLayout.propTypes = propTypes$1a;
|
|
5479
5576
|
ButtonLayout.defaultProps = defaultProps$1a;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/fields",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.820",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -80,12 +80,12 @@
|
|
|
80
80
|
"@fortawesome/free-solid-svg-icons": "^6.5.2",
|
|
81
81
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
82
82
|
"@micromag/ckeditor": "^0.3.811",
|
|
83
|
-
"@micromag/core": "^0.3.
|
|
84
|
-
"@micromag/data": "^0.3.
|
|
85
|
-
"@micromag/element-grid": "^0.3.
|
|
86
|
-
"@micromag/element-keypad": "^0.3.
|
|
87
|
-
"@micromag/element-map": "^0.3.
|
|
88
|
-
"@micromag/media-gallery": "^0.3.
|
|
83
|
+
"@micromag/core": "^0.3.820",
|
|
84
|
+
"@micromag/data": "^0.3.820",
|
|
85
|
+
"@micromag/element-grid": "^0.3.820",
|
|
86
|
+
"@micromag/element-keypad": "^0.3.820",
|
|
87
|
+
"@micromag/element-map": "^0.3.820",
|
|
88
|
+
"@micromag/media-gallery": "^0.3.820",
|
|
89
89
|
"@panneau/uppy": "^3.0.162",
|
|
90
90
|
"classnames": "^2.2.6",
|
|
91
91
|
"draft-js": "^0.11.7",
|
|
@@ -105,5 +105,5 @@
|
|
|
105
105
|
"access": "public",
|
|
106
106
|
"registry": "https://registry.npmjs.org/"
|
|
107
107
|
},
|
|
108
|
-
"gitHead": "
|
|
108
|
+
"gitHead": "c4ef0ae4055720a367551328e824ad3b111e4c9f"
|
|
109
109
|
}
|