@micromag/editor 0.3.506 → 0.3.509
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 +9 -9
- package/es/index.js +10 -53
- package/lib/index.js +15 -58
- package/package.json +12 -11
package/assets/css/styles.css
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
.micromag-editor-forms-screen-container{padding:.5rem;position:relative}.micromag-editor-forms-screen-container .micromag-editor-forms-screen-inner{
|
|
1
|
+
.micromag-editor-forms-screen-container{padding:.5rem;position:relative}.micromag-editor-forms-screen-container .micromag-editor-forms-screen-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}
|
|
2
2
|
.micromag-editor-menus-breadcrumb-container li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.micromag-editor-menus-breadcrumb-container li:before{float:none}.micromag-editor-menus-breadcrumb-container li:last-child{-ms-flex-negative:0;flex-shrink:0}
|
|
3
|
-
.micromag-editor-modals-delete-screen-container .micromag-editor-modals-delete-screen-description{margin-bottom:10px}.micromag-editor-modals-delete-screen-container .micromag-editor-modals-delete-screen-actions{-
|
|
3
|
+
.micromag-editor-modals-delete-screen-container .micromag-editor-modals-delete-screen-description{margin-bottom:10px}.micromag-editor-modals-delete-screen-container .micromag-editor-modals-delete-screen-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
|
|
4
4
|
.micromag-editor-form-panel.micromag-editor-form-exit{left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-editor-form-content{position:relative}.micromag-editor-form-navbar{background-color:#1c1c1c;z-index:999}.micromag-editor-form-panel{position:relative}.micromag-editor-form-panel.micromag-editor-form-enterBottom,.micromag-editor-form-panel.micromag-editor-form-enterLeft,.micromag-editor-form-panel.micromag-editor-form-enterRight,.micromag-editor-form-panel.micromag-editor-form-enterTop{opacity:.5;z-index:1}.micromag-editor-form-panel.micromag-editor-form-enterRight{-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%)}.micromag-editor-form-panel.micromag-editor-form-enterLeft{-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%)}.micromag-editor-form-panel.micromag-editor-form-enterTop{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.micromag-editor-form-panel.micromag-editor-form-enterBottom{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.micromag-editor-form-panel.micromag-editor-form-enterActiveHorizontal,.micromag-editor-form-panel.micromag-editor-form-enterActiveVertical{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.micromag-editor-form-panel.micromag-editor-form-enterActiveHorizontal{-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out}.micromag-editor-form-panel.micromag-editor-form-enterActiveVertical{-webkit-transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out,-webkit-transform .5s ease-out}.micromag-editor-form-panel.micromag-editor-form-exit{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.micromag-editor-form-panel.micromag-editor-form-exitActiveLeft,.micromag-editor-form-panel.micromag-editor-form-exitActiveRight{opacity:.5;-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out}.micromag-editor-form-panel.micromag-editor-form-exitActiveBottom,.micromag-editor-form-panel.micromag-editor-form-exitActiveTop{opacity:.5;-webkit-transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out,-webkit-transform .5s ease-out}.micromag-editor-form-panel.micromag-editor-form-exitActiveRight{-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%)}.micromag-editor-form-panel.micromag-editor-form-exitActiveLeft{-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%)}.micromag-editor-form-panel.micromag-editor-form-exitActiveTop{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.micromag-editor-form-panel.micromag-editor-form-exitActiveBottom{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
|
|
5
5
|
.micromag-editor-menus-devices-container{display:inline-block;position:relative}.micromag-editor-menus-devices-container .micromag-editor-menus-devices-button{display:block;height:30px;padding:5px;width:40px}
|
|
6
6
|
.micromag-editor-buttons-device-container .micromag-editor-buttons-device-icon{display:block;height:auto;max-height:100%;width:100%}
|
|
7
|
-
.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;font-family:inherit;padding:0;position:relative}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-border,.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-button,.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-inner{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-editor-buttons-screen-container{overflow:hidden;position:relative}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-button{display:inline-block;position:absolute!important}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-border{display:block}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen{display:block;height:0;padding-bottom:150%;pointer-events:none;position:relative;width:100%}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-inner{-
|
|
8
|
-
.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-index,.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-name{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-editor-buttons-screen-with-preview-button{display:block;position:relative;-webkit-transition:-webkit-filter .2s ease;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-index{
|
|
7
|
+
.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;font-family:inherit;padding:0;position:relative}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-border,.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-button,.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-inner{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-editor-buttons-screen-container{overflow:hidden;position:relative}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-button{display:inline-block;position:absolute!important}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-border{display:block}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen{display:block;height:0;padding-bottom:150%;pointer-events:none;position:relative;width:100%}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-icon{position:relative;-ms-flex-positive:1;flex-grow:1;width:100%}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-label{font-size:.75rem;font-weight:700;padding:5px 0}.micromag-editor-buttons-screen-container.micromag-editor-buttons-screen-active .micromag-editor-buttons-screen-border{border:3px solid #a13dff;z-index:2}
|
|
8
|
+
.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-index,.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-name{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-editor-buttons-screen-with-preview-button{display:block;position:relative;-webkit-transition:-webkit-filter .2s ease;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-index{background-color:rgba(0,0,0,.4);color:#fff;font-size:1.25rem}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-index,.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-name{display:-ms-flexbox;display:flex;z-index:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;pointer-events:none;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-name{background-color:hsla(0,0%,100%,.6);color:#000!important;font-size:.8rem;padding:5px;text-align:center;text-shadow:1px solid #000;word-break:break-word}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-deleteButton{cursor:pointer;font-size:.9em;font-weight:600;opacity:0;position:absolute;right:11%;top:4%;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;z-index:3}.micromag-editor-buttons-screen-with-preview-button:hover{-webkit-filter:grayscale(.5);filter:grayscale(.5)}.micromag-editor-buttons-screen-with-preview-button.micromag-editor-buttons-screen-with-preview-withIndex:hover .micromag-editor-buttons-screen-with-preview-deleteButton,.micromag-editor-buttons-screen-with-preview-button.micromag-editor-buttons-screen-with-preview-withIndex:hover .micromag-editor-buttons-screen-with-preview-index,.micromag-editor-buttons-screen-with-preview-button.micromag-editor-buttons-screen-with-preview-withIndex:hover .micromag-editor-buttons-screen-with-preview-name{opacity:1}
|
|
9
9
|
.micromag-editor-partials-screen-states-container{display:inline-block}.micromag-editor-partials-screen-states-button{min-height:75px;width:50px}.micromag-editor-partials-screen-states-button.btn-outline-secondary{border-color:#6c6c6c;color:#6c6c6c}.micromag-editor-partials-screen-states-button.btn-outline-secondary:hover{background:transparent;border-color:#e9e9e9;color:#e9e9e9}.micromag-editor-partials-screen-states-addButton{border-style:dashed}.micromag-editor-partials-screen-states-title{font-size:.75em;padding:0 .2em;text-align:left}
|
|
10
|
-
.micromag-editor-preview-container .micromag-editor-preview-noStory,.micromag-editor-preview-container .micromag-editor-preview-story{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-editor-preview-container{position:relative}.micromag-editor-preview-container>.micromag-editor-preview-inner{
|
|
11
|
-
.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-editor-sortable-sortable-tree-item-actions-wrapper{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner{-webkit-box-
|
|
10
|
+
.micromag-editor-preview-container .micromag-editor-preview-noStory,.micromag-editor-preview-container .micromag-editor-preview-story{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-editor-preview-container{position:relative}.micromag-editor-preview-container>.micromag-editor-preview-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.micromag-editor-preview-container .micromag-editor-preview-top{display:none;padding:20px 0;width:100%}.micromag-editor-preview-container .micromag-editor-preview-bottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;max-width:100%;overflow:hidden;padding:0;width:100%}.micromag-editor-preview-container .micromag-editor-preview-bottom>.micromag-editor-preview-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;overflow:hidden;width:100%}.micromag-editor-preview-container .micromag-editor-preview-preview{height:100%;position:relative;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;width:100%}.micromag-editor-preview-container .micromag-editor-preview-viewerContainer{height:100%;position:relative}.micromag-editor-preview-container .micromag-editor-preview-devices{bottom:10px;position:absolute;right:10px}@media screen and (min-width:540px){.micromag-editor-preview-container .micromag-editor-preview-top{display:block;overflow-x:auto;text-align:center;width:100%}.micromag-editor-preview-container .micromag-editor-preview-bottom{padding:50px 20px}}
|
|
11
|
+
.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-editor-sortable-sortable-tree-item-actions-wrapper{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;-ms-flex-align:center;align-items:center;background-color:transparent;color:#222;height:100%;width:100%}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-button{background-color:transparent;color:#fff}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-handle{border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-handle .micromag-editor-sortable-sortable-tree-item-actions-icon{display:none;left:10px;position:absolute;top:10px;visibility:hidden}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-text{-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding-left:.5rem;text-overflow:ellipsis;white-space:nowrap}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapsedCount,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-count{display:-ms-flexbox;display:flex;position:absolute;right:-10px;top:-10px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:#a13dff;border-radius:50%;color:#fff;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapsedCount{background-color:transparent;bottom:2px;right:3px;top:auto}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableInteraction{pointer-events:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-count,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-text,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableSelection .micromag-editor-sortable-sortable-tree-item-actions-count,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableSelection .micromag-editor-sortable-sortable-tree-item-actions-text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse{bottom:0;display:-ms-flexbox;display:flex;left:0;position:absolute;z-index:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;height:30px;justify-content:space-between;width:100%}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse svg{margin-left:10px;-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse.micromag-editor-sortable-sortable-tree-item-actions-collapsed svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-children{position:relative;width:100%;z-index:0}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-withChildren{background-color:#494949}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-withChildren .micromag-editor-sortable-sortable-tree-item-actions-inner{padding-bottom:30px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-clone{display:block;margin-left:10px;margin-top:5px;padding:0;pointer-events:none;width:100%}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-inner{border-radius:10px;-webkit-box-shadow:0 15px 15px 0 rgba(34,33,81,.1);box-shadow:0 15px 15px 0 rgba(34,33,81,.1);padding-right:24px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost:not(.micromag-editor-sortable-sortable-tree-item-actions-indicator){-webkit-filter:opacity(.6);filter:opacity(.6)}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost .micromag-editor-sortable-sortable-tree-item-actions-inner>*{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost .micromag-editor-sortable-sortable-tree-item-actions-inner{border:1px solid #a13dff;border-radius:4px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator{margin-bottom:-1px;opacity:1;position:relative;z-index:1}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator .micromag-editor-sortable-sortable-tree-item-actions-inner{background-color:#a13dff;border:1px solid #a13dff;border-radius:10px;height:8px;padding:0;position:relative}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator .micromag-editor-sortable-sortable-tree-item-actions-inner>*{height:0;opacity:0}
|
|
12
12
|
.micromag-editor-sortable-sortable-tree-item-container{display:block}.micromag-editor-sortable-sortable-tree-item-container .micromag-editor-sortable-sortable-tree-item-parent{-webkit-box-shadow:0 4px 8px rgba(0,0,0,.5);box-shadow:0 4px 8px rgba(0,0,0,.5);position:relative;z-index:1}.micromag-editor-sortable-sortable-tree-item-container .micromag-editor-sortable-sortable-tree-item-child{bottom:-25px;-webkit-filter:brightness(60%);filter:brightness(60%);position:absolute;right:5px;width:75%;z-index:0}
|
|
13
13
|
.micromag-editor-sortable-sortable-tree-item{padding-bottom:3px}.micromag-editor-sortable-sortable-tree-item.micromag-editor-sortable-sortable-tree-parent{background-color:#494949;padding-bottom:0}.micromag-editor-sortable-sortable-tree-item.micromag-editor-sortable-sortable-tree-group{background-color:#494949;padding-top:3px}.micromag-editor-sortable-sortable-tree-item.micromag-editor-sortable-sortable-tree-group.micromag-editor-sortable-sortable-tree-isLastChild{border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:4px;padding-bottom:6px}
|
|
14
|
-
.micromag-editor-menus-screens-container .micromag-editor-menus-screens-placeholder,.micromag-editor-menus-screens-container .micromag-editor-menus-screens-preview,.micromag-editor-menus-screens-container .micromag-editor-menus-screens-screen{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-editor-menus-screens-item,.micromag-editor-menus-screens-items{list-style:none;margin:0;padding:0}.micromag-editor-menus-screens-container{position:relative}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-items{
|
|
14
|
+
.micromag-editor-menus-screens-container .micromag-editor-menus-screens-placeholder,.micromag-editor-menus-screens-container .micromag-editor-menus-screens-preview,.micromag-editor-menus-screens-container .micromag-editor-menus-screens-screen{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-editor-menus-screens-item,.micromag-editor-menus-screens-items{list-style:none;margin:0;padding:0}.micromag-editor-menus-screens-container{position:relative}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-items{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-5px;padding:0}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-item{display:block;padding:5px;position:relative;width:33.3%;z-index:2}@media screen and (min-width:540px){.micromag-editor-menus-screens-container .micromag-editor-menus-screens-item{width:20%}}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-button{display:block}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-placeholder,.micromag-editor-menus-screens-container .micromag-editor-menus-screens-preview{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-preview{background:rgba(0,0,0,.9)}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-settings{position:absolute;right:0;top:0}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-noWrap .micromag-editor-menus-screens-items{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-isVertical .micromag-editor-menus-screens-items{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-isVertical .micromag-editor-menus-screens-item{width:100%}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-withPlaceholder .micromag-editor-menus-screens-item{margin:5px;padding:0}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-withPlaceholder .micromag-editor-menus-screens-button{width:100px}
|
|
15
15
|
.micromag-editor-menus-screen-types-container{position:relative}.micromag-editor-menus-screen-types-container .micromag-editor-menus-screen-types-row{margin-bottom:2rem}.micromag-editor-menus-screen-types-container .micromag-editor-menus-screen-types-row .micromag-editor-menus-screen-types-title{border-bottom:1px solid #dedede;font-size:.85rem;padding-bottom:.25rem}.micromag-editor-menus-screen-types-container .micromag-editor-menus-screen-types-row:last-child{margin-bottom:0}.micromag-editor-menus-screen-types-container .micromag-editor-menus-screen-types-screen{max-width:100px;width:100%}.micromag-editor-menus-screen-types-container .micromag-editor-menus-screen-types-button{mix-blend-mode:difference}
|
|
16
16
|
.micromag-editor-modals-screen-types-container .micromag-editor-modals-screen-types-selected{background-color:#a13dff}
|
|
17
17
|
.micromag-editor-screens-container .micromag-editor-screens-navbar{background-color:#1c1c1c;z-index:999}.micromag-editor-screens-container .micromag-editor-screens-navbar>div{padding:0}
|
|
18
|
-
.micromag-editor-container .micromag-editor-left,.micromag-editor-container .micromag-editor-right{scrollbar-width:none}.micromag-editor-container .micromag-editor-left::-webkit-scrollbar,.micromag-editor-container .micromag-editor-right::-webkit-scrollbar{display:none}.micromag-editor-container .micromag-editor-center,.micromag-editor-container .micromag-editor-left,.micromag-editor-container .micromag-editor-preview,.micromag-editor-container .micromag-editor-right,.micromag-editor-container.micromag-editor-fullscreen{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-editor-container{
|
|
19
|
-
.micromag-editor-forms-settings-container{padding:.5rem;position:relative}.micromag-editor-forms-settings-container .micromag-editor-forms-settings-inner{
|
|
18
|
+
.micromag-editor-container .micromag-editor-left,.micromag-editor-container .micromag-editor-right{scrollbar-width:none}.micromag-editor-container .micromag-editor-left::-webkit-scrollbar,.micromag-editor-container .micromag-editor-right::-webkit-scrollbar{display:none}.micromag-editor-container .micromag-editor-center,.micromag-editor-container .micromag-editor-left,.micromag-editor-container .micromag-editor-preview,.micromag-editor-container .micromag-editor-right,.micromag-editor-container.micromag-editor-fullscreen{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-editor-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.micromag-editor-container>.micromag-editor-inner{position:relative;-ms-flex-positive:1;flex-grow:1;width:100%}.micromag-editor-container .micromag-editor-center,.micromag-editor-container .micromag-editor-left,.micromag-editor-container .micromag-editor-right{display:none;z-index:1}.micromag-editor-container .micromag-editor-center.micromag-editor-visible,.micromag-editor-container .micromag-editor-left.micromag-editor-visible,.micromag-editor-container .micromag-editor-right.micromag-editor-visible{display:block}.micromag-editor-container .micromag-editor-left,.micromag-editor-container .micromag-editor-right{overflow-y:auto;scroll-behavior:smooth}.micromag-editor-container .micromag-editor-left>.micromag-editor-inner,.micromag-editor-container .micromag-editor-right>.micromag-editor-inner{min-height:100%}.micromag-editor-container .micromag-editor-center{background-color:#2b2b2b}@media screen and (min-width:540px){.micromag-editor-container>.micromag-editor-top{display:none}.micromag-editor-container>.micromag-editor-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;position:relative;width:100%}.micromag-editor-container .micromag-editor-center,.micromag-editor-container .micromag-editor-left,.micromag-editor-container .micromag-editor-right{height:100%;position:relative}.micromag-editor-container .micromag-editor-left{width:140px}.micromag-editor-container .micromag-editor-center{-ms-flex-positive:1;flex-grow:1;width:auto}.micromag-editor-container .micromag-editor-right{width:320px}}
|
|
19
|
+
.micromag-editor-forms-settings-container{padding:.5rem;position:relative}.micromag-editor-forms-settings-container .micromag-editor-forms-settings-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}
|
package/es/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
3
3
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
|
+
import { PropTypes as PropTypes$1 } from '@micromag/core';
|
|
5
|
+
import { Button, FieldForm, BackButton, Breadcrumb as Breadcrumb$2, Modal, ModalDialog, Label, Navbar, DropdownMenu, Empty, Tabs, ScreenPlaceholder, ScreenPreview, Modals } from '@micromag/core/components';
|
|
6
|
+
import { useRoutes, useScreenDefinition, useFormsComponents, useScreensManager, useFieldsManager, useFieldsComponentsManager, useUrlGenerator, useRoutePush, ScreenProvider, useScreenSize, PlaybackProvider, ModalsProvider, PanelsProvider, ScreenSizeProvider, useFieldComponent, ComponentsProvider, FORMS_NAMESPACE, StoryProvider, GoogleKeysProvider, GoogleMapsClientProvider, FontsProvider, EditorProvider, VisitorProvider, ComponentsContext, RoutesProvider } from '@micromag/core/contexts';
|
|
7
|
+
import { useIsVisible, useParsedStory, useDimensionObserver, useScreenSizeFromElement, useMediasParser } from '@micromag/core/hooks';
|
|
8
|
+
import { getScreenFieldsWithStates, getScreenExtraField, isMessage, slug, getComponentFromName, getDeviceScreens } from '@micromag/core/utils';
|
|
4
9
|
import classNames from 'classnames';
|
|
5
10
|
import PropTypes from 'prop-types';
|
|
6
11
|
import React, { useMemo, useRef, useCallback, useState, forwardRef, useEffect } from 'react';
|
|
7
12
|
import { useIntl, FormattedMessage } from 'react-intl';
|
|
8
|
-
import { PropTypes as PropTypes$1 } from '@micromag/core';
|
|
9
|
-
import { Button, FieldForm, BackButton, Breadcrumb as Breadcrumb$2, Modal, ModalDialog, Label, Navbar, DropdownMenu, Empty, Tabs, ScreenPlaceholder, ScreenPreview, Modals } from '@micromag/core/components';
|
|
10
|
-
import { useRoutes, useScreenDefinition, useFormsComponents, useScreensManager, useFieldsManager, useFieldsComponentsManager, useUrlGenerator, useRoutePush, ScreenProvider, useScreenSize, PlaybackProvider, ModalsProvider, PanelsProvider, ScreenSizeProvider, useFieldComponent, ComponentsProvider, FORMS_NAMESPACE, UppyProvider, StoryProvider, GoogleKeysProvider, GoogleMapsClientProvider, FontsProvider, EditorProvider, VisitorProvider, ComponentsContext, RoutesProvider } from '@micromag/core/contexts';
|
|
11
|
-
import { useIsVisible, useParsedStory, useDimensionObserver, useScreenSizeFromElement, useMediasParser } from '@micromag/core/hooks';
|
|
12
|
-
import { getScreenExtraField, isMessage, slug, getComponentFromName, getDeviceScreens } from '@micromag/core/utils';
|
|
13
13
|
import { useRouteMatcher, createPathToRegexpParser, useMemoryRouter } from '@folklore/routes';
|
|
14
14
|
import { useLocation, Switch, Route, Router } from 'wouter';
|
|
15
15
|
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
@@ -37,6 +37,7 @@ import { faAngleDown } from '@fortawesome/free-solid-svg-icons/faAngleDown';
|
|
|
37
37
|
import { faGripLines } from '@fortawesome/free-solid-svg-icons/faGripLines';
|
|
38
38
|
import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
|
|
39
39
|
import orderBy from 'lodash/orderBy';
|
|
40
|
+
import { UppyProvider } from '@panneau/uppy';
|
|
40
41
|
import { ScreensProvider } from '@micromag/screens';
|
|
41
42
|
|
|
42
43
|
var useRouteParams = function useRouteParams() {
|
|
@@ -122,52 +123,6 @@ var useFormTransition = function useFormTransition(url, screenIndex, styles) {
|
|
|
122
123
|
};
|
|
123
124
|
};
|
|
124
125
|
|
|
125
|
-
function getScreenFieldsWithStates(definition) {
|
|
126
|
-
var _ref = definition || {},
|
|
127
|
-
_ref$fields = _ref.fields,
|
|
128
|
-
screenFields = _ref$fields === void 0 ? null : _ref$fields,
|
|
129
|
-
_ref$states = _ref.states,
|
|
130
|
-
states = _ref$states === void 0 ? null : _ref$states;
|
|
131
|
-
if (states === null) {
|
|
132
|
-
return screenFields;
|
|
133
|
-
}
|
|
134
|
-
var extraFields = states.reduce(function (statesFields, current) {
|
|
135
|
-
var _ref2 = current || {},
|
|
136
|
-
id = _ref2.id,
|
|
137
|
-
_ref2$fields = _ref2.fields,
|
|
138
|
-
fields = _ref2$fields === void 0 ? [] : _ref2$fields,
|
|
139
|
-
_ref2$repeatable = _ref2.repeatable,
|
|
140
|
-
repeatable = _ref2$repeatable === void 0 ? false : _ref2$repeatable,
|
|
141
|
-
_ref2$fieldName = _ref2.fieldName,
|
|
142
|
-
fieldName = _ref2$fieldName === void 0 ? null : _ref2$fieldName,
|
|
143
|
-
label = _ref2.label,
|
|
144
|
-
_ref2$defaultValue = _ref2.defaultValue,
|
|
145
|
-
defaultValue = _ref2$defaultValue === void 0 ? null : _ref2$defaultValue;
|
|
146
|
-
return [].concat(_toConsumableArray(statesFields), _toConsumableArray(repeatable ? [{
|
|
147
|
-
type: 'items',
|
|
148
|
-
name: fieldName || id,
|
|
149
|
-
label: label,
|
|
150
|
-
defaultValue: defaultValue,
|
|
151
|
-
stateId: id,
|
|
152
|
-
itemsField: {
|
|
153
|
-
label: label,
|
|
154
|
-
type: 'fields',
|
|
155
|
-
fields: fields
|
|
156
|
-
}
|
|
157
|
-
}] : []), _toConsumableArray(!repeatable && fieldName !== null ? [{
|
|
158
|
-
type: 'fields',
|
|
159
|
-
name: fieldName,
|
|
160
|
-
stateId: id,
|
|
161
|
-
fields: fields
|
|
162
|
-
}] : []), _toConsumableArray(!repeatable && fieldName === null ? fields.map(function (it) {
|
|
163
|
-
return _objectSpread(_objectSpread({}, it), {}, {
|
|
164
|
-
stateId: id
|
|
165
|
-
});
|
|
166
|
-
}) : []));
|
|
167
|
-
}, []);
|
|
168
|
-
return [].concat(_toConsumableArray(extraFields), _toConsumableArray(screenFields));
|
|
169
|
-
}
|
|
170
|
-
|
|
171
126
|
var createScreen = function createScreen(definition) {
|
|
172
127
|
var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
173
128
|
var finalDefinition = isString(definition) ? {
|
|
@@ -1462,7 +1417,7 @@ function ScreenStates(_ref) {
|
|
|
1462
1417
|
ScreenStates.propTypes = propTypes$c;
|
|
1463
1418
|
ScreenStates.defaultProps = defaultProps$c;
|
|
1464
1419
|
|
|
1465
|
-
var styles$9 = {"container":"micromag-editor-preview-container","story":"micromag-editor-preview-story","noStory":"micromag-editor-preview-noStory","inner":"micromag-editor-preview-inner","top":"micromag-editor-preview-top","bottom":"micromag-editor-preview-bottom","preview":"micromag-editor-preview-preview","viewerContainer":"micromag-editor-preview-viewerContainer","devices":"micromag-editor-preview-devices"
|
|
1420
|
+
var styles$9 = {"container":"micromag-editor-preview-container","story":"micromag-editor-preview-story","noStory":"micromag-editor-preview-noStory","inner":"micromag-editor-preview-inner","top":"micromag-editor-preview-top","bottom":"micromag-editor-preview-bottom","preview":"micromag-editor-preview-preview","viewerContainer":"micromag-editor-preview-viewerContainer","devices":"micromag-editor-preview-devices"};
|
|
1466
1421
|
|
|
1467
1422
|
var propTypes$b = {
|
|
1468
1423
|
value: PropTypes.oneOfType([PropTypes$1.story, PropTypes$1.theme]),
|
|
@@ -3194,7 +3149,7 @@ EditorScreens.propTypes = propTypes$4;
|
|
|
3194
3149
|
EditorScreens.defaultProps = defaultProps$4;
|
|
3195
3150
|
var Screens = EditorScreens;
|
|
3196
3151
|
|
|
3197
|
-
var styles$1 = {"container":"micromag-editor-container","left":"micromag-editor-left","right":"micromag-editor-right","fullscreen":"micromag-editor-fullscreen","preview":"micromag-editor-preview","center":"micromag-editor-center","inner":"micromag-editor-inner","visible":"micromag-editor-visible","
|
|
3152
|
+
var styles$1 = {"container":"micromag-editor-container","left":"micromag-editor-left","right":"micromag-editor-right","fullscreen":"micromag-editor-fullscreen","preview":"micromag-editor-preview","center":"micromag-editor-center","inner":"micromag-editor-inner","visible":"micromag-editor-visible","top":"micromag-editor-top"};
|
|
3198
3153
|
|
|
3199
3154
|
var propTypes$3 = {
|
|
3200
3155
|
value: PropTypes.oneOfType([PropTypes$1.story, PropTypes$1.theme]),
|
|
@@ -3260,6 +3215,8 @@ var Editor = function Editor(_ref) {
|
|
|
3260
3215
|
return setMobileView('preview');
|
|
3261
3216
|
}, [setMobileView]);
|
|
3262
3217
|
|
|
3218
|
+
// console.log('mobileView', screenSize, isMobile, mobileView);
|
|
3219
|
+
|
|
3263
3220
|
// Apply base theme values to it's own components
|
|
3264
3221
|
var _ref2 = value || {},
|
|
3265
3222
|
_ref2$background = _ref2.background,
|
package/lib/index.js
CHANGED
|
@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
6
|
var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
|
|
7
7
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
8
|
-
var classNames = require('classnames');
|
|
9
|
-
var PropTypes = require('prop-types');
|
|
10
|
-
var React = require('react');
|
|
11
|
-
var reactIntl = require('react-intl');
|
|
12
8
|
var core = require('@micromag/core');
|
|
13
9
|
var components = require('@micromag/core/components');
|
|
14
10
|
var contexts = require('@micromag/core/contexts');
|
|
15
11
|
var hooks = require('@micromag/core/hooks');
|
|
16
12
|
var utils = require('@micromag/core/utils');
|
|
13
|
+
var classNames = require('classnames');
|
|
14
|
+
var PropTypes = require('prop-types');
|
|
15
|
+
var React = require('react');
|
|
16
|
+
var reactIntl = require('react-intl');
|
|
17
17
|
var _toArray = require('@babel/runtime/helpers/toArray');
|
|
18
18
|
var _createForOfIteratorHelper = require('@babel/runtime/helpers/createForOfIteratorHelper');
|
|
19
19
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
@@ -43,6 +43,7 @@ var faAngleDown = require('@fortawesome/free-solid-svg-icons/faAngleDown');
|
|
|
43
43
|
var faGripLines = require('@fortawesome/free-solid-svg-icons/faGripLines');
|
|
44
44
|
var faTimes = require('@fortawesome/free-solid-svg-icons/faTimes');
|
|
45
45
|
var orderBy = require('lodash/orderBy');
|
|
46
|
+
var uppy = require('@panneau/uppy');
|
|
46
47
|
var screens = require('@micromag/screens');
|
|
47
48
|
|
|
48
49
|
function _interopNamespaceDefault(e) {
|
|
@@ -672,59 +673,13 @@ var useFormTransition = function useFormTransition(url, screenIndex, styles) {
|
|
|
672
673
|
};
|
|
673
674
|
};
|
|
674
675
|
|
|
675
|
-
function getScreenFieldsWithStates(definition) {
|
|
676
|
-
var _ref = definition || {},
|
|
677
|
-
_ref$fields = _ref.fields,
|
|
678
|
-
screenFields = _ref$fields === void 0 ? null : _ref$fields,
|
|
679
|
-
_ref$states = _ref.states,
|
|
680
|
-
states = _ref$states === void 0 ? null : _ref$states;
|
|
681
|
-
if (states === null) {
|
|
682
|
-
return screenFields;
|
|
683
|
-
}
|
|
684
|
-
var extraFields = states.reduce(function (statesFields, current) {
|
|
685
|
-
var _ref2 = current || {},
|
|
686
|
-
id = _ref2.id,
|
|
687
|
-
_ref2$fields = _ref2.fields,
|
|
688
|
-
fields = _ref2$fields === void 0 ? [] : _ref2$fields,
|
|
689
|
-
_ref2$repeatable = _ref2.repeatable,
|
|
690
|
-
repeatable = _ref2$repeatable === void 0 ? false : _ref2$repeatable,
|
|
691
|
-
_ref2$fieldName = _ref2.fieldName,
|
|
692
|
-
fieldName = _ref2$fieldName === void 0 ? null : _ref2$fieldName,
|
|
693
|
-
label = _ref2.label,
|
|
694
|
-
_ref2$defaultValue = _ref2.defaultValue,
|
|
695
|
-
defaultValue = _ref2$defaultValue === void 0 ? null : _ref2$defaultValue;
|
|
696
|
-
return [].concat(_toConsumableArray(statesFields), _toConsumableArray(repeatable ? [{
|
|
697
|
-
type: 'items',
|
|
698
|
-
name: fieldName || id,
|
|
699
|
-
label: label,
|
|
700
|
-
defaultValue: defaultValue,
|
|
701
|
-
stateId: id,
|
|
702
|
-
itemsField: {
|
|
703
|
-
label: label,
|
|
704
|
-
type: 'fields',
|
|
705
|
-
fields: fields
|
|
706
|
-
}
|
|
707
|
-
}] : []), _toConsumableArray(!repeatable && fieldName !== null ? [{
|
|
708
|
-
type: 'fields',
|
|
709
|
-
name: fieldName,
|
|
710
|
-
stateId: id,
|
|
711
|
-
fields: fields
|
|
712
|
-
}] : []), _toConsumableArray(!repeatable && fieldName === null ? fields.map(function (it) {
|
|
713
|
-
return _objectSpread(_objectSpread({}, it), {}, {
|
|
714
|
-
stateId: id
|
|
715
|
-
});
|
|
716
|
-
}) : []));
|
|
717
|
-
}, []);
|
|
718
|
-
return [].concat(_toConsumableArray(extraFields), _toConsumableArray(screenFields));
|
|
719
|
-
}
|
|
720
|
-
|
|
721
676
|
var createScreen = function createScreen(definition) {
|
|
722
677
|
var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
723
678
|
var finalDefinition = isString(definition) ? {
|
|
724
679
|
id: definition
|
|
725
680
|
} : definition;
|
|
726
681
|
var id = finalDefinition.id;
|
|
727
|
-
var screenFields = getScreenFieldsWithStates(finalDefinition);
|
|
682
|
+
var screenFields = utils.getScreenFieldsWithStates(finalDefinition);
|
|
728
683
|
var defaultValueFields = screenFields.reduce(function (all, curr) {
|
|
729
684
|
var _ref = curr || {},
|
|
730
685
|
_ref$name = _ref.name,
|
|
@@ -853,7 +808,7 @@ var FieldWithContexts = function FieldWithContexts(_ref) {
|
|
|
853
808
|
var definition = contexts.useScreenDefinition() || null;
|
|
854
809
|
var _definition$states = definition.states,
|
|
855
810
|
states = _definition$states === void 0 ? null : _definition$states;
|
|
856
|
-
var screenFields = getScreenFieldsWithStates(definition);
|
|
811
|
+
var screenFields = utils.getScreenFieldsWithStates(definition);
|
|
857
812
|
var nameParts = name.split('.');
|
|
858
813
|
var _nameParts = _slicedToArray(nameParts, 1),
|
|
859
814
|
_nameParts$ = _nameParts[0],
|
|
@@ -1005,7 +960,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
|
|
|
1005
960
|
definitionTitle = _ref3$title === void 0 ? null : _ref3$title;
|
|
1006
961
|
return {
|
|
1007
962
|
title: definitionTitle,
|
|
1008
|
-
fields: definition !== null ? [].concat(_toConsumableArray(getScreenFieldsWithStates(definition)), [utils.getScreenExtraField(intl)]) : null,
|
|
963
|
+
fields: definition !== null ? [].concat(_toConsumableArray(utils.getScreenFieldsWithStates(definition)), [utils.getScreenExtraField(intl)]) : null,
|
|
1009
964
|
states: states,
|
|
1010
965
|
parameters: parameters
|
|
1011
966
|
};
|
|
@@ -1291,7 +1246,7 @@ var EditForm = function EditForm(_ref) {
|
|
|
1291
1246
|
var _ref3 = screen || {},
|
|
1292
1247
|
type = _ref3.type;
|
|
1293
1248
|
var definition = type !== null ? screensManager.getDefinition(type) : null;
|
|
1294
|
-
return definition != null ? getScreenFieldsWithStates(definition) : [];
|
|
1249
|
+
return definition != null ? utils.getScreenFieldsWithStates(definition) : [];
|
|
1295
1250
|
}, [screensManager, screen]);
|
|
1296
1251
|
|
|
1297
1252
|
// Get transition value
|
|
@@ -2012,7 +1967,7 @@ function ScreenStates(_ref) {
|
|
|
2012
1967
|
ScreenStates.propTypes = propTypes$c;
|
|
2013
1968
|
ScreenStates.defaultProps = defaultProps$c;
|
|
2014
1969
|
|
|
2015
|
-
var styles$9 = {"container":"micromag-editor-preview-container","story":"micromag-editor-preview-story","noStory":"micromag-editor-preview-noStory","inner":"micromag-editor-preview-inner","top":"micromag-editor-preview-top","bottom":"micromag-editor-preview-bottom","preview":"micromag-editor-preview-preview","viewerContainer":"micromag-editor-preview-viewerContainer","devices":"micromag-editor-preview-devices"
|
|
1970
|
+
var styles$9 = {"container":"micromag-editor-preview-container","story":"micromag-editor-preview-story","noStory":"micromag-editor-preview-noStory","inner":"micromag-editor-preview-inner","top":"micromag-editor-preview-top","bottom":"micromag-editor-preview-bottom","preview":"micromag-editor-preview-preview","viewerContainer":"micromag-editor-preview-viewerContainer","devices":"micromag-editor-preview-devices"};
|
|
2016
1971
|
|
|
2017
1972
|
var propTypes$b = {
|
|
2018
1973
|
value: PropTypes.oneOfType([core.PropTypes.story, core.PropTypes.theme]),
|
|
@@ -3744,7 +3699,7 @@ EditorScreens.propTypes = propTypes$4;
|
|
|
3744
3699
|
EditorScreens.defaultProps = defaultProps$4;
|
|
3745
3700
|
var Screens = EditorScreens;
|
|
3746
3701
|
|
|
3747
|
-
var styles$1 = {"container":"micromag-editor-container","left":"micromag-editor-left","right":"micromag-editor-right","fullscreen":"micromag-editor-fullscreen","preview":"micromag-editor-preview","center":"micromag-editor-center","inner":"micromag-editor-inner","visible":"micromag-editor-visible","
|
|
3702
|
+
var styles$1 = {"container":"micromag-editor-container","left":"micromag-editor-left","right":"micromag-editor-right","fullscreen":"micromag-editor-fullscreen","preview":"micromag-editor-preview","center":"micromag-editor-center","inner":"micromag-editor-inner","visible":"micromag-editor-visible","top":"micromag-editor-top"};
|
|
3748
3703
|
|
|
3749
3704
|
var propTypes$3 = {
|
|
3750
3705
|
value: PropTypes.oneOfType([core.PropTypes.story, core.PropTypes.theme]),
|
|
@@ -3810,6 +3765,8 @@ var Editor = function Editor(_ref) {
|
|
|
3810
3765
|
return setMobileView('preview');
|
|
3811
3766
|
}, [setMobileView]);
|
|
3812
3767
|
|
|
3768
|
+
// console.log('mobileView', screenSize, isMobile, mobileView);
|
|
3769
|
+
|
|
3813
3770
|
// Apply base theme values to it's own components
|
|
3814
3771
|
var _ref2 = value || {},
|
|
3815
3772
|
_ref2$background = _ref2.background,
|
|
@@ -4091,7 +4048,7 @@ var EditorContainer = function EditorContainer(_ref) {
|
|
|
4091
4048
|
memoryRouter = _ref.memoryRouter,
|
|
4092
4049
|
routes = _ref.routes,
|
|
4093
4050
|
basePath = _ref.basePath,
|
|
4094
|
-
uppy = _ref.uppy,
|
|
4051
|
+
uppy$1 = _ref.uppy,
|
|
4095
4052
|
googleApiKey = _ref.googleApiKey,
|
|
4096
4053
|
googleMapsLibraries = _ref.googleMapsLibraries,
|
|
4097
4054
|
screenNamespaces = _ref.screenNamespaces,
|
|
@@ -4109,7 +4066,7 @@ var EditorContainer = function EditorContainer(_ref) {
|
|
|
4109
4066
|
base: !memoryRouter ? basePath : null
|
|
4110
4067
|
};
|
|
4111
4068
|
}, [basePath, memoryRouter]);
|
|
4112
|
-
return /*#__PURE__*/React.createElement(Router, routerProps, /*#__PURE__*/React.createElement(
|
|
4069
|
+
return /*#__PURE__*/React.createElement(Router, routerProps, /*#__PURE__*/React.createElement(uppy.UppyProvider, uppy$1, /*#__PURE__*/React.createElement(contexts.StoryProvider, {
|
|
4113
4070
|
story: value
|
|
4114
4071
|
}, /*#__PURE__*/React.createElement(screens.ScreensProvider, {
|
|
4115
4072
|
filterNamespaces: true,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/editor",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.509",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -69,18 +69,19 @@
|
|
|
69
69
|
"@dnd-kit/utilities": "^3.2.1",
|
|
70
70
|
"@folklore/routes": "^0.2.27",
|
|
71
71
|
"@folklore/size": "^0.1.20",
|
|
72
|
-
"@fortawesome/fontawesome-svg-core": "^
|
|
73
|
-
"@fortawesome/free-solid-svg-icons": "^5.
|
|
74
|
-
"@fortawesome/react-fontawesome": "^0.
|
|
75
|
-
"@micromag/core": "^0.3.
|
|
76
|
-
"@micromag/elements": "^0.3.
|
|
77
|
-
"@micromag/fields": "^0.3.
|
|
78
|
-
"@micromag/screens": "^0.3.
|
|
79
|
-
"@micromag/viewer": "^0.3.
|
|
72
|
+
"@fortawesome/fontawesome-svg-core": "^6.5.2",
|
|
73
|
+
"@fortawesome/free-solid-svg-icons": "^6.5.2",
|
|
74
|
+
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
75
|
+
"@micromag/core": "^0.3.509",
|
|
76
|
+
"@micromag/elements": "^0.3.509",
|
|
77
|
+
"@micromag/fields": "^0.3.509",
|
|
78
|
+
"@micromag/screens": "^0.3.509",
|
|
79
|
+
"@micromag/viewer": "^0.3.509",
|
|
80
|
+
"@panneau/uppy": "^3.0.162",
|
|
80
81
|
"classnames": "^2.2.6",
|
|
81
82
|
"lodash": "^4.17.21",
|
|
82
83
|
"prop-types": "^15.7.2",
|
|
83
|
-
"react-intl": "^6.6.
|
|
84
|
+
"react-intl": "^6.6.4",
|
|
84
85
|
"react-sortablejs": "^6.0.0",
|
|
85
86
|
"react-transition-group": "^4.4.2",
|
|
86
87
|
"sortablejs": "^1.12.0",
|
|
@@ -91,5 +92,5 @@
|
|
|
91
92
|
"access": "public",
|
|
92
93
|
"registry": "https://registry.npmjs.org/"
|
|
93
94
|
},
|
|
94
|
-
"gitHead": "
|
|
95
|
+
"gitHead": "28ca6abf74ab585d218a4918b415b7d0564e5a09"
|
|
95
96
|
}
|