npm - @fattureincloud/fic-design-system - Versions diffs - 0.18.1 → 0.18.2 - Mend

@@ -0,0 +1,43 @@
+import React from 'react';
+import { IconProps } from '../../icon';
+import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './enums';
+export declare type MergedInputElements = HTMLInputElement | HTMLTextAreaElement;
+export interface InputTextStateInterface {
+}
+export interface InputTextStylingPropsInterface {
+    size?: EInputSize;
+    isDisabled?: boolean;
+    inputWidth?: string;
+    error?: {
+        id: EInputErrorTypes;
+        message: string;
+    };
+    rightInputIcon?: IconProps;
+    leftInputIcon?: IconProps;
+}
+export interface InputTextPropsInterface extends InputTextStylingPropsInterface {
+    tag?: EInputTags;
+    inputType?: EInputTypes;
+    value?: number | string;
+    inputPlaceholder?: string;
+    autoFocus?: boolean;
+    label?: string;
+    textAreaWordCount?: {
+        max: number;
+        current: number;
+    };
+    name?: string;
+    rows?: number;
+    className?: string;
+    description?: {
+        message: string;
+    };
+    onChange?: (e: React.ChangeEvent<MergedInputElements>) => void;
+    onFocus?: (e: React.FocusEvent<MergedInputElements>) => void;
+    onBlur?: (e: React.FocusEvent<MergedInputElements>) => void;
+    onKeyPress?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    rightIconOnClick?: () => void;
+    leftIconOnClick?: () => void;
+}

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { MergedInputElements } from './typings/inputText';
+/**
+ *
+ * @param textInput
+ * It checks if the type of input is HTMLTextAreaElement or not
+ */
+export declare function isTextArea(textInput: React.RefObject<MergedInputElements>): textInput is React.RefObject<HTMLTextAreaElement>;

@@ -0,0 +1,13 @@
+interface FavoriteProps {
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+/**
+ * Component Props:
+ * @param {boolean} checked Used to set favorite icon status
+ * @param {boolean} disabled Disable the favorite icon
+ * @param {function} onChange Callback on favorite icon click
+ */
+declare const Favorite: ({ checked, onChange }: FavoriteProps) => JSX.Element;
+export default Favorite;

@@ -0,0 +1,3 @@
+export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    checked: boolean;
+}, never>;

@@ -1,11 +1,7 @@
 import { Column } from '@tanstack/react-table';
 import React from 'react';
 declare type ColumnItemProps<T> = {
-    column: Column<T, unknown> & {
-        columnDef: Pick<Column<T, unknown>, 'columnDef'> & {
-            headerTitle?: string;
-        };
-    };
+    column: Column<T, unknown>;
     onDragStart: (event: React.DragEvent<HTMLDivElement>, parent: HTMLDivElement) => void;
     isRemovable: boolean;
     onChangeTableSettings?: (key: string, state: boolean) => void;

@@ -7,5 +7,5 @@ interface DraggableContentProps<T> {
     notRemovableColumns?: string[];
     onChangeTableSettings?: onChangeTableSettings;
 }
-export declare const DraggableContent: <T>({ table, notRemovableColumns, onChangeTableSettings, }: DraggableContentProps<T>) => JSX.Element;
+export declare const DraggableContent: <T>({ notRemovableColumns, onChangeTableSettings, table, }: DraggableContentProps<T>) => JSX.Element;
 export {};

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

	@@ -0,0 +1 @@
1	+ export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

	@@ -0,0 +1,2 @@
1	+ import { UnstyledProgressbarPropsInterface } from '../types';
2	+ export declare const StyledProgressbarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledProgressbarPropsInterface, never>;

	@@ -0,0 +1,2 @@
1	+ import { LabelInterface } from '../typings/radioButton';
2	+ export declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, LabelInterface, never>;

	@@ -0,0 +1,2 @@
1	+ import { RadioInterface } from '../typings/radioButton';
2	+ export declare const Radio: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, RadioInterface, never>;

	@@ -0,0 +1,2 @@
1	+ import { TRadioButton } from './typings/radioButton';
2	+ export declare const RadioButton: TRadioButton;

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { RadioButtonInterface } from './typings/radioButton';
+export declare const WithKnobs: () => JSX.Element;
+declare const RadioButtonStories: Meta<RadioButtonInterface>;
+export default RadioButtonStories;

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface RadioInterface {
+    isDisabled?: boolean;
+    isChecked: boolean;
+}
+export interface LabelInterface {
+    isDisabled?: boolean;
+}
+export interface RadioButtonInterface extends RadioInterface {
+    className?: string;
+    label: string;
+    inline?: boolean;
+    onClick: () => void;
+    optionsSpacing?: number;
+    renderOption?: (props: {
+        isDisabled?: boolean;
+        isChecked: boolean;
+        label: string;
+    }) => JSX.Element;
+}
+export declare type TRadioButton = React.FunctionComponent<RadioButtonInterface>;

@fattureincloud/fic-design-system 0.18.1 → 0.18.2