@sikka/hawa 0.1.1 → 0.1.2-next

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,113 +0,0 @@
-import React, { FC } from "react"
-import { HawaButton, HawaPhoneInput, HawaTextField } from "../../elements"
-import { Controller, FormProvider, useForm } from "react-hook-form"
-import { HawaContainer } from "../../layout"
-
-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 (
-    <HawaContainer>
-      <FormProvider {...methods}>
-        <form onSubmit={handleSubmit((e) => props.handleUpdateProfile(e))}>
-          <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,
-            }}
-          />
-
-          <HawaButton color="primary" width="full">
-            {props.texts.updateProfile}
-          </HawaButton>
-        </form>
-      </FormProvider>
-    </HawaContainer>
-  )
-}

package/src/blocks/Account/UserSettingsForm.tsx

@@ -1,27 +0,0 @@
-import React, { FC } from "react"
-import { HawaContainer } from "../../layout"
-
-type UserSettingsFormTypes = {
-  children: any
-  handleSaveSettings?: any
-  saveSettingsText?: string
-  blockTitle?: string
-}
-
-export const UserSettingsForm: FC<UserSettingsFormTypes> = (props) => {
-  return (
-    <HawaContainer>
-      <div className="mb-2 text-sm font-bold">{props.blockTitle}</div>
-      <div className="flex flex-col gap-4 rounded  p-2">{props.children}</div>
-      {/* <HawaButton
-        color="primary"
-        // type="submit"
-        width="full"
-        margins="none"
-        onClick={props.handleSaveSettings}
-      >
-        {props.saveSettingsText}
-      </HawaButton> */}
-    </HawaContainer>
-  )
-}

package/src/blocks/Account/index.ts

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

package/src/blocks/AuthForms/AppLanding.tsx

@@ -1,34 +0,0 @@
-import React, { FC } from "react"
-import { HawaButton } from "../../elements"
-import { HawaContainer } from "../../layout/HawaContainer"
-
-type AppLandingTypes = {
-  handleSignIn: () => void
-  handleSignUp: () => void
-  handleLanguage: () => void
-  texts: {
-    signIn: string
-    signUp: string
-    lang: string
-  }
-  size: "small" | "normal" | "full"
-}
-export const AppLanding: FC<AppLandingTypes> = (props) => {
-  return (
-    <HawaContainer maxWidth={props.size}>
-      {props.handleSignIn && (
-        <HawaButton color="primary" width="full" onClick={props.handleSignIn}>
-          {props.texts.signIn}
-        </HawaButton>
-      )}
-      {props.handleSignUp && (
-        <HawaButton color="primary" width="full" onClick={props.handleSignUp}>
-          {props.texts.signUp}
-        </HawaButton>
-      )}
-      <HawaButton color="primary" width="full" onClick={props.handleLanguage}>
-        {props.texts.lang}
-      </HawaButton>
-    </HawaContainer>
-  )
-}