@adiba-banking-cloud/backoffice 0.0.60 → 0.0.62

package/build/index.cjs.js/index.js

@@ -13227,22 +13227,26 @@ const Drawer = _ref => {
     offset: 10,
     padding: "md",
     size: size,
+    style: {
+      display: 'flex',
+      flexDirection: 'column'
+    },
     transitionProps: {
       duration: 500,
       transition: "slide-left"
     }
-  }, /*#__PURE__*/React.createElement(core.Drawer.Overlay, null), /*#__PURE__*/React.createElement(core.Drawer.Content, null, /*#__PURE__*/React.createElement(core.Drawer.Header, null, /*#__PURE__*/React.createElement(core.Drawer.Title, {
-    fw: "400",
-    fz: 24
+  }, /*#__PURE__*/React.createElement(core.Drawer.Overlay, null), /*#__PURE__*/React.createElement(core.Drawer.Content, {
+    flex: 1
+  }, /*#__PURE__*/React.createElement(core.Drawer.Header, null, /*#__PURE__*/React.createElement(core.Drawer.Title, {
+    fz: 'lg',
+    fw: "400"
   }, title), /*#__PURE__*/React.createElement(core.Drawer.CloseButton, {
     icon: /*#__PURE__*/React.createElement(Icons, {
       name: "Back",
       size: 24
     })
   })), /*#__PURE__*/React.createElement(core.Drawer.Body, {
-    style: {
-      height: "100%"
-    },
+    flex: 1,
     p: "md"
   }, /*#__PURE__*/React.createElement(core.ScrollArea, {
     h: "100%",

package/build/index.esm.js/index.js

@@ -13206,22 +13206,26 @@ const Drawer = _ref => {
     offset: 10,
     padding: "md",
     size: size,
+    style: {
+      display: 'flex',
+      flexDirection: 'column'
+    },
     transitionProps: {
       duration: 500,
       transition: "slide-left"
     }
-  }, /*#__PURE__*/React.createElement(Drawer$1.Overlay, null), /*#__PURE__*/React.createElement(Drawer$1.Content, null, /*#__PURE__*/React.createElement(Drawer$1.Header, null, /*#__PURE__*/React.createElement(Drawer$1.Title, {
-    fw: "400",
-    fz: 24
+  }, /*#__PURE__*/React.createElement(Drawer$1.Overlay, null), /*#__PURE__*/React.createElement(Drawer$1.Content, {
+    flex: 1
+  }, /*#__PURE__*/React.createElement(Drawer$1.Header, null, /*#__PURE__*/React.createElement(Drawer$1.Title, {
+    fz: 'lg',
+    fw: "400"
   }, title), /*#__PURE__*/React.createElement(Drawer$1.CloseButton, {
     icon: /*#__PURE__*/React.createElement(Icons, {
       name: "Back",
       size: 24
     })
   })), /*#__PURE__*/React.createElement(Drawer$1.Body, {
-    style: {
-      height: "100%"
-    },
+    flex: 1,
     p: "md"
   }, /*#__PURE__*/React.createElement(ScrollArea, {
     h: "100%",

package/build/typings/components/forms/simple/Simple.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SimpleFormProps } from "./Simple.types";
+export declare const SimpleForm: React.FC<SimpleFormProps>;

package/build/typings/components/forms/simple/Simple.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from "@storybook/react";
+import "@mantine/core/styles.css";
+import { SimpleForm } from "./Simple";
+declare const _default: Meta<typeof SimpleForm>;
+export default _default;
+export declare const SimpleFormContainer: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Simple.types").SimpleFormProps>;

package/build/typings/components/forms/simple/Simple.types.d.ts

@@ -0,0 +1,11 @@
+type FormInput = string | Function;
+export interface SimpleFormProps {
+    fields: FormInput[];
+    layout?: number[];
+    onSubmit?: (values: any) => void;
+    onCancel?: () => void;
+    hasReset?: boolean;
+    hasSubmit?: boolean;
+    isEditable: boolean;
+}
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adiba-banking-cloud/backoffice",
   "author": "TUROG Technologies",
-  "version": "0.0.60",
+  "version": "0.0.62",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",