@adiba-banking-cloud/backoffice 0.0.69 → 0.0.71

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

@@ -4,3 +4,5 @@ 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>;
+export declare const FunctionFormContainer: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Simple.types").SimpleFormProps>;
+export declare const ComponentFormContainer: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Simple.types").SimpleFormProps>;

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

@@ -1,5 +1,5 @@
 import { NumberInputProps, PasswordInputProps, TextareaProps, TextInputProps } from "@mantine/core";
-type FormInput = string | FormInputObject | Function;
+type FormInput = string | FormInputObject | ((props: (name: string) => any) => React.ReactNode);
 export interface FormInputObject {
     component: "Textarea" | "TextInput" | "PasswordInput" | "NumberInput";
     field: TextInputProps | TextareaProps | PasswordInputProps | NumberInputProps;
@@ -12,5 +12,9 @@ export interface SimpleFormProps {
     hasReset?: boolean;
     hasSubmit?: boolean;
     isEditable: boolean;
+    initialValues?: Record<string, string>;
+    formValidate?: {
+        [key: string]: (value: string) => string | null;
+    };
 }
 export {};

package/build/typings/components/index.d.ts

@@ -25,3 +25,4 @@ export { SuccessModal } from "./modals/success/Success";
 export { TwoFactorModal } from "./modals/twofactor/Twofactor";
 export { Drawer } from "./general/drawer/Drawer";
 export { SimpleForm } from "./forms/simple/Simple";
+export { MaskedTilePanel, TilePanel } from "./panels/tile/Tile";

package/build/typings/components/panels/tile/Tile.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TilePanelProps } from "./Tile.types";
+export declare const MaskedTilePanel: React.FC<TilePanelProps>;
+export declare const TilePanel: React.FC<TilePanelProps>;

package/build/typings/components/panels/tile/Tile.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from "@storybook/react/*";
+import { MaskedTilePanel } from "./Tile";
+import "@mantine/core/styles.css";
+import "../../global.css";
+declare const _default: Meta<typeof MaskedTilePanel>;
+export default _default;
+export declare const TilePanelContainer: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/*").ReactRenderer, import("./Tile.types").TilePanelProps>;

package/build/typings/components/panels/tile/Tile.types.d.ts

@@ -0,0 +1,7 @@
+import { IconsProps } from "../../general/icons/Icons.types";
+export interface TilePanelProps {
+    label: string;
+    value: string;
+    icon?: IconsProps;
+    onMasked?: () => boolean;
+}

package/build/typings/components/theme.d.ts

@@ -7,7 +7,7 @@ import "@fontsource/poppins/600.css";
 import "@fontsource/poppins/700.css";
 import "@fontsource/poppins/800.css";
 export declare const theme: {
-    focusRing?: "auto" | "never" | "always" | undefined;
+    focusRing?: "auto" | "always" | "never" | undefined;
     scale?: number | undefined;
     fontSmoothing?: boolean | undefined;
     white?: string | undefined;
@@ -42,7 +42,7 @@ export declare const theme: {
     headings?: {
         fontFamily?: string | undefined;
         fontWeight?: string | undefined;
-        textWrap?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | undefined;
+        textWrap?: "nowrap" | "wrap" | "balance" | "pretty" | "stable" | undefined;
         sizes?: {
             h1?: {
                 fontSize?: string | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adiba-banking-cloud/backoffice",
   "author": "TUROG Technologies",
-  "version": "0.0.69",
+  "version": "0.0.71",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",
@@ -57,6 +57,7 @@
     "@hello-pangea/dnd": "^16.5.0",
     "@lottiefiles/dotlottie-react": "^0.14.1",
     "@mantine/core": "^7.12.2",
+    "@mantine/form": "^8.1.3",
     "@mantine/hooks": "^7.12.2",
     "@mantine/modals": "^7.17.8",
     "@rollup/plugin-babel": "^6.0.3",