@fragment-build/ui 1.0.4 → 1.1.0
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/README.md +56 -5
- package/dist/components/base/Accordion.d.ts +3 -0
- package/dist/components/base/Accordion.js +5 -0
- package/dist/components/base/Accordion.js.map +1 -0
- package/dist/components/base/Autocomplete.d.ts +4 -0
- package/dist/components/base/Autocomplete.js +6 -0
- package/dist/components/base/Autocomplete.js.map +1 -0
- package/dist/components/base/Avatar.d.ts +2 -0
- package/dist/components/base/Avatar.js +5 -0
- package/dist/components/base/Avatar.js.map +1 -0
- package/dist/components/base/Badge.d.ts +1 -0
- package/dist/components/base/Badge.js +4 -0
- package/dist/components/base/Badge.js.map +1 -0
- package/dist/components/base/Breadcrumbs.d.ts +2 -0
- package/dist/components/base/Breadcrumbs.js +5 -0
- package/dist/components/base/Breadcrumbs.js.map +1 -0
- package/dist/components/base/Button.d.ts +1 -0
- package/dist/components/base/Button.js +4 -0
- package/dist/components/base/Button.js.map +1 -0
- package/dist/components/base/Card.d.ts +2 -0
- package/dist/components/base/Card.js +5 -0
- package/dist/components/base/Card.js.map +1 -0
- package/dist/components/base/Checkbox.d.ts +2 -0
- package/dist/components/base/Checkbox.js +5 -0
- package/dist/components/base/Checkbox.js.map +1 -0
- package/dist/components/base/Chip.d.ts +1 -0
- package/dist/components/base/Chip.js +4 -0
- package/dist/components/base/Chip.js.map +1 -0
- package/dist/components/base/CircularProgress.d.ts +1 -0
- package/dist/components/base/CircularProgress.js +4 -0
- package/dist/components/base/CircularProgress.js.map +1 -0
- package/dist/components/base/Code.d.ts +1 -0
- package/dist/components/base/Code.js +4 -0
- package/dist/components/base/Code.js.map +1 -0
- package/dist/components/base/Divider.d.ts +1 -0
- package/dist/components/base/Divider.js +4 -0
- package/dist/components/base/Divider.js.map +1 -0
- package/dist/components/base/Dropdown.d.ts +9 -0
- package/dist/components/base/Dropdown.js +8 -0
- package/dist/components/base/Dropdown.js.map +1 -0
- package/dist/components/base/Image.d.ts +1 -0
- package/dist/components/base/Image.js +4 -0
- package/dist/components/base/Image.js.map +1 -0
- package/dist/components/base/Input.d.ts +1 -0
- package/dist/components/base/Input.js +4 -0
- package/dist/components/base/Input.js.map +1 -0
- package/dist/components/base/Kbd.d.ts +1 -0
- package/dist/components/base/Kbd.js +4 -0
- package/dist/components/base/Kbd.js.map +1 -0
- package/dist/components/base/Link.d.ts +1 -0
- package/dist/components/base/Link.js +4 -0
- package/dist/components/base/Link.js.map +1 -0
- package/dist/components/base/Listbox.d.ts +4 -0
- package/dist/components/base/Listbox.js +6 -0
- package/dist/components/base/Listbox.js.map +1 -0
- package/dist/components/base/Modal.d.ts +5 -0
- package/dist/components/base/Modal.js +8 -0
- package/dist/components/base/Modal.js.map +1 -0
- package/dist/components/base/Navbar.d.ts +7 -0
- package/dist/components/base/Navbar.js +10 -0
- package/dist/components/base/Navbar.js.map +1 -0
- package/dist/components/base/Pagination.d.ts +3 -0
- package/dist/components/base/Pagination.js +6 -0
- package/dist/components/base/Pagination.js.map +1 -0
- package/dist/components/base/Popover.d.ts +3 -0
- package/dist/components/base/Popover.js +6 -0
- package/dist/components/base/Popover.js.map +1 -0
- package/dist/components/base/Progress.d.ts +1 -0
- package/dist/components/base/Progress.js +4 -0
- package/dist/components/base/Progress.js.map +1 -0
- package/dist/components/base/Radio.d.ts +2 -0
- package/dist/components/base/Radio.js +5 -0
- package/dist/components/base/Radio.js.map +1 -0
- package/dist/components/base/ScrollShadow.d.ts +1 -0
- package/dist/components/base/ScrollShadow.js +4 -0
- package/dist/components/base/ScrollShadow.js.map +1 -0
- package/dist/components/base/Select.d.ts +4 -0
- package/dist/components/base/Select.js +6 -0
- package/dist/components/base/Select.js.map +1 -0
- package/dist/components/base/Skeleton.d.ts +1 -0
- package/dist/components/base/Skeleton.js +4 -0
- package/dist/components/base/Skeleton.js.map +1 -0
- package/dist/components/base/Slider.d.ts +1 -0
- package/dist/components/base/Slider.js +4 -0
- package/dist/components/base/Slider.js.map +1 -0
- package/dist/components/base/Snippet.d.ts +1 -0
- package/dist/components/base/Snippet.js +4 -0
- package/dist/components/base/Snippet.js.map +1 -0
- package/dist/components/base/Spacer.d.ts +1 -0
- package/dist/components/base/Spacer.js +4 -0
- package/dist/components/base/Spacer.js.map +1 -0
- package/dist/components/base/Spinner.d.ts +1 -0
- package/dist/components/base/Spinner.js +4 -0
- package/dist/components/base/Spinner.js.map +1 -0
- package/dist/components/base/Switch.d.ts +1 -0
- package/dist/components/base/Switch.js +4 -0
- package/dist/components/base/Switch.js.map +1 -0
- package/dist/components/base/Tab.d.ts +3 -0
- package/dist/components/base/Tab.js +5 -0
- package/dist/components/base/Tab.js.map +1 -0
- package/dist/components/base/Table.d.ts +7 -0
- package/dist/components/base/Table.js +9 -0
- package/dist/components/base/Table.js.map +1 -0
- package/dist/components/base/Textarea.d.ts +1 -0
- package/dist/components/base/Textarea.js +4 -0
- package/dist/components/base/Textarea.js.map +1 -0
- package/dist/components/base/Tooltip.d.ts +1 -0
- package/dist/components/base/Tooltip.js +4 -0
- package/dist/components/base/Tooltip.js.map +1 -0
- package/dist/components/base/User.d.ts +1 -0
- package/dist/components/base/User.js +4 -0
- package/dist/components/base/User.js.map +1 -0
- package/dist/components/base/index.d.ts +37 -0
- package/dist/components/base/index.js +38 -0
- package/dist/components/base/index.js.map +1 -0
- package/dist/components/color-input/ColorInput.d.ts +2 -3
- package/dist/components/color-input/ColorInput.js +4 -4
- package/dist/components/color-input/ColorInput.js.map +1 -1
- package/dist/components/color-selector/ColorSelector.d.ts +2 -3
- package/dist/components/color-selector/ColorSelector.js +4 -4
- package/dist/components/color-selector/ColorSelector.js.map +1 -1
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.js +4 -0
- package/dist/components/index.js.map +1 -0
- package/dist/context.d.ts +84 -0
- package/dist/context.js +18 -0
- package/dist/context.js.map +1 -0
- package/dist/fragments/index.d.ts +2 -0
- package/dist/fragments/index.js +3 -0
- package/dist/fragments/index.js.map +1 -0
- package/dist/fragments/shell/Shell.js +0 -1
- package/dist/fragments/shell/Shell.js.map +1 -1
- package/dist/fragments/shell/Shell.stories.js +2 -2
- package/dist/fragments/shell/Shell.stories.js.map +1 -1
- package/dist/fragments/sidebar/Sidebar.d.ts +2 -1
- package/dist/fragments/sidebar/Sidebar.js +4 -5
- package/dist/fragments/sidebar/Sidebar.js.map +1 -1
- package/dist/fragments/sidebar/Sidebar.stories.js +9 -2
- package/dist/fragments/sidebar/Sidebar.stories.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/index.d.ts +6 -6
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/dist/provider.d.ts +12 -0
- package/dist/provider.js +17 -0
- package/dist/provider.js.map +1 -0
- package/dist/tailwind.plugin.d.ts +4 -0
- package/dist/tailwind.plugin.js +18 -0
- package/dist/tailwind.plugin.js.map +1 -0
- package/dist/withFragment.d.ts +3 -0
- package/dist/withFragment.js +17 -0
- package/dist/withFragment.js.map +1 -0
- package/package.json +22 -22
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/base/Switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Tab: <T extends object>(props: import("@nextui-org/react").TabItemProps<T>) => JSX.Element;
|
|
3
|
+
export declare const Tabs: <T = object>(props: import("@nextui-org/react").TabsProps<T>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/base/Tab.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,IAAI,OAAO,EACd,IAAI,IAAI,QAAQ,GACjB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAChD,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Table: import("@nextui-org/react").InternalForwardRefRenderFunction<"table", import("@nextui-org/react").TableProps, never>;
|
|
3
|
+
export declare const TableBody: <T>(props: import("@nextui-org/react").TableBodyProps<T>) => JSX.Element;
|
|
4
|
+
export declare const TableCell: (props: import("@nextui-org/react").TableCellProps) => JSX.Element;
|
|
5
|
+
export declare const TableColumn: <T>(props: import("@nextui-org/react").TableColumnProps<T>) => JSX.Element;
|
|
6
|
+
export declare const TableHeader: <T>(props: import("@nextui-org/react").TableHeaderProps<T>) => JSX.Element;
|
|
7
|
+
export declare const TableRow: (props: import("@nextui-org/table/dist/base/table-row").TableRowProps<object>) => JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Table as NextTable, TableBody as NextTableBody, TableCell as NextTableCell, TableColumn as NextTableColumn, TableHeader as NextTableHeader, TableRow as NextTableRow, } from '@nextui-org/react';
|
|
2
|
+
import { withFragment } from '../../withFragment';
|
|
3
|
+
export const Table = withFragment(NextTable, 'table');
|
|
4
|
+
export const TableBody = withFragment(NextTableBody, 'tableBody');
|
|
5
|
+
export const TableCell = withFragment(NextTableCell, 'tableCell');
|
|
6
|
+
export const TableColumn = withFragment(NextTableColumn, 'tableColumn');
|
|
7
|
+
export const TableHeader = withFragment(NextTableHeader, 'tableHeader');
|
|
8
|
+
export const TableRow = withFragment(NextTableRow, 'tableRow');
|
|
9
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/base/Table.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,SAAS,EAClB,SAAS,IAAI,aAAa,EAC1B,SAAS,IAAI,aAAa,EAC1B,WAAW,IAAI,eAAe,EAC9B,WAAW,IAAI,eAAe,EAC9B,QAAQ,IAAI,YAAY,GACzB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,KAAK,GAAG,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AACtD,MAAM,CAAC,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;AAClE,MAAM,CAAC,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;AAClE,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Textarea: import("@nextui-org/react").InternalForwardRefRenderFunction<"textarea", import("@nextui-org/react").TextAreaProps, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/base/Textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Tooltip: import("@nextui-org/react").InternalForwardRefRenderFunction<"div", import("@nextui-org/react").TooltipProps, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/base/Tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,OAAO,GAAG,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const User: import("@nextui-org/react").InternalForwardRefRenderFunction<"div", import("@nextui-org/react").UserProps, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"User.js","sourceRoot":"","sources":["../../../src/components/base/User.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export * from './Accordion';
|
|
2
|
+
export * from './Autocomplete';
|
|
3
|
+
export * from './Avatar';
|
|
4
|
+
export * from './Badge';
|
|
5
|
+
export * from './Breadcrumbs';
|
|
6
|
+
export * from './Button';
|
|
7
|
+
export * from './Card';
|
|
8
|
+
export * from './Checkbox';
|
|
9
|
+
export * from './Chip';
|
|
10
|
+
export * from './CircularProgress';
|
|
11
|
+
export * from './Code';
|
|
12
|
+
export * from './Divider';
|
|
13
|
+
export * from './Dropdown';
|
|
14
|
+
export * from './Image';
|
|
15
|
+
export * from './Input';
|
|
16
|
+
export * from './Kbd';
|
|
17
|
+
export * from './Link';
|
|
18
|
+
export * from './Listbox';
|
|
19
|
+
export * from './Modal';
|
|
20
|
+
export * from './Navbar';
|
|
21
|
+
export * from './Pagination';
|
|
22
|
+
export * from './Popover';
|
|
23
|
+
export * from './Progress';
|
|
24
|
+
export * from './Radio';
|
|
25
|
+
export * from './ScrollShadow';
|
|
26
|
+
export * from './Select';
|
|
27
|
+
export * from './Skeleton';
|
|
28
|
+
export * from './Slider';
|
|
29
|
+
export * from './Snippet';
|
|
30
|
+
export * from './Spacer';
|
|
31
|
+
export * from './Spinner';
|
|
32
|
+
export * from './Switch';
|
|
33
|
+
export * from './Tab';
|
|
34
|
+
export * from './Table';
|
|
35
|
+
export * from './Textarea';
|
|
36
|
+
export * from './Tooltip';
|
|
37
|
+
export * from './User';
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export * from './Accordion';
|
|
2
|
+
export * from './Autocomplete';
|
|
3
|
+
export * from './Avatar';
|
|
4
|
+
export * from './Badge';
|
|
5
|
+
export * from './Breadcrumbs';
|
|
6
|
+
export * from './Button';
|
|
7
|
+
export * from './Card';
|
|
8
|
+
export * from './Checkbox';
|
|
9
|
+
export * from './Chip';
|
|
10
|
+
export * from './CircularProgress';
|
|
11
|
+
export * from './Code';
|
|
12
|
+
export * from './Divider';
|
|
13
|
+
export * from './Dropdown';
|
|
14
|
+
export * from './Image';
|
|
15
|
+
export * from './Input';
|
|
16
|
+
export * from './Kbd';
|
|
17
|
+
export * from './Link';
|
|
18
|
+
export * from './Listbox';
|
|
19
|
+
export * from './Modal';
|
|
20
|
+
export * from './Navbar';
|
|
21
|
+
export * from './Pagination';
|
|
22
|
+
export * from './Popover';
|
|
23
|
+
export * from './Progress';
|
|
24
|
+
export * from './Radio';
|
|
25
|
+
export * from './ScrollShadow';
|
|
26
|
+
export * from './Select';
|
|
27
|
+
export * from './Skeleton';
|
|
28
|
+
export * from './Slider';
|
|
29
|
+
export * from './Snippet';
|
|
30
|
+
export * from './Spacer';
|
|
31
|
+
export * from './Spinner';
|
|
32
|
+
export * from './Switch';
|
|
33
|
+
export * from './Tab';
|
|
34
|
+
export * from './Table';
|
|
35
|
+
export * from './Textarea';
|
|
36
|
+
export * from './Tooltip';
|
|
37
|
+
export * from './User';
|
|
38
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { InputProps } from '@nextui-org/react';
|
|
2
|
+
import type { InputProps } from '@nextui-org/react';
|
|
3
3
|
/**
|
|
4
4
|
* Primary UI component for selecting a color
|
|
5
5
|
*/
|
|
6
|
-
interface ColorInputProps extends InputProps {
|
|
6
|
+
export interface ColorInputProps extends InputProps {
|
|
7
7
|
}
|
|
8
8
|
export declare const ColorInput: React.FC<ColorInputProps>;
|
|
9
|
-
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Avatar, Input } from '@nextui-org/react';
|
|
4
2
|
import { useEffect, useMemo, useState } from 'react';
|
|
5
|
-
|
|
3
|
+
import { Avatar, Input } from '../base';
|
|
4
|
+
import { withFragment } from '../../withFragment';
|
|
5
|
+
export const ColorInput = withFragment(({ defaultValue, label = 'Color', errorMessage = "Please enter a valid color in hex format e.g. #f3f or #ff33ff", onValueChange, isInvalid, ...rest }) => {
|
|
6
6
|
const [value, setValue] = useState(defaultValue || '#7d7d7d');
|
|
7
7
|
useEffect(() => onValueChange && onValueChange(value), [value, onValueChange]);
|
|
8
8
|
const validateHexColor = (value) => value.match(/^#(?:[0-9a-fA-F]{3}){1,2}$/i);
|
|
@@ -12,5 +12,5 @@ export const ColorInput = ({ defaultValue, label = 'Color', errorMessage = "Plea
|
|
|
12
12
|
return validateHexColor(value) && !isInvalid ? false : true;
|
|
13
13
|
}, [value, isInvalid]);
|
|
14
14
|
return (_jsx(Input, { ...rest, label: label, type: "text", value: value, onValueChange: setValue, isInvalid: invalid, errorMessage: invalid && errorMessage, endContent: (_jsx(Avatar, { as: "button", size: "sm", showFallback: true, fallback: _jsx("input", { type: 'color', className: "w-full h-full opacity-0 cursor-pointer", onChange: (e) => setValue(e.currentTarget.value) }), style: { backgroundColor: value }, classNames: { base: 'shrink-0', fallback: 'w-full h-full' } })) }));
|
|
15
|
-
};
|
|
15
|
+
}, 'colorInput');
|
|
16
16
|
//# sourceMappingURL=ColorInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../../src/components/color-input/ColorInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../../src/components/color-input/ColorInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQlD,MAAM,CAAC,MAAM,UAAU,GAA8B,YAAY,CAAC,CAAC,EACjE,YAAY,EACZ,KAAK,GAAG,OAAO,EACf,YAAY,GAAG,+DAA+D,EAC9E,aAAa,EACb,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/E,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAEvF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAE/B,OAAO,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,KAAC,KAAK,OACA,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,SAAS,EAAE,OAAO,EAClB,YAAY,EAAE,OAAO,IAAI,YAAY,EACrC,UAAU,EAAE,CACV,KAAC,MAAM,IACL,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,IAAI,EACT,YAAY,QACZ,QAAQ,EAAE,gBAAO,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,wCAAwC,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,GAAI,EACrI,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,GAC3D,CACH,GACD,CACH,CAAC;AACJ,CAAC,EAAE,YAAY,CAAC,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AvatarProps } from '@nextui-org/react';
|
|
2
|
+
import type { AvatarProps } from '@nextui-org/react';
|
|
3
3
|
/**
|
|
4
4
|
* Primary UI component for selecting a color
|
|
5
5
|
*/
|
|
6
|
-
interface ColorSelectorProps {
|
|
6
|
+
export interface ColorSelectorProps {
|
|
7
7
|
values: string[];
|
|
8
8
|
defaultValue?: string;
|
|
9
9
|
onValueChange: (color: string) => void;
|
|
@@ -12,4 +12,3 @@ interface ColorSelectorProps {
|
|
|
12
12
|
icon?: React.ReactNode;
|
|
13
13
|
}
|
|
14
14
|
export declare const ColorSelector: React.FC<ColorSelectorProps>;
|
|
15
|
-
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Avatar } from '@nextui-org/react';
|
|
4
2
|
import { useEffect, useState } from 'react';
|
|
5
|
-
|
|
3
|
+
import { Avatar } from '../base';
|
|
4
|
+
import { withFragment } from '../../withFragment';
|
|
5
|
+
export const ColorSelector = withFragment(({ values, defaultValue, onValueChange, icon, ...rest }) => {
|
|
6
6
|
const [value, setValue] = useState(defaultValue && values.includes(defaultValue) ? defaultValue : values[0]);
|
|
7
7
|
useEffect(() => onValueChange(value), [value, onValueChange]);
|
|
8
8
|
return (_jsx("div", { className: 'flex gap-4', children: values.map((color) => (_jsx(Avatar, { as: "button", showFallback: true, fallback: value === color && icon ? icon : _jsx(_Fragment, {}), style: { backgroundColor: color }, classNames: { base: 'shrink-0' }, isBordered: value === color, onClick: () => setValue(color), ...rest }))) }));
|
|
9
|
-
};
|
|
9
|
+
}, 'colorSelector');
|
|
10
10
|
//# sourceMappingURL=ColorSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorSelector.js","sourceRoot":"","sources":["../../../src/components/color-selector/ColorSelector.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ColorSelector.js","sourceRoot":"","sources":["../../../src/components/color-selector/ColorSelector.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAelD,MAAM,CAAC,MAAM,aAAa,GAAiC,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACjI,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7G,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9D,OAAO,CACL,cAAK,SAAS,EAAC,YAAY,YACxB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,KAAC,MAAM,IACL,EAAE,EAAC,QAAQ,EACX,YAAY,QACZ,QAAQ,EAAE,KAAK,KAAK,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAK,EAChD,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAChC,UAAU,EAAE,KAAK,KAAK,KAAK,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,KAC1B,IAAI,GACR,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC,EAAE,eAAe,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { AccordionItemProps, AccordionProps, AutocompleteItemProps, AutocompleteProps, AutocompleteSectionProps, AvatarGroupProps, AvatarProps, BadgeProps, BreadcrumbItemProps, BreadcrumbsProps, ButtonProps, CardProps, CheckboxGroupProps, CheckboxProps, ChipProps, CircularProgressProps, CodeProps, DividerProps, DropdownItemProps, DropdownMenuProps, DropdownProps, DropdownSectionProps, DropdownTriggerProps, ImageProps, InputProps, KbdProps, LinkProps, ListboxItemProps, ListboxProps, ListboxSectionProps, ModalBodyProps, ModalContentProps, ModalFooterProps, ModalHeaderProps, ModalProps, NavbarBrandProps, NavbarContentProps, NavbarItemProps, NavbarMenuItemProps, NavbarMenuProps, NavbarMenuToggleProps, NavbarProps, PaginationCursorProps, PaginationItemProps, PaginationProps, PopoverContentProps, PopoverProps, PopoverTriggerProps, ProgressProps, RadioGroupProps, RadioProps, ScrollShadowProps, SelectItemProps, SelectProps, SelectSectionProps, SkeletonProps, SliderProps, SnippetProps, SpacerProps, SpinnerProps, SwitchProps, TabItemProps, TableBodyProps, TableCellProps, TableColumnProps, TableHeaderProps, TableProps, TabsProps, TextAreaProps, TooltipProps, UserProps } from "@nextui-org/react";
|
|
3
|
+
import { TableRowProps } from "@nextui-org/table/dist/base/table-row";
|
|
4
|
+
import { ColorInputProps, ColorSelectorProps } from "./components";
|
|
5
|
+
export interface FragmentUIContext {
|
|
6
|
+
defaults: {
|
|
7
|
+
avatar?: Partial<AvatarProps>;
|
|
8
|
+
avatarGroup?: Partial<AvatarGroupProps>;
|
|
9
|
+
accordion?: Partial<AccordionProps>;
|
|
10
|
+
accordionItem?: Partial<AccordionItemProps>;
|
|
11
|
+
autocomplete?: Partial<AutocompleteProps>;
|
|
12
|
+
autocompleteItem?: Partial<AutocompleteItemProps>;
|
|
13
|
+
autocompleteSection?: Partial<AutocompleteSectionProps>;
|
|
14
|
+
badge?: Partial<BadgeProps>;
|
|
15
|
+
button?: Partial<ButtonProps>;
|
|
16
|
+
breadcrumbs?: Partial<BreadcrumbsProps>;
|
|
17
|
+
breadcrumbItem?: Partial<BreadcrumbItemProps>;
|
|
18
|
+
card?: Partial<CardProps>;
|
|
19
|
+
checkbox?: Partial<CheckboxProps>;
|
|
20
|
+
checkboxGroup?: Partial<CheckboxGroupProps>;
|
|
21
|
+
chip?: Partial<ChipProps>;
|
|
22
|
+
circularProgress?: Partial<CircularProgressProps>;
|
|
23
|
+
code?: Partial<CodeProps>;
|
|
24
|
+
colorInput?: Partial<ColorInputProps>;
|
|
25
|
+
colorSelector?: Partial<ColorSelectorProps>;
|
|
26
|
+
divider?: Partial<DividerProps>;
|
|
27
|
+
dropdown?: Partial<DropdownProps>;
|
|
28
|
+
dropdownItem?: Partial<DropdownItemProps>;
|
|
29
|
+
dropdownMenu?: Partial<DropdownMenuProps>;
|
|
30
|
+
dropdownSection?: Partial<DropdownSectionProps>;
|
|
31
|
+
dropdownTrigger?: Partial<DropdownTriggerProps>;
|
|
32
|
+
image?: Partial<ImageProps>;
|
|
33
|
+
input?: Partial<InputProps>;
|
|
34
|
+
kbd?: Partial<KbdProps>;
|
|
35
|
+
link?: Partial<LinkProps>;
|
|
36
|
+
listbox?: Partial<ListboxProps>;
|
|
37
|
+
listboxItem?: Partial<ListboxItemProps>;
|
|
38
|
+
listboxSection?: Partial<ListboxSectionProps>;
|
|
39
|
+
modal?: Partial<ModalProps>;
|
|
40
|
+
modalBody?: Partial<ModalBodyProps>;
|
|
41
|
+
modalContent?: Partial<ModalContentProps>;
|
|
42
|
+
modalFooter?: Partial<ModalFooterProps>;
|
|
43
|
+
modalHeader?: Partial<ModalHeaderProps>;
|
|
44
|
+
navbar?: Partial<NavbarProps>;
|
|
45
|
+
navbarBrand?: Partial<NavbarBrandProps>;
|
|
46
|
+
navbarContent?: Partial<NavbarContentProps>;
|
|
47
|
+
navbarItem?: Partial<NavbarItemProps>;
|
|
48
|
+
navbarMenu?: Partial<NavbarMenuProps>;
|
|
49
|
+
navbarMenuItem?: Partial<NavbarMenuItemProps>;
|
|
50
|
+
navbarMenuToggle?: Partial<NavbarMenuToggleProps>;
|
|
51
|
+
pagination?: Partial<PaginationProps>;
|
|
52
|
+
paginationItem?: Partial<PaginationItemProps>;
|
|
53
|
+
paginationCursor?: Partial<PaginationCursorProps>;
|
|
54
|
+
popover?: Partial<PopoverProps>;
|
|
55
|
+
popoverContent?: Partial<PopoverContentProps>;
|
|
56
|
+
popoverTrigger?: Partial<PopoverTriggerProps>;
|
|
57
|
+
progress?: Partial<ProgressProps>;
|
|
58
|
+
radio?: Partial<RadioProps>;
|
|
59
|
+
radioGroup?: Partial<RadioGroupProps>;
|
|
60
|
+
select?: Partial<SelectProps>;
|
|
61
|
+
selectItem?: Partial<SelectItemProps>;
|
|
62
|
+
selectSection?: Partial<SelectSectionProps>;
|
|
63
|
+
skeleton?: Partial<SkeletonProps>;
|
|
64
|
+
snippet?: Partial<SnippetProps>;
|
|
65
|
+
scrollShadow?: Partial<ScrollShadowProps>;
|
|
66
|
+
spacer?: Partial<SpacerProps>;
|
|
67
|
+
spinner?: Partial<SpinnerProps>;
|
|
68
|
+
switch?: Partial<SwitchProps>;
|
|
69
|
+
slider?: Partial<SliderProps>;
|
|
70
|
+
table?: Partial<TableProps>;
|
|
71
|
+
tableBody?: Partial<TableBodyProps<unknown>>;
|
|
72
|
+
tableCell?: Partial<TableCellProps>;
|
|
73
|
+
tableColumn?: Partial<TableColumnProps<unknown>>;
|
|
74
|
+
tableHeader?: Partial<TableHeaderProps<unknown>>;
|
|
75
|
+
tableRow?: Partial<TableRowProps>;
|
|
76
|
+
tab?: Partial<TabItemProps>;
|
|
77
|
+
tabs?: Partial<TabsProps>;
|
|
78
|
+
textArea?: Partial<TextAreaProps>;
|
|
79
|
+
tooltip?: Partial<TooltipProps>;
|
|
80
|
+
user?: Partial<UserProps>;
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
|
+
export declare const defaultContext: FragmentUIContext;
|
|
84
|
+
export declare const FragmentUIContext: import("react").Context<FragmentUIContext>;
|
package/dist/context.js
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { createContext } from "react";
|
|
2
|
+
export const defaultContext = {
|
|
3
|
+
defaults: {
|
|
4
|
+
avatar: {
|
|
5
|
+
radius: 'full',
|
|
6
|
+
},
|
|
7
|
+
table: {
|
|
8
|
+
removeWrapper: true,
|
|
9
|
+
},
|
|
10
|
+
user: {
|
|
11
|
+
avatarProps: {
|
|
12
|
+
radius: 'full',
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
export const FragmentUIContext = createContext(defaultContext);
|
|
18
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAkFtC,MAAM,CAAC,MAAM,cAAc,GAAsB;IAC/C,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,MAAM,EAAE,MAAM;SACf;QACD,KAAK,EAAE;YACL,aAAa,EAAE,IAAI;SACpB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,MAAM,EAAE,MAAM;aACf;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fragments/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shell.js","sourceRoot":"","sources":["../../../src/fragments/shell/Shell.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Shell.js","sourceRoot":"","sources":["../../../src/fragments/shell/Shell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAgB,MAAM,oBAAoB,CAAC;AAW3D,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,OAAO,CACL,eAAK,SAAS,EAAE,mBAAmB,aACjC,KAAC,OAAO,OAAK,OAAO,GAAI,EACxB,eAAM,SAAS,EAAC,sDAAsD,YACnE,QAAQ,GACJ,IACH,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Card, CardBody, Divider, Input, Tab, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tabs, } from "@nextui-org/react";
|
|
3
2
|
import { IconBox, IconBoxMultiple, IconHome, IconMessageCircle, } from "@tabler/icons-react";
|
|
4
3
|
import { Shell } from "./Shell";
|
|
4
|
+
import { Card, CardBody, Divider, Input, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tab, Tabs } from "../../components/base";
|
|
5
5
|
// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
|
|
6
6
|
const meta = {
|
|
7
7
|
title: "components/Shell",
|
|
@@ -123,7 +123,7 @@ export const Auto = {
|
|
|
123
123
|
export const WithTable = {
|
|
124
124
|
args: {
|
|
125
125
|
...Primary.args,
|
|
126
|
-
children: (_jsxs(_Fragment, { children: [_jsx("h1", { children: "Customers" }), _jsx("p", { className: "mt-2 text-foreground-500", children: "Blablabla" }), _jsx(Divider, { className: "my-4" }), _jsxs(Tabs, { "aria-label": "Options", children: [_jsx(Tab, { title: "Table", children: _jsxs(Table, { "aria-label": "Example static collection table", selectionMode: "multiple",
|
|
126
|
+
children: (_jsxs(_Fragment, { children: [_jsx("h1", { children: "Customers" }), _jsx("p", { className: "mt-2 text-foreground-500", children: "Blablabla" }), _jsx(Divider, { className: "my-4" }), _jsxs(Tabs, { "aria-label": "Options", children: [_jsx(Tab, { title: "Table", children: _jsxs(Table, { "aria-label": "Example static collection table", selectionMode: "multiple", children: [_jsxs(TableHeader, { children: [_jsx(TableColumn, { children: "NAME" }), _jsx(TableColumn, { children: "ROLE" }), _jsx(TableColumn, { children: "STATUS" })] }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { children: "Tony Reichert" }), _jsx(TableCell, { children: "CEO" }), _jsx(TableCell, { children: "Active" })] }, "1"), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Zoey Lang" }), _jsx(TableCell, { children: "Technical Lead" }), _jsx(TableCell, { children: "Paused" })] }, "2"), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Jane Fisher" }), _jsx(TableCell, { children: "Senior Developer" }), _jsx(TableCell, { children: "Active" })] }, "3"), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "William Howard" }), _jsx(TableCell, { children: "Community Manager" }), _jsx(TableCell, { children: "Vacation" })] }, "4")] })] }) }, "table"), _jsx(Tab, { title: "Music", children: _jsx(Card, { children: _jsx(CardBody, { children: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur." }) }) }, "music"), _jsx(Tab, { title: "Videos", children: _jsx(Card, { children: _jsx(CardBody, { children: "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }) }) }, "videos")] })] })),
|
|
127
127
|
},
|
|
128
128
|
};
|
|
129
129
|
//# sourceMappingURL=Shell.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shell.stories.js","sourceRoot":"","sources":["../../../src/fragments/shell/Shell.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"Shell.stories.js","sourceRoot":"","sources":["../../../src/fragments/shell/Shell.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AvatarProps, DropdownItemProps, DropdownProps, ListboxProps } from '@nextui-org/react';
|
|
2
|
+
import type { AvatarProps, DropdownItemProps, DropdownProps, ListboxProps } from '@nextui-org/react';
|
|
3
3
|
/**
|
|
4
4
|
* Primary UI component for Dashboard Sidebars
|
|
5
5
|
*/
|
|
@@ -9,6 +9,7 @@ interface SidebarNavigationItem {
|
|
|
9
9
|
onClick?: React.MouseEventHandler;
|
|
10
10
|
icon?: React.ReactNode;
|
|
11
11
|
endContent?: React.ReactNode;
|
|
12
|
+
badgeContent?: React.ReactNode;
|
|
12
13
|
items?: SidebarItemVariants[];
|
|
13
14
|
}
|
|
14
15
|
interface SidebarItem {
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Avatar, Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, Listbox, ListboxItem, ListboxSection, ScrollShadow, Tooltip, User, } from '@nextui-org/react';
|
|
4
2
|
import { useSmaller } from '../../hooks/breakpoints';
|
|
5
3
|
import { IconChevronLeft } from '@tabler/icons-react';
|
|
6
4
|
import { useEffect, useState } from 'react';
|
|
5
|
+
import { Avatar, Badge, Button, Chip, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, Listbox, ListboxItem, ListboxSection, ScrollShadow, Tooltip, User, } from '../../components/base';
|
|
7
6
|
const getAlignmentClasses = (align) => {
|
|
8
7
|
switch (align) {
|
|
9
8
|
case 'center':
|
|
@@ -19,7 +18,7 @@ const renderItems = (item, options) => {
|
|
|
19
18
|
case 'navigation':
|
|
20
19
|
return options.layout === 'expanded' ? (_jsx(Listbox, { variant: "flat", "aria-label": "Listbox menu with sections", itemClasses: {
|
|
21
20
|
base: 'h-12 gap-6',
|
|
22
|
-
}, ...item.listboxProps, children: _jsx(ListboxSection, { title: item.label, classNames: { group: 'flex flex-col gap-1' }, children: item.navigation.map((navItem) => (_jsx(ListboxItem, { startContent: navItem.icon, endContent: navItem.endContent, href: navItem.link, className: options.activeNav?.link === navItem.link ? "bg-default/40 text-default-foreground" : '', children: navItem.label }, navItem.label))) }) })) : (_jsx("nav", { className: "flex flex-col gap-1", children: item.navigation.map((navItem) => (_jsx(Tooltip, { placement: "right", content: navItem.label, children: _jsx(Button, { variant: options.activeNav?.link === navItem.link ? 'flat' : 'light', size: "lg", as: "a",
|
|
21
|
+
}, ...item.listboxProps, children: _jsx(ListboxSection, { title: item.label, classNames: { group: 'flex flex-col gap-1' }, children: item.navigation.map((navItem) => (_jsx(ListboxItem, { startContent: navItem.icon, endContent: typeof navItem.badgeContent === 'string' ? _jsx(Chip, { size: "sm", color: "primary", variant: navItem.badgeContent ? 'solid' : 'dot', classNames: { base: 'border-none' }, children: navItem.badgeContent }) : navItem.endContent, href: navItem.link, className: options.activeNav?.link === navItem.link ? "bg-default/40 text-default-foreground" : '', children: navItem.label }, navItem.label))) }) })) : (_jsx("nav", { className: "flex flex-col gap-1", children: item.navigation.map((navItem) => (_jsx(Tooltip, { placement: "right", content: navItem.label, children: _jsx(Button, { variant: options.activeNav?.link === navItem.link ? 'flat' : 'light', size: "lg", as: "a", href: navItem.link, isIconOnly: true, children: _jsx(Badge, { content: navItem.badgeContent, color: "primary", size: "sm", isInvisible: typeof navItem.badgeContent !== 'string', children: navItem.icon }) }) }, navItem.label))) }));
|
|
23
22
|
case 'user':
|
|
24
23
|
return (_jsxs(Dropdown, { placement: "bottom-start", classNames: { trigger: options.layout === 'expanded' ? 'justify-start px-2' : 'justify-start' }, ...item.dropdown, children: [_jsx(DropdownTrigger, { children: options.layout === 'expanded' ? (_jsx(User, { as: "button", avatarProps: item.avatar, className: "transition-transform", description: item.description, name: item.name })) : (_jsx(Avatar, { as: "button", className: "transition-transform", ...item.avatar })) }), _jsx(DropdownMenu, { "aria-label": "User Actions", color: "primary", variant: "flat", items: item.dropdownItems || [], children: (dropdownItem) => (_jsx(DropdownItem, { ...dropdownItem, children: dropdownItem.label }, dropdownItem.label)) })] }));
|
|
25
24
|
case 'custom':
|
|
@@ -58,13 +57,13 @@ export const Sidebar = ({ items, layout = 'expanded', autoLayout, currentPath })
|
|
|
58
57
|
setCollapsed(isMobile); }, [isMobile, setCollapsed, autoLayout]);
|
|
59
58
|
const layoutStyles = collapsed ? 'w-20 opacity-0 pointer-events-none' : 'w-72';
|
|
60
59
|
const collapseButtonStyles = collapsed ? 'left-20 translate-x-1/2 rotate-180' : 'left-72 -translate-x-1/2';
|
|
61
|
-
return (_jsxs("div", { className: 'flex
|
|
60
|
+
return (_jsxs("div", { className: 'flex', children: [_jsxs("div", { className: `fixed top-0 left-0 border-r-[1px] border-default-100 flex flex-col h-screen bg-content1 gap-8 transition-all ${collapsed ? '' : 'opacity-0'}`, children: [_jsx(ScrollShadow, { hideScrollBar: true, className: `w-20 items-center flex flex-col gap-8 px-3 pt-8 overflow-y-auto flex-1`, children: items.map((item) => {
|
|
62
61
|
const children = item.align !== 'bottom' ? renderItems(item, { layout: 'collapsed', activeNav }) : null;
|
|
63
62
|
return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
|
|
64
63
|
}) }), _jsx("div", { className: `w-20 items-center flex flex-col gap-8 px-3 pb-8`, children: items.map((item) => {
|
|
65
64
|
const children = item.align === 'bottom' ? renderItems(item, { layout: 'collapsed', activeNav }) : null;
|
|
66
65
|
return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
|
|
67
|
-
}) })] }), _jsxs("div", { className: `${layoutStyles} fixed top-0 left-0 flex flex-col h-screen bg-content1 gap-8 overflow-hidden transition-all`, children: [_jsx(ScrollShadow, { className: `w-72 flex flex-col gap-8 px-3 pt-8 overflow-y-auto flex-1`, children: items.map((item) => {
|
|
66
|
+
}) })] }), _jsxs("div", { className: `${layoutStyles} fixed top-0 left-0 border-r-[1px] border-default-100 flex flex-col h-screen bg-content1 gap-8 overflow-hidden transition-all`, children: [_jsx(ScrollShadow, { hideScrollBar: true, className: `w-72 flex flex-col gap-8 px-3 pt-8 overflow-y-auto flex-1`, children: items.map((item) => {
|
|
68
67
|
const children = item.align !== 'bottom' ? renderItems(item, { layout: 'expanded', activeNav }) : null;
|
|
69
68
|
return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
|
|
70
69
|
}) }), _jsx("div", { className: `w-72 flex flex-col gap-8 px-3 pb-8`, children: items.map((item) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/fragments/sidebar/Sidebar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/fragments/sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import { IconBox, IconBoxMultiple, IconCirclePlus, IconHome, IconMessageCircle, } from "@tabler/icons-react";
|
|
2
|
+
import { IconBell, IconBox, IconBoxMultiple, IconCirclePlus, IconHome, IconMessageCircle, } from "@tabler/icons-react";
|
|
4
3
|
import { Sidebar } from "./Sidebar";
|
|
4
|
+
import { Button, Card, Input } from "../../components/base";
|
|
5
5
|
// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
|
|
6
6
|
const meta = {
|
|
7
7
|
title: "components/Sidebar",
|
|
@@ -87,6 +87,13 @@ export const Primary = {
|
|
|
87
87
|
label: "Chat",
|
|
88
88
|
link: "/chat",
|
|
89
89
|
icon: _jsx(IconMessageCircle, { stroke: 1.5 }),
|
|
90
|
+
badgeContent: '',
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
label: "Notifications",
|
|
94
|
+
link: "/notifications",
|
|
95
|
+
icon: _jsx(IconBell, { stroke: 1.5 }),
|
|
96
|
+
badgeContent: '9+',
|
|
90
97
|
},
|
|
91
98
|
],
|
|
92
99
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.stories.js","sourceRoot":"","sources":["../../../src/fragments/sidebar/Sidebar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"Sidebar.stories.js","sourceRoot":"","sources":["../../../src/fragments/sidebar/Sidebar.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './breakpoints';
|