@apexcura/ui-components 0.0.16-Beta13 → 0.0.16-Beta1300

package/dist/Types/types.d.ts

@@ -0,0 +1,329 @@
+import { InputRef, UploadFile } from 'antd';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { RadioGroupButtonStyle } from 'antd/es/radio';
+import { TabsPosition } from 'antd/es/tabs';
+import { TooltipPlacement } from 'antd/es/tooltip';
+import { SortOrder } from 'antd/es/table/interface';
+import React, { CSSProperties, JSXElementConstructor, LegacyRef, ReactElement, ReactNode } from 'react';
+type PaginationType = {
+    name?: string;
+    page?: number;
+    pageSize?: number;
+};
+type DateRangeSegmentType = {
+    values?: string[];
+    segmentedValue?: string;
+};
+interface ScheduleType {
+    from: string | null;
+    to: string | null;
+}
+interface WeekSchedule {
+    Sunday: ScheduleType;
+    Monday: ScheduleType;
+    Tuesday: ScheduleType;
+    Wednesday: ScheduleType;
+    Thursday: ScheduleType;
+    Friday: ScheduleType;
+    Saturday: ScheduleType;
+}
+type dropDownValueProps = {
+    firstValue: {
+        key?: string | undefined;
+        label?: string | undefined;
+        value?: string | undefined;
+    } | undefined;
+    secondValue: {
+        key?: string | undefined;
+        label?: string | undefined;
+        value?: string | undefined;
+    } | undefined;
+};
+type radioValueProps = {
+    value: {
+        key?: string | undefined;
+        label?: string | undefined;
+        value?: string | undefined;
+    } | undefined;
+};
+type autoCompleteProps = {
+    value?: {
+        key?: string;
+        value?: string;
+    };
+};
+interface ChildRecordType {
+    _id?: string;
+    id?: string;
+    name?: string;
+    label?: string;
+    element?: string;
+    type?: string;
+    value?: boolean;
+    children?: ChildRecordType[];
+}
+export type ElementType = {
+    showToolbar?: boolean;
+    src?: string;
+    isPopover?: boolean;
+    title?: string;
+    okText?: string;
+    cancelText?: string;
+    disabledColor?: string;
+    tooltip?: {
+        title: string;
+        placement: 'top' | 'bottom' | 'left' | 'right';
+    };
+    varient?: 'solid' | 'outlined' | 'light';
+    color?: string;
+    buttonStyle?: RadioGroupButtonStyle;
+    tableHeight?: string;
+    buttonVariant?: string;
+    optionRender?: (option: {
+        key?: string | number | bigint;
+        label?: string | ReactNode;
+        value?: string | number;
+        color?: string;
+    }) => React.ReactNode;
+    active?: number;
+    visitedClassName?: string;
+    accept?: string | undefined;
+    max_count?: number | undefined;
+    multiple?: boolean | undefined;
+    activeClassName?: string;
+    fileList?: UploadFile[];
+    radioGroupClassName?: string | undefined;
+    selectedStyle?: boolean;
+    style?: CSSProperties;
+    firstValue?: string;
+    secondValue?: string;
+    className?: string | undefined;
+    placeholder?: string;
+    addonBefore?: React.ReactNode;
+    format?: string;
+    indexWidth?: number;
+    tabPosition?: TabsPosition;
+    defaultValue?: string | {
+        label: string;
+        value: string;
+        search?: string;
+    };
+    limit?: number;
+    ref?: LegacyRef<InputRef> | undefined;
+    disabled?: boolean;
+    prefix?: React.ReactNode;
+    type?: string;
+    searchable?: boolean;
+    expandIcon?: boolean;
+    size?: SizeType | number;
+    colWidth?: string;
+    errorText?: string;
+    errorClassName?: string;
+    expandIconStyles?: boolean;
+    enableRowSelection?: boolean;
+    showSelectionControls?: boolean;
+    dropdownStyle?: CSSProperties;
+    isIconOnly?: boolean;
+    value?: string | number | boolean | null | object | undefined | string[] | UploadFile[] | PaginationType | DateRangeSegmentType | dropDownValueProps | radioValueProps | WeekSchedule | autoCompleteProps;
+    status?: string | undefined;
+    styles?: React.CSSProperties;
+    variant?: 'outlined' | 'borderless' | 'filled';
+    bordered?: boolean;
+    enable_all?: boolean;
+    label?: string;
+    name?: string;
+    suffix?: React.ReactNode;
+    rowClickExpandable?: boolean;
+    expandable?: boolean;
+    maxLength?: number;
+    sortable?: boolean;
+    indexClickable?: boolean;
+    splitButton?: {
+        value: string;
+        icon: string;
+        label: string;
+        isSVGStylesOverride: boolean;
+        tooltip: string;
+    }[];
+    options?: {
+        key?: string;
+        label?: string;
+        value?: string;
+        icon?: string;
+        tooltip?: string;
+        color?: string;
+    }[];
+    firstOptions?: {
+        key?: string;
+        label: string;
+        value: string;
+    }[];
+    secondOptions?: {
+        key?: string;
+        label?: string;
+        value?: string;
+    }[];
+    firstPlaceholder?: string;
+    secondPlaceholder?: string;
+    view?: boolean;
+    enabled_dates?: string;
+    onChange?: (value: string | number | boolean | object | object[] | undefined) => void;
+    onClick?: (value: string | number | boolean | object | object[] | undefined) => void;
+    dropDownOptions?: (number | string | boolean | object | null | undefined | (() => void))[];
+    id?: number | string;
+    fullHeight?: boolean;
+    thead?: {
+        sorter?: boolean;
+        defaultSortOrder?: SortOrder;
+        width?: number;
+        _id?: string;
+        name?: string;
+        label?: string;
+        visible?: boolean;
+        required?: boolean;
+        key?: string;
+        render?: (text: string) => React.JSX.Element;
+        renderCell?: (value: number, record: string, index: number) => React.ReactNode;
+        ellipsis?: boolean;
+        sortable?: boolean;
+        filtered?: boolean;
+        filters?: {
+            text: string;
+            value: string;
+        }[];
+        fixed?: string | boolean | undefined;
+        disabled?: boolean;
+        clickable?: boolean;
+    }[];
+    childHead?: {
+        _id?: string;
+        name?: string;
+        label?: string;
+        visible?: boolean;
+        required?: boolean;
+        key?: string;
+        render?: (text: string) => React.JSX.Element;
+        ellipsis?: boolean;
+        sortable?: boolean;
+        filtered?: boolean;
+        filters?: {
+            text: string;
+            value: string;
+        }[];
+    }[];
+    tbody?: ChildRecordType[];
+    optionType?: string;
+    selectedClassName?: string;
+    action?: React.MouseEventHandler<HTMLElement> | string;
+    listClassName?: string;
+    listItemClassName?: string;
+    img?: string;
+    video?: string;
+    height?: number;
+    width?: number;
+    imgExpand?: string;
+    segmentedValue?: string;
+    useSegments?: string;
+    imgCollapse?: string;
+    pageSizeOptions?: number[];
+    items?: {
+        iconClassName?: string;
+        href?: string;
+        title?: string;
+        id?: number;
+        key?: number | string;
+        element?: string;
+        icon?: string;
+        label?: string;
+        active?: number;
+        text?: string;
+        time?: string;
+        name?: string;
+        y?: number;
+        color?: string;
+        isCount?: boolean;
+        count?: number;
+        isNewMenuItem?: boolean;
+        progress?: number;
+        className?: string;
+        contact?: string;
+        status?: string;
+        assignedTo?: string;
+        user?: string;
+        dot?: React.ReactNode;
+        children?: string;
+    }[];
+    primaryText?: string;
+    secondaryText?: string;
+    count?: number;
+    icon?: string;
+    placement?: TooltipPlacement;
+    profileImage?: string;
+    buttonClassName?: string;
+    profileImageClassName?: string;
+    profileSubClassName?: string;
+    subContainerClassName?: string;
+    element?: string;
+    secondTextClassName?: string;
+    iconClassName?: string;
+    iconsClassName?: string;
+    labelClassName?: string;
+    containerClassName?: string;
+    isSVGStylesOverride?: boolean;
+    rowSelection?: string;
+    length?: number;
+    imgClassName?: string;
+    loading?: boolean;
+    fillText1?: string;
+    fillText2?: string;
+    pagination?: boolean;
+    antdButton?: boolean;
+    required?: boolean;
+    is_detail?: boolean;
+    checkedChildren?: string;
+    unCheckedChildren?: string;
+    dateTime?: string;
+    isDateTime?: boolean;
+    minRows?: number;
+    maxRows?: number;
+    isSearch?: boolean;
+    allowText?: boolean;
+    mode?: 'multiple' | 'tags' | undefined;
+    picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
+    weekrange?: boolean;
+    rangePresets?: boolean;
+    message?: string;
+    isStatus?: boolean;
+    isDelete?: boolean;
+    description?: string;
+    notificationType?: 'success' | 'info' | 'warning' | 'error';
+    showProgress?: boolean;
+    isLoading?: boolean;
+    isNotChatbot?: boolean;
+    allowClear?: boolean;
+    isBack?: boolean;
+    showCount?: boolean;
+    avatarClassName?: string;
+    segmentedOptions?: string[] | {
+        tooltip: string;
+        label: string;
+        value: string;
+    }[];
+    manageRadioButton?: boolean;
+    cardClassname?: string;
+    autoFocus?: boolean;
+    titleClassName?: string;
+    fileType?: string[];
+    fileSize?: number;
+    allowOne?: boolean;
+    showSerialNumber?: boolean;
+    isTextSelect?: boolean;
+    autoSize?: boolean;
+    rowClick?: boolean;
+    dropdownRender?: (menu: ReactElement<string | JSXElementConstructor<string>>) => ReactElement<string | JSXElementConstructor<string>>;
+    isopen?: boolean;
+    clickedVal?: string;
+    customColor?: boolean;
+};
+export type Colors = 'blue-green' | 'danger' | 'facebook' | 'instagram' | 'primary' | 'secondary' | 'success' | 'turquoise' | 'warning' | 'yellow';
+export {};

package/dist/constants/icons.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare const testIcons: {
+    [key: string]: string;
+};
+export declare const sidenavIcons: {
+    [key: string]: (props: {
+        fill?: string;
+    }) => React.ReactNode;
+};
+export declare const icons: {
+    [key: string]: React.ReactNode;
+};

package/dist/index.d.ts

@@ -1,156 +1,53 @@
-import React$1 from 'react';
-import { SizeType } from 'antd/es/config-provider/SizeContext';
-import { UploadFile } from 'antd/lib/upload/interface';
-
-type ElementType = {
-    [x: string]: any;
-    selectedStyle?: boolean;
-    style?: boolean;
-    className?: string | undefined;
-    placeholder?: string;
-    addonBefore?: React.ReactNode;
-    defaultValue?: string;
-    disabled?: boolean;
-    prefix?: React.ReactNode;
-    type?: string;
-    size?: SizeType;
-    value?: string | number | boolean | any[] | null | object | undefined | any | UploadFile<any>[];
-    status?: "error" | "warning";
-    styles?: React.CSSProperties;
-    variant?: "outlined" | "borderless" | "filled";
-    label?: string;
-    name?: string;
-    suffix?: React.ReactNode;
-    maxLength?: number;
-    fieldNames?: any[];
-    fields?: any[];
-    schema?: any[];
-    options?: any[];
-    firstOptions?: any[];
-    secondOptions?: any[];
-    view?: boolean;
-    onChange?: (value: string | number | boolean | object | any[] | undefined) => void;
-    onClick?: () => void;
-    dropDownOptions?: any[];
-    id?: number;
-    thead?: any[];
-    tbody?: any[];
-    variable_data?: any[];
-    optionType?: string;
-    selectedClassName?: string;
-    action?: React.MouseEventHandler<HTMLElement> | string;
-    listClassName?: string;
-    listItemClassName?: string;
-    img?: string;
-    items?: any[];
-    primaryText?: string;
-    secondaryText?: string;
-    count?: number;
-    icon?: string | any;
-    placement?: string;
-    profileImage?: string;
-    buttonClassName?: string;
-    profileImageClassName?: string;
-    profileSubClassName?: string;
-    subContainerClassName?: string;
-    element?: string;
-    secondTextClassName?: string;
-    iconsClassName?: string;
-    labelClassName?: string;
-    containerClassName?: string;
-    selectBefore?: any[];
-    selectAfter?: any[];
-    isSVGStylesOverride?: boolean;
-    rowSelection?: string;
-    length?: number;
-    imgClassName?: string;
-    loading?: boolean;
-    fillText1?: string;
-    fillText2?: string;
-    labels?: any[];
-    data?: any[];
-    pagination?: boolean;
-    is_detail?: boolean;
-    dateTime?: string;
-    minRows?: number;
-    maxRows?: number;
-    mode?: "multiple" | "tags" | undefined;
-    picker?: "date" | "week" | "month" | "quarter" | "year";
-    weekrange?: boolean;
-    message?: string;
-    description?: string;
-    notificationType?: 'success' | 'info' | 'warning' | 'error';
-};
-
-declare const TextElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const PasswordElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const NumberElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const TextareaElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const SelectElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const RadioElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const CheckboxElement: (props: ElementType) => React$1.JSX.Element;
-
-interface ElementExecuterProps extends ElementType {
-    onChange: (value: string | number | object | boolean | any[] | undefined) => void;
-}
-declare const CkEditor: (props: ElementExecuterProps) => React$1.JSX.Element;
-
-declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
-
-declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
-
-declare const Navbar: (props: ElementType) => React$1.JSX.Element;
-
-declare const TableElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const DatePickerElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const DateRangePickerElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const Image: (props: ElementType) => React$1.JSX.Element;
-
-declare const SingleCheckbox: (props: ElementType) => React$1.JSX.Element;
-
-declare const DropDownGroup: (props: ElementType) => React$1.JSX.Element;
-
-declare const FileUpload: (props: ElementType) => React$1.JSX.Element;
-
-declare const TabsElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const SwitchElement: () => React$1.JSX.Element;
-
-declare const Upload: (props: ElementType) => React$1.JSX.Element;
-
-declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
-
-declare const SemiCircleDonut: (props: ElementType) => React$1.JSX.Element;
-
-declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
-
-declare const LineChart: (props: ElementType) => React$1.JSX.Element;
-
-declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
-
-declare const BarChart: (props: ElementType) => React$1.JSX.Element;
-
-declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
-
-declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
-
-declare const NotificationAlert: (props: ElementType) => React$1.JSX.Element;
-
-export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NotificationAlert, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
+export * from './Components/TextElement';
+export * from './Components/PasswordElement';
+export * from './Components/NumberElement';
+export * from './Components/TextareaElement';
+export * from './Components/SelectElement';
+export * from './Components/RadioElement';
+export * from './Components/Checkbox';
+export * from './Components/TextEditor';
+export * from './Components/Button';
+export * from './Components/Sidebar';
+export * from './Components/Navbar';
+export * from './Components/TableElement';
+export * from './Components/DatePicker';
+export * from './Components/DateRangePickerElement';
+export * from './Components/Image';
+export * from './Components/SingleCheckbox';
+export * from './Components/DropDownGroup';
+export * from './Components/FilesUpload';
+export * from './Components/TabsElement';
+export * from './Components/SwitchElement';
+export * from './Components/OtpElement';
+export * from './Components/DivContainer';
+export * from './Components/ColorPickerElement';
+export * from './Components/NotificationAlert';
+export * from './Components/CustomStepper';
+export * from './Components/AbhaNumberComponent';
+export * from './Components/SpanElement';
+export * from './Components/AadharComponent';
+export * from './Components/ProfileContainer';
+export * from './Components/Notification';
+export * from './Components/Profile';
+export * from './Components/SegmentedElement';
+export * from './Components/Capcha';
+export * from './Components/CardElement';
+export * from './Components/AvatarUpload';
+export * from './Components/TimePicker';
+export * from './Components/TimeScheduleTable';
+export * from './Components/KanbanBoard';
+export * from './Components/AutoCompleteInput';
+export * from './Components/TimeRangeComponent';
+export * from './Components/SplitButton';
+export * from './Components/TableCopyComponent';
+export * from './Components/GoogleMapWidget';
+export * from './Components/AntdButton';
+export * from './Components/DisplayTimeline';
+export * from './Components/DateRangeSegments';
+export * from './Components/DropdownElement';
+export * from './Components/MediaUpload';
+export * from './Components/Video';
+export * from './Components/Document';
+export * from './Components/GradientCardGroup';
+export * from './Components/ACBreadcrumb';
+export * from "./Components/QRCodeElement";