@imposium-hub/components 2.2.6 → 2.2.7

package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessagePreview.js","sourceRoot":"","sources":["../../../../src/components/error-message-preview/ErrorMessagePreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,4DAAsC;AACtC,6CAAsD;AACtD,+CAAmD;AASnD;IAAkC,uCAA8C;IAK5E,6BAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAKf;QAVO,kBAAY,GAAQ,IAAI,CAAC;QAM7B,KAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,KAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAf,CAAe;SAClC,CAAC;;IACN,CAAC;IAEO,qCAAO,GAAf,UAAgB,CAAC;QACL,IAAA,cAAc,GAAK,IAAI,CAAC,KAAK,eAAf,CAAgB;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,oCAAM,GAAb;QACU,IAAA,KAAgC,IAAI,CAAC,KAAK,EAAxC,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAe,CAAC;QACjD,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,gBAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,eAAO,KAAK,GACjB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,gBAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,aAAI,CAAC,KAAK,CAAC,aAAa,IAChC,kBAAU,CACN,CACP;gBACN,2BACI,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,SAAS,EAAC,wCAAwC,IACpD,OAAO,CAAK,CACT,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,0BAAC;AAAD,CAAC,AA/CD,CAAkC,KAAK,CAAC,aAAa,GA+CpD;AAED,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ErrorMessagePreview.js","sourceRoot":"","sources":["../../../../src/components/error-message-preview/ErrorMessagePreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,4DAAsC;AACtC,6CAAsD;AACtD,+CAAmD;AASnD;IAAkC,uCAA8C;IAK5E,6BAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAKf;QAVO,kBAAY,GAAQ,IAAI,CAAC;QAM7B,KAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,KAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAf,CAAe;SAClC,CAAC;;IACN,CAAC;IAEO,qCAAO,GAAf,UAAgB,CAAC;QACL,IAAA,cAAc,GAAK,IAAI,CAAC,KAAK,eAAf,CAAgB;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,oCAAM,GAAb;QACU,IAAA,KAAgC,IAAI,CAAC,KAAK,EAAxC,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAe,CAAC;QACjD,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,gBAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,eAAO,KAAK,GACjB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,gBAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,aAAI,CAAC,KAAK,CAAC,aAAa,IAChC,kBAAU,CACN,CACP;gBACN,2BACI,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,SAAS,EAAC,wCAAwC,IACjD,OAAO,CACR,CACC,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,0BAAC;AAAD,CAAC,AAhDD,CAAkC,KAAK,CAAC,aAAa,GAgDpD;AAED,kBAAe,mBAAmB,CAAC"}

package/dist/cjs/components/story-previewer/StoryPreviewer.js

@@ -708,7 +708,7 @@ var StoryPreviewer = /** @class */ (function (_super) {
             var playbackRateBtn = playbackRate ? (React.createElement(Button_1.default, { key: 'btn-playback-rate', tooltip: 'Video Playback Rate', style: 'subtle', onClick: function () { return _this.changePlaybackRate(); }, customStyles: {
                     width: '30px'
                 } }, "".concat(playbackRate, "x"))) : null;
-            viewerButtons = (React.createElement(SelectField_1.default, { width: '200px', options: viewerOpts, value: activeOutput, onChange: this.evtHandlers.toggleOutput, buttons: [downloadBtn, copyBtn, playbackRateBtn] }));
+            viewerButtons = (React.createElement(SelectField_1.default, { width: '225px', options: viewerOpts, value: activeOutput, onChange: this.evtHandlers.toggleOutput, buttons: [downloadBtn, copyBtn, playbackRateBtn] }));
             expIdField = this.expIdField(experienceId);
         }
         var compSelect = allowCompOverride && !rendering ? (React.createElement(SelectField_1.default, { width: '150px', onChange: this.evtHandlers.compChange, options: this.props.compositionOptions, value: compId, label: '' })) : null;

package/dist/cjs/components/tag/Tag.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.test.js","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.test.tsx"],"names":[],"mappings":""}
+{"version":3,"file":"Tag.test.js","sourceRoot":"","sources":["../../../../src/components/tag/Tag.test.tsx"],"names":[],"mappings":""}

package/dist/esm/components/error-message-preview/ErrorMessagePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessagePreview.js","sourceRoot":"","sources":["../../../../src/components/error-message-preview/ErrorMessagePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AASnD,MAAM,mBAAoB,SAAQ,KAAK,CAAC,aAAwC;IACpE,YAAY,GAAQ,IAAI,CAAC;IAEzB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAClC,CAAC;IACN,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjD,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,MAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,MAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAChC,UAAU,CACN,CACP;gBACN,2BACI,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,SAAS,EAAC,wCAAwC,IACpD,OAAO,CAAK,CACT,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ErrorMessagePreview.js","sourceRoot":"","sources":["../../../../src/components/error-message-preview/ErrorMessagePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AASnD,MAAM,mBAAoB,SAAQ,KAAK,CAAC,aAAwC;IACpE,YAAY,GAAQ,IAAI,CAAC;IAEzB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAClC,CAAC;IACN,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjD,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,MAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,MAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAChC,UAAU,CACN,CACP;gBACN,2BACI,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,SAAS,EAAC,wCAAwC,IACjD,OAAO,CACR,CACC,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,mBAAmB,CAAC"}

package/dist/esm/components/story-previewer/StoryPreviewer.js

@@ -590,7 +590,7 @@ class StoryPreviewer extends React.PureComponent {
             const playbackRateBtn = playbackRate ? (React.createElement(Button, { key: 'btn-playback-rate', tooltip: 'Video Playback Rate', style: 'subtle', onClick: () => this.changePlaybackRate(), customStyles: {
                     width: '30px'
                 } }, `${playbackRate}x`)) : null;
-            viewerButtons = (React.createElement(SelectField, { width: '200px', options: viewerOpts, value: activeOutput, onChange: this.evtHandlers.toggleOutput, buttons: [downloadBtn, copyBtn, playbackRateBtn] }));
+            viewerButtons = (React.createElement(SelectField, { width: '225px', options: viewerOpts, value: activeOutput, onChange: this.evtHandlers.toggleOutput, buttons: [downloadBtn, copyBtn, playbackRateBtn] }));
             expIdField = this.expIdField(experienceId);
         }
         const compSelect = allowCompOverride && !rendering ? (React.createElement(SelectField, { width: '150px', onChange: this.evtHandlers.compChange, options: this.props.compositionOptions, value: compId, label: '' })) : null;

package/dist/esm/components/tag/Tag.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.test.js","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.test.tsx"],"names":[],"mappings":""}
+{"version":3,"file":"Tag.test.js","sourceRoot":"","sources":["../../../../src/components/tag/Tag.test.tsx"],"names":[],"mappings":""}

package/dist/styles.css

@@ -2449,6 +2449,12 @@ body a {
   display: inline-block;
   margin-top: 4px;
 }
+.story-viewer .select-wrapper select {
+  padding-right: 18px;
+}
+.story-viewer .select-wrapper .caret {
+  top: -2px;
+}
 .story-viewer .viewer-content {
   position: absolute;
   left: 0px;
@@ -2475,6 +2481,13 @@ body a {
   display: inline-block;
   vertical-align: top;
 }
+.story-viewer .viewer-content .content-header .output select {
+  width: 140px;
+  padding-right: 20px;
+}
+.story-viewer .viewer-content .content-header .output .caret {
+  top: -2px;
+}
 .story-viewer .viewer-content .content-header .right-interface {
   display: inline-block;
   vertical-align: top;

package/dist/styles.less

@@ -2459,6 +2459,14 @@ body{
     .select-wrapper{
         display: inline-block;
         margin-top:4px;
+
+        select {
+            padding-right: 18px;
+        }
+
+        .caret {
+            top: -2px;
+        }
     }
 
     .viewer-content{
@@ -2482,6 +2490,15 @@ body{
                 margin-right:5px;
                 display: inline-block;
                 vertical-align: top;
+
+                select {
+                    width: 140px;
+                    padding-right: 20px;
+                }
+
+                .caret {
+                    top: -2px;
+                }
             }
 
             .right-interface{

package/less/components/story-previewer.less

@@ -198,6 +198,14 @@
     .select-wrapper{
         display: inline-block;
         margin-top:4px;
+
+        select {
+            padding-right: 18px;
+        }
+
+        .caret {
+            top: -2px;
+        }
     }
 
     .viewer-content{
@@ -221,6 +229,15 @@
                 margin-right:5px;
                 display: inline-block;
                 vertical-align: top;
+
+                select {
+                    width: 140px;
+                    padding-right: 20px;
+                }
+
+                .caret {
+                    top: -2px;
+                }
             }
 
             .right-interface{

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "2.2.6",
+    "version": "2.2.7",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",

package/src/components/story-previewer/StoryPreviewer.tsx

@@ -933,7 +933,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
 
             viewerButtons = (
                 <SelectField
-                    width='200px'
+                    width='225px'
                     options={viewerOpts}
                     value={activeOutput}
                     onChange={this.evtHandlers.toggleOutput}