@bahmni/design-system 0.0.1-dev.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +9 -0
- package/README.md +6 -0
- package/dist/atoms/accordion/index.d.ts +12 -0
- package/dist/atoms/accordion/index.d.ts.map +1 -0
- package/dist/atoms/breadcrumb/index.d.ts +13 -0
- package/dist/atoms/breadcrumb/index.d.ts.map +1 -0
- package/dist/atoms/button/index.d.ts +7 -0
- package/dist/atoms/button/index.d.ts.map +1 -0
- package/dist/atoms/checkbox/index.d.ts +7 -0
- package/dist/atoms/checkbox/index.d.ts.map +1 -0
- package/dist/atoms/checkboxGroup/index.d.ts +7 -0
- package/dist/atoms/checkboxGroup/index.d.ts.map +1 -0
- package/dist/atoms/comboBox/index.d.ts +6 -0
- package/dist/atoms/comboBox/index.d.ts.map +1 -0
- package/dist/atoms/content/index.d.ts +2 -0
- package/dist/atoms/content/index.d.ts.map +1 -0
- package/dist/atoms/datePicker/index.d.ts +11 -0
- package/dist/atoms/datePicker/index.d.ts.map +1 -0
- package/dist/atoms/dropdown/index.d.ts +6 -0
- package/dist/atoms/dropdown/index.d.ts.map +1 -0
- package/dist/atoms/dropdownSkeleton/index.d.ts +7 -0
- package/dist/atoms/dropdownSkeleton/index.d.ts.map +1 -0
- package/dist/atoms/filterableMultiSelect/index.d.ts +7 -0
- package/dist/atoms/filterableMultiSelect/index.d.ts.map +1 -0
- package/dist/atoms/grid/index.d.ts +15 -0
- package/dist/atoms/grid/index.d.ts.map +1 -0
- package/dist/atoms/iconButton/index.d.ts +7 -0
- package/dist/atoms/iconButton/index.d.ts.map +1 -0
- package/dist/atoms/link/index.d.ts +7 -0
- package/dist/atoms/link/index.d.ts.map +1 -0
- package/dist/atoms/loading/index.d.ts +6 -0
- package/dist/atoms/loading/index.d.ts.map +1 -0
- package/dist/atoms/menuItemDivider/index.d.ts +7 -0
- package/dist/atoms/menuItemDivider/index.d.ts.map +1 -0
- package/dist/atoms/numberInput/index.d.ts +7 -0
- package/dist/atoms/numberInput/index.d.ts.map +1 -0
- package/dist/atoms/search/index.d.ts +7 -0
- package/dist/atoms/search/index.d.ts.map +1 -0
- package/dist/atoms/section/index.d.ts +7 -0
- package/dist/atoms/section/index.d.ts.map +1 -0
- package/dist/atoms/skeletonText/index.d.ts +7 -0
- package/dist/atoms/skeletonText/index.d.ts.map +1 -0
- package/dist/atoms/stack/index.d.ts +7 -0
- package/dist/atoms/stack/index.d.ts.map +1 -0
- package/dist/atoms/tabs/index.d.ts +23 -0
- package/dist/atoms/tabs/index.d.ts.map +1 -0
- package/dist/atoms/tag/index.d.ts +7 -0
- package/dist/atoms/tag/index.d.ts.map +1 -0
- package/dist/atoms/textInput/index.d.ts +7 -0
- package/dist/atoms/textInput/index.d.ts.map +1 -0
- package/dist/atoms/tile/index.d.ts +7 -0
- package/dist/atoms/tile/index.d.ts.map +1 -0
- package/dist/atoms/timePicker/constants.d.ts +7 -0
- package/dist/atoms/timePicker/constants.d.ts.map +1 -0
- package/dist/atoms/timePicker/index.d.ts +9 -0
- package/dist/atoms/timePicker/index.d.ts.map +1 -0
- package/dist/atoms/timePickerSelect/index.d.ts +7 -0
- package/dist/atoms/timePickerSelect/index.d.ts.map +1 -0
- package/dist/fontawesome/index.d.ts +6 -0
- package/dist/fontawesome/index.d.ts.map +1 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +43 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +65789 -0
- package/dist/molecules/actionArea/ActionArea.d.ts +30 -0
- package/dist/molecules/actionArea/ActionArea.d.ts.map +1 -0
- package/dist/molecules/actionArea/index.d.ts +2 -0
- package/dist/molecules/actionArea/index.d.ts.map +1 -0
- package/dist/molecules/boxWHeader/BoxWHeader.d.ts +39 -0
- package/dist/molecules/boxWHeader/BoxWHeader.d.ts.map +1 -0
- package/dist/molecules/boxWHeader/index.d.ts +2 -0
- package/dist/molecules/boxWHeader/index.d.ts.map +1 -0
- package/dist/molecules/formCard/FormCard.d.ts +20 -0
- package/dist/molecules/formCard/FormCard.d.ts.map +1 -0
- package/dist/molecules/formCard/index.d.ts +2 -0
- package/dist/molecules/formCard/index.d.ts.map +1 -0
- package/dist/molecules/formCardContainer/FormCardContainer.d.ts +22 -0
- package/dist/molecules/formCardContainer/FormCardContainer.d.ts.map +1 -0
- package/dist/molecules/formCardContainer/index.d.ts +2 -0
- package/dist/molecules/formCardContainer/index.d.ts.map +1 -0
- package/dist/molecules/icon/Icon.d.ts +28 -0
- package/dist/molecules/icon/Icon.d.ts.map +1 -0
- package/dist/molecules/icon/constants.d.ts +27 -0
- package/dist/molecules/icon/constants.d.ts.map +1 -0
- package/dist/molecules/icon/index.d.ts +3 -0
- package/dist/molecules/icon/index.d.ts.map +1 -0
- package/dist/molecules/notification/NotificationContainer.d.ts +9 -0
- package/dist/molecules/notification/NotificationContainer.d.ts.map +1 -0
- package/dist/molecules/notification/index.d.ts +2 -0
- package/dist/molecules/notification/index.d.ts.map +1 -0
- package/dist/molecules/selectedItem/SelectedItem.d.ts +30 -0
- package/dist/molecules/selectedItem/SelectedItem.d.ts.map +1 -0
- package/dist/molecules/selectedItem/index.d.ts +2 -0
- package/dist/molecules/selectedItem/index.d.ts.map +1 -0
- package/dist/molecules/sortableDataTable/SortableDataTable.d.ts +22 -0
- package/dist/molecules/sortableDataTable/SortableDataTable.d.ts.map +1 -0
- package/dist/molecules/sortableDataTable/index.d.ts +2 -0
- package/dist/molecules/sortableDataTable/index.d.ts.map +1 -0
- package/dist/molecules/statusTag/StatusTag.d.ts +31 -0
- package/dist/molecules/statusTag/StatusTag.d.ts.map +1 -0
- package/dist/molecules/statusTag/index.d.ts +2 -0
- package/dist/molecules/statusTag/index.d.ts.map +1 -0
- package/dist/molecules/textAreaWClose/TextAreaWClose.d.ts +50 -0
- package/dist/molecules/textAreaWClose/TextAreaWClose.d.ts.map +1 -0
- package/dist/molecules/textAreaWClose/index.d.ts +2 -0
- package/dist/molecules/textAreaWClose/index.d.ts.map +1 -0
- package/dist/molecules/tooltipIcon/TooltipIcon.d.ts +55 -0
- package/dist/molecules/tooltipIcon/TooltipIcon.d.ts.map +1 -0
- package/dist/molecules/tooltipIcon/index.d.ts +2 -0
- package/dist/molecules/tooltipIcon/index.d.ts.map +1 -0
- package/dist/organisms/header/Header.d.ts +13 -0
- package/dist/organisms/header/Header.d.ts.map +1 -0
- package/dist/organisms/header/index.d.ts +4 -0
- package/dist/organisms/header/index.d.ts.map +1 -0
- package/dist/organisms/header/models.d.ts +42 -0
- package/dist/organisms/header/models.d.ts.map +1 -0
- package/dist/organisms/header/useHeaderSideNav.d.ts +12 -0
- package/dist/organisms/header/useHeaderSideNav.d.ts.map +1 -0
- package/dist/organisms/header/useSidebarNavigation.d.ts +17 -0
- package/dist/organisms/header/useSidebarNavigation.d.ts.map +1 -0
- package/dist/organisms/header/utils.d.ts +2 -0
- package/dist/organisms/header/utils.d.ts.map +1 -0
- package/dist/templates/actionAreaLayout/index.d.ts +25 -0
- package/dist/templates/actionAreaLayout/index.d.ts.map +1 -0
- package/dist/templates/baseLayout/index.d.ts +17 -0
- package/dist/templates/baseLayout/index.d.ts.map +1 -0
- package/package.json +49 -0
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* ActionArea component props
|
|
4
|
+
*/
|
|
5
|
+
export interface ActionAreaProps {
|
|
6
|
+
title: string;
|
|
7
|
+
primaryButtonText: string;
|
|
8
|
+
onPrimaryButtonClick: () => void;
|
|
9
|
+
isPrimaryButtonDisabled?: boolean;
|
|
10
|
+
secondaryButtonText: string;
|
|
11
|
+
onSecondaryButtonClick: () => void;
|
|
12
|
+
isSecondaryButtonDisabled?: boolean;
|
|
13
|
+
tertiaryButtonText?: string;
|
|
14
|
+
onTertiaryButtonClick?: () => void;
|
|
15
|
+
isTertiaryButtonDisabled?: boolean;
|
|
16
|
+
content: ReactNode;
|
|
17
|
+
className?: string;
|
|
18
|
+
ariaLabel?: string;
|
|
19
|
+
buttonGroupAriaLabel?: string;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* ActionArea component provides a rectangular container with 2-3 action buttons
|
|
23
|
+
* at the bottom and space for content passed in as children.
|
|
24
|
+
*
|
|
25
|
+
* All text content including title and button labels should be passed as props
|
|
26
|
+
* to allow for external translation management.
|
|
27
|
+
*/
|
|
28
|
+
export declare const ActionArea: React.FC<ActionAreaProps>;
|
|
29
|
+
export default ActionArea;
|
|
30
|
+
//# sourceMappingURL=ActionArea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionArea.d.ts","sourceRoot":"","sources":["../../../src/molecules/actionArea/ActionArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4EhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/actionArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* BoxWHeader Props
|
|
4
|
+
* @interface BoxWHeaderProps
|
|
5
|
+
*/
|
|
6
|
+
export interface BoxWHeaderProps {
|
|
7
|
+
/**
|
|
8
|
+
* The title to display in the header.
|
|
9
|
+
* If the title is a translation key, it will be automatically translated.
|
|
10
|
+
*/
|
|
11
|
+
title: string;
|
|
12
|
+
/**
|
|
13
|
+
* The content to display in the box body
|
|
14
|
+
*/
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* Optional CSS class name to apply to the container
|
|
18
|
+
*/
|
|
19
|
+
className?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Optional data-testid attribute for testing
|
|
22
|
+
* @default 'box-w-title'
|
|
23
|
+
*/
|
|
24
|
+
dataTestId?: string;
|
|
25
|
+
/**
|
|
26
|
+
* Optional ARIA label for the section
|
|
27
|
+
* If not provided, the title will be used
|
|
28
|
+
*/
|
|
29
|
+
ariaLabel?: string;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* BoxWHeader component
|
|
33
|
+
*
|
|
34
|
+
* A container with a header title and content area.
|
|
35
|
+
* Uses Carbon Design Grid for responsive layout.
|
|
36
|
+
*/
|
|
37
|
+
export declare const BoxWHeader: React.FC<BoxWHeaderProps>;
|
|
38
|
+
export default BoxWHeader;
|
|
39
|
+
//# sourceMappingURL=BoxWHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BoxWHeader.d.ts","sourceRoot":"","sources":["../../../src/molecules/boxWHeader/BoxWHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwBhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/boxWHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ICON_SIZE } from '../icon';
|
|
3
|
+
export interface FormCardProps {
|
|
4
|
+
title: string;
|
|
5
|
+
icon: string;
|
|
6
|
+
iconSize?: ICON_SIZE;
|
|
7
|
+
actionIcon?: string;
|
|
8
|
+
onActionClick?: (e: React.MouseEvent) => void;
|
|
9
|
+
onCardClick?: () => void;
|
|
10
|
+
onOpen?: () => void;
|
|
11
|
+
onEdit?: () => void;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
selected?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
dataTestId?: string;
|
|
16
|
+
ariaLabel?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const FormCard: React.FC<FormCardProps>;
|
|
19
|
+
export default FormCard;
|
|
20
|
+
//# sourceMappingURL=FormCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormCard.d.ts","sourceRoot":"","sources":["../../../src/molecules/formCard/FormCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAgB,MAAM,SAAS,CAAC;AAGxD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqHD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2D5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/formCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface FormCardContainerProps {
|
|
3
|
+
/** Section title */
|
|
4
|
+
title: string;
|
|
5
|
+
/** Form cards to render */
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
/** Message to show when no forms available */
|
|
8
|
+
noFormsMessage?: string;
|
|
9
|
+
/** Show no forms message when children is empty */
|
|
10
|
+
showNoFormsMessage?: boolean;
|
|
11
|
+
/** Data test ID for testing */
|
|
12
|
+
dataTestId?: string;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* FormCardContainer - A minimal container for displaying form cards
|
|
16
|
+
*
|
|
17
|
+
* Simply renders a title and a grid layout for form cards.
|
|
18
|
+
* The actual FormCard components and their actions are passed as children.
|
|
19
|
+
*/
|
|
20
|
+
export declare const FormCardContainer: React.FC<FormCardContainerProps>;
|
|
21
|
+
export default FormCardContainer;
|
|
22
|
+
//# sourceMappingURL=FormCardContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormCardContainer.d.ts","sourceRoot":"","sources":["../../../src/molecules/formCardContainer/FormCardContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,sBAAsB;IACrC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6B9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/formCardContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ICON_SIZE, ICON_PADDING } from './constants';
|
|
3
|
+
export interface IconProps {
|
|
4
|
+
name: string;
|
|
5
|
+
size?: ICON_SIZE;
|
|
6
|
+
color?: string;
|
|
7
|
+
id: string;
|
|
8
|
+
ariaLabel?: string;
|
|
9
|
+
padding?: ICON_PADDING;
|
|
10
|
+
testId?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Icon component that renders FontAwesome icons with customizable size, color, and padding.
|
|
14
|
+
*
|
|
15
|
+
* @component
|
|
16
|
+
* @param {Object} props - Component props
|
|
17
|
+
* @param {string} props.name - Icon name in the format "fa-home", "fa-regular-user", or "far-user"
|
|
18
|
+
* @param {ICON_SIZE} [props.size] - Icon size from ICON_SIZE enum (XXS, XS, SM, LG, XL, XXL, X1-X10)
|
|
19
|
+
* @param {string} [props.color] - Icon color as CSS color value
|
|
20
|
+
* @param {string} props.id - Unique identifier for the icon (used for testing and accessibility)
|
|
21
|
+
* @param {string} [props.ariaLabel] - Accessibility label (defaults to id if not provided)
|
|
22
|
+
* @param {ICON_PADDING} [props.padding=ICON_PADDING.XXSMALL] - Padding around the icon from ICON_PADDING enum
|
|
23
|
+
* @param {string} [props.testId] - Test identifier for testing purposes
|
|
24
|
+
* @returns {React.ReactElement} React component
|
|
25
|
+
*/
|
|
26
|
+
export declare const Icon: React.FC<IconProps>;
|
|
27
|
+
export default Icon;
|
|
28
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/molecules/icon/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGtD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6CpC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export declare enum ICON_SIZE {
|
|
2
|
+
XXS = "2xs",
|
|
3
|
+
XS = "xs",
|
|
4
|
+
SM = "sm",
|
|
5
|
+
LG = "lg",
|
|
6
|
+
XL = "xl",
|
|
7
|
+
XXL = "2xl",
|
|
8
|
+
X1 = "1x",
|
|
9
|
+
X2 = "2x",
|
|
10
|
+
X3 = "3x",
|
|
11
|
+
X4 = "4x",
|
|
12
|
+
X5 = "5x",
|
|
13
|
+
X6 = "6x",
|
|
14
|
+
X7 = "7x",
|
|
15
|
+
X8 = "8x",
|
|
16
|
+
X9 = "9x",
|
|
17
|
+
X10 = "10x"
|
|
18
|
+
}
|
|
19
|
+
export declare enum ICON_PADDING {
|
|
20
|
+
NONE = 0,
|
|
21
|
+
XXSMALL = 1,
|
|
22
|
+
XSMALL = 2,
|
|
23
|
+
SMALL = 3,
|
|
24
|
+
MEDIUM = 4,
|
|
25
|
+
LARGE = 5
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/molecules/icon/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,GAAG,QAAQ;IACX,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,GAAG,QAAQ;IACX,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,GAAG,QAAQ;CACZ;AAED,oBAAY,YAAY;IACtB,IAAI,IAAA;IACJ,OAAO,IAAA;IACP,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,KAAK,IAAA;CACN"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Notification } from '@bahmni/services';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
interface NotificationContainerProps {
|
|
4
|
+
notifications: Notification[];
|
|
5
|
+
onClose: (id: string) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const NotificationContainer: React.FC<NotificationContainerProps>;
|
|
8
|
+
export default NotificationContainer;
|
|
9
|
+
//# sourceMappingURL=NotificationContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotificationContainer.d.ts","sourceRoot":"","sources":["../../../src/molecules/notification/NotificationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,0BAA0B;IAClC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA2BtE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* SelectedItem is a common component that displays content with a close button.
|
|
4
|
+
* It's typically used for displaying selected items in a list or form context
|
|
5
|
+
* where users can dismiss/remove the selection.
|
|
6
|
+
*/
|
|
7
|
+
export interface SelectedItemProps {
|
|
8
|
+
/**
|
|
9
|
+
* The content to display within the selected item container
|
|
10
|
+
*/
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Function called when the close button is clicked
|
|
14
|
+
*/
|
|
15
|
+
onClose: () => void;
|
|
16
|
+
/**
|
|
17
|
+
* Optional additional CSS class name to apply to the component
|
|
18
|
+
*/
|
|
19
|
+
className?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Optional data test id for testing
|
|
22
|
+
*/
|
|
23
|
+
dataTestId?: string;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* A component for displaying selected items with a close button
|
|
27
|
+
*/
|
|
28
|
+
export declare const SelectedItem: React.FC<SelectedItemProps>;
|
|
29
|
+
export default SelectedItem;
|
|
30
|
+
//# sourceMappingURL=SelectedItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectedItem.d.ts","sourceRoot":"","sources":["../../../src/molecules/selectedItem/SelectedItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8BpD,CAAC;AACF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/selectedItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DataTableHeader } from '@carbon/react';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
interface SortableDataTableProps<T> {
|
|
4
|
+
headers: DataTableHeader[];
|
|
5
|
+
rows: T[];
|
|
6
|
+
sortable?: {
|
|
7
|
+
key: string;
|
|
8
|
+
sortable: boolean;
|
|
9
|
+
}[];
|
|
10
|
+
ariaLabel: string;
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
errorStateMessage?: string | null;
|
|
13
|
+
emptyStateMessage?: string;
|
|
14
|
+
renderCell?: (row: T, cellId: string) => React.ReactNode;
|
|
15
|
+
className?: string;
|
|
16
|
+
onRowClick?: (row: T) => void;
|
|
17
|
+
}
|
|
18
|
+
export declare const SortableDataTable: <T extends {
|
|
19
|
+
id: string;
|
|
20
|
+
}>({ headers, rows, ariaLabel, sortable, loading, errorStateMessage, emptyStateMessage, renderCell, className, onRowClick, }: SortableDataTableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=SortableDataTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SortableDataTable.d.ts","sourceRoot":"","sources":["../../../src/molecules/sortableDataTable/SortableDataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,eAAe,EAEhB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,sBAAsB,CAAC,CAAC;IAChC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAChD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,2HAYzD,sBAAsB,CAAC,CAAC,CAAC,4CAiG3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/sortableDataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface StatusTagProps {
|
|
3
|
+
/**
|
|
4
|
+
* The text label to display in the status tag
|
|
5
|
+
*/
|
|
6
|
+
label: string;
|
|
7
|
+
/**
|
|
8
|
+
* CSS class name for styling the dot icon
|
|
9
|
+
*/
|
|
10
|
+
dotClassName: string;
|
|
11
|
+
/**
|
|
12
|
+
* Test identifier for testing purposes
|
|
13
|
+
*/
|
|
14
|
+
testId: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* StatusTag component that displays a status label with an optional colored dot icon.
|
|
18
|
+
*
|
|
19
|
+
* @component
|
|
20
|
+
* @example
|
|
21
|
+
* ```tsx
|
|
22
|
+
* <StatusTag
|
|
23
|
+
* label="Active"
|
|
24
|
+
* dotClassName="active-status"
|
|
25
|
+
* testId="status-tag"
|
|
26
|
+
* />
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
export declare const StatusTag: React.FC<StatusTagProps>;
|
|
30
|
+
export default StatusTag;
|
|
31
|
+
//# sourceMappingURL=StatusTag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusTag.d.ts","sourceRoot":"","sources":["../../../src/molecules/statusTag/StatusTag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAc9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/statusTag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Properties for TextAreaWClose component
|
|
4
|
+
* @interface TextAreaWCloseProps
|
|
5
|
+
*/
|
|
6
|
+
export interface TextAreaWCloseProps {
|
|
7
|
+
/** Unique identifier for the textarea */
|
|
8
|
+
id: string;
|
|
9
|
+
/** Label text for the textarea */
|
|
10
|
+
labelText: string;
|
|
11
|
+
/** Placeholder text for the textarea */
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
/** Current value of the textarea */
|
|
14
|
+
value?: string;
|
|
15
|
+
/** Callback function called when textarea value changes */
|
|
16
|
+
onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
17
|
+
/** Callback function called when close button is clicked */
|
|
18
|
+
onClose: () => void;
|
|
19
|
+
/** Additional CSS class name */
|
|
20
|
+
className?: string;
|
|
21
|
+
/** Test identifier for the textarea */
|
|
22
|
+
'data-testid'?: string;
|
|
23
|
+
/** Test identifier for the close button */
|
|
24
|
+
closeButtonTestId?: string;
|
|
25
|
+
/** Whether the textarea is disabled */
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
/** Whether the textarea is in an invalid state */
|
|
28
|
+
invalid?: boolean;
|
|
29
|
+
/** Error message to display when invalid */
|
|
30
|
+
invalidText?: string;
|
|
31
|
+
/** Maximum character count for the textarea. Defaults to 512 */
|
|
32
|
+
maxCount?: number;
|
|
33
|
+
/** Whether to enable the character/word counter. Defaults to false */
|
|
34
|
+
enableCounter?: boolean;
|
|
35
|
+
/** Counter mode - character or word count. Defaults to 'character' */
|
|
36
|
+
counterMode?: 'character' | 'word';
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* TextAreaWClose component - A textarea with an integrated close button
|
|
40
|
+
*
|
|
41
|
+
* This component provides a textarea input with a close button positioned
|
|
42
|
+
* within the same grid container. It's designed to be reusable across
|
|
43
|
+
* different forms and contexts within the application.
|
|
44
|
+
*
|
|
45
|
+
* @param {TextAreaWCloseProps} props - Component props
|
|
46
|
+
* @returns {JSX.Element} The rendered TextAreaWClose component
|
|
47
|
+
*/
|
|
48
|
+
export declare const TextAreaWClose: React.FC<TextAreaWCloseProps>;
|
|
49
|
+
export default TextAreaWClose;
|
|
50
|
+
//# sourceMappingURL=TextAreaWClose.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextAreaWClose.d.ts","sourceRoot":"","sources":["../../../src/molecules/textAreaWClose/TextAreaWClose.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAClE,4DAA4D;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sEAAsE;IACtE,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;CACpC;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8DxD,CAAC;AACF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/textAreaWClose/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ICON_SIZE, ICON_PADDING } from '../icon';
|
|
3
|
+
export interface TooltipIconProps {
|
|
4
|
+
/**
|
|
5
|
+
* Icon name in the format "fa-home", "fa-file-lines", etc.
|
|
6
|
+
*/
|
|
7
|
+
iconName: string;
|
|
8
|
+
/**
|
|
9
|
+
* The content to display in the tooltip
|
|
10
|
+
*/
|
|
11
|
+
content: React.ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Icon size from ICON_SIZE enum
|
|
14
|
+
* @default ICON_SIZE.LG
|
|
15
|
+
*/
|
|
16
|
+
iconSize?: ICON_SIZE;
|
|
17
|
+
/**
|
|
18
|
+
* Icon padding from ICON_PADDING enum
|
|
19
|
+
* @default ICON_PADDING.NONE
|
|
20
|
+
*/
|
|
21
|
+
iconPadding?: ICON_PADDING;
|
|
22
|
+
/**
|
|
23
|
+
* Whether the tooltip should auto-align
|
|
24
|
+
* @default true
|
|
25
|
+
*/
|
|
26
|
+
autoAlign?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Additional CSS class name for custom styling
|
|
29
|
+
*/
|
|
30
|
+
className?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Test identifier for testing purposes
|
|
33
|
+
*/
|
|
34
|
+
testId?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Accessibility label for the icon
|
|
37
|
+
*/
|
|
38
|
+
ariaLabel?: string;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* TooltipIcon component that combines an icon with a toggletip for displaying additional information.
|
|
42
|
+
*
|
|
43
|
+
* @component
|
|
44
|
+
* @example
|
|
45
|
+
* ```tsx
|
|
46
|
+
* <TooltipIcon
|
|
47
|
+
* iconName="fa-file-lines"
|
|
48
|
+
* content="This is additional information"
|
|
49
|
+
* testId="info-tooltip"
|
|
50
|
+
* />
|
|
51
|
+
* ```
|
|
52
|
+
*/
|
|
53
|
+
export declare const TooltipIcon: React.FC<TooltipIconProps>;
|
|
54
|
+
export default TooltipIcon;
|
|
55
|
+
//# sourceMappingURL=TooltipIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipIcon.d.ts","sourceRoot":"","sources":["../../../src/molecules/tooltipIcon/TooltipIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGxD,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoClD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/tooltipIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { HeaderProps } from './models';
|
|
3
|
+
/**
|
|
4
|
+
* Header component combines a header with side navigation, breadcrumbs, and global actions.
|
|
5
|
+
* It provides a consistent navigation experience for the application.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @param {HeaderProps} props - The component props
|
|
9
|
+
* @returns {React.ReactElement} The rendered component
|
|
10
|
+
*/
|
|
11
|
+
export declare const Header: React.FC<HeaderProps>;
|
|
12
|
+
export default Header;
|
|
13
|
+
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/organisms/header/Header.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAKvC;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwGxC,CAAC;AAGF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organisms/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ReactNode, ComponentType } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Side navigation item for header with side navigation component
|
|
4
|
+
*/
|
|
5
|
+
export interface HeaderSideNavItem {
|
|
6
|
+
id: string;
|
|
7
|
+
icon: string;
|
|
8
|
+
label: string;
|
|
9
|
+
href?: string;
|
|
10
|
+
renderIcon?: ComponentType<any>;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Breadcrumb item for header with side navigation component
|
|
14
|
+
*/
|
|
15
|
+
export interface HeaderBreadcrumbItem {
|
|
16
|
+
id: string;
|
|
17
|
+
label: string;
|
|
18
|
+
href?: string;
|
|
19
|
+
isCurrentPage?: boolean;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Global action item for header with side navigation component
|
|
23
|
+
*/
|
|
24
|
+
export interface HeaderGlobalAction {
|
|
25
|
+
id: string;
|
|
26
|
+
label: string;
|
|
27
|
+
renderIcon: ReactNode;
|
|
28
|
+
onClick: () => void;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Props for the Header component
|
|
32
|
+
*/
|
|
33
|
+
export interface HeaderProps {
|
|
34
|
+
breadcrumbItems?: HeaderBreadcrumbItem[];
|
|
35
|
+
globalActions?: HeaderGlobalAction[];
|
|
36
|
+
sideNavItems?: HeaderSideNavItem[];
|
|
37
|
+
activeSideNavItemId?: string | null;
|
|
38
|
+
onSideNavItemClick?: (itemId: string) => void;
|
|
39
|
+
isRail?: boolean;
|
|
40
|
+
ariaLabel?: string;
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=models.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/organisms/header/models.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,UAAU,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,SAAS,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACzC,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Custom hook to manage header side navigation state and interactions
|
|
3
|
+
*
|
|
4
|
+
* @param onItemClick - Callback for when an item is clicked
|
|
5
|
+
* @param initialExpanded - Whether the side nav should start expanded
|
|
6
|
+
* @returns Object containing state and handlers for side navigation
|
|
7
|
+
*/
|
|
8
|
+
export declare const useHeaderSideNav: (onItemClick: (itemId: string) => void, initialExpanded?: boolean) => {
|
|
9
|
+
isSideNavExpanded: boolean;
|
|
10
|
+
handleSideNavItemClick: (e: React.MouseEvent<HTMLElement>, itemId: string) => void;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=useHeaderSideNav.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useHeaderSideNav.d.ts","sourceRoot":"","sources":["../../../src/organisms/header/useHeaderSideNav.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAC3B,aAAa,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,EACrC,kBAAiB,OAAc;;gCA2BzB,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,UAAU,MAAM;CAWpD,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface SidebarItem {
|
|
2
|
+
id: string;
|
|
3
|
+
label: string;
|
|
4
|
+
icon?: string;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Custom hook to manage sidebar navigation state
|
|
8
|
+
* Handles active item selection and provides unified interface for sidebar interactions
|
|
9
|
+
*
|
|
10
|
+
* @param items - Array of sidebar items
|
|
11
|
+
* @returns Object containing active item ID and click handler
|
|
12
|
+
*/
|
|
13
|
+
export declare const useSidebarNavigation: (items: SidebarItem[]) => {
|
|
14
|
+
activeItemId: string | null;
|
|
15
|
+
handleItemClick: (itemId: string) => void;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=useSidebarNavigation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSidebarNavigation.d.ts","sourceRoot":"","sources":["../../../src/organisms/header/useSidebarNavigation.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAAI,OAAO,WAAW,EAAE;;8BAeV,MAAM;CAQpD,CAAC"}
|