@piu-company/react-toolkit 1.0.0 → 1.0.1

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

@@ -1,10 +1,10 @@
-export * from './Typography';
-export * from './Container';
-export * from './Button';
-export * from './Icon';
-export * from './Spacer';
-export * from './Hr';
-export * from './A';
-export * from './DropdownButton';
-export * from './Slider';
-export * from './FadeInOut';
+export * from './Typography';
+export * from './Container';
+export * from './Button';
+export * from './Icon';
+export * from './Spacer';
+export * from './Hr';
+export * from './A';
+export * from './DropdownButton';
+export * from './Slider';
+export * from './FadeInOut';

package/dist/components/Level2/Card.d.ts

@@ -1,9 +1,9 @@
-import { IContainer } from '../Level1';
-export interface ICard extends IContainer {
-}
-export declare const Card: {
-    ({ children, ...props }: ICard): JSX.Element;
-    defaultProps: {
-        width: string;
-    };
-};
+import { IContainer } from '../Level1';
+export interface ICard extends IContainer {
+}
+export declare const Card: {
+    ({ children, ...props }: ICard): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        width: string;
+    };
+};

package/dist/components/Level2/Checkbox.d.ts

@@ -1,29 +1,29 @@
-import { CheckboxLabelPosition } from '../../styleEnums';
-import { Colors } from '../../theming';
-export interface ICheckboxValue {
-    checked: boolean;
-    indetermined?: boolean;
-}
-export interface ICheckboxStyle {
-    borderColor?: string;
-    padding?: string;
-    color?: Colors | string;
-    margin?: string;
-}
-export interface ICheckbox extends ICheckboxStyle {
-    labelColor?: string;
-    fontFamily?: string;
-    label?: string;
-    value: ICheckboxValue;
-    direction?: CheckboxLabelPosition;
-    enableIndetermined?: boolean;
-    onChange(e: ICheckboxValue): void;
-}
-export declare const Checkbox: {
-    (props: ICheckbox): JSX.Element;
-    defaultProps: {
-        direction: CheckboxLabelPosition;
-        margin: string;
-        padding: string;
-    };
-};
+import { CheckboxLabelPosition } from '../../styleEnums';
+import { Colors } from '../../theming';
+export interface ICheckboxValue {
+    checked: boolean;
+    indetermined?: boolean;
+}
+export interface ICheckboxStyle {
+    borderColor?: string;
+    padding?: string;
+    color?: Colors | string;
+    margin?: string;
+}
+export interface ICheckbox extends ICheckboxStyle {
+    labelColor?: string;
+    fontFamily?: string;
+    label?: string;
+    value: ICheckboxValue;
+    direction?: CheckboxLabelPosition;
+    enableIndetermined?: boolean;
+    onChange(e: ICheckboxValue): void;
+}
+export declare const Checkbox: {
+    (props: ICheckbox): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        direction: CheckboxLabelPosition;
+        margin: string;
+        padding: string;
+    };
+};

package/dist/components/Level2/Cover.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
-import { Alignment, ZIndexLayers } from '../../styleEnums';
-export interface ICover {
-    children?: ReactNode;
-    crossAxis?: Alignment;
-    mainAxis?: Alignment;
-    hide?: boolean;
-    zIndex?: ZIndexLayers | number;
-}
-export declare const Cover: (props: ICover) => JSX.Element;
+import { ReactNode } from 'react';
+import { Alignment, ZIndexLayers } from '../../styleEnums';
+export interface ICover {
+    children?: ReactNode;
+    crossAxis?: Alignment;
+    mainAxis?: Alignment;
+    hide?: boolean;
+    zIndex?: ZIndexLayers | number;
+}
+export declare const Cover: (props: ICover) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Level2/DatePicker/DatePicker.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
-import { Moment } from 'moment';
-import { MomentHandler } from '../../../generalTypes';
-import { ITargetCard } from '../TargetCard';
-import { Weekdays } from './DayPicker';
-export interface IDatePicker extends ITargetCard {
-    setOpen: (newOpen: boolean) => void;
-    value?: Moment;
-    onDateSelect: MomentHandler;
-    firstDayMonday?: boolean;
-    startDate?: Moment;
-    endDate?: Moment;
-    availableDates?: Moment[];
-    enableWeekdayOnly?: Weekdays[];
-    excludedDates?: Moment[];
-    hideButtons?: boolean;
-}
-export declare const DatePicker: import("react").ForwardRefExoticComponent<IDatePicker & import("react").RefAttributes<HTMLDivElement>>;
+import { Moment } from 'moment';
+import { MomentHandler } from '../../../generalTypes';
+import { ITargetCard } from '../TargetCard';
+import { Weekdays } from './DayPicker';
+export interface IDatePicker extends ITargetCard {
+    setOpen: (newOpen: boolean) => void;
+    value?: Moment;
+    onDateSelect: MomentHandler;
+    firstDayMonday?: boolean;
+    startDate?: Moment;
+    endDate?: Moment;
+    availableDates?: Moment[];
+    enableWeekdayOnly?: Weekdays[];
+    excludedDates?: Moment[];
+    hideButtons?: boolean;
+}
+export declare const DatePicker: import("react").ForwardRefExoticComponent<IDatePicker & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Level2/DatePicker/DayPicker.d.ts

@@ -1,43 +1,43 @@
-import { MouseEventHandler } from 'react';
-import moment, { Moment } from 'moment';
-import { Colors, Settings } from '../../../theming';
-import { MomentHandler } from '../../../generalTypes';
-export declare enum Weekdays {
-    monday = 1,
-    tuesday = 2,
-    wednesday = 3,
-    thursday = 4,
-    friday = 5,
-    saturday = 6,
-    sunday = 7
-}
-export interface IDayPicker {
-    backgroundColor?: Colors | string;
-    iconColor?: Colors | string;
-    iconHoverColor?: Colors | string;
-    borderColor?: Colors | string;
-    borderRadius?: Settings | string;
-    shadow?: Settings | string;
-    shadowDim?: Settings | string;
-    onChange: MomentHandler;
-    onMonthClick: MouseEventHandler<HTMLButtonElement>;
-    value?: Moment;
-    firstDayMonday?: boolean;
-    startDate?: Moment;
-    endDate?: Moment;
-    setOpen: (newOpen: boolean) => void;
-    availableDates?: Moment[];
-    enableWeekdayOnly?: Weekdays[];
-    excludedDates?: Moment[];
-    hideButtons?: boolean;
-    hideShadow?: boolean;
-}
-export declare const DayPicker: {
-    (props: IDayPicker): JSX.Element;
-    defaultProps: {
-        backgroundColor: Colors;
-        shadowDim: Settings;
-        shadow: Colors;
-        value: moment.Moment;
-    };
-};
+import { MouseEventHandler } from 'react';
+import moment, { Moment } from 'moment';
+import { Colors, Settings } from '../../../theming';
+import { MomentHandler } from '../../../generalTypes';
+export declare enum Weekdays {
+    monday = 1,
+    tuesday = 2,
+    wednesday = 3,
+    thursday = 4,
+    friday = 5,
+    saturday = 6,
+    sunday = 7
+}
+export interface IDayPicker {
+    backgroundColor?: Colors | string;
+    iconColor?: Colors | string;
+    iconHoverColor?: Colors | string;
+    borderColor?: Colors | string;
+    borderRadius?: Settings | string;
+    shadow?: Settings | string;
+    shadowDim?: Settings | string;
+    onChange: MomentHandler;
+    onMonthClick: MouseEventHandler<HTMLButtonElement>;
+    value?: Moment;
+    firstDayMonday?: boolean;
+    startDate?: Moment;
+    endDate?: Moment;
+    setOpen: (newOpen: boolean) => void;
+    availableDates?: Moment[];
+    enableWeekdayOnly?: Weekdays[];
+    excludedDates?: Moment[];
+    hideButtons?: boolean;
+    hideShadow?: boolean;
+}
+export declare const DayPicker: {
+    (props: IDayPicker): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        backgroundColor: Colors;
+        shadowDim: Settings;
+        shadow: Colors;
+        value: moment.Moment;
+    };
+};

package/dist/components/Level2/DatePicker/MonthPicker.d.ts

@@ -1,27 +1,27 @@
-import moment, { Moment } from 'moment';
-import { MomentHandler } from '../../../generalTypes';
-import { Colors, Settings } from '../../../theming';
-export interface IMonthPicker {
-    backgroundColor?: Colors | string;
-    iconColor?: Colors | string;
-    iconHoverColor?: Colors | string;
-    borderColor?: Colors | string;
-    borderRadius?: Settings | string;
-    shadow?: Settings | string;
-    shadowDim?: Settings | string;
-    value?: Moment;
-    onChange: MomentHandler;
-    onMonthClick: MomentHandler;
-    setOpen: (newOpen: boolean) => void;
-    hideButtons?: boolean;
-    hideShadow?: boolean;
-}
-export declare const MonthPicker: {
-    (props: IMonthPicker): JSX.Element;
-    defaultProps: {
-        backgroundColor: Colors;
-        shadowDim: Settings;
-        shadow: Colors;
-        value: moment.Moment;
-    };
-};
+import moment, { Moment } from 'moment';
+import { MomentHandler } from '../../../generalTypes';
+import { Colors, Settings } from '../../../theming';
+export interface IMonthPicker {
+    backgroundColor?: Colors | string;
+    iconColor?: Colors | string;
+    iconHoverColor?: Colors | string;
+    borderColor?: Colors | string;
+    borderRadius?: Settings | string;
+    shadow?: Settings | string;
+    shadowDim?: Settings | string;
+    value?: Moment;
+    onChange: MomentHandler;
+    onMonthClick: MomentHandler;
+    setOpen: (newOpen: boolean) => void;
+    hideButtons?: boolean;
+    hideShadow?: boolean;
+}
+export declare const MonthPicker: {
+    (props: IMonthPicker): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        backgroundColor: Colors;
+        shadowDim: Settings;
+        shadow: Colors;
+        value: moment.Moment;
+    };
+};

package/dist/components/Level2/DatePicker/index.d.ts

@@ -1,4 +1,4 @@
-export * from './DatePicker';
-export * from './DayPicker';
-export * from './MonthPicker';
-export * from './types';
+export * from './DatePicker';
+export * from './DayPicker';
+export * from './MonthPicker';
+export * from './types';

package/dist/components/Level2/DatePicker/types.d.ts

@@ -1,8 +1,8 @@
-import { Moment } from 'moment';
-export interface IDayBoxStyle {
-    opacity?: string;
-}
-export interface ICalendarState {
-    currentMonth: Moment;
-    currentMonthList: Moment[];
-}
+import { Moment } from 'moment';
+export interface IDayBoxStyle {
+    opacity?: string;
+}
+export interface ICalendarState {
+    currentMonth: Moment;
+    currentMonthList: Moment[];
+}

package/dist/components/Level2/FloatingDiv.d.ts

@@ -1,17 +1,17 @@
-import { MutableRefObject, ReactNode } from 'react';
-import { Direction, FloatingPosH, FloatingPosV, ZIndexLayers } from '../../styleEnums';
-import { IFadeInOut } from '../Level1';
-export interface IFloatingDiv {
-    children?: ReactNode;
-    left?: string;
-    right?: string;
-    top?: string;
-    bottom?: string;
-    verticalPos?: FloatingPosV;
-    horizontalPos?: FloatingPosH;
-    ref?: MutableRefObject<HTMLDivElement>;
-    zIndex?: ZIndexLayers;
-    fadeInOut?: IFadeInOut;
-    direction?: Direction;
-}
-export declare const FloatingDiv: import("react").ForwardRefExoticComponent<Pick<IFloatingDiv, "children" | "zIndex" | "bottom" | "top" | "left" | "right" | "direction" | "verticalPos" | "horizontalPos" | "fadeInOut"> & import("react").RefAttributes<HTMLDivElement>>;
+import { MutableRefObject, ReactNode } from 'react';
+import { Direction, FloatingPosH, FloatingPosV, ZIndexLayers } from '../../styleEnums';
+import { IFadeInOut } from '../Level1';
+export interface IFloatingDiv {
+    children?: ReactNode;
+    left?: string;
+    right?: string;
+    top?: string;
+    bottom?: string;
+    verticalPos?: FloatingPosV;
+    horizontalPos?: FloatingPosH;
+    ref?: MutableRefObject<HTMLDivElement>;
+    zIndex?: ZIndexLayers;
+    fadeInOut?: IFadeInOut;
+    direction?: Direction;
+}
+export declare const FloatingDiv: import("react").ForwardRefExoticComponent<Omit<IFloatingDiv, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Level2/IconButton.d.ts

@@ -1,23 +1,23 @@
-import { HTMLAttributes } from 'react';
-import { Colors } from '../../theming';
-import { IIconStyle } from '../Level1';
-interface IIconButtonStyle extends IIconStyle {
-    hoverBackgroundColor?: Colors | string;
-    flex?: string;
-}
-export interface IIconButton extends HTMLAttributes<HTMLButtonElement>, IIconButtonStyle {
-    ripple?: boolean;
-    size?: string;
-    loading?: boolean;
-    backgroundColor?: Colors | string;
-    toolTipText?: string;
-}
-export declare const IconButton: {
-    ({ hoverBackgroundColor, color, opacity, hoverColor, size, children, backgroundColor, toolTipText, ...props }: IIconButton): JSX.Element;
-    defaultProps: {
-        size: string;
-        hoverBackgroundColor: Colors;
-        backgroundColor: string;
-    };
-};
-export {};
+import { HTMLAttributes } from 'react';
+import { Colors } from '../../theming';
+import { IIconStyle } from '../Level1';
+interface IIconButtonStyle extends IIconStyle {
+    hoverBackgroundColor?: Colors | string;
+    flex?: string;
+}
+export interface IIconButton extends HTMLAttributes<HTMLButtonElement>, IIconButtonStyle {
+    ripple?: boolean;
+    size?: string;
+    loading?: boolean;
+    backgroundColor?: Colors | string;
+    toolTipText?: string;
+}
+export declare const IconButton: {
+    ({ hoverBackgroundColor, color, opacity, hoverColor, size, children, backgroundColor, toolTipText, ...props }: IIconButton): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        size: string;
+        hoverBackgroundColor: Colors;
+        backgroundColor: string;
+    };
+};
+export {};

package/dist/components/Level2/Linker.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { LinkProps } from 'next/link';
-export interface ILinker extends LinkProps {
-    newTab?: boolean;
-    children: ReactNode;
-}
-export declare const Linker: ({ newTab, ...props }: ILinker) => JSX.Element;
+import { ReactNode } from 'react';
+import { LinkProps } from 'next/link';
+export interface ILinker extends LinkProps {
+    newTab?: boolean;
+    children: ReactNode;
+}
+export declare const Linker: ({ newTab, ...props }: ILinker) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Level2/MultiButtonSelect.d.ts

@@ -1,24 +1,24 @@
-import { Colors, Settings } from '../../theming';
-export type MultiButtonClickHandler = (data: string) => void;
-export interface IMultiButtonSelect extends IMultiButtonSelectStyle {
-    selected?: string;
-    onClick: MultiButtonClickHandler;
-    selection: string[];
-    borderRadius?: Settings | string;
-    borderColor?: Colors | string;
-    border?: Settings | string;
-    selectedText?: Colors | string;
-}
-export interface IMultiButtonSelectStyle {
-    isSelected?: boolean;
-    selectedColor?: Colors | string;
-    hoverColor?: Colors | string;
-    width?: string;
-    height?: string;
-}
-export declare const MultiButtonSelect: {
-    (props: IMultiButtonSelect): JSX.Element;
-    defaultProps: {
-        selectedText: Colors;
-    };
-};
+import { Colors, Settings } from '../../theming';
+export type MultiButtonClickHandler = (data: string) => void;
+export interface IMultiButtonSelect extends IMultiButtonSelectStyle {
+    selected?: string;
+    onClick: MultiButtonClickHandler;
+    selection: string[];
+    borderRadius?: Settings | string;
+    borderColor?: Colors | string;
+    border?: Settings | string;
+    selectedText?: Colors | string;
+}
+export interface IMultiButtonSelectStyle {
+    isSelected?: boolean;
+    selectedColor?: Colors | string;
+    hoverColor?: Colors | string;
+    width?: string;
+    height?: string;
+}
+export declare const MultiButtonSelect: {
+    (props: IMultiButtonSelect): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        selectedText: Colors;
+    };
+};

package/dist/components/Level2/Overlay.d.ts

@@ -1,36 +1,36 @@
-import { ReactNode } from 'react';
-import { EmptyFunctionHandler } from '../../generalTypes';
-import { Alignment, OverlayDirection, Position, ZIndexLayers } from '../../styleEnums';
-import { Colors, Settings } from '../../theming';
-interface IOverlayStyle {
-    printable?: boolean;
-    borderColor?: Colors | string;
-    backgroundColor?: Colors | string;
-    zIndex?: ZIndexLayers | number;
-    mainAxis?: Alignment;
-    crossAxis?: Alignment;
-}
-export interface IOverlay extends IOverlayStyle {
-    children: ReactNode;
-    show?: boolean;
-    openSize?: string;
-    closedSize?: string;
-    direction: OverlayDirection;
-    position?: Position;
-    dismissable?: boolean;
-    onClose?: EmptyFunctionHandler;
-    covered?: boolean;
-    disableMobileSize?: boolean;
-    shadow?: Colors | string;
-    shadowDim?: Settings | string;
-    isSidebar?: boolean;
-}
-export declare const Overlay: {
-    (props: IOverlay): JSX.Element;
-    defaultProps: {
-        openSize: string;
-        backgroundColor: Colors;
-        topOffset: string;
-    };
-};
-export {};
+import { ReactNode } from 'react';
+import { EmptyFunctionHandler } from '../../generalTypes';
+import { Alignment, OverlayDirection, Position, ZIndexLayers } from '../../styleEnums';
+import { Colors, Settings } from '../../theming';
+interface IOverlayStyle {
+    printable?: boolean;
+    borderColor?: Colors | string;
+    backgroundColor?: Colors | string;
+    zIndex?: ZIndexLayers | number;
+    mainAxis?: Alignment;
+    crossAxis?: Alignment;
+}
+export interface IOverlay extends IOverlayStyle {
+    children: ReactNode;
+    show?: boolean;
+    openSize?: string;
+    closedSize?: string;
+    direction: OverlayDirection;
+    position?: Position;
+    dismissable?: boolean;
+    onClose?: EmptyFunctionHandler;
+    covered?: boolean;
+    disableMobileSize?: boolean;
+    shadow?: Colors | string;
+    shadowDim?: Settings | string;
+    isSidebar?: boolean;
+}
+export declare const Overlay: {
+    (props: IOverlay): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        openSize: string;
+        backgroundColor: Colors;
+        topOffset: string;
+    };
+};
+export {};

package/dist/components/Level2/PanelForm/PanelForm.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
-import { IPanelFormSaveSection } from './PanelFormSaveSection';
-import { IPanelFormTitleSection } from './PanelFormTitleSection';
-export interface IPanelForm {
-    children: ReactNode;
-    titleSection: IPanelFormTitleSection;
-    saveSection: IPanelFormSaveSection;
-}
-export declare const PanelForm: (props: IPanelForm) => JSX.Element;
+import { ReactNode } from 'react';
+import { IPanelFormSaveSection } from './PanelFormSaveSection';
+import { IPanelFormTitleSection } from './PanelFormTitleSection';
+export interface IPanelForm {
+    children: ReactNode;
+    titleSection: IPanelFormTitleSection;
+    saveSection: IPanelFormSaveSection;
+}
+export declare const PanelForm: (props: IPanelForm) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Level2/PanelForm/PanelFormContent.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export interface IPanelFormContent {
-    children: ReactNode;
-}
-export declare const PanelFormContent: (props: IPanelFormContent) => JSX.Element;
+import { ReactNode } from 'react';
+export interface IPanelFormContent {
+    children: ReactNode;
+}
+export declare const PanelFormContent: (props: IPanelFormContent) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Level2/PanelForm/PanelFormSaveSection.d.ts

@@ -1,10 +1,10 @@
-import { EmptyFunctionHandler } from '../../../generalTypes';
-export interface IPanelFormSaveSection {
-    buttonText: string;
-    primaryButtonLoading: boolean;
-    primaryOnClick?: EmptyFunctionHandler;
-    discardOnClick: EmptyFunctionHandler;
-    buttonId?: string;
-    cancelButtonText?: string;
-}
-export declare const PanelFormSaveSection: (props: IPanelFormSaveSection) => JSX.Element;
+import { EmptyFunctionHandler } from '../../../generalTypes';
+export interface IPanelFormSaveSection {
+    buttonText: string;
+    primaryButtonLoading: boolean;
+    primaryOnClick?: EmptyFunctionHandler;
+    discardOnClick: EmptyFunctionHandler;
+    buttonId?: string;
+    cancelButtonText?: string;
+}
+export declare const PanelFormSaveSection: (props: IPanelFormSaveSection) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Level2/PanelForm/PanelFormSection.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-export interface IPanelFormSection {
-    title: string;
-    children: ReactNode;
-}
-export declare const PanelFormSection: (props: IPanelFormSection) => JSX.Element;
+import { ReactNode } from 'react';
+export interface IPanelFormSection {
+    title: string;
+    children: ReactNode;
+}
+export declare const PanelFormSection: (props: IPanelFormSection) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Level2/PanelForm/PanelFormTitleSection.d.ts

@@ -1,6 +1,6 @@
-import { EmptyFunctionHandler } from '../../../generalTypes';
-export interface IPanelFormTitleSection {
-    title: string;
-    close: EmptyFunctionHandler;
-}
-export declare const PanelFormTitleSection: (props: IPanelFormTitleSection) => JSX.Element;
+import { EmptyFunctionHandler } from '../../../generalTypes';
+export interface IPanelFormTitleSection {
+    title: string;
+    close: EmptyFunctionHandler;
+}
+export declare const PanelFormTitleSection: (props: IPanelFormTitleSection) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Level2/PanelForm/index.d.ts

@@ -1,5 +1,5 @@
-export * from './PanelFormTitleSection';
-export * from './PanelFormSection';
-export * from './PanelFormSaveSection';
-export * from './PanelForm';
-export * from './PanelFormContent';
+export * from './PanelFormTitleSection';
+export * from './PanelFormSection';
+export * from './PanelFormSaveSection';
+export * from './PanelForm';
+export * from './PanelFormContent';