@televet/kibble-ui 1.3.2 → 1.4.0-release.0

package/build/components/Forms/FormControl/formControl.argTypes.d.ts

@@ -0,0 +1,125 @@
+export declare const formControlArgTypes: {
+    onChange: {
+        type: {
+            required: boolean;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    size: {
+        control: string;
+        description: string;
+        options: string[];
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: string;
+    };
+    label: {
+        control: string;
+        type: {
+            name: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    helperText: {
+        control: string;
+        type: {
+            name: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    errorText: {
+        control: string;
+        type: {
+            name: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    isDisabled: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: boolean;
+    };
+    isInvalid: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: boolean;
+    };
+    isReadOnly: {
+        type: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: boolean;
+    };
+    isRequired: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: boolean;
+    };
+    autoFocus: {
+        type: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: boolean;
+    };
+};

package/build/components/Forms/FormControl/formControl.component.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface WithFormControlProps {
+    errorText?: string;
+    helperText?: string;
+    isDisabled?: boolean;
+    isFieldInline?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    label?: string;
+}
+export declare function withFormControl<P extends object>(Component: React.ComponentType<P>): React.FC<P & WithFormControlProps>;

package/build/components/Forms/FormControl/formControl.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const FormControlConfig: ComponentStyleConfig;

package/build/components/Forms/RatingDots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ratingDot.component';
+export * from './ratingDots.component';

package/build/components/Forms/RatingDots/ratingDot.component.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface IRatingDotProps {
+    number: number;
+    isInteractive?: boolean;
+    isDisabled?: boolean;
+    onClick?: (value: number) => void;
+    selected: boolean;
+}
+export declare const RatingDot: ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps) => JSX.Element;

package/build/components/Forms/RatingDots/ratingDots.component.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface IRatingDotsProps {
+    minValue: number;
+    maxValue: number;
+    minLabel?: string;
+    maxLabel?: string;
+    centeredLabel?: string;
+    isInteractive?: boolean;
+    isDisabled?: boolean;
+    onClick?: (value: number) => void;
+    selected?: number;
+}
+export declare const RatingDots: ({ minValue, maxValue, minLabel, maxLabel, centeredLabel, isDisabled, isInteractive, onClick, selected, }: IRatingDotsProps) => JSX.Element;

package/build/components/Forms/Select/index.d.ts

@@ -0,0 +1,3 @@
+export * from './select.component';
+export * from './select.config';
+export * from './select.types';

package/build/components/Forms/Select/select.component.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SelectProps as CSelectProps } from '@chakra-ui/react';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+import { SelectOptionProps } from './select.types';
+export interface SelectProps extends WithFormControlProps, CSelectProps {
+    options: SelectOptionProps[];
+}
+declare const WrappedSelect: React.FC<SelectProps & WithFormControlProps>;
+export { WrappedSelect as Select };

package/build/components/Forms/Select/select.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const SelectConfig: ComponentStyleConfig;

package/build/components/Forms/Select/select.types.d.ts

@@ -0,0 +1,4 @@
+export interface SelectOptionProps {
+    value: string;
+    text: string;
+}

package/build/components/Forms/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './switch.component';
+export * from './switch.config';

package/build/components/Forms/Switch/switch.component.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SwitchProps as CSwitchProps } from '@chakra-ui/react';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+export interface SwitchProps extends WithFormControlProps, CSwitchProps {
+}
+declare const WrappedSwitch: React.FC<SwitchProps & WithFormControlProps>;
+export { WrappedSwitch as Switch };

package/build/components/Forms/Switch/switch.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const SwitchConfig: ComponentStyleConfig;

package/build/components/Forms/TextInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './textInput.component';
+export * from './textInput.config';

package/build/components/Forms/TextInput/textInput.component.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactElement } from 'react';
+import { InputProps as CInputProps } from '@chakra-ui/react';
+import { WithFormControlProps } from 'components/Forms/FormControl/formControl.component';
+export interface TextInputProps extends WithFormControlProps, CInputProps {
+    leftElement?: ReactElement;
+    rightElement?: ReactElement;
+}
+declare const WrappedTextInput: React.FC<TextInputProps & WithFormControlProps>;
+export { WrappedTextInput as TextInput };

package/build/components/Forms/TextInput/textInput.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const TextInputConfig: ComponentStyleConfig;

package/build/components/Forms/Textarea/index.d.ts

@@ -1,3 +1,2 @@
 export * from './textarea.component';
-export * from './textarea.types';
 export * from './textarea.config';

package/build/components/Forms/Textarea/textarea.component.d.ts

@@ -1,5 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextareaProps as CTextareaProps } from '@chakra-ui/react';
-export interface TextareaProps extends CTextareaProps {
+import { WithFormControlProps } from '../FormControl/formControl.component';
+export interface TextareaProps extends WithFormControlProps, CTextareaProps {
 }
-export declare const Textarea: (props: TextareaProps) => JSX.Element;
+declare const WrappedTextArea: React.FC<TextareaProps & WithFormControlProps>;
+export { WrappedTextArea as Textarea };

package/build/components/Forms/index.d.ts

@@ -1,2 +1,6 @@
 export * from './Button';
 export * from './Textarea';
+export * from './TextInput';
+export * from './RatingDots';
+export * from './Select';
+export * from './Switch';

package/build/components/index.d.ts

@@ -5,3 +5,4 @@ export * from './MediaAndIcons';
 export * from './Other';
 export * from './Overlay';
 export * from './Typography';
+export { Divider, InputGroup, InputLeftElement, InputRightElement, } from '@chakra-ui/react';