@apexcura/ui-components 0.0.16-Beta85 → 0.0.16-Beta851

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2024 ApexCura
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2024 ApexCura
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,25 +1,25 @@
-# Apex Cura React Component Library
-
-The Apex Cura React Component Library provides many helpful components to quickly build your healthcare web app.
-
-## Installation
-
-Add as a dependency:
-
-```
-npm install @apexcura/ui-component
-```
-
-Note the following peer dependencies:
-
-- [antd](https://www.npmjs.com/package/antd)
-- [react](https://www.npmjs.com/package/react)
-- [react-dom](https://www.npmjs.com/package/react-dom)
-
-## About Apex Cura
-
-Apex Cura is a healthcare platform that helps you quickly develop high-quality compliant applications. Apex Cura includes a React component library, and developer app.
-
-## License
-
+# Apex Cura React Component Library
+
+The Apex Cura React Component Library provides many helpful components to quickly build your healthcare web app.
+
+## Installation
+
+Add as a dependency:
+
+```
+npm install @apexcura/ui-component
+```
+
+Note the following peer dependencies:
+
+- [antd](https://www.npmjs.com/package/antd)
+- [react](https://www.npmjs.com/package/react)
+- [react-dom](https://www.npmjs.com/package/react-dom)
+
+## About Apex Cura
+
+Apex Cura is a healthcare platform that helps you quickly develop high-quality compliant applications. Apex Cura includes a React component library, and developer app.
+
+## License
+
 . Copyright © Apex Cura 2024

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/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/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/DisplayTimeline.d.ts

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

package/dist/Components/Editor.d.ts

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

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/KanbanBoard.d.ts

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

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/RadioElement.d.ts

@@ -1,3 +1,14 @@
 import React from 'react';
 import { ElementType } from '../Types/types';
-export declare const RadioElement: (props: ElementType) => React.JSX.Element;
+type radioValueProps = {
+    value: {
+        key?: string | undefined;
+        label?: string | undefined;
+        value?: string | undefined;
+    } | undefined;
+};
+interface RadioElementProps extends ElementType {
+    value?: radioValueProps | null;
+}
+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/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,3 @@
+import React from 'react';
+import { ElementType } from '../Types/types';
+export declare const TableCopyComponent: (props: ElementType) => React.JSX.Element;

package/dist/Components/TableElement.d.ts

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

package/dist/Components/TextElement.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ElementType } from '../Types/types';
-import '../styles/sidebar.css';
+import '../styles/index.css';
 export declare const TextElement: (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/Types/types.d.ts

@@ -1,11 +1,25 @@
 import { UploadFile } from 'antd';
 import { SizeType } from 'antd/es/config-provider/SizeContext';
 import { TooltipPlacement } from 'antd/es/tooltip';
-import { CSSProperties } from 'react';
+import React, { CSSProperties, JSXElementConstructor, ReactElement, ReactNode } from 'react';
 type PaginationType = {
+    name?: string;
     page?: number;
     pageSize?: number;
 };
+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,7 +32,37 @@ 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;
+    name?: string;
+    label?: string;
+    element?: string;
+    type?: string;
+    value?: boolean;
+    children?: ChildRecordType[];
+}
 export type ElementType = {
+    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;
@@ -31,23 +75,44 @@ export type ElementType = {
     className?: string | undefined;
     placeholder?: string;
     addonBefore?: React.ReactNode;
-    defaultValue?: string;
+    defaultValue?: string | {
+        label: string;
+        value: string;
+    };
     disabled?: boolean;
     prefix?: React.ReactNode;
     type?: string;
+    expandIcon?: boolean;
     size?: SizeType;
-    value?: string | number | boolean | null | object | undefined | string[] | UploadFile[] | PaginationType | dropDownValueProps;
+    colWidth?: string;
+    errorText?: string;
+    errorClassName?: string;
+    expandIconStyles?: boolean;
+    value?: string | number | boolean | null | object | undefined | string[] | UploadFile[] | PaginationType | dropDownValueProps | radioValueProps | WeekSchedule | autoCompleteProps;
     status?: 'error' | 'warning';
     styles?: React.CSSProperties;
     variant?: 'outlined' | 'borderless' | 'filled';
     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;
+        color?: string;
     }[];
     firstOptions?: {
         key?: string;
@@ -64,11 +129,11 @@ 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;
     thead?: {
-        id: number;
+        _id?: string;
         name?: string;
         label?: string;
         visible?: boolean;
@@ -76,30 +141,59 @@ export type ElementType = {
         key?: string;
         render?: (text: string) => React.JSX.Element;
         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;
+        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;
+    imgExpand?: string;
+    imgCollapse?: string;
     items?: {
-        element: 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;
     }[];
     primaryText?: string;
     secondaryText?: string;
@@ -128,15 +222,41 @@ export type ElementType = {
     is_detail?: boolean;
     checkedChildren?: string;
     unCheckedChildren?: string;
-    dateTime?: boolean;
+    dateTime?: string;
+    isDateTime?: boolean;
     minRows?: number;
     maxRows?: number;
+    isSearch?: 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[];
+    manageRadioButton?: boolean;
+    cardClassname?: string;
+    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 {};

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;
 };

package/dist/index.d.ts

@@ -21,4 +21,22 @@ export * from './Components/OtpElement';
 export * from './Components/DivContainer';
 export * from './Components/ColorPickerElement';
 export * from './Components/NotificationAlert';
-export * from './Components/Editor';
+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';