@sikka/hawa 0.1.7 → 0.1.8-beta

package/lib/layout/AppSidebar.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-interface Props {
-    isOpen: boolean;
-    onClose: () => void;
-    items: {
-        label: string;
-        onClick: () => void;
-    }[];
-}
-export declare const AppSidebar: React.FC<Props>;
-export {};

package/lib/layout/Banner.d.ts

@@ -1,14 +0,0 @@
-import { FC } from "react";
-type BannerTypes = {
-    showBanner?: boolean;
-    direction?: "rtl" | "ltr";
-    logoURL?: string;
-    title?: string;
-    text?: string;
-    actionText?: string;
-    onActionClick?: () => void;
-    position?: "top" | "bottom";
-    design: "default" | "floating";
-};
-export declare const HawaBanner: FC<BannerTypes>;
-export {};

package/lib/layout/Box.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Box: (props: any) => React.JSX.Element;

package/lib/layout/Footer.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-type FooterTypes = {
-    logoText?: string;
-    logoURL?: string;
-    socialLinks?: {
-        twitter?: string;
-        instagram?: string;
-        tiktok?: string;
-        snapchat?: string;
-    };
-    footerLinks?: {
-        title: string;
-        pages: {
-            label: string;
-            link: string;
-        }[];
-    }[];
-};
-export declare const Footer: React.FunctionComponent<FooterTypes>;
-export {};

package/lib/layout/HawaAppLayout.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-type HawaAppLayoutTypes = {
-    drawerItems: {
-        label: string;
-        icon: any;
-        slug: string;
-        action: () => void;
-        subItems?: any;
-    }[][];
-    direction?: "rtl" | "ltr";
-    currentPage: string;
-    pageTitle?: string;
-    logoSymbol?: any;
-    logoLink?: string;
-    logoText?: any;
-    children?: any;
-    topBar?: boolean;
-    username?: string;
-    email?: string;
-    drawerSize?: "sm" | "md" | "large";
-    profileMenuItems?: MenuItems[][];
-    onSettingsClick?: () => void;
-};
-type MenuItems = {
-    icon?: JSX.Element;
-    label: string;
-    action?: (e: any) => void;
-    isButton?: boolean;
-};
-export declare const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes>;
-export {};

package/lib/layout/HawaAppLayoutSimplified.d.ts

@@ -1,33 +0,0 @@
-import React from "react";
-type HawaAppLayoutTypes = {
-    /** The pages of the side drawer */
-    drawerItems: {
-        label: string;
-        icon: any;
-        slug: string;
-        action: () => void;
-        subItems?: any;
-    }[][];
-    direction?: "rtl" | "ltr";
-    currentPage: string;
-    pageTitle?: string;
-    logoSymbol?: any;
-    logoLink?: string;
-    logoText?: any;
-    children?: any;
-    topBar?: boolean;
-    username?: string;
-    email?: string;
-    drawerSize?: "sm" | "md" | "large";
-    profileMenuItems?: MenuItems[][];
-    onSettingsClick?: () => void;
-    DrawerFooterActions: any;
-};
-type MenuItems = {
-    icon?: JSX.Element;
-    label: string;
-    action?: (e: any) => void;
-    isButton?: boolean;
-};
-export declare const HawaAppLayoutSimplified: React.FunctionComponent<HawaAppLayoutTypes>;
-export {};

package/lib/layout/HawaBottomAppBar.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-type BottomAppBarTypes = {
-    sx: any;
-    color: any;
-    appBarContent: any;
-};
-export declare const HawaBottomAppBar: React.FunctionComponent<BottomAppBarTypes>;
-export {};

package/lib/layout/HawaContainer.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-type ContainerTypes = {
-    maxWidth?: "full" | "small" | "normal";
-    children: React.ReactNode;
-    variant?: "contained" | "outlined" | "neobrutalism";
-    direction?: "rtl" | "ltr";
-    centered?: boolean;
-};
-export declare const HawaContainer: React.FunctionComponent<ContainerTypes>;
-export {};

package/lib/layout/HawaGrid.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-type GridTypes = {
-    children?: any;
-};
-export declare const HawaGrid: FC<GridTypes>;
-export {};

package/lib/layout/HawaSiteLayout.d.ts

@@ -1,23 +0,0 @@
-import React from "react";
-type HawaSiteLayoutTypes = {
-    navItems: {
-        label: string;
-        icon: any;
-        slug: string;
-        action: () => void;
-        subItems?: any;
-    }[];
-    direction?: "rtl" | "ltr";
-    currentPage: string;
-    pageTitle?: string;
-    logoSymbol?: any;
-    logoLink?: string;
-    logoText?: any;
-    children?: any;
-    stickyNav?: boolean;
-    topBar?: boolean;
-    navigationSize?: "sm" | "md" | "lg";
-    floating?: boolean;
-};
-export declare const HawaSiteLayout: React.FunctionComponent<HawaSiteLayoutTypes>;
-export {};

package/lib/layout/index.d.ts

@@ -1,10 +0,0 @@
-export * from "./Box";
-export * from "./HawaBottomAppBar";
-export * from "./HawaSiteLayout";
-export * from "./HawaAppLayout";
-export * from "./HawaAppLayoutSimplified";
-export * from "./HawaContainer";
-export * from "./HawaGrid";
-export * from "./AppSidebar";
-export * from "./Footer";
-export * from "./Banner";

package/lib/stories/ElementsStories/Breadcrumb.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from "@storybook/react";
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const BreadCrumb: any;
-export declare const BreadCrumWithSeparator: any;
-export declare const BreadcrumbIconSeparator: any;

package/lib/stories/ManualStories/BlocksIntroduction.stories.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import "../stories-styles.css";
-declare const _default: {
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-        controls: {
-            expand: boolean;
-            disable: boolean;
-            hideNoControlsWarning: boolean;
-            exclude: any[];
-        };
-        options: {
-            showPanel: boolean;
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const Introduction: () => React.JSX.Element;

package/lib/stories/ManualStories/Customization.stories.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import "../stories-styles.css";
-declare const _default: {
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-        controls: {
-            expand: boolean;
-            disable: boolean;
-            hideNoControlsWarning: boolean;
-            exclude: any[];
-        };
-        options: {
-            showPanel: boolean;
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const Customization: () => React.JSX.Element;

package/lib/stories/ManualStories/ElementsIntroduction.stories.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import "../stories-styles.css";
-declare const _default: {
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-        controls: {
-            expand: boolean;
-            disable: boolean;
-            hideNoControlsWarning: boolean;
-            exclude: any[];
-        };
-        options: {
-            showPanel: boolean;
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const Introduction: () => React.JSX.Element;

package/lib/stories/ManualStories/Installation.stories.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import "../stories-styles.css";
-declare const _default: {
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-        controls: {
-            expand: boolean;
-            disable: boolean;
-            hideNoControlsWarning: boolean;
-            exclude: any[];
-        };
-        options: {
-            showPanel: boolean;
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const Installation: () => React.JSX.Element;

package/lib/stories/ManualStories/LayoutIntroduction.stories.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import "../stories-styles.css";
-declare const _default: {
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-        controls: {
-            expand: boolean;
-            disable: boolean;
-            hideNoControlsWarning: boolean;
-            exclude: any[];
-        };
-        options: {
-            showPanel: boolean;
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const Introduction: () => React.JSX.Element;

package/lib/stories/ManualStories/Overview.stories.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import "../stories-styles.css";
-declare const _default: {
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-        controls: {
-            expand: boolean;
-            disable: boolean;
-            hideNoControlsWarning: boolean;
-            exclude: any[];
-        };
-        className: string;
-        options: {
-            showPanel: boolean;
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const Overview: () => React.JSX.Element;

package/lib/stories/ManualStories/Usage.stories.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import "../stories-styles.css";
-declare const _default: {
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-        controls: {
-            expand: boolean;
-            disable: boolean;
-            hideNoControlsWarning: boolean;
-            exclude: any[];
-        };
-        options: {
-            showPanel: boolean;
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const Usage: () => React.JSX.Element;

package/lib/util.d.ts

@@ -1,10 +0,0 @@
-import { type ClassValue } from "clsx";
-export declare function cn(...inputs: ClassValue[]): string;
-type Palette = {
-    name: string;
-    colors: {
-        [key: number]: string;
-    };
-};
-declare function getPallette(baseColor: string): Palette;
-export { getPallette };

package/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  }
-}

package/rollup.config.js

@@ -1,61 +0,0 @@
-import resolve from "@rollup/plugin-node-resolve";
-import commonjs from "@rollup/plugin-commonjs";
-// import babel from "rollup-plugin-babel";
-import { babel } from "@rollup/plugin-babel";
-
-import external from "rollup-plugin-peer-deps-external";
-// import { terser } from "rollup-plugin-terser";
-import terser from "@rollup/plugin-terser";
-import postcss from "rollup-plugin-postcss";
-import typescript from "rollup-plugin-typescript2";
-import swc from "rollup-plugin-swc";
-import cleaner from "rollup-plugin-cleaner";
-
-export default [
-  {
-    input: "src/index.ts",
-    output: [
-      { file: "lib/index.js", format: "cjs" },
-      { file: "es/index.es.js", format: "es", exports: "named" }
-    ],
-    plugins: [
-      cleaner({
-        targets: ["./lib", "./es"]
-      }),
-      postcss({ plugins: [], minimize: true }),
-      babel({
-        babelHelpers: "bundled",
-        exclude: "node_modules/**",
-        presets: [
-          "@babel/preset-env",
-          ["@babel/preset-react", { runtime: "automatic" }]
-        ]
-      }),
-      external(),
-      resolve({
-        extensions: [".tsx", ".ts"]
-      }),
-      typescript({ tsconfig: "./tsconfig.json" }),
-      terser(),
-      swc({
-        jsc: {
-          parser: {
-            syntax: "typescript"
-          }
-        }
-      }),
-      commonjs()
-    ],
-    onwarn: function (warning, handler) {
-      // Skip certain warnings
-
-      // should intercept ... but doesn't in some rollup versions
-      if (warning.code === "THIS_IS_UNDEFINED") {
-        return;
-      }
-
-      // console.warn everything else
-      handler(warning);
-    }
-  }
-];

package/src/blocks/Account/HawaApiBox.tsx

@@ -1,12 +0,0 @@
-import React, { FC } from "react"
-
-type HawaApiBoxTypes = {
-  lang?: any
-  onClick?: any
-  buttonText?: any
-}
-export const HawaApiBox: FC<HawaApiBoxTypes> = (props) => {
-  let isArabic = props.lang === "ar"
-  let logoElement: any = ""
-  return <div>test</div>
-}

package/src/blocks/Account/UserProfileForm.tsx

@@ -1,117 +0,0 @@
-import React, { FC } from "react"
-import { Controller, FormProvider, useForm } from "react-hook-form"
-import { HawaPhoneInput, HawaTextField } from "../../elements"
-import { Card, CardContent, CardFooter } from "../../elements/Card"
-import { Button } from "../../elements/Button"
-
-type UserProfileFormTypes = {
-  inputs: any
-  texts: any
-  handleUpdateProfile: any
-}
-
-export const UserProfileForm: FC<UserProfileFormTypes> = (props) => {
-  const methods = useForm()
-  const { inputs } = props
-  const {
-    formState: { errors },
-    handleSubmit,
-    control,
-  } = methods
-
-  return (
-    <Card>
-      <form onSubmit={handleSubmit((e) => props.handleUpdateProfile(e))}>
-        <CardContent headless>
-          <FormProvider {...methods}>
-            <Controller
-              control={control}
-              name="fullName"
-              render={({ field }) => (
-                <HawaTextField
-                  width="full"
-                  type="text"
-                  label={props.texts.fullNameLabel}
-                  placeholder={props.texts.fullNamePlaceholder}
-                  helpertext={errors.fullName?.message}
-                  {...field}
-                  value={field.value ?? ""}
-                />
-              )}
-            />
-            <Controller
-              control={control}
-              name="phoneNumber"
-              render={({ field }) => <HawaPhoneInput label="Phone number" />}
-            />
-            <Controller
-              control={control}
-              name="email"
-              render={({ field }) => (
-                <HawaTextField
-                  width="full"
-                  type="text"
-                  label={props.texts.emailLabel}
-                  helpertext={errors.email?.message}
-                  placeholder={props.texts.emailPlaceholder}
-                  {...field}
-                  value={field.value ?? ""}
-                />
-              )}
-              rules={{
-                required: props.texts.emailRequiredText,
-                pattern: {
-                  value:
-                    /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-                  message: props.texts.emailInvalidText,
-                },
-              }}
-            />
-            <Controller
-              control={control}
-              name="password"
-              render={({ field }) => (
-                <HawaTextField
-                  width="full"
-                  type="password"
-                  label={props.texts.passwordLabel}
-                  placeholder={props.texts.passwordPlaceholder}
-                  helpertext={errors.password?.message}
-                  {...field}
-                  value={field.value ?? ""}
-                />
-              )}
-              rules={{
-                required: props.texts.passwordRequiredText,
-              }}
-            />
-
-            <Controller
-              control={control}
-              name="confirmPassword"
-              render={({ field }) => (
-                <HawaTextField
-                  width="full"
-                  type="password"
-                  label={props.texts.confirmPasswordLabel}
-                  placeholder={props.texts.confirmPasswordPlaceholder}
-                  helpertext={errors.confirmPassword?.message}
-                  {...field}
-                  value={field.value ?? ""}
-                />
-              )}
-              rules={{
-                required: props.texts.confirmPasswordRequiredText,
-              }}
-            />
-          </FormProvider>
-        </CardContent>
-        <CardFooter>
-          <Button className="w-full" type="submit">
-            {props.texts.updateProfile}
-          </Button>
-        </CardFooter>
-      </form>
-    </Card>
-  )
-}

package/src/blocks/Account/UserSettingsForm.tsx

@@ -1,20 +0,0 @@
-import React, { FC } from "react"
-import { Card, CardContent } from "../../elements/Card"
-
-type UserSettingsFormTypes = {
-  children: any
-  handleSaveSettings?: any
-  saveSettingsText?: string
-  blockTitle?: string
-}
-
-export const UserSettingsForm: FC<UserSettingsFormTypes> = (props) => {
-  return (
-    <Card>
-      <CardContent headless>
-        <div className="mb-2 text-sm font-bold">{props.blockTitle}</div>
-        <div className="flex flex-col gap-4 rounded  p-2">{props.children}</div>
-      </CardContent>
-    </Card>
-  )
-}

package/src/blocks/Account/index.ts

@@ -1,2 +0,0 @@
-export * from "./UserProfileForm";
-export * from "./UserSettingsForm";

package/src/blocks/AuthForms/AppLanding.tsx

@@ -1,88 +0,0 @@
-import React, { FC } from "react"
-import { HawaRadio } from "../../elements"
-import { Card, CardContent } from "../../elements/Card"
-import { Button } from "../../elements/Button"
-
-type AppLandingTypes = {
-  handleSignIn: () => void
-  handleSignUp: () => void
-  handleLanguage: () => void
-  handleColorMode: () => void
-  texts: {
-    signIn: string
-    signUp: string
-    lang: string
-  }
-  size: "small" | "normal" | "full"
-}
-export const AppLanding: FC<AppLandingTypes> = (props) => {
-  return (
-    <div>
-      <Card>
-        <CardContent headless className="flex flex-col gap-6">
-          {props.handleSignIn && (
-            <Button onClick={props.handleSignIn}>{props.texts.signIn}</Button>
-          )}
-          {props.handleSignUp && (
-            <Button onClick={props.handleSignUp}>{props.texts.signUp}</Button>
-          )}
-        </CardContent>
-      </Card>
-      <div className="mt-6 flex flex-row justify-between">
-        <HawaRadio
-          onChangeTab={props.handleLanguage}
-          design="tabs"
-          options={[
-            { value: "ar", label: "عربي" },
-            { value: "en", label: "English" },
-          ]}
-        />
-        <HawaRadio
-          onChangeTab={props.handleColorMode}
-          design="tabs"
-          options={[
-            {
-              value: "light",
-              label: (
-                <svg
-                  width="15"
-                  height="15"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                  className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"
-                >
-                  <path
-                    d="M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z"
-                    fill="currentColor"
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                  ></path>
-                </svg>
-              ),
-            },
-            {
-              value: "dark",
-              label: (
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="24"
-                  height="24"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  className="h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
-                >
-                  <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path>
-                </svg>
-              ),
-            },
-          ]}
-        />
-      </div>
-    </div>
-  )
-}