kiban-design-system 1.1.16-hotfix.0 → 3.0.0

package/dist/components/Container/Container.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { ContainerProps } from './Container.props';
-import './Container.styles.scss';
-/**
- *
- * @param {ContainerProps}  ContainerProps - ContainerProps
- * @param {symbol} ContainerProps.children - Element to display in container
- * @param {boolean} ContainerProps.hasShadow - Flag for display shadow
- * @returns {symbol} - Element Container
- */
-declare const Container: ({ children, hasShadow }: ContainerProps) => JSX.Element;
-export default Container;

package/dist/components/Container/Container.props.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export interface ContainerProps {
-    /**
-     * Content to display
-     */
-    children: React.ReactNode;
-    /**
-     * Flag for display shadow
-     * default is true
-     */
-    hasShadow?: boolean;
-}

package/dist/components/Container/Container.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import Container from './Container';
-export type { ContainerProps } from './Container.props';
-export { Container };

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { CoverProps } from './Cover.props';
-import './Cover.styles.scss';
-/**
- *
- * @param {CoverProps}  CoverProps - CoverProps
- * @param {symbol} CoverProps.children - Element to display in Cover
- * @param {boolean} CoverProps.position - Flag for display shadow
- * @param {string} CoverProps.source - Flag for display image background
- * @returns {symbol} - Element Cover
- */
-declare const Cover: ({ children, position, source, hasShadow, }: CoverProps) => JSX.Element;
-export default Cover;

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-export interface CoverProps {
-    /**
-     * ** Content to display
-     */
-    children?: React.ReactNode;
-    /**
-     * Flag for display position
-     * default is center
-     */
-    position?: 'center' | 'right' | 'left';
-    /**
-     * Flag for display image background
-     * default is a color blue light
-     */
-    source: string;
-    /**
-     * Flag for display shadow
-     * default is false
-     */
-    hasShadow?: boolean;
-}

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import Cover from './Cover';
-export type { CoverProps } from './Cover.props';
-export { Cover };

package/dist/components/DataTable/DataTable.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import type { DataTableProps } from './DataTable.props';
-import './DataTable.styles.scss';
-/**
- * The Table is used to render other components like lists, registers, etc.
- *
- * @param {DataTableProps}  DataTableProps - DataTableProps
- * @param {symbol} DataTableProps.children - Element to render by Table
- * @param {string} DataTableProps.id - Id to table
- * @param {Array} DataTableProps.headings - Headings of the table
- * @param {Array} DataTableProps.headingsTypes - Determines the positioning of the text
- *  in the columns, respects the order of the array, It only
- * accepts text or numeric, if it is numeric the text is aligned
- * to the right, if not it is aligned to the left
- * @returns {symbol} - Element Table
- */
-declare const DataTable: {
-    ({ headings, headingsTypes, children, id, }: DataTableProps): JSX.Element;
-    Row: ({ onClick, children, id, appearance }: import(".").RowProps) => JSX.Element;
-    Cell: ({ children, cellType }: import("./components/Cell").CellProps) => JSX.Element;
-};
-export default DataTable;

package/dist/components/DataTable/DataTable.props.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-export declare type headingType = 'text' | 'numeric';
-export interface DataTableProps {
-    /**
-     * Element that will activator the popover
-     */
-    headings?: string[];
-    /**
-     * Element that will activator the popover
-     */
-    headingsTypes?: headingType[];
-    /**
-     * Children element only indexTable.Row
-     */
-    children?: React.ReactNode;
-    /**
-     * Id to data table
-     */
-    id?: string;
-}

package/dist/components/DataTable/DataTable.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/DataTable/components/Cell/Cell.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { CellProps } from './Cell.props';
-/**
- * The Cell is used to render other components like lists, registers, etc.
- *
- * @param {CellProps}  CellProps - CellProps
- * @param {symbol} CellProps.children - Element to render by Cell
- * @returns {symbol} - Element Cell
- */
-declare const Cell: ({ children, cellType }: CellProps) => JSX.Element;
-export default Cell;

package/dist/components/DataTable/components/Cell/Cell.props.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export declare type cellType = 'text' | 'numeric';
-export interface CellProps {
-    /**
-     * Children element
-     */
-    children?: React.ReactNode;
-    /**
-     * Defines the alignment of the cell content, if
-     * it is numeric the content is aligned to the
-     * right and if it is text it is aligned to the left
-     * @default 'text'
-     */
-    cellType?: cellType;
-}

package/dist/components/DataTable/components/Cell/index.d.ts

@@ -1,3 +0,0 @@
-import Cell from './Cell';
-export type { CellProps } from './Cell.props';
-export { Cell };

package/dist/components/DataTable/components/Row/Row.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { RowProps } from './Row.props';
-/**
- * The Row is used to render other components like lists, registers, etc.
- *
- * @param {RowProps}  RowProps - RowProps
- * @param {symbol} RowProps.children - Element to render by Row
- * @param {string} RowProps.id - Id to Row
- * @param {symbol} RowProps.onChange - Action that is triggered
- * when they click on the row
- * @returns {symbol} - Element Row
- */
-declare const Row: ({ onClick, children, id, appearance }: RowProps) => JSX.Element;
-export default Row;

package/dist/components/DataTable/components/Row/Row.props.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export declare type RowAppearanceType = 'info' | 'success' | 'warning' | 'danger' | 'majorWarning';
-export interface RowProps {
-    appearance?: RowAppearanceType;
-    /**
-     * Element that will activator the popover
-     */
-    onClick?: () => void;
-    /**
-     * Children element only indexTable.Cell
-     */
-    children?: React.ReactNode;
-    /**
-     * Id to table
-     */
-    id?: string;
-}

package/dist/components/DataTable/components/Row/index.d.ts

@@ -1,3 +0,0 @@
-import Row from './Row';
-export type { RowProps, RowAppearanceType } from './Row.props';
-export { Row };

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

@@ -1,3 +0,0 @@
-import { Row } from './Row';
-import { Cell } from './Cell';
-export { Row, Cell };

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

@@ -1,4 +0,0 @@
-import DataTable from './DataTable';
-export type { DataTableProps } from './DataTable.props';
-export type { RowProps, RowAppearanceType } from './components/Row/Row.props';
-export { DataTable };

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { DatePickerProps } from './DatePicker.props';
-import './DatePicker.styles.scss';
-declare const DatePicker: ({ allowRange, disableAfterDate, disableBeforeDate, id, month, year, onChange, selected, onMonthChange, weekStartsOn, disableDates, months, weekDays, }: DatePickerProps) => JSX.Element;
-export default DatePicker;

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

@@ -1,44 +0,0 @@
-export interface DateRange {
-    start: Date;
-    end: Date;
-}
-export interface DatePickerProps {
-    /** Unique identifier for the DatePicker */
-    id?: string;
-    /** The selected date or range of dates */
-    selected?: Date | DateRange;
-    /**
-     * The mont to be showed in the calendar, the selection starts in 0 and finishes in 11
-     * it means that January is 0 and December is 11
-     */
-    month?: number;
-    /** The year to show in the calendar */
-    year?: number;
-    /**
-     * The day of the week that the week starts on, it can be 0 for Sunday, 1 for Monday, etc.
-     * @default 0
-     */
-    weekStartsOn?: number;
-    /** To let a range of dates selection */
-    allowRange?: boolean;
-    /** To disable the selection of dates before a specific date */
-    disableBeforeDate?: Date;
-    /** To disable the selection of dates after a specific date */
-    disableAfterDate?: Date;
-    /** To disable the selection of specific dates */
-    disableDates?: Date[];
-    /** Callback triggered when a date is selected */
-    onChange?: (date: DateRange) => void;
-    /** When the current is changed */
-    onMonthChange?: (month: number, year: number) => void;
-    /**
-     * Custom labels to be showed in the weekdays header
-     * By default the weekdays are showed in english
-     */
-    weekDays?: string[];
-    /**
-     * Custom labels to be showed in the selected month label
-     * By default the months are showed in english
-     */
-    months?: string[];
-}

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { DayProps } from './Day.props';
-import './Day.styles.scss';
-declare const Day: import("react").NamedExoticComponent<DayProps>;
-export default Day;

package/dist/components/DatePicker/components/Day/Day.props.d.ts

@@ -1,12 +0,0 @@
-import type { ThemeType } from '../../../ThemeProvider';
-export interface DayProps {
-    day?: Date;
-    isSelected?: boolean;
-    isDisabled?: boolean;
-    isInRange?: boolean;
-    isLastSelectedDay?: boolean;
-    isFirstSelectedDay?: boolean;
-    weekday?: string;
-    onClick?: (date: Date) => void;
-    theme?: ThemeType;
-}

package/dist/components/DatePicker/components/Day/Day.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import Day from './Day';
-export * from './Day.props';
-export { Day };

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { HeaderProps } from './Header.props';
-declare const Header: ({ month, year, onChange, months }: HeaderProps) => JSX.Element;
-export default Header;

package/dist/components/DatePicker/components/Header/Header.props.d.ts

@@ -1,6 +0,0 @@
-export interface HeaderProps {
-    onChange?: (month: number, year: number) => void;
-    month: number;
-    year: number;
-    months?: string[];
-}

package/dist/components/DatePicker/components/Header/Header.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import Header from './Header';
-export * from './Header.props';
-export { Header };

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { MonthProps } from './Month.props';
-import './Month.styles.scss';
-declare const Month: ({ month, year, allowRange, disableAfterDate, disableBeforeDate, onChange, selected, weekStartsOn, disableDates, weekDays, }: MonthProps) => JSX.Element;
-export default Month;

package/dist/components/DatePicker/components/Month/Month.props.d.ts

@@ -1,13 +0,0 @@
-import { DateRange } from '../../DatePicker.props';
-export interface MonthProps {
-    selected?: DateRange;
-    month?: number;
-    year?: number;
-    disableBeforeDate?: Date;
-    disableAfterDate?: Date;
-    disableDates?: Date[];
-    allowRange?: boolean;
-    weekStartsOn?: number;
-    onChange?: (date: DateRange) => void;
-    weekDays?: string[];
-}

package/dist/components/DatePicker/components/Month/Month.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import Month from './Month';
-export * from './Month.props';
-export { Month };

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { YearFieldProps } from './YearField.props';
-declare const YearField: ({ onChange, value, min, max, onBlur, onFocus, onKeyDown, onKeyUp, }: YearFieldProps) => JSX.Element;
-export default YearField;

package/dist/components/DatePicker/components/YearField/YearField.props.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export interface YearFieldProps {
-    value?: number | null;
-    onChange?: (value: number | null) => void;
-    min?: number;
-    max?: number;
-    onFocus?: (event?: React.FocusEvent) => void;
-    onBlur?: (event?: React.FocusEvent) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-}

package/dist/components/DatePicker/components/YearField/YearField.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import YearField from './YearField';
-export * from './YearField.props';
-export { YearField };

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

@@ -1,3 +0,0 @@
-export * from './Month';
-export * from './YearField';
-export * from './Header';

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

@@ -1,3 +0,0 @@
-import DatePicker from './DatePicker';
-export * from './DatePicker.props';
-export { DatePicker };

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

@@ -1 +0,0 @@
-export declare type Week = (Date | null)[];

package/dist/components/DatePicker/utils/getOrderedWeekdays.d.ts

@@ -1,2 +0,0 @@
-declare function getOrderedWeekdays(weekStartsOn: number): number[];
-export default getOrderedWeekdays;

package/dist/components/DatePicker/utils/getPreviousOrNextDates.d.ts

@@ -1,4 +0,0 @@
-export declare function getPreviousMonth(month: number): number;
-export declare function getNextMonth(month: number): number;
-export declare function getPreviousYear(month: number, year: number): number;
-export declare function getNextYear(month: number, year: number): number;

package/dist/components/DatePicker/utils/getRangeDate.d.ts

@@ -1,5 +0,0 @@
-import type { DateRange } from '../DatePicker.props';
-export declare function isDateGreaterThan(date1: Date, date2: Date): boolean;
-export declare function isDateLowerThan(date1: Date, date2: Date): boolean;
-export declare function isDateInRange(day: Date | null, range: DateRange): boolean;
-export declare function getRangeDate(range: DateRange | undefined, date: Date): DateRange;

package/dist/components/DatePicker/utils/getWeeksByMonth.d.ts

@@ -1,3 +0,0 @@
-import { Week } from '../types';
-declare function getWeeksByMonth(month: number, year: number, weekStartsOn?: number): Week[];
-export default getWeeksByMonth;

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

@@ -1,9 +0,0 @@
-import getOrderedWeekdays from './getOrderedWeekdays';
-import getWeeksByMonth from './getWeeksByMonth';
-import isToday from './isToday';
-import isDateSelected from './isDateSelected';
-import isDateDisabled from './isDateDisabled';
-export * from './values';
-export * from './getPreviousOrNextDates';
-export * from './getRangeDate';
-export { getOrderedWeekdays, getWeeksByMonth, isToday, isDateSelected, isDateDisabled, };

package/dist/components/DatePicker/utils/isDateDisabled.d.ts

@@ -1,2 +0,0 @@
-declare function isDateDisabled(date: Date, datesToCheck: Date[]): boolean;
-export default isDateDisabled;

package/dist/components/DatePicker/utils/isDateSelected.d.ts

@@ -1,3 +0,0 @@
-import type { DateRange } from '../DatePicker.props';
-declare function isDateSelected(day: Date | null, range: DateRange): boolean;
-export default isDateSelected;

package/dist/components/DatePicker/utils/isToday.d.ts

@@ -1,2 +0,0 @@
-declare function isToday(day1: Date, day2: Date): boolean;
-export default isToday;

package/dist/components/DatePicker/utils/values.d.ts

@@ -1,5 +0,0 @@
-export declare const WEEKDAYS: number[];
-export declare const WEEK_LENGTH = 7;
-export declare const MINIMUM_SELECTABLE_YEAR = 1001;
-export declare const MONT_NAME: string[];
-export declare const WEEKDAY_NAME: string[];

package/dist/components/Divider/Divider.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { DividerProps } from './Divider.props';
-import './Divider.styles.scss';
-declare const Divider: ({ alignment, label }: DividerProps) => JSX.Element;
-export default Divider;

package/dist/components/Divider/Divider.props.d.ts

@@ -1,6 +0,0 @@
-export interface DividerProps {
-    /** The label of the section. */
-    label?: string;
-    /** The alignment of the label */
-    alignment?: 'left' | 'right' | 'center';
-}

package/dist/components/Divider/Divider.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import Divider from './Divider';
-export * from './Divider.props';
-export { Divider };

package/dist/components/DynamicForm/DynamicForm.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { DynamicFormProps } from './DynamicForm.props';
-import './DynamicForm.styles.scss';
-declare const DynamicForm: <T>({ ariaLabel, dataFormArray, fields, fieldsSection, iconDeletable, iconHelperText, labelDivider, onChange, onAddForm, tagRemoveIcon, deletableFormArray, extraPropsFieldsArray, columnsSize, }: DynamicFormProps<T>) => JSX.Element;
-export default DynamicForm;

package/dist/components/DynamicForm/DynamicForm.props.d.ts

@@ -1,30 +0,0 @@
-import type { IconType } from '../../types';
-import type { TSectionFormField, TFormField } from './components/FormField';
-export interface DataDynamicFormType {
-    id: string;
-}
-export interface OnAddFormType {
-    label: string;
-    onClick: () => void;
-}
-export declare type TItemExtraPropField = {
-    hasError?: boolean;
-    isReadonly?: boolean;
-    isDisabled?: boolean;
-};
-export declare type TExtraPropFields = Record<string, TItemExtraPropField>;
-export interface DynamicFormProps<T> {
-    ariaLabel?: string;
-    dataFormArray?: (DataDynamicFormType & T)[];
-    fields?: TFormField[];
-    fieldsSection?: TSectionFormField[];
-    iconDeletable?: IconType;
-    iconHelperText?: IconType;
-    labelDivider?: string;
-    onChange?: (dataForm: (DataDynamicFormType & T)[]) => void;
-    onAddForm?: OnAddFormType;
-    tagRemoveIcon?: IconType;
-    deletableFormArray?: boolean[];
-    extraPropsFieldsArray?: TExtraPropFields[];
-    columnsSize?: number;
-}

package/dist/components/DynamicForm/DynamicForm.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/DynamicForm/components/DeletableSection/DeletableSection.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { DeletableSectionProps } from './DeletableSection.props';
-import './DeletableSection.styles.scss';
-declare const DeletableSection: ({ ariaLabel, children, onDelete, iconDeletable, isDeletable, }: DeletableSectionProps) => JSX.Element;
-export default DeletableSection;

package/dist/components/DynamicForm/components/DeletableSection/DeletableSection.props.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { IconType } from '../../../../types';
-export interface DeletableSectionProps {
-    ariaLabel?: string;
-    children?: React.ReactNode;
-    iconDeletable?: IconType;
-    onDelete?: () => void;
-    isDeletable?: boolean;
-}

package/dist/components/DynamicForm/components/DeletableSection/index.d.ts

@@ -1,3 +0,0 @@
-import DeletableSection from './DeletableSection';
-export * from './DeletableSection.props';
-export { DeletableSection };

package/dist/components/DynamicForm/components/Form/Form.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { FormProps } from './Form.props';
-declare function Form<T>({ ariaLabel, data, fields, fieldsSection, iconHelperText, onChange, fieldWrapperElement, tagRemoveIcon, extraPropsField, }: FormProps<T>): JSX.Element;
-export default Form;

package/dist/components/DynamicForm/components/Form/Form.props.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { IconType } from '../../../../types';
-import type { TExtraPropFields } from '../../DynamicForm.props';
-import type { TSectionFormField, TFormField } from '../FormField';
-export interface FormProps<T> {
-    ariaLabel?: string;
-    data?: T;
-    fields?: Partial<TFormField>[];
-    fieldsSection?: TSectionFormField[];
-    fieldWrapperElement?: string | React.ReactElement<React.ComponentProps<any>>;
-    iconHelperText?: IconType;
-    onChange?: (data: T) => void;
-    tagRemoveIcon?: IconType;
-    extraPropsField?: TExtraPropFields;
-}

package/dist/components/DynamicForm/components/Form/index.d.ts

@@ -1,3 +0,0 @@
-import Form from './Form';
-export * from './Form.props';
-export { Form };

package/dist/components/DynamicForm/components/FormField/FormField.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { FormFieldProps } from './FormField.props';
-import './FormField.styles.scss';
-declare const FormField: ({ ariaLabel, hasError, label, labelInputFile, labelUploadButton, onChange, placeholder, type, value, iconHelperText, isRequired, defaultValue, files, extensionFiles, errorTooltipPosition, onRemoveFile, isReadOnly, addedTags, helpText, action, isDisabled, isMultiLine, maxLength, options, tagRemoveIcon, onBlur, weekdays, months, minLength, }: FormFieldProps) => JSX.Element;
-export default FormField;