@adiba-banking-cloud/backoffice 0.0.13 → 0.0.15

package/build/styles.css

@@ -1 +1 @@
-svg>path{stroke-width:inherit}
+svg>path{stroke-width:inherit}.backoffice-sidemenu.mantine-NavLink-root{padding:.25rem}.backoffice-sidemenu.mantine-NavLink-root[data-active] .mantine-NavLink-section:first-child{background:var(--mantine-color-adiba-4)}.backoffice-sidemenu.mantine-NavLink-root .mantine-NavLink-section:first-child{border-radius:9999px;display:flex;height:2rem;width:2rem}.payment-plan .mantine-Indicator-indicator{padding:0}

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

@@ -3,6 +3,6 @@ export interface IconsProps {
     name: keyof typeof IconSax;
     size?: number;
     color?: string;
-    stroke?: number | string;
+    stroke?: string | number;
     variant?: "Linear" | "Outline" | "Broken" | "Bold" | "Bulk" | "TwoTone";
 }

package/build/typings/components/general/text/Text.d.ts

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

package/build/typings/components/general/text/Text.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from "@storybook/react";
+import "@mantine/core/styles.css";
+import { SimpleText } from "./Text";
+declare const _default: Meta<typeof SimpleText>;
+export default _default;
+export declare const TextItem: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Text.types").SimpleTextProps>;
+export declare const SmallTextItem: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Text.types").SimpleTextProps>;

package/build/typings/components/general/text/Text.types.d.ts

@@ -0,0 +1,5 @@
+import { TextProps } from "@mantine/core";
+export interface SimpleTextProps extends TextProps {
+    label: string;
+    smaller: boolean;
+}

package/build/typings/components/general/title/Title.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { PageTitleProps, PageTitleWithCreateProps, PageTitleWithSwitcherProps } from "./Title.types";
+export declare const PageTitle: React.FC<PageTitleProps>;
+export declare const PageTitleWithCreate: React.FC<PageTitleWithCreateProps>;
+export declare const PageTitleWithSwitcher: React.FC<PageTitleWithSwitcherProps>;

package/build/typings/components/general/title/Title.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from "@storybook/react";
+import "@mantine/core/styles.css";
+import { PageTitle } from "./Title";
+import "../../global.css";
+declare const _default: Meta<typeof PageTitle>;
+export default _default;
+export declare const SimplePageTitle: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Title.types").PageTitleProps>;
+export declare const BreadcrumbsPageTitle: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Title.types").PageTitleProps>;
+export declare const CreateButtonOnPageTitle: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Title.types").PageTitleWithCreateProps>;
+export declare const SwitcherOnPageTitle: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Title.types").PageTitleWithSwitcherProps>;

package/build/typings/components/general/title/Title.types.d.ts

@@ -0,0 +1,24 @@
+import { ButtonProps, TitleProps } from "@mantine/core";
+import { IconsProps } from "../icons/Icons.types";
+export interface PageTitleProps extends TitleProps {
+    title: string;
+    subtitle?: string | BreadCrumbItemProps[];
+    rightsection?: React.ReactNode;
+}
+export interface PageTitleWithCreateProps extends PageTitleProps {
+    create: CreateButtonProps;
+}
+export interface PageTitleWithSwitcherProps extends PageTitleProps {
+    items: string[];
+    value?: string;
+    onChange?: () => void;
+}
+export interface BreadCrumbItemProps {
+    name: string;
+    link: string;
+}
+export interface CreateButtonProps extends ButtonProps {
+    label: string;
+    createFn: (e: any) => void;
+    icon: IconsProps;
+}

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

@@ -4,4 +4,12 @@ export { DynamicLogo, DynamicShigaLogo } from "./general/logos/Logos";
 export { ApplicationMenu } from "./menus/application/Application";
 export { UserMenu } from "./menus/user/User";
 export { SideMenu } from "./menus/side/Side";
+export { SimplePanel, SearchPanel, TitledPanel } from "./panels/simple/Simple";
+export { LabelPanel, AvatarLabelPanel } from "./panels/label/Label";
+export { SimpleText } from './general/text/Text';
+export { PageTitle, PageTitleWithCreate, PageTitleWithSwitcher } from "./general/title/Title";
+export { ConnectionPanel } from "./panels/connection/Connection";
+export { ApplicationPanel } from "./panels/application/Application";
+export { SubscriptionPlans } from "./widgets/subscription_plan/SubscriptionPlan";
+export { PaymentMethod, PaymentMethodAdd } from "./widgets/payment_method/PaymentMethod";
 export { theme } from "./theme";

package/build/typings/components/menus/application/Application.types.d.ts

@@ -30,5 +30,5 @@ export interface ApplicationMenuItemProps {
     activeBg?: string;
     activeColor?: string;
     inactiveColor?: string;
-    onClick: () => void;
+    onClick: (e: any) => void;
 }

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

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

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

@@ -10,6 +10,7 @@ export interface SideMenuProps {
 export interface SideMenuItemProps {
     active?: boolean;
     id: string;
+    href?: string;
     icon?: IconsProps;
     label: string;
     variant?: "filled" | "light" | "subtle";

package/build/typings/components/panels/application/Application.d.ts

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

package/build/typings/components/panels/application/Application.stories.d.ts

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

package/build/typings/components/panels/application/Application.types.d.ts

@@ -0,0 +1,20 @@
+import { CardProps } from "@mantine/core";
+import { IconsProps } from "../../general/icons/Icons.types";
+export interface ApplicationPanelProps extends CardProps {
+    name: string;
+    coverImage?: string;
+    discount?: string;
+    summary: string;
+    features: ApplicationPanelFeaturesProps[];
+    featureLabel: string;
+    amount: string;
+    frequency: string;
+    actionLabel: string;
+    onClick?: () => void;
+    subscribed?: boolean;
+    subscribedLabel?: string;
+}
+export interface ApplicationPanelFeaturesProps {
+    label: string;
+    icon: IconsProps;
+}

package/build/typings/components/panels/application/ApplicationFeature.d.ts

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

package/build/typings/components/panels/connection/Connection.d.ts

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

package/build/typings/components/panels/connection/Connection.stories.d.ts

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

package/build/typings/components/panels/connection/Connection.types.d.ts

@@ -0,0 +1,21 @@
+import { CardProps, MantineColor } from "@mantine/core";
+export interface ConnectionPanelProps extends CardProps {
+    name: string;
+    status: string;
+    statusColor: "lime" | "red" | "gold" | "lightgray";
+    edit: ConnectionMenuItem;
+    test: ConnectionMenuItem;
+    pause: ConnectionMenuItem;
+    details: ConnectionDetailProps[];
+    altColor?: MantineColor;
+}
+interface ConnectionMenuItem {
+    label: string;
+    onClick: () => void;
+}
+export interface ConnectionDetailProps {
+    label: string;
+    value: string;
+    altColor?: MantineColor;
+}
+export {};

package/build/typings/components/panels/connection/ConnectionDetail.d.ts

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

package/build/typings/components/panels/label/Label.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { AvatartLabelPanelProps, LabelPanelProps } from "./Label.types";
+export declare const LabelPanel: React.FC<LabelPanelProps>;
+export declare const AvatarLabelPanel: React.FC<AvatartLabelPanelProps>;

package/build/typings/components/panels/label/Label.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from "@storybook/react";
+import "@mantine/core/styles.css";
+import { LabelPanel } from "./Label";
+declare const _default: Meta<typeof LabelPanel>;
+export default _default;
+export declare const LabelPanelContainer: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Label.types").LabelPanelProps>;
+export declare const AvatarLabelPanelContainer: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Label.types").AvatartLabelPanelProps>;

package/build/typings/components/panels/label/Label.types.d.ts

@@ -0,0 +1,25 @@
+import { CardProps } from "@mantine/core";
+export interface LabelPanelProps extends CardProps {
+    title?: string;
+    hasEdit?: boolean;
+    labelWidth?: number;
+    editFn?: () => void;
+    editLabel?: string;
+    items: LabelPanelItemProps[];
+}
+export interface LabelPanelItemProps {
+    label: string;
+    value: string;
+    labelWidth?: number;
+}
+export interface AvatartLabelPanelProps extends CardProps {
+    avatarSize?: number | "xl" | "lg" | "md" | "sm" | "xs";
+    avatar?: string;
+    name: string;
+    username: string;
+    status: string;
+    lastActive: string;
+    editFn?: () => void;
+    editLabel?: string;
+    role?: string;
+}

package/build/typings/components/panels/label/LabelItem.d.ts

@@ -0,0 +1,2 @@
+import { LabelPanelItemProps } from "./Label.types";
+export declare const LabelPanelItem: React.FC<LabelPanelItemProps>;

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

@@ -0,0 +1,5 @@
+import React from "react";
+import { PanelProps, SearchPanelProps, TitledPanelProps } from "./Simple.types";
+export declare const SimplePanel: React.FC<PanelProps>;
+export declare const TitledPanel: React.FC<TitledPanelProps>;
+export declare const SearchPanel: React.FC<SearchPanelProps>;

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

@@ -0,0 +1,9 @@
+import { Meta } from "@storybook/react";
+import { SimplePanel } from "./Simple";
+import "@mantine/core/styles.css";
+import "../../global.css";
+declare const _default: Meta<typeof SimplePanel>;
+export default _default;
+export declare const SimplePanelContainer: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Simple.types").PanelProps>;
+export declare const SearchPanelContainer: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Simple.types").SearchPanelProps>;
+export declare const TitledPanelContainer: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Simple.types").TitledPanelProps>;

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

@@ -0,0 +1,24 @@
+import { CardProps } from "@mantine/core";
+import { IconsProps } from "../../general/icons/Icons.types";
+export interface PanelProps extends CardProps {
+    withRadius?: boolean;
+    withPadding?: boolean;
+    autoHeight?: boolean;
+}
+export interface TitledPanelProps extends PanelProps {
+    title: PanelTitleProps;
+    middlesection?: React.ReactNode;
+    rightsection?: React.ReactNode;
+    children: React.ReactNode;
+}
+export interface PanelTitleProps {
+    icon: IconsProps;
+    label: string;
+}
+export interface SearchPanelProps extends PanelProps {
+    placeholder?: string;
+    searchIcon?: IconsProps;
+    filterIcon?: IconsProps;
+    searchText?: string;
+    filterFn?: () => void;
+}

package/build/typings/components/widgets/payment_method/PaymentMethod.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { PaymentMethodProps } from "./PaymentMethod.types";
+export declare const PaymentMethod: React.FC<PaymentMethodProps>;
+export declare const PaymentMethodAdd: React.FC;

package/build/typings/components/widgets/payment_method/PaymentMethod.stories.d.ts

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

package/build/typings/components/widgets/payment_method/PaymentMethod.types.d.ts

@@ -0,0 +1,6 @@
+export interface PaymentMethodProps {
+    active: boolean;
+    pan: number;
+    type: "mastercard" | "visa" | "amex" | "paypal" | "verve";
+    exp: string;
+}

package/build/typings/components/widgets/subscription_plan/SubscriptionPlan.d.ts

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

package/build/typings/components/widgets/subscription_plan/SubscriptionPlan.stories.d.ts

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

package/build/typings/components/widgets/subscription_plan/SubscriptionPlan.types.d.ts

@@ -0,0 +1,8 @@
+import { MantineColor } from "@mantine/core";
+export interface SubscriptionPlanProps {
+    active: boolean;
+    title: string;
+    altColor: MantineColor;
+    durationDays: number;
+    planPrice: string;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adiba-banking-cloud/backoffice",
   "author": "TUROG Technologies",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",
@@ -30,6 +30,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
+    "react-router-dom": "^7.6.2",
     "@fontsource/poppins": "^5.1.0",
     "@hello-pangea/dnd": "^16.5.0",
     "@mantine/core": "^7.12.2",
@@ -43,6 +44,7 @@
     "url": "git+https://github.com/turog-technologies/adiba-common-libraries.git"
   },
   "devDependencies": {
+    "react-router-dom": "^7.6.2",
     "@babel/core": "^7.21.3",
     "@babel/plugin-transform-runtime": "^7.21.0",
     "@babel/preset-env": "^7.20.2",
@@ -68,6 +70,8 @@
     "@types/jest": "^29.5.0",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
+    "@types/node": "^18.0.0",
+    "@types/react-router-dom": "^5.3.3",
     "babel-loader": "^10.0.0",
     "eslint": "^9.13.0",
     "eslint-config-prettier": "^10.1.1",