pollination-react-io 1.92.3 → 1.92.5

package/build/GetModel/GetModel.types.d.ts

@@ -16,4 +16,5 @@ export interface GetModelProps {
     inputProps?: HTMLProps<HTMLInputElement>;
     showHelpText?: boolean;
     defaultKey?: string;
+    useIcon?: boolean;
 }

package/build/index.esm.js

@@ -41522,37 +41522,39 @@ var GetModelActions$1;
 })(GetModelActions$1 || (GetModelActions$1 = {}));
 
 var GetModel = function (_a) {
-    var onChange = _a.onChange, optionsConfig = _a.optionsConfig, _b = _a.buttonLabel, buttonLabel = _b === void 0 ? 'Get Model' : _b, _c = _a.showHelpText, showHelpText = _c === void 0 ? true : _c, _d = _a.defaultKey, defaultKey = _d === void 0 ? 'get-model-btn' : _d;
+    var onChange = _a.onChange, optionsConfig = _a.optionsConfig, _b = _a.buttonLabel, buttonLabel = _b === void 0 ? 'Get Model' : _b, _c = _a.showHelpText, showHelpText = _c === void 0 ? true : _c, _d = _a.defaultKey, defaultKey = _d === void 0 ? 'get-model-btn' : _d, _e = _a.useIcon, useIcon = _e === void 0 ? true : _e;
     var subscribeRef = useRef();
     var sendHbjson = useSendHbjson().sendHbjson;
-    var _e = useState(performance.now().toString()), key = _e[0], setKey = _e[1];
-    var _f = useState(Boolean(optionsConfig) && typeof optionsConfig !== 'undefined' &&
-        typeof optionsConfig.selection !== 'undefined' &&
-        typeof optionsConfig.selection.selected !== 'undefined' ? optionsConfig.selection.selected : false), selection = _f[0], setSelection = _f[1];
-    var _g = useState(Boolean(optionsConfig) && typeof optionsConfig !== 'undefined' &&
-        typeof optionsConfig.subscribe !== 'undefined' &&
-        typeof optionsConfig.subscribe.selected !== 'undefined' ? optionsConfig.subscribe.selected : false), subscribe = _g[0], setSubscribe = _g[1];
-    var _h = useState(Boolean(optionsConfig) && typeof optionsConfig !== 'undefined' &&
-        typeof optionsConfig.preview !== 'undefined' &&
-        typeof optionsConfig.preview.selected !== 'undefined' ? optionsConfig.preview.selected : false), preview = _h[0], setPreview = _h[1];
+    var _f = useState(performance.now().toString()), key = _f[0], setKey = _f[1];
+    var _g = useState(false), isClicked = _g[0], setIsClicked = _g[1];
+    var _h = useState(), selection = _h[0], setSelection = _h[1];
+    var _j = useState(), subscribe = _j[0], setSubscribe = _j[1];
+    var _k = useState(), preview = _k[0], setPreview = _k[1];
+    // Config only on bootstrap
+    var initialConfig = useMemo(function () {
+        if (!optionsConfig)
+            return undefined;
+        return optionsConfig;
+    }, []);
     // pollination-react-io hooks
-    var _j = useGetHbjson(), host = _j.host, hbjson = _j.hbjson, getHbjson = _j.getHbjson;
+    var _l = useGetHbjson(), host = _l.host, hbjson = _l.hbjson, getHbjson = _l.getHbjson;
     // set selection and subscribe on props change
     useEffect(function () {
-        if (!optionsConfig)
+        if (!initialConfig)
             return;
-        var sel = Boolean(optionsConfig) && typeof optionsConfig !== 'undefined' &&
-            typeof optionsConfig.selection !== 'undefined' &&
-            typeof optionsConfig.selection.selected !== 'undefined' ? optionsConfig.selection.selected : false;
-        var sub = Boolean(optionsConfig) && typeof optionsConfig !== 'undefined' &&
-            typeof optionsConfig.subscribe !== 'undefined' &&
-            typeof optionsConfig.subscribe.selected !== 'undefined' ? optionsConfig.subscribe.selected : false;
+        var sel = Boolean(initialConfig) && typeof initialConfig !== 'undefined' &&
+            typeof initialConfig.selection !== 'undefined' &&
+            typeof initialConfig.selection.selected !== 'undefined' ? initialConfig.selection.selected : false;
+        var sub = Boolean(initialConfig) && typeof initialConfig !== 'undefined' &&
+            typeof initialConfig.subscribe !== 'undefined' &&
+            typeof initialConfig.subscribe.selected !== 'undefined' ? initialConfig.subscribe.selected : false;
         // Do not trigger prev props - for streamlit
         setSelection(sel);
         setSubscribe(sub);
-    }, [optionsConfig]);
+    }, [initialConfig]);
     useEffect(function () {
-        if (!hbjson)
+        // Send data only after the first click
+        if (!hbjson || !isClicked)
             return;
         onChange && onChange(new File([hbjson], "Model_linked_from_".concat(host, ".hbjson")));
         if (onChange) {
@@ -41611,6 +41613,7 @@ var GetModel = function (_a) {
         : (React__default.createElement(SettingsButton, { onClick: function () {
                 if (!getHbjson)
                     return;
+                setIsClicked(true);
                 getHbjson(key, selection, true);
             }, disabled: !getHbjson, 
             // @ts-ignore
@@ -41654,12 +41657,12 @@ var GetModel = function (_a) {
                             },
                         },
                     ].filter(function (o) {
-                        if (!optionsConfig)
+                        if (!initialConfig)
                             return true;
-                        return typeof optionsConfig[o.id] === 'undefined' ? true :
-                            typeof optionsConfig[o.id].show === 'undefined' ? true : optionsConfig[o.id].show;
+                        return typeof initialConfig[o.id] === 'undefined' ? true :
+                            typeof initialConfig[o.id].show === 'undefined' ? true : initialConfig[o.id].show;
                     }),
-                }] : undefined, asButtons: true, label: buttonLabel, helpText: showHelpText && "Get ".concat(selection ? 'selected ' : '', " model").concat(subscribe ? ' continuously' : '', "."), icon: hbjson ? React__default.createElement(CheckCircle$1, null) : undefined })));
+                }] : undefined, asButtons: true, label: buttonLabel, helpText: showHelpText && "Get ".concat(selection ? 'selected ' : '', " model").concat(subscribe ? ' continuously' : '', "."), icon: useIcon && ((isClicked && hbjson) ? React__default.createElement(CheckCircle$1, null) : undefined) })));
 };
 
 var getFileIcon$2 = function (type, disabled) {
@@ -47697,22 +47700,28 @@ var GetGeometry = function (_a) {
     var _g = useState(), selection = _g[0], setSelection = _g[1];
     var _h = useState(), subscribe = _h[0], setSubscribe = _h[1];
     var _j = useState(), preview = _j[0], setPreview = _j[1];
+    // Config only on bootstrap
+    var initialConfig = useMemo(function () {
+        if (!optionsConfig)
+            return undefined;
+        return optionsConfig;
+    }, []);
     // pollination-react-io hooks
     var _k = useGetGeometry(), host = _k.host, geometry = _k.geometry, getGeometry = _k.getGeometry;
     // set selection and subscribe on props change
     useEffect(function () {
-        if (!optionsConfig)
+        if (!initialConfig)
             return;
-        var sel = Boolean(optionsConfig) && typeof optionsConfig !== 'undefined' &&
-            typeof optionsConfig.selection !== 'undefined' &&
-            typeof optionsConfig.selection.selected !== 'undefined' ? optionsConfig.selection.selected : false;
-        var sub = Boolean(optionsConfig) && typeof optionsConfig !== 'undefined' &&
-            typeof optionsConfig.subscribe !== 'undefined' &&
-            typeof optionsConfig.subscribe.selected !== 'undefined' ? optionsConfig.subscribe.selected : false;
+        var sel = Boolean(initialConfig) && typeof initialConfig !== 'undefined' &&
+            typeof initialConfig.selection !== 'undefined' &&
+            typeof initialConfig.selection.selected !== 'undefined' ? initialConfig.selection.selected : false;
+        var sub = Boolean(initialConfig) && typeof initialConfig !== 'undefined' &&
+            typeof initialConfig.subscribe !== 'undefined' &&
+            typeof initialConfig.subscribe.selected !== 'undefined' ? initialConfig.subscribe.selected : false;
         // Do not trigger prev props - for streamlit
         setSelection(sel);
         setSubscribe(sub);
-    }, [optionsConfig]);
+    }, [initialConfig]);
     useEffect(function () {
         // Send data only after the first click
         if (!geometry || !setParentState || !isClicked)
@@ -47763,7 +47772,7 @@ var GetGeometry = function (_a) {
             setKey(performance.now().toString());
         }
     }, [selection]);
-    return (React__default.createElement(SettingsButton, { icon: useIcon && undefined, onClick: function () {
+    return (React__default.createElement(SettingsButton, { icon: useIcon && ((isClicked && geometry) ? React__default.createElement(CheckCircle$1, null) : undefined), onClick: function () {
             if (!getGeometry)
                 return;
             setIsClicked(true);
@@ -47810,10 +47819,10 @@ var GetGeometry = function (_a) {
                         },
                     },
                 ].filter(function (o) {
-                    if (!optionsConfig)
+                    if (!initialConfig)
                         return true;
-                    return typeof optionsConfig[o.id] === 'undefined' ? true :
-                        typeof optionsConfig[o.id].show === 'undefined' ? true : optionsConfig[o.id].show;
+                    return typeof initialConfig[o.id] === 'undefined' ? true :
+                        typeof initialConfig[o.id].show === 'undefined' ? true : initialConfig[o.id].show;
                 }),
             }] : undefined, asButtons: true, label: buttonLabel, helpText: "Get ".concat(selection ? 'selected ' : '', " geometry").concat(subscribe ? ' continuously' : '', ".") }));
 };