orcs-design-system 3.3.9 → 3.3.11

package/es/components/FloatingPanels/FloatingPanels.stories.js

@@ -49,7 +49,7 @@ const panels = [{
   id: "view-options",
   iconName: "eye",
   title: "View Options",
-  defaultExpanded: true,
+  expanded: true,
   content: /*#__PURE__*/_jsx(Properties, {})
 }, {
   id: "properties",

package/es/components/FloatingPanels/index.js

@@ -10,19 +10,20 @@ const FloatingPanels = _ref => {
     position = {
       right: 20,
       top: 20
-    }
+    },
+    onClick = () => {}
   } = _ref;
   const [expandedPanelId, setExpandedPanelId] = useState(null);
-
-  // Set the default expanded panel on component mount
   useEffect(() => {
-    const defaultExpandedPanel = panels.find(panel => panel.defaultExpanded);
-    if (defaultExpandedPanel) {
-      setExpandedPanelId(defaultExpandedPanel.id);
+    const expandedPanel = panels.find(panel => panel.expanded);
+    if (expandedPanel?.id) {
+      setExpandedPanelId(expandedPanel.id);
     }
   }, [panels]);
   const togglePanel = panelId => {
-    setExpandedPanelId(expandedPanelId === panelId ? null : panelId);
+    const selectedPanelId = expandedPanelId === panelId ? null : panelId;
+    onClick(selectedPanelId);
+    setExpandedPanelId(selectedPanelId);
   };
   return /*#__PURE__*/_jsxs(ComponentContainer, {
     containerHeight: containerHeight,
@@ -59,7 +60,8 @@ FloatingPanels.propTypes = {
     right: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     bottom: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     left: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-  })
+  }),
+  onClick: PropTypes.func
 };
 FloatingPanels.defaultProps = {
   position: {
@@ -121,6 +123,17 @@ FloatingPanels.__docgenInfo = {
       },
       "required": false
     },
+    "onClick": {
+      "defaultValue": {
+        "value": "() => {}",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "func"
+      },
+      "required": false
+    },
     "panels": {
       "description": "",
       "type": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orcs-design-system",
-  "version": "3.3.9",
+  "version": "3.3.11",
   "engines": {
     "node": "20.12.2"
   },