@clicoh/orion-library 1.1.0-beta.7 → 1.1.0-beta.8
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/assets/css/base.css +18 -0
- package/dist/components/01-atoms/Badge/Badge.d.ts +14 -4
- package/dist/components/01-atoms/Badge/Badge.d.ts.map +1 -1
- package/dist/components/01-atoms/Badge/Badge.jsx +34 -4
- package/dist/components/01-atoms/Badge/Badge.jsx.map +1 -1
- package/dist/components/01-atoms/CountryFlag/CountryFlag.d.ts +30 -0
- package/dist/components/01-atoms/CountryFlag/CountryFlag.d.ts.map +1 -0
- package/dist/components/01-atoms/CountryFlag/CountryFlag.jsx +105 -0
- package/dist/components/01-atoms/CountryFlag/CountryFlag.jsx.map +1 -0
- package/dist/components/01-atoms/CountryFlag/index.d.ts +3 -0
- package/dist/components/01-atoms/CountryFlag/index.d.ts.map +1 -0
- package/dist/components/01-atoms/CountryFlag/index.js +2 -0
- package/dist/components/01-atoms/CountryFlag/index.js.map +1 -0
- package/dist/components/01-atoms/Input/Input.d.ts +3 -1
- package/dist/components/01-atoms/Input/Input.d.ts.map +1 -1
- package/dist/components/01-atoms/Input/Input.jsx +5 -2
- package/dist/components/01-atoms/Input/Input.jsx.map +1 -1
- package/dist/components/01-atoms/Input/utils/border.d.ts +6 -1
- package/dist/components/01-atoms/Input/utils/border.d.ts.map +1 -1
- package/dist/components/01-atoms/Input/utils/border.js +13 -3
- package/dist/components/01-atoms/Input/utils/border.js.map +1 -1
- package/dist/components/01-atoms/MultiSelect/MultiSelect.d.ts +3 -1
- package/dist/components/01-atoms/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/01-atoms/MultiSelect/MultiSelect.jsx +17 -5
- package/dist/components/01-atoms/MultiSelect/MultiSelect.jsx.map +1 -1
- package/dist/components/01-atoms/Paragraph/Paragraph.d.ts +14 -4
- package/dist/components/01-atoms/Paragraph/Paragraph.d.ts.map +1 -1
- package/dist/components/01-atoms/Paragraph/Paragraph.jsx +30 -8
- package/dist/components/01-atoms/Paragraph/Paragraph.jsx.map +1 -1
- package/dist/components/01-atoms/Select/Select.d.ts +3 -1
- package/dist/components/01-atoms/Select/Select.d.ts.map +1 -1
- package/dist/components/01-atoms/Select/Select.jsx +10 -4
- package/dist/components/01-atoms/Select/Select.jsx.map +1 -1
- package/dist/components/01-atoms/index.d.ts +1 -0
- package/dist/components/01-atoms/index.d.ts.map +1 -1
- package/dist/components/01-atoms/index.js +1 -0
- package/dist/components/01-atoms/index.js.map +1 -1
- package/dist/components/02-molecules/Autocomplete/Autocomplete.d.ts +3 -1
- package/dist/components/02-molecules/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/02-molecules/Autocomplete/Autocomplete.jsx +3 -2
- package/dist/components/02-molecules/Autocomplete/Autocomplete.jsx.map +1 -1
- package/dist/components/02-molecules/BellNotifications/index.d.ts +1 -1
- package/dist/components/02-molecules/BellNotifications/index.d.ts.map +1 -1
- package/dist/components/02-molecules/Filter/Filter.d.ts +13 -50
- package/dist/components/02-molecules/Filter/Filter.d.ts.map +1 -1
- package/dist/components/02-molecules/Filter/Filter.jsx +156 -165
- package/dist/components/02-molecules/Filter/Filter.jsx.map +1 -1
- package/dist/components/02-molecules/Filter/index.d.ts +2 -0
- package/dist/components/02-molecules/Filter/index.d.ts.map +1 -1
- package/dist/components/02-molecules/Filter/index.js +2 -0
- package/dist/components/02-molecules/Filter/index.js.map +1 -1
- package/dist/components/02-molecules/Filter/types.d.ts +59 -0
- package/dist/components/02-molecules/Filter/types.d.ts.map +1 -0
- package/dist/components/02-molecules/Filter/types.js +2 -0
- package/dist/components/02-molecules/Filter/types.js.map +1 -0
- package/dist/components/02-molecules/Filter/utils/getFilterChips.d.ts +23 -0
- package/dist/components/02-molecules/Filter/utils/getFilterChips.d.ts.map +1 -0
- package/dist/components/02-molecules/Filter/utils/getFilterChips.js +47 -0
- package/dist/components/02-molecules/Filter/utils/getFilterChips.js.map +1 -0
- package/dist/components/02-molecules/FilterChips/FilterChips.d.ts +44 -0
- package/dist/components/02-molecules/FilterChips/FilterChips.d.ts.map +1 -0
- package/dist/components/02-molecules/FilterChips/FilterChips.jsx +60 -0
- package/dist/components/02-molecules/FilterChips/FilterChips.jsx.map +1 -0
- package/dist/components/02-molecules/FilterChips/index.d.ts +2 -0
- package/dist/components/02-molecules/FilterChips/index.d.ts.map +1 -0
- package/dist/components/02-molecules/FilterChips/index.js +2 -0
- package/dist/components/02-molecules/FilterChips/index.js.map +1 -0
- package/dist/components/02-molecules/ImageViewer/ImageViewer.d.ts +60 -0
- package/dist/components/02-molecules/ImageViewer/ImageViewer.d.ts.map +1 -0
- package/dist/components/02-molecules/ImageViewer/ImageViewer.jsx +144 -0
- package/dist/components/02-molecules/ImageViewer/ImageViewer.jsx.map +1 -0
- package/dist/components/02-molecules/ImageViewer/index.d.ts +2 -0
- package/dist/components/02-molecules/ImageViewer/index.d.ts.map +1 -0
- package/dist/components/02-molecules/ImageViewer/index.js +2 -0
- package/dist/components/02-molecules/ImageViewer/index.js.map +1 -0
- package/dist/components/02-molecules/SideNav/SideNav.d.ts +58 -0
- package/dist/components/02-molecules/SideNav/SideNav.d.ts.map +1 -0
- package/dist/components/02-molecules/SideNav/SideNav.jsx +53 -0
- package/dist/components/02-molecules/SideNav/SideNav.jsx.map +1 -0
- package/dist/components/02-molecules/SideNav/SideNavItem.d.ts +36 -0
- package/dist/components/02-molecules/SideNav/SideNavItem.d.ts.map +1 -0
- package/dist/components/02-molecules/SideNav/SideNavItem.jsx +38 -0
- package/dist/components/02-molecules/SideNav/SideNavItem.jsx.map +1 -0
- package/dist/components/02-molecules/SideNav/index.d.ts +3 -0
- package/dist/components/02-molecules/SideNav/index.d.ts.map +1 -0
- package/dist/components/02-molecules/SideNav/index.js +3 -0
- package/dist/components/02-molecules/SideNav/index.js.map +1 -0
- package/dist/components/02-molecules/Tab/TabItem.d.ts +4 -1
- package/dist/components/02-molecules/Tab/TabItem.d.ts.map +1 -1
- package/dist/components/02-molecules/Tab/TabItem.jsx +9 -2
- package/dist/components/02-molecules/Tab/TabItem.jsx.map +1 -1
- package/dist/components/02-molecules/Tab/TabList.d.ts +12 -2
- package/dist/components/02-molecules/Tab/TabList.d.ts.map +1 -1
- package/dist/components/02-molecules/Tab/TabList.jsx +40 -9
- package/dist/components/02-molecules/Tab/TabList.jsx.map +1 -1
- package/dist/components/02-molecules/Table/Table.d.ts.map +1 -1
- package/dist/components/02-molecules/Table/Table.jsx +6 -3
- package/dist/components/02-molecules/Table/Table.jsx.map +1 -1
- package/dist/components/02-molecules/index.d.ts +3 -0
- package/dist/components/02-molecules/index.d.ts.map +1 -1
- package/dist/components/02-molecules/index.js +3 -0
- package/dist/components/02-molecules/index.js.map +1 -1
- package/dist/components/03-organisms/AsideFilters/AsideFilters.jsx +1 -1
- package/dist/components/03-organisms/AsideFilters/AsideFilters.jsx.map +1 -1
- package/dist/components/03-organisms/DataTable/DataTable.d.ts +10 -1
- package/dist/components/03-organisms/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/03-organisms/DataTable/DataTable.jsx +16 -3
- package/dist/components/03-organisms/DataTable/DataTable.jsx.map +1 -1
- package/dist/components/03-organisms/Header/HeaderActions.d.ts.map +1 -1
- package/dist/components/03-organisms/Header/HeaderActions.jsx +1 -1
- package/dist/components/03-organisms/Header/HeaderActions.jsx.map +1 -1
- package/dist/components/04-templates/SideFilterTemplate/SideFilterTemplate.d.ts +3 -1
- package/dist/components/04-templates/SideFilterTemplate/SideFilterTemplate.d.ts.map +1 -1
- package/dist/components/04-templates/SideFilterTemplate/SideFilterTemplate.jsx +3 -1
- package/dist/components/04-templates/SideFilterTemplate/SideFilterTemplate.jsx.map +1 -1
- package/package.json +1 -1
- package/tailwind.config.ts +21 -0
|
@@ -8,6 +8,7 @@ import clsx from 'clsx';
|
|
|
8
8
|
* <TabItem
|
|
9
9
|
* icon={<SomeIcon />}
|
|
10
10
|
* isActive={true}
|
|
11
|
+
* count={12}
|
|
11
12
|
* className="custom-class"
|
|
12
13
|
* >
|
|
13
14
|
* Tab Content
|
|
@@ -16,16 +17,22 @@ import clsx from 'clsx';
|
|
|
16
17
|
* @param {Object} props - The properties of the TabItem component.
|
|
17
18
|
* @param {ReactNode|string} [props.icon] - Optional icon to display alongside the tab content.
|
|
18
19
|
* @param {boolean} [props.isActive] - Whether the tab item is currently active.
|
|
20
|
+
* @param {number|string} [props.count] - Optional counter rendered as plain text after the label.
|
|
19
21
|
* @param {ReactNode} props.children - The content to be displayed inside the tab item.
|
|
20
22
|
* @param {Object} [props.restProps] - Additional HTML attributes for the container div.
|
|
21
23
|
*
|
|
22
24
|
* @returns {ReactNode} The rendered TabItem component.
|
|
23
25
|
*/
|
|
24
|
-
export function TabItem({ children, icon, isActive, ...restProps }) {
|
|
25
|
-
return (<button type="button" role="tab" {...restProps} className={clsx('disabled:text-gray-3
|
|
26
|
+
export function TabItem({ children, icon, isActive, count, ...restProps }) {
|
|
27
|
+
return (<button type="button" role="tab" {...restProps} className={clsx('focus-visible:ring-lavender disabled:text-gray-3 dark:disabled:text-gray-2 relative z-10 inline-flex w-full cursor-pointer items-center gap-2 py-2 text-sm text-black focus-visible:ring-2 focus-visible:outline-none disabled:cursor-not-allowed dark:text-white', isActive &&
|
|
26
28
|
'before:bg-lavender before:absolute before:bottom-0 before:left-0 before:block before:h-[2.5px] before:w-full', restProps.className)}>
|
|
27
29
|
{!!icon && <span aria-hidden>{icon}</span>}
|
|
28
30
|
<span>{children}</span>
|
|
31
|
+
{count !== undefined && (<span className={clsx('font-semibold', isActive
|
|
32
|
+
? 'text-black dark:text-white'
|
|
33
|
+
: 'text-gray-1 dark:text-gray-2')}>
|
|
34
|
+
{count}
|
|
35
|
+
</span>)}
|
|
29
36
|
</button>);
|
|
30
37
|
}
|
|
31
38
|
//# sourceMappingURL=TabItem.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Tab/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"TabItem.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Tab/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AASxB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,GAAG,SAAS,EACC;IACb,OAAO,CACL,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,IAAI,CAAC,KAAK,CACV,IAAI,SAAS,CAAC,CACd,SAAS,CAAC,CAAC,IAAI,CACb,mQAAmQ,EACnQ,QAAQ;YACN,8GAA8G,EAChH,SAAS,CAAC,SAAS,CACpB,CAAC,CAEF;MAAA,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAC1C;MAAA,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CACtB;MAAA,CAAC,KAAK,KAAK,SAAS,IAAI,CACtB,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,IAAI,CACb,eAAe,EACf,QAAQ;gBACN,CAAC,CAAC,4BAA4B;gBAC9B,CAAC,CAAC,8BAA8B,CACnC,CAAC,CAEF;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -8,6 +8,7 @@ export type TabListProps = {
|
|
|
8
8
|
callback?: (index: number) => void;
|
|
9
9
|
listProps?: Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
|
|
10
10
|
contentProps?: HTMLAttributes<HTMLDivElement>;
|
|
11
|
+
actions?: ReactNode;
|
|
11
12
|
firstActiveTab?: number;
|
|
12
13
|
modifier?: TabsVariants;
|
|
13
14
|
container?: boolean;
|
|
@@ -20,7 +21,7 @@ export type TabListProps = {
|
|
|
20
21
|
* // Example usage of TabList component
|
|
21
22
|
* <TabList
|
|
22
23
|
* list={[
|
|
23
|
-
* { title: 'Tab 1', children: <div>Content 1</div> },
|
|
24
|
+
* { title: 'Tab 1', count: 12, children: <div>Content 1</div> },
|
|
24
25
|
* { title: 'Tab 2', children: <div>Content 2</div> }
|
|
25
26
|
* ]}
|
|
26
27
|
* callback={(index) => console.log('Active tab:', index)}
|
|
@@ -31,15 +32,24 @@ export type TabListProps = {
|
|
|
31
32
|
* container={true}
|
|
32
33
|
* />
|
|
33
34
|
*
|
|
35
|
+
* @example
|
|
36
|
+
* // With trailing content on the same row as the tabs
|
|
37
|
+
* <TabList
|
|
38
|
+
* list={[{ title: 'Tab 1', children: <div>Content 1</div> }]}
|
|
39
|
+
* actions={<Button modifier="text">Filters</Button>}
|
|
40
|
+
* />
|
|
41
|
+
*
|
|
34
42
|
* @param {Object} props - The properties of the TabList component.
|
|
35
43
|
* @param {Array<Object>} props.list - The list of tabs to be displayed.
|
|
36
44
|
* @param {string} props.list.title - The title of the tab.
|
|
45
|
+
* @param {number|string} [props.list.count] - Optional counter rendered as plain text after the title.
|
|
37
46
|
* @param {ReactNode} props.list.children - The content to be displayed inside the tab.
|
|
38
47
|
* @param {Function} [props.callback] - Optional callback function triggered when a tab is clicked.
|
|
39
48
|
* @param {Object} [props.listProps] - Additional properties for the list container.
|
|
40
49
|
* @param {string} [props.listProps.className] - Custom class name for the list container.
|
|
41
50
|
* @param {Object} [props.contentProps] - Additional properties for the content container.
|
|
42
51
|
* @param {string} [props.contentProps.className] - Custom class name for the content container.
|
|
52
|
+
* @param {ReactNode} [props.actions] - Optional content aligned to the right of the tabs, on the same row.
|
|
43
53
|
* @param {number} [props.firstActiveTab=0] - The index of the initially active tab.
|
|
44
54
|
* @param {'primary' | 'second'} [props.modifier='primary'] - The style modifier for the tabs.
|
|
45
55
|
* @param {boolean} [props.container=false] - Whether to wrap the tabs and content in a container.
|
|
@@ -47,5 +57,5 @@ export type TabListProps = {
|
|
|
47
57
|
*
|
|
48
58
|
* @returns {ReactNode} The rendered TabList component.
|
|
49
59
|
*/
|
|
50
|
-
export declare function TabList({ list, callback, listProps, contentProps, modifier, firstActiveTab, container, ...restProps }: TabListProps): ReactNode;
|
|
60
|
+
export declare function TabList({ list, callback, listProps, contentProps, actions, modifier, firstActiveTab, container, ...restProps }: TabListProps): ReactNode;
|
|
51
61
|
//# sourceMappingURL=TabList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Tab/TabList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,cAAc,EAEnB,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,KAAK,CAAC,YAAY,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;IAC9D,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAenC
|
|
1
|
+
{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Tab/TabList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,cAAc,EAEnB,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,KAAK,CAAC,YAAY,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;IAC9D,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAenC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,EACP,QAAoB,EACpB,cAAkB,EAClB,SAAiB,EACjB,GAAG,SAAS,EACb,EAAE,YAAY,GAAG,SAAS,CAqH1B"}
|
|
@@ -23,7 +23,7 @@ const validateTabs = (firstActiveTab, length) => firstActiveTab < length && !(fi
|
|
|
23
23
|
* // Example usage of TabList component
|
|
24
24
|
* <TabList
|
|
25
25
|
* list={[
|
|
26
|
-
* { title: 'Tab 1', children: <div>Content 1</div> },
|
|
26
|
+
* { title: 'Tab 1', count: 12, children: <div>Content 1</div> },
|
|
27
27
|
* { title: 'Tab 2', children: <div>Content 2</div> }
|
|
28
28
|
* ]}
|
|
29
29
|
* callback={(index) => console.log('Active tab:', index)}
|
|
@@ -34,15 +34,24 @@ const validateTabs = (firstActiveTab, length) => firstActiveTab < length && !(fi
|
|
|
34
34
|
* container={true}
|
|
35
35
|
* />
|
|
36
36
|
*
|
|
37
|
+
* @example
|
|
38
|
+
* // With trailing content on the same row as the tabs
|
|
39
|
+
* <TabList
|
|
40
|
+
* list={[{ title: 'Tab 1', children: <div>Content 1</div> }]}
|
|
41
|
+
* actions={<Button modifier="text">Filters</Button>}
|
|
42
|
+
* />
|
|
43
|
+
*
|
|
37
44
|
* @param {Object} props - The properties of the TabList component.
|
|
38
45
|
* @param {Array<Object>} props.list - The list of tabs to be displayed.
|
|
39
46
|
* @param {string} props.list.title - The title of the tab.
|
|
47
|
+
* @param {number|string} [props.list.count] - Optional counter rendered as plain text after the title.
|
|
40
48
|
* @param {ReactNode} props.list.children - The content to be displayed inside the tab.
|
|
41
49
|
* @param {Function} [props.callback] - Optional callback function triggered when a tab is clicked.
|
|
42
50
|
* @param {Object} [props.listProps] - Additional properties for the list container.
|
|
43
51
|
* @param {string} [props.listProps.className] - Custom class name for the list container.
|
|
44
52
|
* @param {Object} [props.contentProps] - Additional properties for the content container.
|
|
45
53
|
* @param {string} [props.contentProps.className] - Custom class name for the content container.
|
|
54
|
+
* @param {ReactNode} [props.actions] - Optional content aligned to the right of the tabs, on the same row.
|
|
46
55
|
* @param {number} [props.firstActiveTab=0] - The index of the initially active tab.
|
|
47
56
|
* @param {'primary' | 'second'} [props.modifier='primary'] - The style modifier for the tabs.
|
|
48
57
|
* @param {boolean} [props.container=false] - Whether to wrap the tabs and content in a container.
|
|
@@ -50,7 +59,7 @@ const validateTabs = (firstActiveTab, length) => firstActiveTab < length && !(fi
|
|
|
50
59
|
*
|
|
51
60
|
* @returns {ReactNode} The rendered TabList component.
|
|
52
61
|
*/
|
|
53
|
-
export function TabList({ list, callback, listProps, contentProps, modifier = 'primary', firstActiveTab = 0, container = false, ...restProps }) {
|
|
62
|
+
export function TabList({ list, callback, listProps, contentProps, actions, modifier = 'primary', firstActiveTab = 0, container = false, ...restProps }) {
|
|
54
63
|
const [activeTab, setActiveTab] = useState(validateTabs(firstActiveTab, list.length));
|
|
55
64
|
const generatedId = useId();
|
|
56
65
|
const handleItem = (index) => {
|
|
@@ -82,29 +91,51 @@ export function TabList({ list, callback, listProps, contentProps, modifier = 'p
|
|
|
82
91
|
const panel = (<div {...contentProps} id={`${generatedId}-panel-${activeTab}`} role="tabpanel" aria-labelledby={`${generatedId}-tab-${activeTab}`} tabIndex={0}>
|
|
83
92
|
{list[activeTab].children}
|
|
84
93
|
</div>);
|
|
94
|
+
const listArgs = {
|
|
95
|
+
list,
|
|
96
|
+
handleItem,
|
|
97
|
+
handleKeyDown,
|
|
98
|
+
activeTab,
|
|
99
|
+
generatedId,
|
|
100
|
+
};
|
|
101
|
+
/**
|
|
102
|
+
* `rowClassName` es donde vive la linea inferior. Con `actions` la lleva la
|
|
103
|
+
* fila y no la lista, para que cruce el ancho completo y las acciones queden
|
|
104
|
+
* apoyadas sobre ella en vez de caer en un renglon aparte.
|
|
105
|
+
*
|
|
106
|
+
* El `pb-3` de las pestanas iguala el espacio que un `Button` deja debajo de
|
|
107
|
+
* su texto (10px de padding mas 2px de borde), asi las etiquetas de las
|
|
108
|
+
* pestanas y las de las acciones apoyan sobre la misma linea de base.
|
|
109
|
+
*
|
|
110
|
+
* El `pb-1.5` de la fila despega ese conjunto de la linea: sin el, un boton
|
|
111
|
+
* de accion apoya su borde inferior justo sobre ella y queda pegado a lo que
|
|
112
|
+
* sigue. Va en la fila y no en cada parte para no desarmar la linea de base.
|
|
113
|
+
*/
|
|
114
|
+
const renderTabs = (rowClassName, listClassName) => actions ? (<div className={clsx('flex items-end justify-between gap-8 pb-1.5', rowClassName)}>
|
|
115
|
+
<RenderList className={listClassName} itemClassName="pb-3" {...listArgs}/>
|
|
116
|
+
<div className="flex shrink-0 items-center gap-5">{actions}</div>
|
|
117
|
+
</div>) : (<RenderList className={clsx(rowClassName, listClassName)} {...listArgs}/>);
|
|
85
118
|
const Element = Object.keys(restProps).length ? 'div' : Fragment;
|
|
86
119
|
return (<Element {...restProps}>
|
|
87
120
|
<Show>
|
|
88
121
|
<Show.When isTrue={container}>
|
|
89
122
|
<div className={clsx('border-b', styleMap[modifier], listProps?.className)}>
|
|
90
|
-
<Container>
|
|
91
|
-
<RenderList className="gap-4" list={list} handleItem={handleItem} handleKeyDown={handleKeyDown} activeTab={activeTab} generatedId={generatedId}/>
|
|
92
|
-
</Container>
|
|
123
|
+
<Container>{renderTabs('', 'gap-4')}</Container>
|
|
93
124
|
</div>
|
|
94
125
|
<Container>{panel}</Container>
|
|
95
126
|
</Show.When>
|
|
96
127
|
<Show.Else>
|
|
97
|
-
|
|
128
|
+
{renderTabs(clsx('border-b', styleMap[modifier]), clsx('gap-4', listProps?.className))}
|
|
98
129
|
{panel}
|
|
99
130
|
</Show.Else>
|
|
100
131
|
</Show>
|
|
101
132
|
</Element>);
|
|
102
133
|
}
|
|
103
|
-
const RenderList = ({ className, list, handleItem, handleKeyDown, activeTab, generatedId, }) => {
|
|
134
|
+
const RenderList = ({ className, itemClassName, list, handleItem, handleKeyDown, activeTab, generatedId, }) => {
|
|
104
135
|
return (<List role="tablist" aria-orientation="horizontal" orientation="horizontal" className={className}>
|
|
105
|
-
<Each of={list} render={({ title, icon }, index) => {
|
|
136
|
+
<Each of={list} render={({ title, icon, count }, index) => {
|
|
106
137
|
return (<li key={title} role="presentation">
|
|
107
|
-
<TabItem id={`${generatedId}-tab-${index}`} aria-controls={`${generatedId}-panel-${index}`} aria-selected={index === activeTab} tabIndex={index === activeTab ? 0 : -1} icon={icon} onClick={() => handleItem(index)} onKeyDown={(event) => handleKeyDown(event, index)} isActive={index === activeTab}>
|
|
138
|
+
<TabItem id={`${generatedId}-tab-${index}`} aria-controls={`${generatedId}-panel-${index}`} aria-selected={index === activeTab} tabIndex={index === activeTab ? 0 : -1} className={itemClassName} icon={icon} count={count} onClick={() => handleItem(index)} onKeyDown={(event) => handleKeyDown(event, index)} isActive={index === activeTab}>
|
|
108
139
|
{title}
|
|
109
140
|
</TabItem>
|
|
110
141
|
</li>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Tab/TabList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EACL,QAAQ,EAIR,KAAK,EACL,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"TabList.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Tab/TabList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/Table.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -154,17 +154,20 @@ export function Table({ headers, id, data, action, actions, selectable = false,
|
|
|
154
154
|
return (<div {...restProps} className={clsx('overflow-x-auto', restProps.className)}>
|
|
155
155
|
<table {...tableProps} aria-label={tableName ?? tableProps?.['aria-label']} className={clsx('w-full min-w-full text-left dark:text-white', tableProps?.className)}>
|
|
156
156
|
<thead>
|
|
157
|
-
<tr className="border-gray-5 dark:border-gray-1 border-b text-xs">
|
|
158
|
-
{!!selectable && !!multiple && (<th className="px-4 py-3">
|
|
157
|
+
<tr className="border-gray-5 bg-gray-7 text-gray-1 dark:border-gray-1 dark:bg-black-1 dark:text-gray-2 border-b text-xs">
|
|
158
|
+
{!!selectable && !!multiple && (<th className="px-4 py-3 font-normal">
|
|
159
159
|
<Checkbox label={{ className: 'hidden' }} checkbox={{
|
|
160
160
|
checked: selectAll,
|
|
161
161
|
onChange: handlerSelectAll,
|
|
162
162
|
'aria-label': selectAllLabel,
|
|
163
163
|
}}/>
|
|
164
164
|
</th>)}
|
|
165
|
-
<Each of={headers} render={({ title, key }) => (<th key={key} className="px-4 py-3">
|
|
165
|
+
<Each of={headers} render={({ title, key }) => (<th key={key} className="px-4 py-3 font-normal">
|
|
166
166
|
{title}
|
|
167
167
|
</th>)}/>
|
|
168
|
+
{/* La columna de acciones no tiene titulo, pero necesita su celda
|
|
169
|
+
para que la cabecera y el cuerpo tengan la misma cantidad. */}
|
|
170
|
+
{!!actions && <th className="px-4 py-3"/>}
|
|
168
171
|
</tr>
|
|
169
172
|
</thead>
|
|
170
173
|
{!!data.length && (<tbody>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/Table.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Table.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './Table';
|
|
2
2
|
export * from './Filter';
|
|
3
|
+
export * from './FilterChips';
|
|
3
4
|
export * from './Dropdown';
|
|
4
5
|
export * from './Container';
|
|
5
6
|
export * from './SlideOver';
|
|
@@ -8,6 +9,8 @@ export * from './Pagination';
|
|
|
8
9
|
export * from './Menu';
|
|
9
10
|
export * from './Modal';
|
|
10
11
|
export * from './Tab';
|
|
12
|
+
export * from './SideNav';
|
|
13
|
+
export * from './ImageViewer';
|
|
11
14
|
export * from './Avatar';
|
|
12
15
|
export * from './ButtonGroup';
|
|
13
16
|
export * from './Accordion';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './Table';
|
|
2
2
|
export * from './Filter';
|
|
3
|
+
export * from './FilterChips';
|
|
3
4
|
export * from './Dropdown';
|
|
4
5
|
export * from './Container';
|
|
5
6
|
export * from './SlideOver';
|
|
@@ -8,6 +9,8 @@ export * from './Pagination';
|
|
|
8
9
|
export * from './Menu';
|
|
9
10
|
export * from './Modal';
|
|
10
11
|
export * from './Tab';
|
|
12
|
+
export * from './SideNav';
|
|
13
|
+
export * from './ImageViewer';
|
|
11
14
|
export * from './Avatar';
|
|
12
15
|
export * from './ButtonGroup';
|
|
13
16
|
export * from './Accordion';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
|
|
@@ -21,7 +21,7 @@ import { Filter, SlideOver } from '../../02-molecules';
|
|
|
21
21
|
*/
|
|
22
22
|
export function AsideFilters({ title, filter, closeCallback, }) {
|
|
23
23
|
return (<SlideOver side="right" closeCallback={closeCallback}>
|
|
24
|
-
<div className="border-gray-5 dark:border-gray-1 border-b px-5 py-4 dark:text-white">
|
|
24
|
+
<div className="border-gray-5 dark:border-gray-1 sticky top-0 z-10 border-b bg-white px-5 py-4 dark:bg-black dark:text-white">
|
|
25
25
|
<Heading level="h6">{title}</Heading>
|
|
26
26
|
</div>
|
|
27
27
|
<Filter {...filter}/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AsideFilters.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/AsideFilters/AsideFilters.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAQvD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,aAAa,GACK;IAClB,OAAO,CACL,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC,CACnD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"AsideFilters.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/AsideFilters/AsideFilters.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAQvD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,aAAa,GACK;IAClB,OAAO,CACL,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC,CACnD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,8GAA8G,CAC3H;QAAA,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACtC;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,EACrB;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -3,10 +3,17 @@ import { Pagination, Table } from '../../02-molecules';
|
|
|
3
3
|
type DataTableProps = {
|
|
4
4
|
table: Pick<ComponentProps<typeof Table>, 'id' | 'headers' | 'data' | 'action' | 'actions' | 'loading' | 'selectable' | 'multiple' | 'currentSelection' | 'setCurrentSelection' | 'tableName' | 'selectAllLabel' | 'getRowSelectionLabel' | 'getRowActionLabel' | 'footer' | 'tableProps'>;
|
|
5
5
|
pagination: Pick<ComponentProps<typeof Pagination>, 'currentPage' | 'pageChange' | 'itemsPerPage' | 'totalItems' | 'navigationLabel' | 'previousPageLabel' | 'nextPageLabel' | 'itemsPerPageLabel'>;
|
|
6
|
+
summary?: ReactNode;
|
|
7
|
+
modifier?: DataTableVariants;
|
|
6
8
|
} & HTMLAttributes<HTMLDivElement>;
|
|
9
|
+
export type DataTableVariants = 'card' | 'plain';
|
|
7
10
|
/**
|
|
8
11
|
* DataTable component for rendering a table with pagination.
|
|
9
12
|
*
|
|
13
|
+
* The `card` modifier frames the table in a rounded box; `plain` drops the frame
|
|
14
|
+
* so only the row separators are left, for tables that read as part of the page
|
|
15
|
+
* instead of as a card.
|
|
16
|
+
*
|
|
10
17
|
* @component
|
|
11
18
|
* @example
|
|
12
19
|
* // Example usage of DataTable component
|
|
@@ -40,10 +47,12 @@ type DataTableProps = {
|
|
|
40
47
|
* @param {Function} props.pagination.pageChange - The function to handle page changes.
|
|
41
48
|
* @param {number} props.pagination.itemsPerPage - The number of items per page.
|
|
42
49
|
* @param {number} props.pagination.totalItems - The total number of items.
|
|
50
|
+
* @param {ReactNode} [props.summary] - Optional content aligned to the left of the pagination row.
|
|
51
|
+
* @param {'card' | 'plain'} [props.modifier='card'] - Whether the table is framed in a box.
|
|
43
52
|
* @param {Object} [props.restProps] - Additional properties to be passed to the component.
|
|
44
53
|
*
|
|
45
54
|
* @returns {ReactNode} The rendered DataTable component.
|
|
46
55
|
*/
|
|
47
|
-
export declare function DataTable({ table, pagination, ...restProps }: DataTableProps): ReactNode;
|
|
56
|
+
export declare function DataTable({ table, pagination, summary, modifier, ...restProps }: DataTableProps): ReactNode;
|
|
48
57
|
export {};
|
|
49
58
|
//# sourceMappingURL=DataTable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/DataTable/DataTable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5E,OAAO,EACL,UAAU,EACV,KAAK,EAGN,MAAM,oBAAoB,CAAC;AAE5B,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,IAAI,CACT,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,IAAI,GACJ,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,GACT,SAAS,GACT,YAAY,GACZ,UAAU,GACV,kBAAkB,GAClB,qBAAqB,GACrB,WAAW,GACX,gBAAgB,GAChB,sBAAsB,GACtB,mBAAmB,GACnB,QAAQ,GACR,YAAY,CACf,CAAC;IACF,UAAU,EAAE,IAAI,CACd,cAAc,CAAC,OAAO,UAAU,CAAC,EAC/B,aAAa,GACb,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,mBAAmB,CACtB,CAAC;
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/DataTable/DataTable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5E,OAAO,EACL,UAAU,EACV,KAAK,EAGN,MAAM,oBAAoB,CAAC;AAE5B,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,IAAI,CACT,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,IAAI,GACJ,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,GACT,SAAS,GACT,YAAY,GACZ,UAAU,GACV,kBAAkB,GAClB,qBAAqB,GACrB,WAAW,GACX,gBAAgB,GAChB,sBAAsB,GACtB,mBAAmB,GACnB,QAAQ,GACR,YAAY,CACf,CAAC;IACF,UAAU,EAAE,IAAI,CACd,cAAc,CAAC,OAAO,UAAU,CAAC,EAC/B,aAAa,GACb,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,mBAAmB,CACtB,CAAC;IACF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAC;AAOjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAiB,EACjB,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,SAAS,CA6E5B"}
|
|
@@ -3,9 +3,17 @@ import clsx from 'clsx';
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { Show } from '../../00-base';
|
|
5
5
|
import { Pagination, Table, } from '../../02-molecules';
|
|
6
|
+
const styleMap = {
|
|
7
|
+
card: clsx('border-gray-5 dark:border-gray-1 rounded-lg border'),
|
|
8
|
+
plain: '',
|
|
9
|
+
};
|
|
6
10
|
/**
|
|
7
11
|
* DataTable component for rendering a table with pagination.
|
|
8
12
|
*
|
|
13
|
+
* The `card` modifier frames the table in a rounded box; `plain` drops the frame
|
|
14
|
+
* so only the row separators are left, for tables that read as part of the page
|
|
15
|
+
* instead of as a card.
|
|
16
|
+
*
|
|
9
17
|
* @component
|
|
10
18
|
* @example
|
|
11
19
|
* // Example usage of DataTable component
|
|
@@ -39,17 +47,19 @@ import { Pagination, Table, } from '../../02-molecules';
|
|
|
39
47
|
* @param {Function} props.pagination.pageChange - The function to handle page changes.
|
|
40
48
|
* @param {number} props.pagination.itemsPerPage - The number of items per page.
|
|
41
49
|
* @param {number} props.pagination.totalItems - The total number of items.
|
|
50
|
+
* @param {ReactNode} [props.summary] - Optional content aligned to the left of the pagination row.
|
|
51
|
+
* @param {'card' | 'plain'} [props.modifier='card'] - Whether the table is framed in a box.
|
|
42
52
|
* @param {Object} [props.restProps] - Additional properties to be passed to the component.
|
|
43
53
|
*
|
|
44
54
|
* @returns {ReactNode} The rendered DataTable component.
|
|
45
55
|
*/
|
|
46
|
-
export function DataTable({ table, pagination, ...restProps }) {
|
|
56
|
+
export function DataTable({ table, pagination, summary, modifier = 'card', ...restProps }) {
|
|
47
57
|
const [numberOfRows, setNumberOfRows] = useState(pagination.itemsPerPage?.at(0) || 10);
|
|
48
58
|
const handlePageChange = (page, itemsPerPage) => {
|
|
49
59
|
setNumberOfRows(itemsPerPage || 10);
|
|
50
60
|
pagination.pageChange(page, itemsPerPage);
|
|
51
61
|
};
|
|
52
|
-
return (<div {...restProps} className={clsx('
|
|
62
|
+
return (<div {...restProps} className={clsx('dark:text-white', styleMap[modifier], restProps.className)}>
|
|
53
63
|
<Show>
|
|
54
64
|
<Show.When isTrue={!table.selectable}>
|
|
55
65
|
<Table {...table} numberOfRows={numberOfRows} selectable={false} multiple={undefined} currentSelection={undefined} setCurrentSelection={undefined}/>
|
|
@@ -62,7 +72,10 @@ export function DataTable({ table, pagination, ...restProps }) {
|
|
|
62
72
|
<Table {...table} numberOfRows={numberOfRows} selectable={true} multiple={false} currentSelection={table.currentSelection} setCurrentSelection={table.setCurrentSelection}/>
|
|
63
73
|
</Show.When>
|
|
64
74
|
</Show>
|
|
65
|
-
<
|
|
75
|
+
<div className={clsx('flex flex-wrap items-center gap-4 px-4 py-2', summary ? 'justify-between' : 'justify-end')}>
|
|
76
|
+
{summary}
|
|
77
|
+
<Pagination {...pagination} pageChange={handlePageChange} className={'justify-end'} disableNavigation={table.loading} disabledNext={table.data.length < numberOfRows}/>
|
|
78
|
+
</div>
|
|
66
79
|
</div>);
|
|
67
80
|
}
|
|
68
81
|
//# sourceMappingURL=DataTable.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAA6C,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EACL,UAAU,EACV,KAAK,GAGN,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"DataTable.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/HeaderActions.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/HeaderActions.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAEL,IAAI,EAGL,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAEL,qBAAqB,EACtB,MAAM,uDAAuD,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;IAC1E,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;CACnD,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,iBAAiB,EACjB,WAAW,EACX,WAAW,GACZ,EAAE,kBAAkB,GAAG,SAAS,CA8DhC"}
|
|
@@ -3,7 +3,7 @@ import { useRef, useState, } from 'react';
|
|
|
3
3
|
import { createPortal } from 'react-dom';
|
|
4
4
|
import { IoEllipsisVertical } from 'react-icons/io5';
|
|
5
5
|
import { ThemeSwitch } from '../../01-atoms';
|
|
6
|
-
import { Avatar, Menu, SlideOver } from '../../02-molecules';
|
|
6
|
+
import { Avatar, Menu, SlideOver, } from '../../02-molecules';
|
|
7
7
|
import { BellNotification, } from '../../02-molecules/BellNotifications/BellNotification';
|
|
8
8
|
/**
|
|
9
9
|
* HeaderActions renders the header controls (theme switch, notifications and
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderActions.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/HeaderActions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAIL,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"HeaderActions.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/HeaderActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ type SideFilterTemplateProps = {
|
|
|
5
5
|
handledClearFilter: any;
|
|
6
6
|
valuesFilter?: (data: Record<string, any>) => void;
|
|
7
7
|
config: any;
|
|
8
|
+
showAppliedFilters?: boolean;
|
|
8
9
|
};
|
|
9
10
|
/**
|
|
10
11
|
* SideFilterTemplate component for rendering a filter sidebar with active filter count and filter controls.
|
|
@@ -24,9 +25,10 @@ type SideFilterTemplateProps = {
|
|
|
24
25
|
* @param {Function} props.handleSetFilter - The function to handle setting filters.
|
|
25
26
|
* @param {Function} props.handledClearFilter - The function to handle clearing filters.
|
|
26
27
|
* @param {any} props.config - The configuration object for the filters.
|
|
28
|
+
* @param {boolean} [props.showAppliedFilters] - Renders the applied filter chips inside the panel. Defaults to true.
|
|
27
29
|
*
|
|
28
30
|
* @returns {ReactNode} The rendered SideFilterTemplate component.
|
|
29
31
|
*/
|
|
30
|
-
export declare function SideFilterTemplate({ filterCount, handleSetFilter, handledClearFilter, config, valuesFilter, }: SideFilterTemplateProps): ReactNode;
|
|
32
|
+
export declare function SideFilterTemplate({ filterCount, handleSetFilter, handledClearFilter, config, valuesFilter, showAppliedFilters, }: SideFilterTemplateProps): ReactNode;
|
|
31
33
|
export {};
|
|
32
34
|
//# sourceMappingURL=SideFilterTemplate.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideFilterTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/SideFilterTemplate/SideFilterTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAM5C,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,GAAG,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"SideFilterTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/SideFilterTemplate/SideFilterTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAM5C,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,GAAG,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,GAAG,CAAC;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,MAAM,EACN,YAAY,EACZ,kBAAyB,GAC1B,EAAE,uBAAuB,GAAG,SAAS,CAiDrC"}
|
|
@@ -22,10 +22,11 @@ import { AsideFilters } from '../../03-organisms';
|
|
|
22
22
|
* @param {Function} props.handleSetFilter - The function to handle setting filters.
|
|
23
23
|
* @param {Function} props.handledClearFilter - The function to handle clearing filters.
|
|
24
24
|
* @param {any} props.config - The configuration object for the filters.
|
|
25
|
+
* @param {boolean} [props.showAppliedFilters] - Renders the applied filter chips inside the panel. Defaults to true.
|
|
25
26
|
*
|
|
26
27
|
* @returns {ReactNode} The rendered SideFilterTemplate component.
|
|
27
28
|
*/
|
|
28
|
-
export function SideFilterTemplate({ filterCount, handleSetFilter, handledClearFilter, config, valuesFilter, }) {
|
|
29
|
+
export function SideFilterTemplate({ filterCount, handleSetFilter, handledClearFilter, config, valuesFilter, showAppliedFilters = true, }) {
|
|
29
30
|
const [isOpen, setIsOpen] = useState(false);
|
|
30
31
|
return (<>
|
|
31
32
|
<div className="flex items-center gap-2 text-black dark:text-white">
|
|
@@ -38,6 +39,7 @@ export function SideFilterTemplate({ filterCount, handleSetFilter, handledClearF
|
|
|
38
39
|
</div>
|
|
39
40
|
{!!isOpen &&
|
|
40
41
|
createPortal(<AsideFilters title="Filtros" closeCallback={() => setIsOpen(false)} filter={{
|
|
42
|
+
showAppliedFilters,
|
|
41
43
|
filtersEnabledText: 'Filtros activos:',
|
|
42
44
|
submitButton: {
|
|
43
45
|
text: 'Aplicar filtros',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideFilterTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/SideFilterTemplate/SideFilterTemplate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"SideFilterTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/SideFilterTemplate/SideFilterTemplate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAWlD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,MAAM,EACN,YAAY,EACZ,kBAAkB,GAAG,IAAI,GACD;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,EACE;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,oDAAoD,CACjE;QAAA,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CACvB,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CACxC;YAAA,CAAC,WAAW,CAAE;UAChB,EAAE,SAAS,CAAC,CACb,CACD;QAAA,CAAC,MAAM,CACL,QAAQ,CAAC,MAAM,CACf,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC,AAAD,EAAG,CAAC,CACnC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAC/B,aAAa,CAAC,CAAC,MAAM,CAAC,CACtB,aAAa,CAAC,QAAQ,CAEtB;;QACF,EAAE,MAAM,CACV;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,CAAC,CAAC,MAAM;YACP,YAAY,CACV,CAAC,YAAY,CACX,KAAK,CAAC,SAAS,CACf,aAAa,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CACtC,MAAM,CAAC,CAAC;oBACN,kBAAkB;oBAClB,kBAAkB,EAAE,kBAAkB;oBACtC,YAAY,EAAE;wBACZ,IAAI,EAAE,iBAAiB;wBACvB,QAAQ,EAAE,eAAe;qBAC1B;oBACD,WAAW,EAAE;wBACX,IAAI,EAAE,SAAS;wBACf,QAAQ,EAAE,kBAAkB;qBAC7B;oBACD,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE;wBACxB,IAAI,YAAY,EAAE,CAAC;4BACjB,YAAY,CAAC,IAAI,CAAC,CAAC;wBACrB,CAAC;oBACH,CAAC;oBACD,MAAM,EAAE,MAAM;iBACf,CAAC,EACF,EACF,QAAQ,CAAC,IAAI,CACd,CACL;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC"}
|