@xelto.npm/xc2-lib 0.0.45 → 0.0.47

package/dist/esm/types/components/Inputs/select/Select.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { SelectProps } from "./SelectProps";
+declare const Select: React.FunctionComponent<SelectProps>;
+export default Select;

package/dist/esm/types/components/Inputs/select/SelectProps.d.ts

@@ -0,0 +1,18 @@
+import { ChangeEventHandler, RefObject } from "react";
+export interface SelectProps {
+    disabled?: boolean;
+    fluid?: boolean;
+    label?: string;
+    options?: {
+        label: string;
+    }[];
+    withRefresh?: boolean;
+    value?: object;
+    noOptionsText?: string;
+    placeholder?: string;
+    onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    onBlur?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    forwardedRef?: (instance: HTMLDivElement | null) => void | RefObject<HTMLDivElement> | null;
+    onRefreshClick?: void;
+    endAdornment?: string;
+}

package/dist/esm/types/components/Inputs/select/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Select';

package/dist/esm/types/components/Inputs/textfield/TextField.d.ts

@@ -1,5 +1,9 @@
 import * as React from 'react';
 import { TextFieldProps } from "./TextFieldProps";
-export declare const StyledTextField: import("@emotion/styled").StyledComponent<import("@mui/material/TextField").TextFieldProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+interface ExtraProps {
+    fluid?: boolean;
+    small?: boolean;
+}
+export declare const StyledTextField: import("@emotion/styled").StyledComponent<(import("@mui/material/TextField").TextFieldProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>) & ExtraProps, {}, {}>;
 declare const TextField: React.FunctionComponent<TextFieldProps>;
 export default TextField;

package/dist/esm/types/components/bottomBar/BottomBarComponent.d.ts

@@ -1,6 +1,14 @@
-/// <reference types="react" />
-declare const BottomBarComponent: ({ buttons, ...props }: {
-    [x: string]: any;
-    buttons: any;
-}) => JSX.Element;
+import React, { MouseEventHandler } from 'react';
+interface ItemProps {
+    disabled?: boolean;
+    fluid?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    type?: string;
+    text?: string;
+    color?: string;
+    size?: string;
+}
+declare const BottomBarComponent: React.FunctionComponent<{
+    buttons: ItemProps[];
+}>;
 export default BottomBarComponent;

package/dist/esm/types/components/bottomInfoBar/BottomInfoBar.d.ts

@@ -1,17 +1,4 @@
-/// <reference types="react" />
-import propTypes from "prop-types";
-declare const BottomInfoBar: {
-    ({ noLogo, leftText, rightText, onRightTextClick }: {
-        noLogo?: boolean | undefined;
-        leftText?: string | undefined;
-        rightText?: string | undefined;
-        onRightTextClick: any;
-    }): JSX.Element;
-    propTypes: {
-        noLogo: propTypes.Requireable<boolean>;
-        leftText: propTypes.Requireable<string>;
-        rightText: propTypes.Requireable<string>;
-        onRightTextClick: propTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+import * as React from "react";
+import { BottomInfoBarProps } from "./BottomInfoBarProps";
+declare const BottomInfoBar: React.FunctionComponent<BottomInfoBarProps>;
 export default BottomInfoBar;

package/dist/esm/types/components/bottomInfoBar/BottomInfoBarProps.d.ts

@@ -0,0 +1,7 @@
+import { MouseEventHandler } from "react";
+export interface BottomInfoBarProps {
+    leftText?: string;
+    rightText?: string;
+    noLogo?: boolean;
+    onRightTextClick?: MouseEventHandler<HTMLButtonElement>;
+}

package/dist/esm/types/components/buttons/customButton/CustomButtonComponent.d.ts

@@ -1,15 +1,4 @@
-/// <reference types="react" />
-declare const CustomButtonComponent: ({ type, text, size, fluid, color, resolution, width, onClick, disabled, forwardedRef, ...props }: {
-    [x: string]: any;
-    type: any;
-    text: any;
-    size: any;
-    fluid: any;
-    color: any;
-    resolution: any;
-    width: any;
-    onClick: any;
-    disabled: any;
-    forwardedRef?: null | undefined;
-}) => JSX.Element;
+import * as React from 'react';
+import { CustomButtonProps } from "./CustomButtonProps";
+declare const CustomButtonComponent: React.FunctionComponent<CustomButtonProps>;
 export default CustomButtonComponent;

package/dist/esm/types/components/buttons/customButton/CustomButtonProps.d.ts

@@ -0,0 +1,11 @@
+import { Ref, MouseEventHandler } from "react";
+export interface CustomButtonProps {
+    text?: string;
+    type?: string;
+    size?: string;
+    color?: string;
+    fluid?: boolean;
+    disabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    forwardedRef?: Ref<HTMLButtonElement>;
+}

package/dist/esm/types/components/buttons/iconButton/IconButtonComponent.d.ts

@@ -1,11 +1,4 @@
-/// <reference types="react" />
-export default function IconButtonComponent({ text, type, icon, color, fluid, onClick, forwardedRef, ...props }: {
-    [x: string]: any;
-    text: any;
-    type: any;
-    icon: any;
-    color: any;
-    fluid: any;
-    onClick: any;
-    forwardedRef?: null | undefined;
-}): JSX.Element;
+import * as React from 'react';
+import { IconButtonProps } from "./IconButtonProps";
+declare const IconButtonComponent: React.FunctionComponent<IconButtonProps>;
+export default IconButtonComponent;

package/dist/esm/types/components/buttons/iconButton/IconButtonProps.d.ts

@@ -0,0 +1,10 @@
+import { Ref, MouseEventHandler } from "react";
+export interface IconButtonProps {
+    text?: string;
+    type?: string;
+    icon: string;
+    color?: string;
+    fluid?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    forwardedRef?: Ref<HTMLButtonElement>;
+}

package/dist/esm/types/components/checkbox/CheckboxComponent.d.ts

@@ -1,11 +1,4 @@
-/// <reference types="react" />
-declare const CheckboxComponent: ({ disabled, label, checked, onChange, indeterminate, forwardedRef, ...props }: {
-    [x: string]: any;
-    disabled: any;
-    label: any;
-    checked: any;
-    onChange: any;
-    indeterminate: any;
-    forwardedRef?: null | undefined;
-}) => JSX.Element;
+import * as React from 'react';
+import { CheckboxProps } from "./CheckboxProps";
+declare const CheckboxComponent: React.FunctionComponent<CheckboxProps>;
 export default CheckboxComponent;

package/dist/esm/types/components/checkbox/CheckboxProps.d.ts

@@ -0,0 +1,9 @@
+import { Ref, ChangeEvent } from "react";
+export interface CheckboxProps {
+    disabled?: boolean;
+    label?: string;
+    indeterminate?: boolean;
+    onChange: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    forwardedRef?: Ref<HTMLInputElement>;
+    checked?: boolean;
+}

package/dist/esm/types/components/foundations/icon/Icon.d.ts

@@ -1,9 +1,4 @@
-/// <reference types="react" />
-declare const Icon: ({ iconName, color, size, forwardedRef, ...rest }: {
-    [x: string]: any;
-    iconName?: string | undefined;
-    color?: string | undefined;
-    size?: string | undefined;
-    forwardedRef?: null | undefined;
-}) => JSX.Element;
+import React from 'react';
+import { IconProps } from "./IconProps";
+declare const Icon: React.FunctionComponent<IconProps>;
 export default Icon;

package/dist/esm/types/components/foundations/icon/IconProps.d.ts

@@ -0,0 +1,9 @@
+import { ForwardedRef, MouseEventHandler } from "react";
+export interface IconProps {
+    iconName: string;
+    color?: string;
+    size?: string;
+    style?: object;
+    forwardedRef?: ForwardedRef<any>;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+}

package/dist/esm/types/components/foundations/logo/Logo.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-declare const Logo: ({ logoName, color, ...props }: {
-    [x: string]: any;
-    logoName: any;
-    color: any;
-}) => JSX.Element;
+import React from 'react';
+declare const Logo: React.FunctionComponent<{
+    logoName: string;
+    color?: string;
+}>;
 export default Logo;

package/dist/esm/types/components/index.d.ts

@@ -10,3 +10,4 @@ export { default as BottomInfoBar } from "./bottomInfoBar";
 export { default as Checkbox } from "./checkbox";
 export { default as DatePicker } from "./Inputs/datepicker";
 export { default as TextField } from "./Inputs/textfield";
+export { default as Select } from "./Inputs/select";

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import propTypes from 'prop-types';
 import * as React from 'react';
-import { SetStateAction, Ref, ChangeEventHandler, RefObject } from 'react';
+import React__default, { MouseEventHandler, Ref, ForwardedRef, ChangeEvent, SetStateAction, ChangeEventHandler, RefObject } from 'react';
 
 declare const AppTileComponent: ({ header, description, illustrationName, forwardedRef, isBigType, size, color }: {
     header: any;
@@ -20,30 +19,30 @@ declare const TypographyComponent: ({ text, type, forwardedRef, ...props }: {
     forwardedRef?: null | undefined;
 }) => JSX.Element;
 
-declare const CustomButtonComponent: ({ type, text, size, fluid, color, resolution, width, onClick, disabled, forwardedRef, ...props }: {
-    [x: string]: any;
-    type: any;
-    text: any;
-    size: any;
-    fluid: any;
-    color: any;
-    resolution: any;
-    width: any;
-    onClick: any;
-    disabled: any;
-    forwardedRef?: null | undefined;
-}) => JSX.Element;
+interface CustomButtonProps {
+    text?: string;
+    type?: string;
+    size?: string;
+    color?: string;
+    fluid?: boolean;
+    disabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    forwardedRef?: Ref<HTMLButtonElement>;
+}
 
-declare function IconButtonComponent({ text, type, icon, color, fluid, onClick, forwardedRef, ...props }: {
-    [x: string]: any;
-    text: any;
-    type: any;
-    icon: any;
-    color: any;
-    fluid: any;
-    onClick: any;
-    forwardedRef?: null | undefined;
-}): JSX.Element;
+declare const CustomButtonComponent: React.FunctionComponent<CustomButtonProps>;
+
+interface IconButtonProps {
+    text?: string;
+    type?: string;
+    icon: string;
+    color?: string;
+    fluid?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    forwardedRef?: Ref<HTMLButtonElement>;
+}
+
+declare const IconButtonComponent: React.FunctionComponent<IconButtonProps>;
 
 declare const Illustration: ({ illustrationName, color, size, isBigType }: {
     illustrationName: any;
@@ -52,49 +51,54 @@ declare const Illustration: ({ illustrationName, color, size, isBigType }: {
     isBigType: any;
 }) => JSX.Element;
 
-declare const Icon: ({ iconName, color, size, forwardedRef, ...rest }: {
-    [x: string]: any;
-    iconName?: string | undefined;
-    color?: string | undefined;
-    size?: string | undefined;
-    forwardedRef?: null | undefined;
-}) => JSX.Element;
+interface IconProps {
+    iconName: string;
+    color?: string;
+    size?: string;
+    style?: object;
+    forwardedRef?: ForwardedRef<any>;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+}
 
-declare const Logo: ({ logoName, color, ...props }: {
-    [x: string]: any;
-    logoName: any;
-    color: any;
-}) => JSX.Element;
+declare const Icon: React__default.FunctionComponent<IconProps>;
 
-declare const BottomBarComponent: ({ buttons, ...props }: {
-    [x: string]: any;
-    buttons: any;
-}) => JSX.Element;
+declare const Logo: React__default.FunctionComponent<{
+    logoName: string;
+    color?: string;
+}>;
 
-declare const BottomInfoBar: {
-    ({ noLogo, leftText, rightText, onRightTextClick }: {
-        noLogo?: boolean | undefined;
-        leftText?: string | undefined;
-        rightText?: string | undefined;
-        onRightTextClick: any;
-    }): JSX.Element;
-    propTypes: {
-        noLogo: propTypes.Requireable<boolean>;
-        leftText: propTypes.Requireable<string>;
-        rightText: propTypes.Requireable<string>;
-        onRightTextClick: propTypes.Requireable<(...args: any[]) => any>;
-    };
-};
-
-declare const CheckboxComponent: ({ disabled, label, checked, onChange, indeterminate, forwardedRef, ...props }: {
-    [x: string]: any;
-    disabled: any;
-    label: any;
-    checked: any;
-    onChange: any;
-    indeterminate: any;
-    forwardedRef?: null | undefined;
-}) => JSX.Element;
+interface ItemProps {
+    disabled?: boolean;
+    fluid?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    type?: string;
+    text?: string;
+    color?: string;
+    size?: string;
+}
+declare const BottomBarComponent: React__default.FunctionComponent<{
+    buttons: ItemProps[];
+}>;
+
+interface BottomInfoBarProps {
+    leftText?: string;
+    rightText?: string;
+    noLogo?: boolean;
+    onRightTextClick?: MouseEventHandler<HTMLButtonElement>;
+}
+
+declare const BottomInfoBar: React.FunctionComponent<BottomInfoBarProps>;
+
+interface CheckboxProps {
+    disabled?: boolean;
+    label?: string;
+    indeterminate?: boolean;
+    onChange: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    forwardedRef?: Ref<HTMLInputElement>;
+    checked?: boolean;
+}
+
+declare const CheckboxComponent: React.FunctionComponent<CheckboxProps>;
 
 interface DatePickerProps {
     value: string;
@@ -128,4 +132,24 @@ interface TextFieldProps {
 
 declare const TextField: React.FunctionComponent<TextFieldProps>;
 
-export { AppTileComponent as AppTile, BottomBarComponent as BottomBar, BottomInfoBar, CustomButtonComponent as Button, CheckboxComponent as Checkbox, DatePicker, Icon, IconButtonComponent as IconButton, Illustration, Logo, TextField, TypographyComponent as Typography };
+interface SelectProps {
+    disabled?: boolean;
+    fluid?: boolean;
+    label?: string;
+    options?: {
+        label: string;
+    }[];
+    withRefresh?: boolean;
+    value?: object;
+    noOptionsText?: string;
+    placeholder?: string;
+    onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    onBlur?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    forwardedRef?: (instance: HTMLDivElement | null) => void | RefObject<HTMLDivElement> | null;
+    onRefreshClick?: void;
+    endAdornment?: string;
+}
+
+declare const Select: React.FunctionComponent<SelectProps>;
+
+export { AppTileComponent as AppTile, BottomBarComponent as BottomBar, BottomInfoBar, CustomButtonComponent as Button, CheckboxComponent as Checkbox, DatePicker, Icon, IconButtonComponent as IconButton, Illustration, Logo, Select, TextField, TypographyComponent as Typography };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xelto.npm/xc2-lib",
-  "version": "0.0.45",
+  "version": "0.0.47",
   "author": "XELTO",
   "description": "React component library based on MUI",
   "license": "ISC",
@@ -11,8 +11,8 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "storybook": "start-storybook -p 6006 -s ./src",
-    "build-storybook": "build-storybook -s ./src"
+    "storybook": "start-storybook -p 6006 ",
+    "build-storybook": "build-storybook "
   },
   "eslintConfig": {
     "extends": [