@adiba-banking-cloud/backoffice 0.0.4 → 0.0.6

package/build/styles.css

@@ -1 +1 @@
-.storybook-button{border:0;border-radius:3em;cursor:pointer;display:inline-block;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1}.storybook-button--primary{background-color:#1ea7fd;color:#fff}.storybook-button--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);color:#333}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}.storybook-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);display:flex;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:space-between;padding:15px 20px}.storybook-header h1,.storybook-header svg{display:inline-block;vertical-align:top}.storybook-header h1{font-size:20px;font-weight:700;line-height:1;margin:6px 0 6px 10px}.storybook-header button+button{margin-left:10px}.storybook-header .welcome{color:#333;font-size:14px;margin-right:10px}.storybook-page{color:#333;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:24px;margin:0 auto;max-width:600px;padding:48px 20px}.storybook-page h2{display:inline-block;font-size:32px;font-weight:700;line-height:1;margin:0 0 4px;vertical-align:top}.storybook-page p{margin:1em 0}.storybook-page a{color:#1ea7fd;text-decoration:none}.storybook-page ul{margin:1em 0;padding-left:30px}.storybook-page li{margin-bottom:8px}.storybook-page .tip{background:#e7fdd8;border-radius:1em;color:#66bf3c;display:inline-block;font-size:11px;font-weight:700;line-height:12px;margin-right:10px;padding:4px 12px;vertical-align:top}.storybook-page .tip-wrapper{font-size:13px;line-height:20px;margin-bottom:40px;margin-top:40px}.storybook-page .tip-wrapper svg{display:inline-block;height:12px;margin-right:4px;margin-top:3px;vertical-align:top;width:12px}.storybook-page .tip-wrapper svg path{fill:#1ea7fd}
+svg>path{stroke-width:inherit}

package/build/typings/components/charts/column/Column.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ChartProps, SimpleChartProps } from "./Column.types";
+export declare const EqualizerColumn: React.FC<SimpleChartProps>;
+export declare const SimpleColumn: React.FC<SimpleChartProps>;
+export declare const StackedColumn: React.FC<ChartProps>;

package/build/typings/components/charts/column/Column.default.d.ts

@@ -0,0 +1,2 @@
+import { ChartConfig, ChartProps } from './Column.types';
+export declare const initChart: (props: ChartProps) => ChartConfig;

package/build/typings/components/charts/column/Column.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from "@storybook/react";
+import { SimpleColumn } from "./Column";
+import "@mantine/core/styles.css";
+declare const _default: Meta<typeof SimpleColumn>;
+export default _default;
+export declare const SimpleColumnChart: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Column.types").SimpleChartProps>;
+export declare const StackedColumnChart: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Column.types").ChartProps>;
+export declare const EqualizerColumnChart: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Column.types").SimpleChartProps>;

package/build/typings/components/charts/column/Column.types.d.ts

@@ -0,0 +1,57 @@
+export interface ChartProps {
+    bgColor?: string;
+    plotBgColor?: string;
+    colors?: string[];
+    title?: string;
+    xAxisLabel: string[];
+    yAxisLabel: string[];
+    series: number[][];
+    withLegend: boolean;
+    equalizer: boolean;
+}
+export interface SimpleChartProps {
+    bgColor?: string;
+    plotBgColor?: string;
+    color?: string;
+    title?: string;
+    xAxisLabel: string[];
+    yAxisLabel: string;
+    series: number[];
+    withLegend: boolean;
+}
+export interface ChartConfig {
+    chart: object;
+    tooltip: object;
+    credits: object;
+    exporting: object;
+    title: object;
+    labels: object;
+    legend: object;
+}
+export interface ChartSeriesColumn {
+    xAxis: {
+        categories: string[];
+        labels: object;
+    };
+    yAxis: {
+        allowDecimals: boolean;
+        title: object;
+        gridLineDashStyle?: string;
+        gridLineWidth?: number;
+        labels: object;
+    };
+    series: ChartSeries[];
+    plotOptions: object;
+}
+export interface ChartSeries {
+    name: string;
+    data: number[];
+    borderRadiusTopLeft?: number;
+    borderRadiusTopRight?: number;
+    borderRadiusBottomLeft?: number;
+    borderRadiusBottomRight?: number;
+    innerWidth?: number;
+    color: string;
+    enableMouseTracking?: boolean;
+    showInLegend?: boolean;
+}

package/build/typings/components/general/icons/Icons.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IconsProps } from "./Icons.types";
+import './Icons.css';
+export declare const Icons: React.FC<IconsProps>;

package/build/typings/components/general/icons/Icons.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from "@storybook/react";
+import { Icons } from "./Icons";
+import "./Icons.css";
+declare const _default: Meta<typeof Icons>;
+export default _default;
+export declare const HomeIcon: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Icons.types").IconsProps>;

package/build/typings/components/general/icons/Icons.types.d.ts

@@ -0,0 +1,8 @@
+import * as IconSax from "iconsax-react";
+export interface IconsProps {
+    name: keyof typeof IconSax;
+    size?: number;
+    color?: string;
+    stroke?: number | string;
+    variant?: "Linear" | "Outline" | "Broken" | "Bold" | "Bulk" | "TwoTone";
+}

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

@@ -1,3 +1,3 @@
-export { default as Button } from "./Button";
-export { default as Header } from "./Header";
-export { default as Page } from "./Page";
+export { SimpleColumn, EqualizerColumn, StackedColumn } from "./charts/column/Column";
+export { SideMenu } from "./menus/side/Side";
+export { Icons } from "./general/icons/Icons";

package/build/typings/components/menus/side/Side.d.ts

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

package/build/typings/components/menus/side/Side.stories.d.ts

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

package/build/typings/components/menus/side/Side.types.d.ts

@@ -0,0 +1,17 @@
+import { NavLinkVariant } from "@mantine/core";
+import { IconsProps } from "../../general/icons/Icons.types";
+export interface SideMenuProps {
+    color: string;
+    radius?: number;
+    variant: NavLinkVariant;
+    sidemenu: SideMenuItemProps[];
+    onClick?: () => void;
+}
+export interface SideMenuItemProps {
+    active?: boolean;
+    id: string;
+    icon?: IconsProps;
+    label: string;
+    variant?: NavLinkVariant;
+    children?: SideMenuItemProps[];
+}

package/package.json

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

package/build/typings/components/Button/Button.stories.d.ts

@@ -1,23 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-declare const meta: {
-    title: string;
-    component: ({ primary, size, backgroundColor, label, ...props }: import(".").ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        backgroundColor: {
-            control: "color";
-        };
-    };
-    args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;

package/build/typings/components/Button/Button.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,16 +0,0 @@
-import "./button.css";
-export interface ButtonProps {
-    /** Is this the principal call to action on the page? */
-    primary?: boolean;
-    /** What background color to use */
-    backgroundColor?: string;
-    /** How large should the button be? */
-    size?: "small" | "medium" | "large";
-    /** Button contents */
-    label: string;
-    /** Optional click handler */
-    onClick?: () => void;
-}
-/** Primary UI component for user interaction */
-declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default Button;

package/build/typings/components/Header/Header.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/typings/components/Header/Header.stories.d.ts

@@ -1,18 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-declare const meta: {
-    title: string;
-    component: ({ user, onLogin, onLogout, onCreateAccount }: import(".").HeaderProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    args: {
-        onLogin: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        onLogout: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        onCreateAccount: import("@vitest/spy").Mock<(...args: any[]) => any>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedIn: Story;
-export declare const LoggedOut: Story;

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

@@ -1,12 +0,0 @@
-import "./header.css";
-type User = {
-    name: string;
-};
-export interface HeaderProps {
-    user?: User;
-    onLogin?: () => void;
-    onLogout?: () => void;
-    onCreateAccount?: () => void;
-}
-declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export default Header;

package/build/typings/components/Page/Page.stories.d.ts

@@ -1,12 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-declare const meta: {
-    title: string;
-    component: import("react").FC<{}>;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedOut: Story;
-export declare const LoggedIn: Story;

package/build/typings/components/Page/Page.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,4 +0,0 @@
-import React from "react";
-import "./page.css";
-declare const Page: React.FC;
-export default Page;