@piu-company/react-toolkit 1.0.0 → 1.0.1

package/dist/components/Level3/PhoneField/index.d.ts

@@ -1,6 +1,6 @@
-export * from './PhoneField';
-export * from './PhoneSelection';
-export * from './countryData';
-export * from './flags';
-export * from './types';
-export * from './functions';
+export * from './PhoneField';
+export * from './PhoneSelection';
+export * from './countryData';
+export * from './flags';
+export * from './types';
+export * from './functions';

package/dist/components/Level3/PhoneField/types.d.ts

@@ -1,5 +1,5 @@
-export interface IPhoneInput {
-    mobileCode: string;
-    mobileNumber: string;
-}
-export type PhoneChangeHandler = (newPhone: IPhoneInput) => void;
+export interface IPhoneInput {
+    mobileCode: string;
+    mobileNumber: string;
+}
+export type PhoneChangeHandler = (newPhone: IPhoneInput) => void;

package/dist/components/Level3/PieChart.d.ts

@@ -1,30 +1,30 @@
-import { ReactNode } from 'react';
-import { APIFunctionHandler } from '../../dataLayer';
-import { DashboardSelectorVariant } from './DashboardSelector';
-import { ISelectorOption } from './OptionSelector';
-export interface PiechartData {
-    name: string;
-    value: number;
-    color: string;
-}
-export interface IPieChart<APIResult, DataType> {
-    title: string;
-    subtitle?: ReactNode;
-    data?: PiechartData[] | DataType;
-    apiCall?: APIFunctionHandler;
-    parseResponse?: (data: APIResult) => DataType;
-    width: number;
-    height: number;
-    options?: ISelectorOption[];
-    value?: string;
-    variant?: DashboardSelectorVariant;
-    chartWidth: number;
-    chartHeight: number;
-    dataKey: string;
-    outerRadius?: number;
-    innerRadius?: number;
-    fill?: string;
-    label?: boolean;
-    displayLegend?: boolean;
-}
-export declare const Piechart: <APIResult, DataType>(props: IPieChart<APIResult, DataType>) => JSX.Element;
+import { ReactNode } from 'react';
+import { APIFunctionHandler } from '../../dataLayer';
+import { DashboardSelectorVariant } from './DashboardSelector';
+import { ISelectorOption } from './OptionSelector';
+export interface PiechartData {
+    name: string;
+    value: number;
+    color: string;
+}
+export interface IPieChart<APIResult, DataType> {
+    title: string;
+    subtitle?: ReactNode;
+    data?: PiechartData[] | DataType;
+    apiCall?: APIFunctionHandler;
+    parseResponse?: (data: APIResult) => DataType;
+    width: number;
+    height: number;
+    options?: ISelectorOption[];
+    value?: string;
+    variant?: DashboardSelectorVariant;
+    chartWidth: number;
+    chartHeight: number;
+    dataKey: string;
+    outerRadius?: number;
+    innerRadius?: number;
+    fill?: string;
+    label?: boolean;
+    displayLegend?: boolean;
+}
+export declare const Piechart: <APIResult, DataType>(props: IPieChart<APIResult, DataType>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Level3/Popup.d.ts

@@ -1,23 +1,23 @@
-import { ReactNode } from 'react';
-import { Alignment, ZIndexLayers } from '../../styleEnums';
-import { Colors } from '../../theming';
-import { EmptyFunctionHandler } from '../../generalTypes';
-export interface IPopup {
-    width?: string;
-    height?: string;
-    zIndex?: ZIndexLayers | number;
-    crossAxis?: Alignment;
-    dismissable?: boolean;
-    timeout?: number;
-    onClose?: EmptyFunctionHandler;
-    backgroundColor?: Colors | string;
-    children: ReactNode;
-}
-export declare const Popup: {
-    (props: IPopup): JSX.Element;
-    defaultProps: {
-        backgroundColor: Colors;
-        crossAxis: Alignment;
-        zIndex: ZIndexLayers;
-    };
-};
+import { ReactNode } from 'react';
+import { Alignment, ZIndexLayers } from '../../styleEnums';
+import { Colors } from '../../theming';
+import { EmptyFunctionHandler } from '../../generalTypes';
+export interface IPopup {
+    width?: string;
+    height?: string;
+    zIndex?: ZIndexLayers | number;
+    crossAxis?: Alignment;
+    dismissable?: boolean;
+    timeout?: number;
+    onClose?: EmptyFunctionHandler;
+    backgroundColor?: Colors | string;
+    children: ReactNode;
+}
+export declare const Popup: {
+    (props: IPopup): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        backgroundColor: Colors;
+        crossAxis: Alignment;
+        zIndex: ZIndexLayers;
+    };
+};

package/dist/components/Level3/ProfileBox.d.ts

@@ -1,27 +1,27 @@
-import { ReactNode } from 'react';
-import { Colors, Settings } from '../../theming';
-import { TargetCardDirection } from '../Level2';
-import { ISelectorOption } from './OptionSelector';
-export interface IProfileBox extends IOptionSelectorStyle {
-    name: string;
-    subText?: string;
-    options?: ISelectorOption[];
-    customOptions?: ReactNode;
-    forceDirection?: TargetCardDirection;
-}
-interface IOptionSelectorStyle {
-    iconColor?: Colors | string;
-    backgroundColor?: string;
-    shadow?: Colors | string;
-    shadowDim?: Settings | string;
-    hoverColor?: Colors | string;
-}
-export declare const ProfileBox: {
-    ({ name, subText, ...props }: IProfileBox): JSX.Element;
-    defaultProps: {
-        name: string;
-        subText: string;
-        forceDirection: TargetCardDirection;
-    };
-};
-export {};
+import { ReactNode } from 'react';
+import { Colors, Settings } from '../../theming';
+import { TargetCardDirection } from '../Level2';
+import { ISelectorOption } from './OptionSelector';
+export interface IProfileBox extends IOptionSelectorStyle {
+    name: string;
+    subText?: string;
+    options?: ISelectorOption[];
+    customOptions?: ReactNode;
+    forceDirection?: TargetCardDirection;
+}
+interface IOptionSelectorStyle {
+    iconColor?: Colors | string;
+    backgroundColor?: string;
+    shadow?: Colors | string;
+    shadowDim?: Settings | string;
+    hoverColor?: Colors | string;
+}
+export declare const ProfileBox: {
+    ({ name, subText, ...props }: IProfileBox): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        name: string;
+        subText: string;
+        forceDirection: TargetCardDirection;
+    };
+};
+export {};

package/dist/components/Level3/Snackbar.d.ts

@@ -1,16 +1,16 @@
-import { Colors, Settings } from '../../theming';
-import { IFloatingDiv } from '../Level2';
-import { ISnackbarData } from '../../snackbar';
-import { EmptyFunctionHandler } from '../../generalTypes';
-export interface ISnackbar extends IFloatingDiv {
-    backgroundColor?: Colors | string;
-    borderRadius?: Settings | string;
-    icon?: boolean;
-    textColor?: Colors | string;
-    width?: string;
-    data: ISnackbarData;
-}
-export interface ISnackbarAdditions {
-    onClose: EmptyFunctionHandler;
-}
-export declare const Snackbar: ({ icon, textColor, data, borderRadius, backgroundColor, ...props }: ISnackbar & ISnackbarAdditions) => JSX.Element;
+import { Colors, Settings } from '../../theming';
+import { IFloatingDiv } from '../Level2';
+import { ISnackbarData } from '../../snackbar';
+import { EmptyFunctionHandler } from '../../generalTypes';
+export interface ISnackbar extends IFloatingDiv {
+    backgroundColor?: Colors | string;
+    borderRadius?: Settings | string;
+    icon?: boolean;
+    textColor?: Colors | string;
+    width?: string;
+    data: ISnackbarData;
+}
+export interface ISnackbarAdditions {
+    onClose: EmptyFunctionHandler;
+}
+export declare const Snackbar: ({ icon, textColor, data, borderRadius, backgroundColor, ...props }: ISnackbar & ISnackbarAdditions) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Level3/TimeField/TimeField.d.ts

@@ -1,22 +1,22 @@
-import { Moment } from 'moment';
-import { IField, MomentHandler } from '../../../generalTypes';
-import { Colors } from '../../../theming';
-export interface ITimeField extends IField {
-    width?: string;
-    value?: Moment;
-    onChange: MomentHandler;
-    iconNormal?: Colors | string;
-    iconFocus?: Colors | string;
-    hourStep?: number;
-    minuteStep?: number;
-    startTime?: Moment;
-    minSlotTime?: number;
-    hidePast?: boolean;
-}
-export declare const TimeField: {
-    ({ value, iconNormal, iconFocus, width, label, error, helperText, placeholder, readOnly, ...props }: ITimeField): JSX.Element;
-    defaultProps: {
-        iconNormal: Colors;
-        iconFocus: Colors;
-    };
-};
+import { Moment } from 'moment';
+import { IField, MomentHandler } from '../../../generalTypes';
+import { Colors } from '../../../theming';
+export interface ITimeField extends IField {
+    width?: string;
+    value?: Moment;
+    onChange: MomentHandler;
+    iconNormal?: Colors | string;
+    iconFocus?: Colors | string;
+    hourStep?: number;
+    minuteStep?: number;
+    startTime?: Moment;
+    minSlotTime?: number;
+    hidePast?: boolean;
+}
+export declare const TimeField: {
+    ({ value, iconNormal, iconFocus, width, label, error, helperText, placeholder, readOnly, ...props }: ITimeField): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        iconNormal: Colors;
+        iconFocus: Colors;
+    };
+};

package/dist/components/Level3/TimeField/TimePicker.d.ts

@@ -1,24 +1,23 @@
-/// <reference types="react" />
-import { Moment } from 'moment';
-import { MomentHandler } from '../../../generalTypes';
-import { Colors, Settings } from '../../../theming';
-import { ITargetCard } from '../../Level2';
-export interface ITimePicker extends ITimePickerStyle, ITargetCard {
-    onChange: MomentHandler;
-    setOpen: (newOpen: boolean) => void;
-    value?: Moment;
-    hourStep?: number;
-    minuteStep?: number;
-    startTime?: Moment;
-    minSlotTime?: number;
-    hidePast?: boolean;
-}
-interface ITimePickerStyle {
-    backgroundColor?: Colors | string;
-    hoverColor?: Colors | string;
-    selectedColor?: Colors | string;
-    borderColor?: Colors | string;
-    borderRadius?: Settings | string;
-}
-export declare const TimePicker: import("react").ForwardRefExoticComponent<ITimePicker & import("react").RefAttributes<HTMLDivElement>>;
-export {};
+import { Moment } from 'moment';
+import { MomentHandler } from '../../../generalTypes';
+import { Colors, Settings } from '../../../theming';
+import { ITargetCard } from '../../Level2';
+export interface ITimePicker extends ITimePickerStyle, ITargetCard {
+    onChange: MomentHandler;
+    setOpen: (newOpen: boolean) => void;
+    value?: Moment;
+    hourStep?: number;
+    minuteStep?: number;
+    startTime?: Moment;
+    minSlotTime?: number;
+    hidePast?: boolean;
+}
+interface ITimePickerStyle {
+    backgroundColor?: Colors | string;
+    hoverColor?: Colors | string;
+    selectedColor?: Colors | string;
+    borderColor?: Colors | string;
+    borderRadius?: Settings | string;
+}
+export declare const TimePicker: import("react").ForwardRefExoticComponent<ITimePicker & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Level3/TimeField/index.d.ts

@@ -1,2 +1,2 @@
-export * from './TimeField';
-export * from './TimePicker';
+export * from './TimeField';
+export * from './TimePicker';

package/dist/components/Level3/Topbar.d.ts

@@ -1,36 +1,36 @@
-import { ReactNode } from 'react';
-import { Colors } from '../../theming';
-import { Alignment } from '../../styleEnums';
-export interface ITopbar {
-    leftChildren?: ReactNode;
-    rightChildren?: ReactNode;
-    centreChildren?: ReactNode;
-    children: ReactNode;
-    pageBackgroundColor?: string | Colors;
-    backgroundColor?: string | Colors;
-    appBarScrollColor?: string | Colors;
-    appBarShadow?: string | Colors;
-    showBreadCrumb?: boolean;
-    pagePadding?: string;
-    hideBurger?: boolean;
-    isScrolled?: (status: boolean) => void;
-    maxChildrenWidth?: string;
-    childrenMainAxis?: Alignment;
-    childrenPadding?: string;
-    mobileHeight?: string;
-    normalHeight?: string;
-    childrenHeight?: string;
-    print?: boolean;
-}
-export declare const Topbar: {
-    (props: ITopbar): JSX.Element;
-    defaultProps: {
-        print: boolean;
-        pageBackgroundColor: Colors;
-        backgroundColor: Colors;
-        appBarScrollColor: Colors;
-        appBarShadow: Colors;
-        mobileHeight: string;
-        normalHeight: string;
-    };
-};
+import { ReactNode } from 'react';
+import { Colors } from '../../theming';
+import { Alignment } from '../../styleEnums';
+export interface ITopbar {
+    leftChildren?: ReactNode;
+    rightChildren?: ReactNode;
+    centreChildren?: ReactNode;
+    children: ReactNode;
+    pageBackgroundColor?: string | Colors;
+    backgroundColor?: string | Colors;
+    appBarScrollColor?: string | Colors;
+    appBarShadow?: string | Colors;
+    showBreadCrumb?: boolean;
+    pagePadding?: string;
+    hideBurger?: boolean;
+    isScrolled?: (status: boolean) => void;
+    maxChildrenWidth?: string;
+    childrenMainAxis?: Alignment;
+    childrenPadding?: string;
+    mobileHeight?: string;
+    normalHeight?: string;
+    childrenHeight?: string;
+    print?: boolean;
+}
+export declare const Topbar: {
+    (props: ITopbar): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        print: boolean;
+        pageBackgroundColor: Colors;
+        backgroundColor: Colors;
+        appBarScrollColor: Colors;
+        appBarShadow: Colors;
+        mobileHeight: string;
+        normalHeight: string;
+    };
+};

package/dist/components/Level3/index.d.ts

@@ -1,24 +1,24 @@
-export * from './PasswordField';
-export * from './DateField';
-export * from './PhoneField';
-export * from './Topbar';
-export * from './TimeField';
-export * from './ProfileBox';
-export * from './FullScreenButton';
-export * from './Snackbar';
-export * from './Popup';
-export * from './FloatingIconButton';
-export * from './DashboardCard';
-export * from './DashboardCardV2';
-export * from './OptionSelector';
-export * from './BreadCrumb';
-export * from './ListEditor';
-export * from './DashboardSelector';
-export * from './Chart';
-export * from './OverlayTopBar';
-export * from './ColorPicker';
-export * from './FloatingIconButtonList';
-export * from './MultiChart';
-export * from './PieChart';
-export * from './BarChart';
-export * from './AreaChart';
+export * from './PasswordField';
+export * from './DateField';
+export * from './PhoneField';
+export * from './Topbar';
+export * from './TimeField';
+export * from './ProfileBox';
+export * from './FullScreenButton';
+export * from './Snackbar';
+export * from './Popup';
+export * from './FloatingIconButton';
+export * from './DashboardCard';
+export * from './DashboardCardV2';
+export * from './OptionSelector';
+export * from './BreadCrumb';
+export * from './ListEditor';
+export * from './DashboardSelector';
+export * from './Chart';
+export * from './OverlayTopBar';
+export * from './ColorPicker';
+export * from './FloatingIconButtonList';
+export * from './MultiChart';
+export * from './PieChart';
+export * from './BarChart';
+export * from './AreaChart';

package/dist/components/Level4/ConfirmPopup.d.ts

@@ -1,14 +1,14 @@
-import { ZIndexLayers } from '../..';
-import { EmptyFunctionHandler } from '../../generalTypes';
-export interface IConfirmPopup {
-    title: string;
-    subtitle: string;
-    mainButtonText: string;
-    mainButtonLoad?: boolean;
-    hasRejectReason?: boolean;
-    onClose: EmptyFunctionHandler;
-    onCancel: EmptyFunctionHandler;
-    onSubmit: (reason?: string) => void;
-    zIndex?: ZIndexLayers | number;
-}
-export declare const ConfirmPopup: (props: IConfirmPopup) => JSX.Element;
+import { EmptyFunctionHandler } from '../../generalTypes';
+import { ZIndexLayers } from '../../styleEnums';
+export interface IConfirmPopup {
+    title: string;
+    subtitle: string;
+    mainButtonText: string;
+    mainButtonLoad?: boolean;
+    hasRejectReason?: boolean;
+    onClose: EmptyFunctionHandler;
+    onCancel: EmptyFunctionHandler;
+    onSubmit: (reason?: string) => void;
+    zIndex?: ZIndexLayers | number;
+}
+export declare const ConfirmPopup: (props: IConfirmPopup) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Level4/index.d.ts

@@ -1 +1 @@
-export * from './ConfirmPopup';
+export * from './ConfirmPopup';

package/dist/components/NextJS/NEXTGlobalStyle.d.ts

@@ -1,7 +1,7 @@
-export interface INEXTGlobalStyle {
-    fontSize?: string;
-    fontFamily?: string;
-    minHeight?: string;
-    minHeightMobile?: string;
-}
-export declare const NEXTGlobalStyle: (props: INEXTGlobalStyle) => JSX.Element;
+export interface INEXTGlobalStyle {
+    fontSize?: string;
+    fontFamily?: string;
+    minHeight?: string;
+    minHeightMobile?: string;
+}
+export declare const NEXTGlobalStyle: (props: INEXTGlobalStyle) => import("react/jsx-runtime").JSX.Element;

package/dist/components/NextJS/index.d.ts

@@ -1,2 +1,2 @@
-export * from './NEXTGlobalStyle';
-export * from './utils';
+export * from './NEXTGlobalStyle';
+export * from './utils';

package/dist/components/NextJS/utils.d.ts

@@ -1 +1 @@
-export declare const getNextJSEnvVariables: (target: string) => string | undefined;
+export declare const getNextJSEnvVariables: (target: string) => string | undefined;

package/dist/components/Stripe/CardCvc.d.ts

@@ -1,17 +1,17 @@
-import { CardCvcElementComponent } from '@stripe/react-stripe-js';
-import { TextfieldVariant } from '../../styleEnums';
-import { Colors } from '../../theming';
-import { ITextFieldContainerStyle } from '../Level2';
-export interface ICardCvc extends ITextFieldContainerStyle, CardCvcElementComponent {
-    prefixCmp?: HTMLElement;
-    suffixCmp?: HTMLElement;
-}
-export declare const CardCvc: {
-    ({ variant, width, borderColor, hoverBorderColor, focusBorderColor, errorColor, error, isFocused, label }: ICardCvc): JSX.Element;
-    defaultProps: {
-        variant: TextfieldVariant;
-        helperColor: Colors;
-        errorColor: Colors;
-        width: string;
-    };
-};
+import { CardCvcElementComponent } from '@stripe/react-stripe-js';
+import { TextfieldVariant } from '../../styleEnums';
+import { Colors } from '../../theming';
+import { ITextFieldContainerStyle } from '../Level2';
+export interface ICardCvc extends ITextFieldContainerStyle, CardCvcElementComponent {
+    prefixCmp?: HTMLElement;
+    suffixCmp?: HTMLElement;
+}
+export declare const CardCvc: {
+    ({ variant, width, borderColor, hoverBorderColor, focusBorderColor, errorColor, error, isFocused, label }: ICardCvc): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        variant: TextfieldVariant;
+        helperColor: Colors;
+        errorColor: Colors;
+        width: string;
+    };
+};

package/dist/components/Stripe/CardExpiry.d.ts

@@ -1,17 +1,17 @@
-import { CardExpiryElementProps } from '@stripe/react-stripe-js';
-import { TextfieldVariant } from '../../styleEnums';
-import { Colors } from '../../theming';
-import { ITextFieldContainerStyle } from '../Level2';
-export interface ICardExpiry extends ITextFieldContainerStyle, CardExpiryElementProps {
-    prefixCmp?: HTMLElement;
-    suffixCmp?: HTMLElement;
-}
-export declare const CardExpiry: {
-    ({ variant, width, borderColor, hoverBorderColor, focusBorderColor, errorColor, error, isFocused, label }: ICardExpiry): JSX.Element;
-    defaultProps: {
-        variant: TextfieldVariant;
-        helperColor: Colors;
-        errorColor: Colors;
-        width: string;
-    };
-};
+import { CardExpiryElementProps } from '@stripe/react-stripe-js';
+import { TextfieldVariant } from '../../styleEnums';
+import { Colors } from '../../theming';
+import { ITextFieldContainerStyle } from '../Level2';
+export interface ICardExpiry extends ITextFieldContainerStyle, CardExpiryElementProps {
+    prefixCmp?: HTMLElement;
+    suffixCmp?: HTMLElement;
+}
+export declare const CardExpiry: {
+    ({ variant, width, borderColor, hoverBorderColor, focusBorderColor, errorColor, error, isFocused, label }: ICardExpiry): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        variant: TextfieldVariant;
+        helperColor: Colors;
+        errorColor: Colors;
+        width: string;
+    };
+};

package/dist/components/Stripe/CardNumber.d.ts

@@ -1,17 +1,17 @@
-import { CardNumberElementProps } from '@stripe/react-stripe-js';
-import { TextfieldVariant } from '../../styleEnums';
-import { Colors } from '../../theming';
-import { ITextFieldContainerStyle } from '../Level2';
-export interface ICardNumber extends ITextFieldContainerStyle, CardNumberElementProps {
-    prefixCmp?: HTMLElement;
-    suffixCmp?: HTMLElement;
-}
-export declare const CardNumber: {
-    ({ variant, width, borderColor, hoverBorderColor, focusBorderColor, errorColor, error, isFocused, label }: ICardNumber): JSX.Element;
-    defaultProps: {
-        variant: TextfieldVariant;
-        helperColor: Colors;
-        errorColor: Colors;
-        width: string;
-    };
-};
+import { CardNumberElementProps } from '@stripe/react-stripe-js';
+import { TextfieldVariant } from '../../styleEnums';
+import { Colors } from '../../theming';
+import { ITextFieldContainerStyle } from '../Level2';
+export interface ICardNumber extends ITextFieldContainerStyle, CardNumberElementProps {
+    prefixCmp?: HTMLElement;
+    suffixCmp?: HTMLElement;
+}
+export declare const CardNumber: {
+    ({ variant, width, borderColor, hoverBorderColor, focusBorderColor, errorColor, error, isFocused, label }: ICardNumber): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        variant: TextfieldVariant;
+        helperColor: Colors;
+        errorColor: Colors;
+        width: string;
+    };
+};

package/dist/components/Stripe/StripeProvider.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
-export interface IStripeProvider {
-    stripeKey?: string;
-}
-interface IStripeProviderChildren {
-    children: ReactNode;
-}
-export declare const StripeProvider: (props: IStripeProvider & IStripeProviderChildren) => JSX.Element;
-export {};
+import { ReactNode } from 'react';
+export interface IStripeProvider {
+    stripeKey?: string;
+}
+interface IStripeProviderChildren {
+    children: ReactNode;
+}
+export declare const StripeProvider: (props: IStripeProvider & IStripeProviderChildren) => import("react/jsx-runtime").JSX.Element;
+export {};