@teselagen/ui 0.10.20 → 0.10.22

package/index.cjs.js

@@ -32672,7 +32672,7 @@ const _TgSelect = class _TgSelect extends React.Component {
     };
   }
   render() {
-    var _b;
+    var _b, _c;
     let _a = this.props, {
       multi,
       asTag,
@@ -32772,6 +32772,7 @@ const _TgSelect = class _TgSelect extends React.Component {
         (opt) => opt && opt.value === (value2 && value2.value || value2)
       );
     });
+    const inputClassname = `${multi ? "tg-multiselect-input" : "tg-single-select-input"} ${tagInputProps && ((_c = tagInputProps.inputProps) == null ? void 0 : _c.className) || ""}`;
     const toRet = /* @__PURE__ */ React.createElement(
       select.MultiSelect,
       __spreadValues(__spreadValues({
@@ -32848,12 +32849,14 @@ const _TgSelect = class _TgSelect extends React.Component {
               this.setOpenState(true);
             }
           }, "onKeyDown"),
-          inputProps: __spreadValues({
+          inputProps: __spreadProps(__spreadValues({
             autoComplete: "off",
             name: "tg-multiselect-input",
             autoFocus: autoFocus || autoOpen,
             onBlur
-          }, tagInputProps && tagInputProps.inputProps)
+          }, tagInputProps && tagInputProps.inputProps), {
+            className: inputClassname
+          })
         })
       }), rest)
     );
@@ -67032,6 +67035,7 @@ const Uploader = /* @__PURE__ */ __name(({
           style: { fontSize: 11, marginBottom: 5 }
         },
         advancedAccept && !acceptLoading ? /* @__PURE__ */ React.createElement("div", null, "Accepts  ", /* @__PURE__ */ React.createElement("span", null, advancedAccept.map((acc, i2) => {
+          var _a2;
           const disabled2 = !(acc.description || acc.exampleFile || acc.exampleFiles);
           const PopOrTooltip = acc.exampleFiles ? core.Popover : core.Tooltip;
           const hasDownload = acc.exampleFile || acc.exampleFiles;
@@ -67041,7 +67045,7 @@ const Uploader = /* @__PURE__ */ __name(({
             {
               key: i2,
               interactionKind: "hover",
-              disabled: disabled2,
+              disabled: disabled2 || !!((_a2 = window.Cypress) == null ? void 0 : _a2.tg_disableDownloadExampleHover),
               modifiers: popoverOverflowModifiers,
               content: acc.exampleFiles ? /* @__PURE__ */ React.createElement(core.Menu, null, acc.exampleFiles.map(
                 ({ description, subtext, exampleFile, icon }, i22) => /* @__PURE__ */ React.createElement(

package/index.es.js

@@ -32654,7 +32654,7 @@ const _TgSelect = class _TgSelect extends React__default.Component {
     };
   }
   render() {
-    var _b;
+    var _b, _c;
     let _a = this.props, {
       multi,
       asTag,
@@ -32754,6 +32754,7 @@ const _TgSelect = class _TgSelect extends React__default.Component {
         (opt) => opt && opt.value === (value2 && value2.value || value2)
       );
     });
+    const inputClassname = `${multi ? "tg-multiselect-input" : "tg-single-select-input"} ${tagInputProps && ((_c = tagInputProps.inputProps) == null ? void 0 : _c.className) || ""}`;
     const toRet = /* @__PURE__ */ React__default.createElement(
       MultiSelect,
       __spreadValues(__spreadValues({
@@ -32830,12 +32831,14 @@ const _TgSelect = class _TgSelect extends React__default.Component {
               this.setOpenState(true);
             }
           }, "onKeyDown"),
-          inputProps: __spreadValues({
+          inputProps: __spreadProps(__spreadValues({
             autoComplete: "off",
             name: "tg-multiselect-input",
             autoFocus: autoFocus || autoOpen,
             onBlur
-          }, tagInputProps && tagInputProps.inputProps)
+          }, tagInputProps && tagInputProps.inputProps), {
+            className: inputClassname
+          })
         })
       }), rest)
     );
@@ -67014,6 +67017,7 @@ const Uploader = /* @__PURE__ */ __name(({
           style: { fontSize: 11, marginBottom: 5 }
         },
         advancedAccept && !acceptLoading ? /* @__PURE__ */ React__default.createElement("div", null, "Accepts  ", /* @__PURE__ */ React__default.createElement("span", null, advancedAccept.map((acc, i2) => {
+          var _a2;
           const disabled2 = !(acc.description || acc.exampleFile || acc.exampleFiles);
           const PopOrTooltip = acc.exampleFiles ? Popover : Tooltip;
           const hasDownload = acc.exampleFile || acc.exampleFiles;
@@ -67023,7 +67027,7 @@ const Uploader = /* @__PURE__ */ __name(({
             {
               key: i2,
               interactionKind: "hover",
-              disabled: disabled2,
+              disabled: disabled2 || !!((_a2 = window.Cypress) == null ? void 0 : _a2.tg_disableDownloadExampleHover),
               modifiers: popoverOverflowModifiers,
               content: acc.exampleFiles ? /* @__PURE__ */ React__default.createElement(Menu, null, acc.exampleFiles.map(
                 ({ description, subtext, exampleFile, icon }, i22) => /* @__PURE__ */ React__default.createElement(

package/index.umd.js

@@ -60275,7 +60275,7 @@ ${latestSubscriptionCallbackError.current.stack}
       };
     }
     render() {
-      var _b2;
+      var _b2, _c2;
       let _a2 = this.props, {
         multi,
         asTag,
@@ -60375,6 +60375,7 @@ ${latestSubscriptionCallbackError.current.stack}
           (opt) => opt && opt.value === (value2 && value2.value || value2)
         );
       });
+      const inputClassname = `${multi ? "tg-multiselect-input" : "tg-single-select-input"} ${tagInputProps && ((_c2 = tagInputProps.inputProps) == null ? void 0 : _c2.className) || ""}`;
       const toRet = /* @__PURE__ */ React.createElement(
         MultiSelect,
         __spreadValues(__spreadValues({
@@ -60451,12 +60452,14 @@ ${latestSubscriptionCallbackError.current.stack}
                 this.setOpenState(true);
               }
             }, "onKeyDown"),
-            inputProps: __spreadValues({
+            inputProps: __spreadProps(__spreadValues({
               autoComplete: "off",
               name: "tg-multiselect-input",
               autoFocus: autoFocus || autoOpen,
               onBlur
-            }, tagInputProps && tagInputProps.inputProps)
+            }, tagInputProps && tagInputProps.inputProps), {
+              className: inputClassname
+            })
           })
         }), rest)
       );
@@ -94467,6 +94470,7 @@ ${latestSubscriptionCallbackError.current.stack}
             style: { fontSize: 11, marginBottom: 5 }
           },
           advancedAccept && !acceptLoading ? /* @__PURE__ */ React.createElement("div", null, "Accepts  ", /* @__PURE__ */ React.createElement("span", null, advancedAccept.map((acc, i2) => {
+            var _a3;
             const disabled2 = !(acc.description || acc.exampleFile || acc.exampleFiles);
             const PopOrTooltip = acc.exampleFiles ? Popover : Tooltip;
             const hasDownload = acc.exampleFile || acc.exampleFiles;
@@ -94476,7 +94480,7 @@ ${latestSubscriptionCallbackError.current.stack}
               {
                 key: i2,
                 interactionKind: "hover",
-                disabled: disabled2,
+                disabled: disabled2 || !!((_a3 = window.Cypress) == null ? void 0 : _a3.tg_disableDownloadExampleHover),
                 modifiers: popoverOverflowModifiers,
                 content: acc.exampleFiles ? /* @__PURE__ */ React.createElement(Menu, null, acc.exampleFiles.map(
                   ({ description, subtext, exampleFile, icon }, i22) => /* @__PURE__ */ React.createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.10.20",
+  "version": "0.10.22",
   "main": "./src/index.js",
   "type": "module",
   "repository": "https://github.com/TeselaGen/tg-oss",

package/src/FormComponents/Uploader.js

@@ -658,7 +658,10 @@ const Uploader = ({
                         <PopOrTooltip
                           key={i}
                           interactionKind="hover"
-                          disabled={disabled}
+                          disabled={
+                            disabled ||
+                            !!window.Cypress?.tg_disableDownloadExampleHover
+                          }
                           modifiers={popoverOverflowModifiers}
                           content={
                             acc.exampleFiles ? (

package/src/TgSelect/index.js

@@ -334,6 +334,7 @@ class TgSelect extends React.Component {
         opt => opt && opt.value === ((value && value.value) || value)
       );
     });
+    const inputClassname = `${multi ? "tg-multiselect-input" : "tg-single-select-input"} ${(tagInputProps && tagInputProps.inputProps?.className) || ""}`;
     const toRet = (
       <MultiSelect
         onActiveItemChange={this.handleActiveItemChange}
@@ -433,7 +434,8 @@ class TgSelect extends React.Component {
               name: "tg-multiselect-input",
               autoFocus: autoFocus || autoOpen,
               onBlur,
-              ...(tagInputProps && tagInputProps.inputProps)
+              ...(tagInputProps && tagInputProps.inputProps),
+              className: inputClassname
             }
           }
         }}