@imposium-hub/components 2.15.0-2 → 2.16.0-0

package/dist/esm/redux/actions/publish.js

@@ -69,10 +69,10 @@ export const cancelPublish = (api, storyId) => {
         });
     };
 };
-export const publishVersion = (api, storyId, creativeIds) => {
+export const publishVersion = (api, storyId, message, creativeIds) => {
     return (dispatch) => {
         return new Promise((resolve, reject) => {
-            api.runPublish(storyId, '', creativeIds)
+            api.runPublish(storyId, message || '', creativeIds)
                 .then((d) => {
                 dispatch(getStoryPublishStatus(api, storyId))
                     .then()

package/dist/esm/redux/actions/publish.js.map

@@ -1 +1 @@
-{"version":3,"file":"publish.js","sourceRoot":"","sources":["../../../../src/redux/actions/publish.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"publish.js","sourceRoot":"","sources":["../../../../src/redux/actions/publish.ts"],"names":[],"mappings":"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"}

package/dist/styles.css

@@ -2463,13 +2463,23 @@ body a {
   height: 100%;
   padding-top: 30px;
   box-sizing: border-box;
+  overflow: hidden;
 }
-.publish-wizard > div:first-of-type {
+.publish-wizard > div:last-of-type {
   flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.publish-wizard .publish-wizard-step--review {
+  flex: 1;
+  overflow-y: auto;
+  min-height: 0;
 }
 .publish-wizard .lower-buttons {
-  margin-top: auto;
+  flex-shrink: 0;
   padding-bottom: 5px;
+  padding-top: 5px;
   width: 100%;
   text-align: center;
 }
@@ -2667,7 +2677,7 @@ body a {
   padding: 10px;
 }
 .change-report-section {
-  margin-bottom: 8px;
+  margin-bottom: 6px;
 }
 .change-report-section-heading {
   text-transform: uppercase;
@@ -2675,19 +2685,16 @@ body a {
   font-weight: bold;
   color: #B9B8B8;
   letter-spacing: 0.05em;
-  padding: 4px 0 2px;
+  padding: 3px 0 2px;
   border-bottom: 1px solid #5f5f5f;
-  margin-bottom: 4px;
+  margin-bottom: 3px;
 }
 .change-report-node-row {
   display: flex;
   align-items: center;
-  padding: 2px 0;
+  padding: 1px 0;
   border-radius: 3px;
 }
-.change-report-node-row:hover {
-  background: #353535;
-}
 .change-report-toggle {
   display: inline-block;
   width: 16px;
@@ -2706,13 +2713,17 @@ body a {
   flex-shrink: 0;
 }
 .change-report-status {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   font-size: 11px;
   font-weight: bold;
   border-radius: 3px;
   padding: 2px 6px;
   margin-right: 6px;
   flex-shrink: 0;
+  text-align: center;
+  line-height: 1;
 }
 .change-report-status--added {
   background: rgba(86, 176, 94, 0.2);
@@ -2730,6 +2741,16 @@ body a {
   background: rgba(45, 140, 235, 0.2);
   color: #2d8ceb;
 }
+.change-report-layer-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  margin-right: 4px;
+  font-size: 11px;
+  color: #B9B8B8;
+  flex-shrink: 0;
+}
 .change-report-label {
   font-size: 12px;
   flex-shrink: 0;
@@ -2752,6 +2773,29 @@ body a {
 .change-report-value-arrow {
   color: #5f5f5f;
 }
+.change-report-color-chip-wrapper {
+  display: inline-block;
+  position: relative;
+  width: 12px;
+  height: 12px;
+  border-radius: 2px;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  margin-right: 4px;
+  vertical-align: middle;
+  overflow: hidden;
+}
+.change-report-color-chip-checkerboard {
+  position: absolute;
+  inset: 0;
+  background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
+  background-size: 6px 6px;
+  background-position: 0 0, 0 3px, 3px -3px, -3px 0;
+  background-color: #fff;
+}
+.change-report-color-chip-color {
+  position: absolute;
+  inset: 0;
+}
 .section {
   position: absolute;
   width: 100%;

package/dist/styles.less

@@ -2401,14 +2401,25 @@ body{
     height: 100%;
     padding-top: 30px;
     box-sizing: border-box;
-    
-    > div:first-of-type {
+    overflow: hidden;
+
+    > div:last-of-type {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+    }
+
+    .publish-wizard-step--review {
         flex: 1;
+        overflow-y: auto;
+        min-height: 0;
     }
-    
+
     .lower-buttons {
-        margin-top: auto;
+        flex-shrink: 0;
         padding-bottom: 5px;
+        padding-top: 5px;
         width: 100%;
         text-align: center;
     }
@@ -2649,7 +2660,7 @@ body{
 }
 
 .change-report-section {
-    margin-bottom: 8px;
+    margin-bottom: 6px;
 
     &-heading {
         text-transform: uppercase;
@@ -2657,9 +2668,9 @@ body{
         font-weight: bold;
         color: @secondary;
         letter-spacing: 0.05em;
-        padding: 4px 0 2px;
+        padding: 3px 0 2px;
         border-bottom: 1px solid @backgroundHighlight;
-        margin-bottom: 4px;
+        margin-bottom: 3px;
     }
 }
 
@@ -2667,12 +2678,8 @@ body{
     &-row {
         display: flex;
         align-items: center;
-        padding: 2px 0;
+        padding: 1px 0;
         border-radius: 3px;
-
-        &:hover {
-            background: @backgroundLight;
-        }
     }
 }
 
@@ -2697,13 +2704,17 @@ body{
 }
 
 .change-report-status {
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     font-size: 11px;
     font-weight: bold;
     border-radius: 3px;
     padding: 2px 6px;
     margin-right: 6px;
     flex-shrink: 0;
+    text-align: center;
+    line-height: 1;
 
     &--added {
         background: rgba(86, 176, 94, 0.2);
@@ -2726,6 +2737,17 @@ body{
     }
 }
 
+.change-report-layer-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    margin-right: 4px;
+    font-size: 11px;
+    color: @secondary;
+    flex-shrink: 0;
+}
+
 .change-report-label {
     font-size: 12px;
     flex-shrink: 0;
@@ -2752,6 +2774,36 @@ body{
     color: @backgroundHighlight;
 }
 
+.change-report-color-chip-wrapper {
+    display: inline-block;
+    position: relative;
+    width: 12px;
+    height: 12px;
+    border-radius: 2px;
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    margin-right: 4px;
+    vertical-align: middle;
+    overflow: hidden;
+}
+
+.change-report-color-chip-checkerboard {
+    position: absolute;
+    inset: 0;
+    background-image:
+        linear-gradient(45deg, #808080 25%, transparent 25%),
+        linear-gradient(-45deg, #808080 25%, transparent 25%),
+        linear-gradient(45deg, transparent 75%, #808080 75%),
+        linear-gradient(-45deg, transparent 75%, #808080 75%);
+    background-size: 6px 6px;
+    background-position: 0 0, 0 3px, 3px -3px, -3px 0;
+    background-color: #fff;
+}
+
+.change-report-color-chip-color {
+    position: absolute;
+    inset: 0;
+}
+
 
 @sectionPadding:7px 5px 5px 5px;
 @sectionHeaderHeight:25px;

package/less/components/change-report.less

@@ -17,7 +17,7 @@
 }
 
 .change-report-section {
-    margin-bottom: 8px;
+    margin-bottom: 6px;
 
     &-heading {
         text-transform: uppercase;
@@ -25,9 +25,9 @@
         font-weight: bold;
         color: @secondary;
         letter-spacing: 0.05em;
-        padding: 4px 0 2px;
+        padding: 3px 0 2px;
         border-bottom: 1px solid @backgroundHighlight;
-        margin-bottom: 4px;
+        margin-bottom: 3px;
     }
 }
 
@@ -35,12 +35,8 @@
     &-row {
         display: flex;
         align-items: center;
-        padding: 2px 0;
+        padding: 1px 0;
         border-radius: 3px;
-
-        &:hover {
-            background: @backgroundLight;
-        }
     }
 }
 
@@ -65,13 +61,17 @@
 }
 
 .change-report-status {
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     font-size: 11px;
     font-weight: bold;
     border-radius: 3px;
     padding: 2px 6px;
     margin-right: 6px;
     flex-shrink: 0;
+    text-align: center;
+    line-height: 1;
 
     &--added {
         background: rgba(86, 176, 94, 0.2);
@@ -94,6 +94,17 @@
     }
 }
 
+.change-report-layer-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    margin-right: 4px;
+    font-size: 11px;
+    color: @secondary;
+    flex-shrink: 0;
+}
+
 .change-report-label {
     font-size: 12px;
     flex-shrink: 0;
@@ -119,3 +130,33 @@
 .change-report-value-arrow {
     color: @backgroundHighlight;
 }
+
+.change-report-color-chip-wrapper {
+    display: inline-block;
+    position: relative;
+    width: 12px;
+    height: 12px;
+    border-radius: 2px;
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    margin-right: 4px;
+    vertical-align: middle;
+    overflow: hidden;
+}
+
+.change-report-color-chip-checkerboard {
+    position: absolute;
+    inset: 0;
+    background-image:
+        linear-gradient(45deg, #808080 25%, transparent 25%),
+        linear-gradient(-45deg, #808080 25%, transparent 25%),
+        linear-gradient(45deg, transparent 75%, #808080 75%),
+        linear-gradient(-45deg, transparent 75%, #808080 75%);
+    background-size: 6px 6px;
+    background-position: 0 0, 0 3px, 3px -3px, -3px 0;
+    background-color: #fff;
+}
+
+.change-report-color-chip-color {
+    position: absolute;
+    inset: 0;
+}

package/less/components/publish-wizard.less

@@ -5,14 +5,25 @@
     height: 100%;
     padding-top: 30px;
     box-sizing: border-box;
-    
-    > div:first-of-type {
+    overflow: hidden;
+
+    > div:last-of-type {
         flex: 1;
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
     }
-    
+
+    .publish-wizard-step--review {
+        flex: 1;
+        overflow-y: auto;
+        min-height: 0;
+    }
+
     .lower-buttons {
-        margin-top: auto;
+        flex-shrink: 0;
         padding-bottom: 5px;
+        padding-top: 5px;
         width: 100%;
         text-align: center;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "2.15.0-2",
+    "version": "2.16.0-0",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",
@@ -141,6 +141,10 @@
         "root": true,
         "extends": [
             "@imposium-hub/eslint-config/typescript-react"
+        ],
+        "ignorePatterns": [
+            "**/*.test.tsx",
+            "src/test/**"
         ]
     },
     "prettier": "@imposium-hub/prettier-config",