@bigbinary/neeto-molecules 1.0.16 → 1.0.18

package/types/SubHeader.d.ts

@@ -1,9 +1,34 @@
 import React from "react";
-
+/**
+ *
+ * The SubHeader component is used alongside the header component to display
+ *
+ * additional information or actions.
+ *
+ * @example 
+ *
+ * import SubHeader from "@bigbinary/neeto-molecules/SubHeader";
+ * 
+ * const App = () => (
+ *   <SubHeader
+ *     leftActionBlock={
+ *       <Typography component="h4" style="h4">
+ *         118 Contacts
+ *       </Typography>
+ *     }
+ *     rightActionBlock={
+ *       <>
+ *         <Button icon={Delete} label="Delete" style="secondary" />
+ *         <Button label="Disable" style="secondary" />
+ *       </>
+ *     }
+ *   />
+ * );
+ * @endexample
+*/
 const SubHeader: React.FC<{
-    className?: string,
-    leftActionBlock?: React.ReactNode,
-    rightActionBlock?: React.ReactNode,
+  className?: string;
+  leftActionBlock?: React.ReactNode;
+  rightActionBlock?: React.ReactNode;
 }>;
-
-export default SubHeader;
+export default SubHeader;

package/types/TableWrapper.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+/**
+ *
+ * TableWrapper is used to wrap the table component.
+ *
+ * It is used to avoid the dynamic height calculation and
+ *
+ * inconsistency in heights for the parent container of the table component.
+ *
+ * TableWrapper should be used only with Tables used in the listing layout as
+ *
+ * shown below.
+ *
+ * @example 
+ *
+ * import TableWrapper from "@bigbinary/neeto-molecules/TableWrapper";
+ * 
+ * const App = () => (
+ *   <Container>
+ *     <Header />
+ *     <SubHeader />
+ *     <TableWrapper>
+ *       <Table columnData={columnData} rowData={rowData} />
+ *     </TableWrapper>
+ *   </Container>
+ * );
+ * @endexample
+*/
+const TableWrapper: React.FC<{
+  hasPagination?: boolean;
+  className?: string;
+  children: React.ReactNode;
+}>;
+export default TableWrapper;