pollination-react-io 1.76.1 → 1.76.2

package/build/atoms/BaseDropdown/BaseDropdown.d.ts

@@ -19,5 +19,7 @@ export interface BaseDropdownProps {
     onSelect?: (option: Option) => any;
     disabled?: boolean;
     action?: 'hover' | 'click';
+    activeId?: string;
+    selectedStyle?: CSSProperties;
 }
 export declare const BaseDropdown: FC<BaseDropdownProps>;

package/build/index.esm.js

@@ -53193,36 +53193,47 @@ styleInject(css_248z$7);
 
 var BaseDropdown = function (_a) {
     var options = _a.options, children = _a.children, _b = _a.overlayStyle, overlayStyle = _b === void 0 ? {
-        border: 'solid 1px #000',
+        border: 'solid 1px #606470',
         backgroundColor: '#fff',
         padding: '5px',
-        borderRadius: '5px'
+        borderRadius: '5px',
     } : _b, _c = _a.childOverlayStyle, childOverlayStyle = _c === void 0 ? {
         padding: '10px',
-        cursor: 'pointer'
-    } : _c, _d = _a.triggerStyle, triggerStyle = _d === void 0 ? {} : _d, _e = _a.placement, placement = _e === void 0 ? 'bottomCenter' : _e, _f = _a.icon, icon = _f === void 0 ? React__default.createElement(CaretDownFill$1, { size: 12 }) : _f, _g = _a.onSelect, onSelect = _g === void 0 ? function (option) { } : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.action, action = _j === void 0 ? 'click' : _j;
+        cursor: 'pointer',
+    } : _c, _d = _a.triggerStyle, triggerStyle = _d === void 0 ? {} : _d, _e = _a.placement, placement = _e === void 0 ? 'bottomCenter' : _e, _f = _a.icon, icon = _f === void 0 ? React__default.createElement(CaretDownFill$1, { size: 12 }) : _f, _g = _a.onSelect, onSelect = _g === void 0 ? function (option) { } : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.action, action = _j === void 0 ? 'click' : _j, _k = _a.activeId, activeId = _k === void 0 ? undefined : _k, _l = _a.selectedStyle, selectedStyle = _l === void 0 ? {
+        backgroundColor: '#40a9ff',
+        color: '#fff',
+        fontWeight: 'bold'
+    } : _l;
+    var _m = useState(activeId), selection = _m[0], setSelection = _m[1];
     var renderItem = useCallback(function (o) {
         switch (o.type) {
             case 'link':
-                return (React__default.createElement("div", { style: childOverlayStyle, className: 'basedropdown-overlay-child', key: o.id, tabIndex: 0, role: 'button', onClick: function (e) {
+                return (React__default.createElement("div", { style: o.id == selection
+                        ? __assign(__assign({}, childOverlayStyle), selectedStyle) : childOverlayStyle, className: 'basedropdown-overlay-child', key: o.id, tabIndex: 0, role: 'button', onClick: function (e) {
                         window.location.href = o.to;
+                        setSelection(o.id);
                     } },
                     o.icon && React__default.createElement("span", { style: { marginRight: '5px' } }, o.icon),
                     o.label));
             case 'label':
-                return (React__default.createElement("div", { style: childOverlayStyle, key: o.id, tabIndex: 0, role: 'button', onClick: function (e) {
+                return (React__default.createElement("div", { style: o.id == selection
+                        ? __assign(__assign({}, childOverlayStyle), selectedStyle) : childOverlayStyle, key: o.id, tabIndex: 0, role: 'button', onClick: function (e) {
                         onSelect(o);
+                        setSelection(o.id);
                     } },
                     o.icon && React__default.createElement("span", { style: { marginRight: '5px' } }, o.icon),
                     o.label));
             default:
-                return (React__default.createElement(Button, { style: childOverlayStyle, key: o.id, onClick: function (e) {
+                return (React__default.createElement(Button, { style: o.id == selection
+                        ? __assign(__assign({}, childOverlayStyle), selectedStyle) : childOverlayStyle, key: o.id, onClick: function (e) {
                         onSelect(o);
+                        setSelection(o.id);
                     } },
                     o.icon,
                     o.label));
         }
-    }, []);
+    }, [selection]);
     return (React__default.createElement("div", null,
         React__default.createElement("div", { style: { display: 'flex' } },
             children,
@@ -53326,23 +53337,18 @@ var SendGeometry = function (_a) {
         clear: "Clear geometry from the ".concat(host, " viewport"),
         'subscribe-preview': "Render geometry in the ".concat(host, " viewport"),
     };
-    return React__default.createElement(BaseDropdown, { icon: React__default.createElement(Logo, { size: 18 }), childOverlayStyle: {
+    return React__default.createElement(BaseDropdown, { childOverlayStyle: {
             width: 'auto',
             backgroundColor: 'white',
-            color: 'black',
+            color: '#393e46',
             fontSize: '14px',
             padding: '10px',
             cursor: 'pointer'
-        }, triggerStyle: {
-            backgroundColor: 'white',
-            color: 'black',
-            border: 'solid 1px #000'
-        }, disabled: disabled, action: 'hover', onSelect: onSelect, options: values },
+        }, placement: 'bottomRight', activeId: defaultAction, disabled: disabled, action: 'hover', onSelect: onSelect, options: values },
         React__default.createElement(Button, { title: helpTextButton[currOption === null || currOption === void 0 ? void 0 : currOption.id], disabled: disabled, style: {
-                backgroundColor: 'white',
-                color: 'black',
+                width: '100%',
                 fontSize: '14px',
-                border: 'solid 1px #000'
+                border: 'solid 1px #fff'
             }, onClick: function (e) {
                 e.stopPropagation();
                 if (disabled)
@@ -53463,23 +53469,18 @@ var SendModel = function (_a) {
         replace: "Replace the model in the ".concat(host, " viewport"),
         'subscribe-preview': "Render the model in the ".concat(host, " viewport"),
     };
-    return React__default.createElement(BaseDropdown, { icon: React__default.createElement(Logo, { size: 18 }), childOverlayStyle: {
+    return React__default.createElement(BaseDropdown, { childOverlayStyle: {
             width: 'auto',
             backgroundColor: 'white',
-            color: 'black',
+            color: '#393e46',
             fontSize: '14px',
             padding: '10px',
             cursor: 'pointer'
-        }, triggerStyle: {
-            backgroundColor: 'white',
-            color: 'black',
-            border: 'solid 1px #000'
-        }, disabled: disabled, onSelect: onSelect, action: 'hover', options: values },
+        }, placement: 'bottomRight', activeId: defaultAction, disabled: disabled, onSelect: onSelect, action: 'hover', options: values },
         React__default.createElement(Button, { title: helpTextButton[currOption === null || currOption === void 0 ? void 0 : currOption.id], disabled: disabled, style: {
-                backgroundColor: 'white',
-                color: 'black',
+                width: '100%',
                 fontSize: '14px',
-                border: 'solid 1px #000'
+                border: 'solid 1px #fff'
             }, onClick: function (e) {
                 e.stopPropagation();
                 if (disabled)
@@ -53598,23 +53599,18 @@ var SendResults = function (_a) {
         clear: "Clear results from the ".concat(host, " viewport"),
         'subscribe-preview': "Render results in the ".concat(host, " viewport"),
     };
-    return React__default.createElement(BaseDropdown, { icon: React__default.createElement(Logo, { size: 18 }), childOverlayStyle: {
+    return React__default.createElement(BaseDropdown, { childOverlayStyle: {
             width: 'auto',
             backgroundColor: 'white',
-            color: 'black',
+            color: '#393e46',
             fontSize: '14px',
             padding: '10px',
             cursor: 'pointer'
-        }, triggerStyle: {
-            backgroundColor: 'white',
-            color: 'black',
-            border: 'solid 1px #000'
-        }, action: 'hover', disabled: disabled, onSelect: onSelect, options: values },
+        }, placement: 'bottomRight', activeId: defaultAction, action: 'hover', disabled: disabled, onSelect: onSelect, options: values },
         React__default.createElement(Button, { title: helpTextButton[currOption === null || currOption === void 0 ? void 0 : currOption.id], disabled: disabled, style: {
-                backgroundColor: 'white',
-                color: 'black',
+                width: '100%',
                 fontSize: '14px',
-                border: 'solid 1px #000'
+                border: 'solid 1px #fff'
             }, onClick: function (e) {
                 e.stopPropagation();
                 if (disabled)
@@ -56055,7 +56051,7 @@ var FileCard = function (_a) {
                     add: true,
                     delete: false,
                     'subscribe-preview': false,
-                    clear: true,
+                    clear: false,
                     preview: true,
                     replace: true,
                 }, key: CADdata.id, defaultKey: CADdata.id }),
@@ -56065,7 +56061,7 @@ var FileCard = function (_a) {
                     add: true,
                     delete: (host === 'revit'),
                     'subscribe-preview': false,
-                    clear: (host !== 'revit'),
+                    clear: false,
                     preview: (host !== 'revit')
                 }, key: CADdata.id, defaultKey: CADdata.id })),
         open && React__default.createElement("div", { className: 'card-description' }, description));