@apexcura/ui-components 0.0.16-Beta125 → 0.0.16-Beta1251

package/dist/Components/ACBreadcrumb.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface ACBreadcrumbItemProps {
+    id?: string;
+    icon?: string;
+    iconClassName?: string;
+    href?: string;
+    title: string;
+}
+export interface ACBreadcrumbProps {
+    className?: string;
+    element?: string;
+    name: string;
+    items: ACBreadcrumbItemProps[];
+    onClick: (value: string) => void;
+}
+export declare const ACBreadcrumb: React.FC<ACBreadcrumbProps>;

package/dist/Components/AadharComponent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const AadharComponent: (props: ElementType) => React.JSX.Element;

package/dist/Components/AbhaNumberComponent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const AbhaNumberComponent: (props: ElementType) => React.JSX.Element;

package/dist/Components/AntdButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+import '../styles/button.css';
+export declare const AntButton: (props: ElementType) => React.JSX.Element;

package/dist/Components/AutoCompleteInput.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+import '../styles/index.css';
+interface autoCompleteProps {
+    value?: {
+        key?: string;
+        value?: string;
+    };
+}
+interface customProps extends ElementType {
+    value?: autoCompleteProps;
+}
+export declare const AutoCompleteInput: (props: customProps) => React.JSX.Element;
+export {};

package/dist/Components/AvatarUpload.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const AvatarUpload: (props: ElementType) => React.JSX.Element;

package/dist/Components/Capcha.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const Capcha: (props: ElementType) => React.JSX.Element;

package/dist/Components/CardElement.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const CardElement: (props: ElementType) => React.JSX.Element;

package/dist/Components/CheckBoxTable.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+interface PaginationType {
+    name?: string;
+    page?: number;
+    pageSize?: number;
+}
+interface TableElementProps extends ElementType {
+    value?: PaginationType | null;
+}
+export declare const TableElement: (props: TableElementProps) => React.JSX.Element;
+export {};

package/dist/Components/CustomStepper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const CustomStepper: (props: ElementType) => React.JSX.Element;

package/dist/Components/DateRangeSegments.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+interface DateRangeSegmentType {
+    values?: string[];
+    segmentedValue?: string;
+}
+interface DateRangeSegmentsProps extends ElementType {
+    value?: DateRangeSegmentType | null;
+    segmentedOptions?: {
+        tooltip: string;
+        label: string;
+        value: string;
+    }[];
+}
+export declare const DateRangeSegments: (props: DateRangeSegmentsProps) => React.JSX.Element;
+export {};

package/dist/Components/DisplayTimeline.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const DisplayTimeline: (props: ElementType) => React.JSX.Element;

package/dist/Components/Document.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const Document: (props: ElementType) => React.JSX.Element;

package/dist/Components/DropdownElement.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const DropdownElement: (props: ElementType) => React.JSX.Element | undefined;

package/dist/Components/FormInputLabel.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface FormInputLabelProps {
+    label?: string;
+    required?: boolean;
+    color?: string;
+    element?: 'input-radio' | string;
+    variant?: 'button' | 'default';
+    labelClassName?: string;
+}
+declare const FormInputLabel: React.FC<FormInputLabelProps>;
+export default FormInputLabel;

package/dist/Components/GoogleMapWidget.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const GoogleMapWidget: (props: ElementType) => React.JSX.Element;

package/dist/Components/GradientCard.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { GradientCardGroupOptionProps } from './GradientCardGroup';
+import '../styles/gradient-card.css';
+declare const GradientCard: (props: GradientCardGroupOptionProps) => React.JSX.Element;
+export default GradientCard;

package/dist/Components/GradientCardGroup.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Colors } from '../Types/types';
+export interface GradientCardGroupOptionProps {
+    active?: boolean;
+    clickable?: boolean;
+    color?: Colors;
+    id?: string;
+    name: string;
+    onClick?: () => void;
+    prefixIcon?: string;
+    prefixIconClassName?: string;
+    suffixText: string | number;
+    title: string;
+}
+export interface GradientCardGroupProps {
+    className?: string;
+    cols?: number;
+    element?: string;
+    name: string;
+    options: GradientCardGroupOptionProps[];
+    value: '';
+    onChange?: (value: string | number | boolean | object | object[] | undefined) => void;
+}
+export declare const GradientCardGroup: (props: GradientCardGroupProps) => React.JSX.Element;

package/dist/Components/Image.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ElementType } from '../Types/types';
-export declare const Image: (props: ElementType) => React.JSX.Element;
+export declare const Image: (props: ElementType) => React.JSX.Element | null;

package/dist/Components/KanbanBoard.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const KanbanBoard: React.FC;

package/dist/Components/MediaUpload.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const MediaUpload: (props: ElementType) => React.JSX.Element;

package/dist/Components/NumberElement.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { ElementType } from '../Types/types';
+import '../styles/input-text.css';
 export declare const NumberElement: (props: ElementType) => React.JSX.Element;

package/dist/Components/ProfileContainer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const ProfileContainer: (props: ElementType) => React.JSX.Element;

package/dist/Components/QRCodeElement.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+import '../styles/index.css';
+import '../styles/input-text.css';
+export declare const QRCodeElement: (props: ElementType) => React.JSX.Element;

package/dist/Components/RadioElement.d.ts

@@ -1,3 +1,16 @@
 import React from 'react';
 import { ElementType } from '../Types/types';
-export declare const RadioElement: (props: ElementType) => React.JSX.Element;
+import '../styles/radio.css';
+type radioValueProps = {
+    value: {
+        key?: string | undefined;
+        label?: string | undefined;
+        value?: string | undefined;
+    } | undefined;
+};
+interface RadioElementProps extends Omit<ElementType, 'variant'> {
+    value?: radioValueProps | null;
+    variant?: 'chip' | 'circled' | 'flat';
+}
+export declare const RadioElement: (props: RadioElementProps) => React.JSX.Element;
+export {};

package/dist/Components/SegmentedElement.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const SegmentedElement: (props: ElementType) => React.JSX.Element;

package/dist/Components/SelectElement.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { ElementType } from '../Types/types';
+import '../styles/select.css';
 export declare const SelectElement: (props: ElementType) => React.JSX.Element;

package/dist/Components/Sidebar.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ElementType } from '../Types/types';
-import '../styles/sidebar.css';
-export declare const Sidebar: (props: ElementType) => React.JSX.Element;
+export declare const Sidebar: React.FC<ElementType>;
+export default Sidebar;

package/dist/Components/SplitButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const SplitButton: (props: ElementType) => React.JSX.Element;

package/dist/Components/TableCopyComponent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+import '../styles/table.css';
+export declare const TableCopyComponent: (props: ElementType) => React.JSX.Element;

package/dist/Components/TableElement.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import { ElementType } from '../Types/types';
+import '../styles/table.css';
 interface PaginationType {
+    name?: string;
     page?: number;
     pageSize?: number;
 }

package/dist/Components/TextEditor.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import 'react-quill/dist/quill.snow.css';
+import { ElementType } from '../Types/types';
+import '../styles/index.css';
+export declare const TextEditorComponent: (props: ElementType) => React.JSX.Element;

package/dist/Components/TextElement.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ElementType } from '../Types/types';
-import '../styles/sidebar.css';
 import '../styles/index.css';
+import '../styles/input-text.css';
 export declare const TextElement: (props: ElementType) => React.JSX.Element;

package/dist/Components/TextareaElement.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { ElementType } from '../Types/types';
+import '../styles/input-text.css';
 export declare const TextareaElement: (props: ElementType) => React.JSX.Element;

package/dist/Components/TimePicker.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const TimePickerElement: (props: ElementType) => React.JSX.Element;

package/dist/Components/TimeRangeComponent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const TimeRangeComponent: (props: ElementType) => React.JSX.Element;

package/dist/Components/TimeScheduleTable.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const TimeScheduleTable: (props: ElementType) => React.JSX.Element;

package/dist/Components/Video.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const Video: (props: ElementType) => React.JSX.Element;

package/dist/Types/types.d.ts

@@ -1,11 +1,32 @@
-import { UploadFile } from 'antd';
+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 { CSSProperties } from 'react';
+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;
@@ -18,11 +39,55 @@ type dropDownValueProps = {
         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;
+    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;
@@ -31,25 +96,58 @@ export type ElementType = {
     className?: string | undefined;
     placeholder?: string;
     addonBefore?: React.ReactNode;
-    defaultValue?: string;
+    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;
-    size?: SizeType;
+    searchable?: boolean;
+    expandIcon?: boolean;
+    size?: SizeType | number;
+    colWidth?: string;
     errorText?: string;
     errorClassName?: string;
-    value?: string | number | boolean | null | object | undefined | string[] | UploadFile[] | PaginationType | dropDownValueProps;
-    status?: 'error' | 'warning';
+    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;
@@ -66,43 +164,90 @@ export type ElementType = {
     view?: boolean;
     enabled_dates?: string;
     onChange?: (value: string | number | boolean | object | object[] | undefined) => void;
-    onClick?: () => void;
+    onClick?: (value: string | number | boolean | object | object[] | undefined) => void;
     dropDownOptions?: (number | string | boolean | object | null | undefined | (() => void))[];
-    id?: number;
+    id?: number | string;
+    fullHeight?: boolean;
     thead?: {
-        id: number;
+        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;
     }[];
-    tbody?: {
-        id?: number;
+    childHead?: {
+        _id?: string;
         name?: string;
         label?: string;
-        element?: string;
-        type?: string;
-        value?: boolean;
+        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?: {
-        element: string;
+        iconClassName?: string;
+        href?: string;
+        title?: string;
+        id?: number;
+        key?: number | string;
+        element?: string;
         icon?: string;
         label?: string;
-        active?: boolean;
+        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;
@@ -116,6 +261,7 @@ export type ElementType = {
     subContainerClassName?: string;
     element?: string;
     secondTextClassName?: string;
+    iconClassName?: string;
     iconsClassName?: string;
     labelClassName?: string;
     containerClassName?: string;
@@ -127,6 +273,7 @@ export type ElementType = {
     fillText1?: string;
     fillText2?: string;
     pagination?: boolean;
+    antdButton?: boolean;
     required?: boolean;
     is_detail?: boolean;
     checkedChildren?: string;
@@ -136,9 +283,11 @@ export type ElementType = {
     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;
@@ -146,5 +295,31 @@ export type ElementType = {
     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

@@ -1,4 +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;
 };