@teselagen/ui 0.10.22 → 0.10.23

package/DataTable/DisabledLoadingComponent.d.ts

@@ -3,4 +3,4 @@ declare function DisabledLoadingComponent({ disabled, loading, loadingText }: {
     disabled: any;
     loading: any;
     loadingText: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;

package/index.cjs.js

@@ -35098,6 +35098,7 @@ const DisplayOptions = /* @__PURE__ */ __name(({
 }, "DisplayOptions");
 const { LoadingComponent: LoadingComponent2 } = ReactTableDefaults;
 function DisabledLoadingComponent({ disabled, loading, loadingText }) {
+  if (!loading) return null;
   return /* @__PURE__ */ React.createElement(
     LoadingComponent2,
     {
@@ -67669,6 +67670,7 @@ function AdvancedOptions({
 __name(AdvancedOptions, "AdvancedOptions");
 const TgHTMLSelect = /* @__PURE__ */ __name((_O) => {
   var _P = _O, { disabled } = _P, rest = __objRest(_P, ["disabled"]);
+  rest["data-test-value"] = rest.value;
   if (disabled) {
     const opt = rest.options.find((o2) => o2.value === rest.value);
     return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames("bp3-html-select", rest.className) }), opt.label);

package/index.es.js

@@ -35080,6 +35080,7 @@ const DisplayOptions = /* @__PURE__ */ __name(({
 }, "DisplayOptions");
 const { LoadingComponent: LoadingComponent2 } = ReactTableDefaults;
 function DisabledLoadingComponent({ disabled, loading, loadingText }) {
+  if (!loading) return null;
   return /* @__PURE__ */ React__default.createElement(
     LoadingComponent2,
     {
@@ -67651,6 +67652,7 @@ function AdvancedOptions({
 __name(AdvancedOptions, "AdvancedOptions");
 const TgHTMLSelect = /* @__PURE__ */ __name((_O) => {
   var _P = _O, { disabled } = _P, rest = __objRest(_P, ["disabled"]);
+  rest["data-test-value"] = rest.value;
   if (disabled) {
     const opt = rest.options.find((o2) => o2.value === rest.value);
     return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames("bp3-html-select", rest.className) }), opt.label);

package/index.umd.js

@@ -62701,6 +62701,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "DisplayOptions");
   const { LoadingComponent } = ReactTableDefaults;
   function DisabledLoadingComponent({ disabled, loading, loadingText }) {
+    if (!loading) return null;
     return /* @__PURE__ */ React.createElement(
       LoadingComponent,
       {
@@ -95104,6 +95105,7 @@ ${latestSubscriptionCallbackError.current.stack}
   __name(AdvancedOptions, "AdvancedOptions");
   const TgHTMLSelect = /* @__PURE__ */ __name((_O) => {
     var _P = _O, { disabled } = _P, rest = __objRest(_P, ["disabled"]);
+    rest["data-test-value"] = rest.value;
     if (disabled) {
       const opt = rest.options.find((o2) => o2.value === rest.value);
       return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames$1("bp3-html-select", rest.className) }), opt.label);

package/package.json

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

package/src/DataTable/DisabledLoadingComponent.js

@@ -3,6 +3,7 @@ import { ReactTableDefaults } from "@teselagen/react-table";
 const { LoadingComponent } = ReactTableDefaults;
 
 function DisabledLoadingComponent({ disabled, loading, loadingText }) {
+  if (!loading) return null;
   return (
     <LoadingComponent
       className={disabled ? "disabled" : ""}

package/src/TgHtmlSelect/index.js

@@ -6,6 +6,7 @@ import classNames from "classnames";
 // look like a regular html select with the selected option displayed
 // (instead of greyed out and without the ability to have tooltips working)
 const TgHTMLSelect = ({ disabled, ...rest }) => {
+  rest["data-test-value"] = rest.value;
   if (disabled) {
     const opt = rest.options.find(o => o.value === rest.value);
     return (