@bigbinary/neeto-molecules 1.15.22 → 1.15.24-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.15.22",
+  "version": "1.15.24-beta",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/types/Builder.d.ts

@@ -37,6 +37,7 @@ export
  *   ElementsPanel,
  *   PropertiesPanel,
  * } from "@bigbinary/neeto-molecules/Builder";
+ * import Configure from "./Configure";
  * 
  * const Component = () => (
  *   <Container isHeaderFixed>
@@ -63,8 +64,11 @@ export
  *           },
  *         ]}
  *       />
- *       <PropertiesPanel>
- *         <PropertiesPanel.EmptyProperty />
+ *       <PropertiesPanel
+ *         onClose={id => alert("The panel is closed :", id)}
+ *         id={selectedRecord.id}
+ *       >
+ *         {selectedRecord.id ? <Configure /> : <PropertiesPanel.EmptyProperty />}
  *       </PropertiesPanel>
  *     </div>
  *   </Container>
@@ -93,4 +97,6 @@ const ElementsPanel: React.FC<{
 }>;
 export const PropertiesPanel: React.FC<{
   children: React.ReactNode;
+  id: string;
+  onClose?: (id: string) => void;
 }>;

package/types/Settings.d.ts

@@ -2,8 +2,13 @@ import React, { ReactNode } from "react";
 import { IntegrationCardProps } from "./IntegrationCard";
 type SettingItem = {
   label: string;
+  description: string;
   path: string;
-} & Partial<IntegrationCardProps>;
+  children: ReactNode;
+  icon: ReactNode;
+  dataCy?: string;
+  isConnected?: boolean;
+};
 type SettingCategory = {
   id: string;
   label: string;
@@ -44,13 +49,10 @@ type SettingCategory = {
  *       {
  *         label: 'Github',
  *         description: 'Connect with github',
- *         icon: GithubIcon
- *         onConnect: () => setIsIntegrationModalOpen(true)
- *         onDisconnect: ()=> setIsIntegrationDisconnectModalOpen(true)
- *         ...
- *         ...
- *         //rest of the props for IntegrationCard should be passed here.
- *         // other props will be passed on to the integration card.
+ *         icon: GithubIcon,
+ *         path: routes.settings.integrations.github.index,
+ *         isConnected: true,
+ *         // other props will be spread on the Link element in the settings card.
  *       }
  *     ],
  *   },
@@ -81,7 +83,7 @@ type SettingCategory = {
  * 
  *   return (
  *     <div>
- *       <Settings categories={getCategories({setIsIntegrationModalOpen: setIsOpen})} />
+ *       <Settings categories={getCategories()} />
  *       <IntegrationModal isOpen={isOpen}>
  *     </div>
  *   );