@sikka/hawa 0.0.243 → 0.0.245

package/es/elements/HawaItemCard.d.ts

@@ -1,13 +1,17 @@
-import React from "react";
+import { FC } from "react";
 interface ItemCardTypes {
-    actions?: any;
-    content?: any;
     headerActions?: THeaderActions[][];
     header?: any;
-    lang?: string;
+    content?: any;
+    /** a URL for the image of the card */
     cardImage?: string;
+    /** a function that fires when the card is clicked anywhere */
     onCardClick?: any;
-    counts?: any;
+    /** a React node with HawaIconCount children to have counters at the bottom of the card */
+    counts?: JSX.Element;
+    /** The action buttons on the bottom right of the card */
+    actions?: JSX.Element;
+    /** The orientation of the card */
     orientation?: "horizontal" | "vertical";
     /** Enabling this blurs the image on hover and shows an action button */
     clickableImage?: boolean;
@@ -24,5 +28,5 @@ type THeaderActions = {
     action?: (e: any) => void;
     isButton?: boolean;
 };
-export declare const HawaItemCard: React.FunctionComponent<ItemCardTypes>;
+export declare const HawaItemCard: FC<ItemCardTypes>;
 export {};

package/es/elements/HawaLandingCard.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type LandingCardTypes = {
     orientation: "vertical" | "horizontal";
     title: string;
@@ -13,5 +13,5 @@ type LandingCardTypes = {
     };
     buttonLink?: string;
 };
-export declare const HawaLandingCard: React.FunctionComponent<LandingCardTypes>;
+export declare const HawaLandingCard: FC<LandingCardTypes>;
 export {};

package/es/elements/HawaLogoButton.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+import { FC } from "react";
 type LogoButtonTypes = {
     lang?: any;
     logo?: "google" | "github" | "twitter" | "wallet" | "googlepay" | "applepay" | "stcpay" | "visa/master" | "paypal" | "mada";
     onClick?: any;
     buttonText?: any;
 };
-export declare const HawaLogoButton: React.FunctionComponent<LogoButtonTypes>;
+export declare const HawaLogoButton: FC<LogoButtonTypes>;
 export {};

package/es/elements/HawaMenu.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode, FC } from "react";
 interface TMenuTypes {
     menuItems: MenuItems[][];
     withHeader?: boolean;
@@ -20,5 +20,5 @@ type MenuItems = {
     isButton?: boolean;
     element?: any;
 };
-export declare const HawaMenu: React.FunctionComponent<TMenuTypes>;
+export declare const HawaMenu: FC<TMenuTypes>;
 export {};

package/es/elements/HawaModal.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import { ReactElement, FC } from "react";
 type ModalTypes = {
     /**
      * The boolean to open and close the modal
@@ -27,5 +27,5 @@ type ModalTypes = {
      */
     actions: any;
 };
-export declare const HawaModal: React.FunctionComponent<ModalTypes>;
+export declare const HawaModal: FC<ModalTypes>;
 export {};

package/es/elements/HawaPanelTabs.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type PanelTabsTypes = {
     defaultValue: any;
     options: [{
@@ -9,5 +9,5 @@ type PanelTabsTypes = {
     handleChange: any;
     location: any;
 };
-export declare const HawaPanelTabs: React.FunctionComponent<PanelTabsTypes>;
+export declare const HawaPanelTabs: FC<PanelTabsTypes>;
 export {};

package/es/elements/HawaPhoneInput.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type HawaPhoneInputTypes = {
     preferredCountry?: any;
     helperText?: any;
@@ -7,5 +7,5 @@ type HawaPhoneInputTypes = {
     country?: any;
     handleChange?: any;
 };
-export declare const HawaPhoneInput: React.FunctionComponent<HawaPhoneInputTypes>;
+export declare const HawaPhoneInput: FC<HawaPhoneInputTypes>;
 export {};

package/es/elements/HawaPinInput.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type PinInputTypes = {
     label?: string;
     icon?: JSX.Element;
@@ -6,5 +6,5 @@ type PinInputTypes = {
     width?: "normal" | "full";
     getPins?: any;
 };
-export declare const HawaPinInput: React.FunctionComponent<PinInputTypes>;
+export declare const HawaPinInput: FC<PinInputTypes>;
 export {};

package/es/elements/HawaPricingCard.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type PricingCardTypes = {
     direction?: "rtl" | "ltr";
     features: [{
@@ -17,5 +17,5 @@ type PricingCardTypes = {
     currentPlan?: boolean;
     size: "small" | "medium" | "large";
 };
-export declare const HawaPricingCard: React.FunctionComponent<PricingCardTypes>;
+export declare const HawaPricingCard: FC<PricingCardTypes>;
 export {};

package/es/elements/HawaRadio.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type RadioTypes = {
     options?: [
         {
@@ -9,5 +9,5 @@ type RadioTypes = {
     onChangeTab?: any;
     defaultValue?: any;
 };
-export declare const HawaRadio: React.FunctionComponent<RadioTypes>;
+export declare const HawaRadio: FC<RadioTypes>;
 export {};

package/es/elements/HawaRange.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type RangeTypes = {
     value?: any;
     handleChange?: any;
@@ -8,5 +8,5 @@ type RangeTypes = {
     min?: any;
     max?: any;
 };
-export declare const HawaRange: React.FunctionComponent<RangeTypes>;
+export declare const HawaRange: FC<RangeTypes>;
 export {};

package/es/elements/HawaSearchBar.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type SearchBarTypes = {};
-export declare const HawaSearchBar: React.FunctionComponent<SearchBarTypes>;
+export declare const HawaSearchBar: FC<SearchBarTypes>;
 export {};

package/es/elements/HawaSelect.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type SelectTypes = {
     label?: string;
     options?: {
@@ -19,5 +19,5 @@ type SelectTypes = {
     getOptionLabel?: any;
     disabled?: boolean;
 };
-export declare const HawaSelect: React.FunctionComponent<SelectTypes>;
+export declare const HawaSelect: FC<SelectTypes>;
 export {};

package/es/elements/HawaSettingsRow.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type SettingsRowTypes = {
     settingsLabel: string;
     settingsType: "text" | "radio" | "boolean" | "color" | "range" | "select";
@@ -40,5 +40,5 @@ type SettingsRowTypes = {
         disabled?: boolean;
     };
 };
-export declare const HawaSettingsRow: React.FunctionComponent<SettingsRowTypes>;
+export declare const HawaSettingsRow: FC<SettingsRowTypes>;
 export {};

package/es/elements/HawaSpinner.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+import { FC } from "react";
 type SpinnerTypes = {
     size?: "button" | "sm" | "normal" | "lg" | "xl";
 };
-export declare const HawaSpinner: React.FunctionComponent<SpinnerTypes>;
+export declare const HawaSpinner: FC<SpinnerTypes>;
 export {};

package/es/elements/HawaStats.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type StatTypes = {
     label?: string;
     color?: string;
@@ -9,5 +9,5 @@ type StatTypes = {
     isLoading?: boolean;
     handleClick?: () => void;
 };
-export declare const HawaStats: React.FunctionComponent<StatTypes>;
+export declare const HawaStats: FC<StatTypes>;
 export {};

package/es/elements/HawaStepper.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import { FC } from "react";
 type THawaTimeline = {
     steps: any[any];
     currentStep: any;
     orientation: "vertical" | "horizontal";
 };
-export declare const HawaStepper: React.FunctionComponent<THawaTimeline>;
+export declare const HawaStepper: FC<THawaTimeline>;
 export {};

package/es/elements/HawaStoreButtons.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import { FC } from "react";
 type StoreButtonsTypes = {
     store: "apple" | "google";
     mode: "dark" | "light";
 };
-export declare const HawaStoreButtons: React.FunctionComponent<StoreButtonsTypes>;
+export declare const HawaStoreButtons: FC<StoreButtonsTypes>;
 export {};

package/es/elements/HawaSwitch.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import { FC } from "react";
 type SwitchTypes = {
     text?: any;
     size?: "small" | "normal" | "large";
 };
-export declare const HawaSwitch: React.FunctionComponent<SwitchTypes>;
+export declare const HawaSwitch: FC<SwitchTypes>;
 export {};

package/es/elements/HawaTable.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type TableTypes = {
     pagination?: boolean;
     columns: any[string];
@@ -31,5 +31,5 @@ type ActionItems = {
     isButton?: boolean;
     element?: any;
 };
-export declare const HawaTable: React.FunctionComponent<TableTypes>;
+export declare const HawaTable: FC<TableTypes>;
 export {};

package/es/elements/HawaTabs.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type TabsTypes = {
     options?: any;
     onChangeTab?: (option: any) => void;
@@ -9,5 +9,5 @@ type TabsTypes = {
     width?: "full" | "normal";
     pill?: boolean;
 };
-export declare const HawaTabs: React.FunctionComponent<TabsTypes>;
+export declare const HawaTabs: FC<TabsTypes>;
 export {};

package/es/elements/HawaTextField.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC, PropsWithRef } from "react";
 type TextFieldTypes = {
     margin?: "none" | "normal" | "large";
     width?: "small" | "normal" | "full";
@@ -10,7 +10,7 @@ type TextFieldTypes = {
     helperText?: any;
     /** The value of the input field */
     value?: any;
-    props?: React.PropsWithRef<"input">;
+    props?: PropsWithRef<"input">;
     /** The type of input field. Same as the types of <input/> component   */
     type?: any;
     /** The placeholder of the input field  */
@@ -25,5 +25,5 @@ type TextFieldTypes = {
     /** Boolean to enable/disable editing the input field and using it as a text field   */
     preview?: boolean;
 };
-export declare const HawaTextField: React.FunctionComponent<TextFieldTypes>;
+export declare const HawaTextField: FC<TextFieldTypes>;
 export {};

package/es/elements/HawaTooltip.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+import { ReactElement, FC } from "react";
 type THawaToolTip = {
-    children?: React.ReactElement;
+    children?: ReactElement;
     content?: string;
     btnHovered?: any;
     buttonRef?: any;
@@ -8,5 +8,5 @@ type THawaToolTip = {
     size?: "normal" | "small" | "large";
     position?: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
 };
-export declare const HawaTooltip: React.FunctionComponent<THawaToolTip>;
+export declare const HawaTooltip: FC<THawaToolTip>;
 export {};

package/es/elements/HawaTypography.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import { FC } from "react";
 type TypographyTypes = {
     children: any;
     align?: any;
 };
-export declare const HawaTypography: React.FunctionComponent<TypographyTypes>;
+export declare const HawaTypography: FC<TypographyTypes>;
 export {};

package/es/elements/InvoiceAccordion.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type InvoiceAccordionTypes = {
     products: {
         usage?: string;
@@ -27,5 +27,5 @@ type InvoiceAccordionTypes = {
     direction?: "rtl" | "ltr";
     status?: "paid" | "pending" | "overdue";
 };
-export declare const InvoiceAccordion: React.FunctionComponent<InvoiceAccordionTypes>;
+export declare const InvoiceAccordion: FC<InvoiceAccordionTypes>;
 export {};

package/es/elements/SubsectionList.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type SubsectionListTypes = {
     align?: any;
     subsections: [
@@ -15,5 +15,5 @@ type SubsectionListTypes = {
         }
     ];
 };
-export declare const SubsectionList: React.FunctionComponent<SubsectionListTypes>;
+export declare const SubsectionList: FC<SubsectionListTypes>;
 export {};

package/es/elements/TabPanel.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import { FC } from "react";
 type TabPanelTypes = {
     children: any;
     value: any;
     index: any;
 };
-export declare const TabPanel: React.FunctionComponent<TabPanelTypes>;
+export declare const TabPanel: FC<TabPanelTypes>;
 export {};

package/es/elements/UsageCard.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+import { FC } from "react";
 type UsageCardTypes = {
     tooltip?: any;
     title: any;
     percent: any;
     currentUsage: any;
 };
-export declare const UsageCard: React.FunctionComponent<UsageCardTypes>;
+export declare const UsageCard: FC<UsageCardTypes>;
 export {};

package/es/elements/UserFeedback.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type ComponentTypes = {
     title?: string;
     question: string;
@@ -9,5 +9,5 @@ type ComponentTypes = {
     };
     onOptionClicked?: (option: any) => void;
 };
-export declare const UserFeedback: React.FunctionComponent<ComponentTypes>;
+export declare const UserFeedback: FC<ComponentTypes>;
 export {};