aristid-ds 0.6.4 → 0.6.6

package/dist/Kit/App/types.d.ts

@@ -0,0 +1,6 @@
+import {KitHTMLAttributes} from '../../types';
+import {ReactNode} from 'react';
+
+export interface KitAppProps extends KitHTMLAttributes {
+    children?: ReactNode;
+}

package/dist/Kit/DataDisplay/Avatar/types.d.ts

@@ -0,0 +1,16 @@
+import {AvatarProps} from 'antd';
+import {GroupProps} from 'antd/es/avatar';
+import {KitHTMLAttributes} from '../../../types';
+
+type AntdAvatarTypesToOmit = '';
+type AntdAvatarGroupTypesToOmit = 'maxStyle';
+
+export type KitAvatarColorType = 'default' | 'blueInvert';
+
+export interface KitAvatarProps extends Omit<AvatarProps, AntdAvatarTypesToOmit>, KitHTMLAttributes<HTMLSpanElement> {
+    color?: KitAvatarColorType;
+}
+
+export interface KitAvatarGroupProps
+    extends Omit<GroupProps, AntdAvatarGroupTypesToOmit>,
+        KitHTMLAttributes<HTMLDivElement> {}

package/dist/Kit/DataDisplay/Badge/types.d.ts

@@ -0,0 +1,10 @@
+import {BadgeProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+
+type AntdBadgeTypesToOmit = 'color' | 'size' | 'offset' | 'text';
+
+export type KitBadgeCountColor = 'default' | 'green' | 'blue' | 'blueInvert' | 'gray';
+
+export interface KitBadgeProps extends Omit<BadgeProps, AntdBadgeTypesToOmit>, KitHTMLAttributes<HTMLDivElement> {
+    countColor?: KitBadgeCountColor;
+}

package/dist/Kit/DataDisplay/Card/types.d.ts

@@ -0,0 +1,30 @@
+import {KitHTMLAttributes} from '../../../types';
+import {KitTagProps} from '../../DataEntry/Tag/types';
+import {ReactNode} from 'react';
+import {CheckboxChangeEvent} from 'antd/es/checkbox';
+
+export type cardColor = {
+    label: string;
+    color: string;
+};
+
+export interface KitColorbarProps {
+    colors?: cardColor[] | null;
+    vertical?: boolean;
+    className?: string;
+}
+
+//TODO change title wording and delete omit<title>
+export default interface KitCardProps extends Omit<KitHTMLAttributes<HTMLDivElement>, 'title'> {
+    vertical?: boolean;
+    disabled?: boolean;
+    colors?: cardColor[] | null;
+    picture?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    extrainfo?: ReactNode;
+    tags?: KitTagProps[] | string[];
+    actions?: ReactNode[];
+    onSelectChange?: (e: CheckboxChangeEvent) => void;
+    onEdit?: () => void;
+}

package/dist/Kit/DataDisplay/Collapse/types.d.ts

@@ -0,0 +1,32 @@
+import {CollapseProps} from 'antd';
+import {MouseEventHandler, ReactNode} from 'react';
+import {KitHTMLAttributes} from '../../../types';
+import {CheckboxChangeEvent} from 'antd/es/checkbox';
+import {MenuInfo} from '../../';
+
+type AntdCollapseTypesToOmit = 'bordered' | 'expandIconPosition' | 'ghost';
+
+export interface KitCollapseProps
+    extends Omit<CollapseProps, AntdCollapseTypesToOmit>,
+        KitHTMLAttributes<HTMLDivElement> {}
+
+export interface KitHeaderProps {
+    icon?: ReactNode;
+    imageSrc?: string;
+    title?: string;
+    description?: string;
+    tagContent?: ReactNode;
+}
+
+interface KitHeaderExtraAction {
+    icon: ReactNode;
+    label: string;
+    onClick?: (e: MouseEvent<HTMLElement, MouseEvent> | MenuInfo) => void;
+}
+
+export interface KitHeaderExtraActions extends Array<KitHeaderExtraAction> {}
+
+export interface KitHeaderExtraProps {
+    onSelectChange?: (e: CheckboxChangeEvent) => void;
+    actions?: KitHeaderExtraActions;
+}

package/dist/Kit/DataDisplay/Image/types.d.ts

@@ -0,0 +1,14 @@
+import type {ImageProps} from 'antd';
+import {ReactElement} from 'react';
+import {KitHTMLAttributes} from '../../../types';
+
+export interface KitImageProps extends ImageProps, KitHTMLAttributes<HTMLDivElement> {
+    rounded?: boolean;
+    bordered?: boolean;
+    PreviewGroup?: ReactElement;
+}
+
+export interface themeProps {
+    borderRadius: number;
+    borderColor: string;
+}

package/dist/Kit/DataDisplay/ItemList/types.d.ts

@@ -0,0 +1,14 @@
+import {KitHTMLAttributes} from '../../../types';
+import {ReactNode} from 'react';
+import {CheckboxChangeEvent} from 'antd/es/checkbox';
+
+export interface KitItemListProps extends KitHTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: string;
+    picture?: ReactNode;
+    onSelectChange?: (e: CheckboxChangeEvent) => void;
+    tagNumber?: number;
+    onRafterClick?: Function;
+    isDisabled?: boolean;
+    onClick?: Function;
+}

package/dist/Kit/DataDisplay/Tabs/types.d.ts

@@ -0,0 +1,16 @@
+import type {TabsProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+
+export interface KitTabsProps extends TabsProps, KitHTMLAttributes<HTMLDivElement> {}
+
+export interface KitTabsThemeProps {
+    extra: {
+        borderRadius: number;
+        borderColor: string;
+        padding: string;
+        height: number;
+        color: string;
+        verticalMargin: number;
+        horizontalMargin: number;
+    };
+}

package/dist/Kit/DataDisplay/Tooltip/types.d.ts

@@ -0,0 +1,9 @@
+import {TooltipProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+
+type AntdTooltipTypesToOmit = 'color' | 'overlayClassName' | 'overlayStyle' | 'overlayInnerStyle';
+
+//TODO change title wording and delete Omit<title>
+export interface KitTooltipProps
+    extends Omit<TooltipProps, AntdTooltipTypesToOmit>,
+        Omit<KitHTMLAttributes<HTMLDivElement>, 'title'> {}

package/dist/Kit/DataDisplay/Tree/types.d.ts

@@ -0,0 +1,19 @@
+import type {BasicDataNode} from 'rc-tree';
+import {TreeProps} from 'antd';
+import {DataNode} from 'antd/es/tree';
+import {KitHTMLAttributes} from '../../../types';
+
+type AntdTreeTypesToOmit =
+    | 'blockNode'
+    | 'draggable'
+    | 'onDragEnd'
+    | 'onDragEnter'
+    | 'onDragLeave'
+    | 'onDragOver'
+    | 'onDragStart'
+    | 'onDrop'
+    | 'filterTreeNode';
+
+export interface KitTreeProps
+    extends Omit<TreeProps<BasicDataNode | DataNode>, AntdTreeTypesToOmit>,
+        KitHTMLAttributes<HTMLDivElement> {}

package/dist/Kit/DataEntry/AutoComplete/types.d.ts

@@ -0,0 +1,9 @@
+import type {AutoCompleteProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+
+export interface KitAutoCompleteProps extends AutoCompleteProps, KitHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    helper?: string;
+    allowClear?: boolean;
+    placeholder?: string;
+}

package/dist/Kit/DataEntry/Checkbox/types.d.ts

@@ -0,0 +1,50 @@
+import {CheckboxProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+
+export interface KitCheckboxProps extends CheckboxProps, KitHTMLAttributes<HTMLLabelElement> {
+    danger?: boolean;
+}
+
+export interface KitCheckboxTheme {
+    fontWeight: {
+        default: string | number;
+        checked: string | number;
+    };
+    borderWidth: string;
+    color: {
+        default: string;
+        disabled: string;
+        danger: {
+            default: string;
+            disabled: string;
+        };
+    };
+    backgroundColor: {
+        default: string;
+        hover: string;
+        active: string;
+        focus: string;
+        disabled: string;
+        danger: {
+            default: string;
+            hover: string;
+            active: string;
+            focus: string;
+            disabled: string;
+        };
+    };
+    borderColor: {
+        default: string;
+        hover: string;
+        active: string;
+        focus: string;
+        disabled: string;
+        danger: {
+            default: string;
+            hover: string;
+            active: string;
+            focus: string;
+            disabled: string;
+        };
+    };
+}

package/dist/Kit/DataEntry/DatePicker/types.d.ts

@@ -0,0 +1,23 @@
+import {DatePickerProps, RangePickerProps} from 'antd/lib/date-picker';
+
+// Use "never" instead of Omit properties to avoid issues with Antd type/interface declarations
+interface InternalDatePickerProps {
+    size?: never;
+    bordered?: never;
+    label?: string;
+    helper?: string;
+    allowClear?: boolean;
+}
+
+export type KitDatePickerProps = DatePickerProps & InternalDatePickerProps;
+
+// Use "never" instead of Omit properties to avoid issues with Antd type/interface declarations
+interface InternalRangerPickerProps {
+    size?: never;
+    bordered?: never;
+    label?: string;
+    helper?: string;
+    allowClear?: boolean;
+}
+
+export type KitRangePickerProps = RangePickerProps & InternalRangerPickerProps;

package/dist/Kit/DataEntry/Input/types.d.ts

@@ -0,0 +1,36 @@
+import {InputProps} from 'antd';
+import {PasswordProps, TextAreaProps} from 'antd/es/input';
+import {KitHTMLAttributes} from '../../../types';
+
+type AntdInputTypesToOmit = 'styles' | 'type' | 'bordered' | 'size' | 'addonBefore' | 'addonAfter';
+
+export interface KitInputProps
+    extends Omit<InputProps, AntdInputTypesToOmit>,
+        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement> {
+    label?: string;
+    helper?: string;
+    allowClear?: boolean;
+}
+
+export interface KitTextAreaProps
+    extends Omit<TextAreaProps, AntdInputTypesToOmit>,
+        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement> {
+    label?: string;
+    helper?: string;
+    allowClear?: boolean;
+}
+
+export interface KitPasswordProps
+    extends Omit<PasswordProps, AntdInputTypesToOmit>,
+        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement> {
+    label?: string;
+    helper?: string;
+    allowClear?: boolean;
+}
+
+export interface KitInputWrapperProps extends KitHTMLAttributes<HTMLDivElement> {
+    label?: string;
+    helper?: string;
+    disabled?: boolean;
+    status?: '' | 'warning' | 'error';
+}

package/dist/Kit/DataEntry/InputNumber/types.d.ts

@@ -0,0 +1,11 @@
+import {InputNumberProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+
+type AntdInputNumberTypesToOmit = 'size' | 'addonBefore' | 'addonAfter' | 'borderless';
+
+export interface KitInputNumberProps
+    extends Omit<InputNumberProps, AntdInputNumberTypesToOmit>,
+        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement> {
+    label?: string;
+    helper?: string;
+}

package/dist/Kit/DataEntry/Radio/types.d.ts

@@ -0,0 +1,71 @@
+import {RadioProps, RadioGroupProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+import {ReactNode, CSSProperties} from 'react';
+
+export interface KitRadioProps extends RadioProps, KitHTMLAttributes<HTMLLabelElement> {
+    danger?: boolean;
+    className?: string;
+    children?: ReactNode;
+    prefixCls?: string;
+    disabled?: boolean;
+    defaultValue?: any;
+    value?: any;
+    checked?: boolean;
+    style?: CSSProperties;
+}
+
+export interface StyledKitRadioProps extends RadioProps {}
+
+export interface KitRadioGroupProps extends RadioGroupProps, KitHTMLAttributes<HTMLDivElement> {
+    defaultValue?: any;
+    value?: any;
+}
+
+export interface KitRadioTheme {
+    fontWeight: {
+        default: string | number;
+        checked: string | number;
+    };
+    borderWidth: string;
+    color: {
+        default: string;
+        disabled: string;
+        enabled: string;
+        danger: {
+            default: string;
+            disabled: string;
+        };
+    };
+    backgroundColor: {
+        default: string;
+        checked: string;
+        hover: string;
+        disabled: string;
+        danger: {
+            default: string;
+            hover: string;
+            disabled: string;
+        };
+    };
+    borderColor: {
+        default: string;
+        checked: string;
+        hover: string;
+        disabled: string;
+        danger: {
+            default: string;
+            hover: string;
+            disabled: string;
+        };
+    };
+    bulletColor: {
+        default: string;
+        hover: string;
+        disabled: string;
+        danger: {
+            default: string;
+            hover: string;
+            disabled: string;
+        };
+    };
+}

package/dist/Kit/DataEntry/Rate/types.d.ts

@@ -0,0 +1,11 @@
+import {RateProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+
+type AntdRateTypesToOmit = '';
+
+export type KitRateColor = 'default' | 'red' | 'green' | 'blue';
+
+export interface KitRateProps extends Omit<RateProps, AntdRateTypesToOmit>, KitHTMLAttributes<HTMLDivElement> {
+    color?: KitRateColor;
+    disabledStarTransparency?: string;
+}

package/dist/Kit/DataEntry/Select/types.d.ts

@@ -0,0 +1,49 @@
+import {SelectProps} from 'antd';
+import {BaseOptionType, DefaultOptionType} from 'antd/es/select';
+import type {OptionProps} from 'rc-select/lib/Option';
+import {KitHTMLAttributes} from '../../../types';
+import {ReactNode} from 'react';
+
+export type AntdSelectTypesToOmit =
+    | 'dropdownMatchSelectWidth'
+    | 'options'
+    | 'bordered'
+    | 'fieldNames'
+    | 'filterOption'
+    | 'filterSort'
+    | 'labelInValue'
+    | 'maxTagCount'
+    | 'maxTagPlaceholder'
+    | 'maxTagTextLength'
+    | 'notFoundContent'
+    | 'optionFilterProp'
+    | 'optionLabelProp'
+    | 'removeIcon'
+    | 'searchValue'
+    | 'showSearch'
+    | 'size'
+    | 'tokenSeparators'
+    | 'virtual'
+    | 'clearIcon'
+    | 'onDeselect'
+    | 'onInputKeyDown'
+    | 'dropdownStyle'
+    | 'menuItemSelectedIcon';
+
+export interface KitSelectProps
+    extends Omit<SelectProps<any, DefaultOptionType | BaseOptionType>, AntdSelectTypesToOmit>,
+        KitHTMLAttributes<HTMLDivElement> {
+    label?: string;
+    helper?: string;
+    allowClear?: boolean;
+    oneLineTags?: boolean;
+    options?: KitOptionProps[];
+    labelOnly?: boolean | null;
+}
+
+export interface KitOptionProps extends Omit<OptionProps, 'children'> {
+    icon?: ReactNode;
+    color?: string;
+    label?: string;
+    children?: ReactNode;
+}

package/dist/Kit/DataEntry/Slider/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { KitSliderRangeProps, KitSliderSingleProps } from './types';
+export declare const KitSlider: React.FunctionComponent<KitSliderSingleProps | KitSliderRangeProps>;

package/dist/Kit/DataEntry/Slider/types.d.ts

@@ -0,0 +1,18 @@
+import {SliderSingleProps} from 'antd';
+import {SliderMarks, SliderRangeProps} from 'antd/es/slider';
+
+type AntdSliderTypesToOmit = 'vertical' | 'trackStyle' | 'railStyle' | 'handleStyle' | 'marks';
+
+interface SliderIcons {
+    startIcon?: any;
+    endIcon?: any;
+}
+
+export type KitSliderMarks = SliderMarks;
+
+export interface KitSliderSingleProps extends Omit<SliderSingleProps, AntdSliderTypesToOmit>, SliderIcons {
+    marks?: KitSliderMarks;
+}
+export interface KitSliderRangeProps extends Omit<SliderRangeProps, AntdSliderTypesToOmit>, SliderIcons {
+    marks?: KitSliderMarks;
+}

package/dist/Kit/DataEntry/Switch/types.d.ts

@@ -0,0 +1,53 @@
+import {SwitchProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+
+export interface KitSwitchProps extends SwitchProps, KitHTMLAttributes<HTMLButtonElement> {}
+
+export interface StyledSwitchProps extends SwitchProps {}
+
+export interface KitSwitchTheme {
+    fontWeight: {
+        default: string | number;
+        checked: string | number;
+    };
+    borderWidth: string;
+    width: number;
+    height: number;
+    iconFontSize: number;
+    pinHeight: number;
+    handle: {
+        borderWidth: string;
+        borderColor: {
+            default: {
+                off: string;
+                on: string;
+            };
+            disabled: {
+                off: string;
+                on: string;
+            };
+            focus: {
+                off: string;
+                on: string;
+            };
+        };
+        backgroundColor: {
+            default: {on: string; off: string};
+            disabled: string;
+        };
+    };
+    backgroundColor: {
+        default: {
+            on: string;
+            off: string;
+        };
+        focus: {
+            on: string;
+            off: string;
+        };
+        disabled: {
+            on: string;
+            off: string;
+        };
+    };
+}

package/dist/Kit/DataEntry/Tag/types.d.ts

@@ -0,0 +1,13 @@
+import {TagProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+import {ReactNode} from 'react';
+
+export type AntdTagPropsToOmit = 'color' | 'checkableTag' | 'icon' | 'closable';
+
+export type KitTagColor = 'red' | 'green' | 'blue' | 'blueInvert' | 'default';
+
+export interface KitTagProps extends Omit<TagProps, AntdTagPropsToOmit>, KitHTMLAttributes<HTMLSpanElement> {
+    color?: KitTagColor;
+    children?: ReactNode[] | ReactNode;
+    onClose?: TagProps['onClose'];
+}

package/dist/Kit/DataEntry/Upload/types.d.ts

@@ -0,0 +1,20 @@
+import {UploadProps} from 'antd';
+import {DraggerProps} from 'antd/lib/upload';
+
+type AntdUploadTypesToOmit = 'listType' | 'itemRender' | 'openFileDialogOnClick';
+
+export type KitUploadListType = 'text' | 'picture' | 'picture-card';
+
+export interface KitUploadProps extends Omit<UploadProps, AntdUploadTypesToOmit> {
+    listType?: KitUploadListType;
+    loading?: boolean;
+    imageUrl?: string;
+    buttonWording?: string;
+}
+
+type AntdDraggerTypesToOmit = 'listType' | 'itemRender' | 'openFileDialogOnClick';
+
+export interface KitDraggerProps extends Omit<DraggerProps, AntdDraggerTypesToOmit> {
+    title?: string;
+    description?: string;
+}

package/dist/Kit/Feedback/Alert/types.d.ts

@@ -0,0 +1,8 @@
+import {AlertProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+
+type AntdAlertTypesToOmit = 'closeText' | 'closeIcon' | 'action' | 'icon';
+
+export interface KitAlertProps
+    extends Omit<AlertProps, AntdAlertTypesToOmit>,
+        Omit<KitHTMLAttributes<HTMLDivElement>, 'role'> {}

package/dist/Kit/Feedback/Modal/types.d.ts

@@ -0,0 +1,72 @@
+import {HTMLAttributes, ReactNode} from 'react';
+import type ReactModal from 'react-modal';
+import {KitHTMLAttributes} from '../../../types';
+
+type propsToOmit =
+    | 'bodyOpenClassName'
+    | 'htmlOpenClassName'
+    | 'closeTimeoutMS'
+    | 'overlayRef'
+    | 'contentRef'
+    | 'overlayElement'
+    | 'contentElement';
+
+//todo delete Omit<title role className style>
+export interface KitModalProps
+    extends Omit<ReactModal.Props, propsToOmit>,
+        Omit<KitHTMLAttributes<HTMLDivElement>, 'title' | 'role' | 'className' | 'style'> {
+    width?: string;
+    showCloseIcon?: boolean;
+    close?: (args: any[]) => void;
+    title?: ReactNode;
+    footer?: ReactNode;
+}
+
+export interface confirmDialogProps extends KitModalProps {
+    type: 'info' | 'success' | 'warning' | 'error' | 'warn' | 'confirm';
+    image?: string;
+    icon?: ReactNode;
+    firstLine?: ReactNode;
+    secondLine?: ReactNode;
+    okCancel?: boolean;
+    title?: string;
+    cancelText?: string;
+    close?: (...args: any[]) => void;
+    okText?: string;
+    onCancel?: () => {};
+    onOk?: () => {};
+}
+
+export type ConfigUpdate = confirmDialogProps | ((prevConfig: confirmDialogProps) => confirmDialogProps);
+
+export type ModalFunc = (props: confirmDialogProps) => {
+    destroy: () => void;
+    update: (configUpdate: ConfigUpdate) => void;
+};
+
+export interface modalThemeProps {
+    backgroundColor: string;
+    fontFamily: string;
+    fontSize: {
+        title: number;
+        content: number;
+    };
+    fontWeight: {
+        title: number | string;
+        content: number | string;
+    };
+    itemsVerticalSpacing: 24;
+    textVerticalSpacing: 8;
+    icon: {
+        successColor: string;
+        successBgColor: string;
+        errorColor: string;
+        errorBgColor: string;
+        warngingColor: string;
+        warngingBgColor: string;
+    };
+    borderRadius: number;
+    imageBorderColor: string;
+    overlayColor: string;
+    boxShadow: string;
+}

package/dist/Kit/Feedback/Notification/types.d.ts

@@ -0,0 +1,22 @@
+import {ArgsProps} from 'antd/lib/notification/interface';
+
+export type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+
+type AntdArgsPropsTypesToOmit = 'message' | 'description' | 'placement';
+
+export interface KitNotificationArgsProps extends Omit<ArgsProps, AntdArgsPropsTypesToOmit> {
+    message: string;
+    description: string;
+    placement?: NotificationPlacement;
+}
+
+type KitNotificationStaticFn = (args: KitNotificationArgsProps) => void;
+
+export interface KitNotification {
+    error: KitNotificationStaticFn;
+    warning: KitNotificationStaticFn;
+    success: KitNotificationStaticFn;
+    info: KitNotificationStaticFn;
+    destroy: (key?: React.Key) => void;
+    open: KitNotificationStaticFn;
+}