@fragment-build/ui 1.13.6 → 1.14.2
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/dist/constants.d.ts +12 -0
- package/dist/constants.js +13 -0
- package/dist/constants.js.map +1 -0
- package/dist/context.d.ts +1 -3
- package/dist/fragments/form/FormSection.js +1 -1
- package/dist/fragments/form/FormSection.js.map +1 -1
- package/dist/fragments/shell/Shell.stories.d.ts +1 -1
- package/dist/fragments/shell/Shell.stories.js +2 -7
- package/dist/fragments/shell/Shell.stories.js.map +1 -1
- package/dist/fragments/sidebar/Sidebar.d.ts +1 -2
- package/dist/fragments/sidebar/Sidebar.js +20 -23
- package/dist/fragments/sidebar/Sidebar.js.map +1 -1
- package/dist/fragments/sidebar/Sidebar.stories.d.ts +1 -1
- package/dist/fragments/sidebar/Sidebar.stories.js +3 -3
- package/dist/fragments/sidebar/Sidebar.stories.js.map +1 -1
- package/dist/fragments/sidebar/Sidebar.styles.d.ts +198 -0
- package/dist/fragments/sidebar/Sidebar.styles.js +48 -0
- package/dist/fragments/sidebar/Sidebar.styles.js.map +1 -0
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/dist/index.js.map +1 -1
- package/package.json +27 -26
- package/dist/hooks/breakpoints.d.ts +0 -87
- package/dist/hooks/breakpoints.js +0 -123
- package/dist/hooks/breakpoints.js.map +0 -1
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/index.js +0 -2
- package/dist/hooks/index.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,IAAI;CACZ,CAAA"}
|
package/dist/context.d.ts
CHANGED
|
@@ -15,9 +15,7 @@ export interface FragmentUIContext {
|
|
|
15
15
|
buttonGroup?: Partial<ButtonGroupProps>;
|
|
16
16
|
breadcrumbs?: Partial<BreadcrumbsProps>;
|
|
17
17
|
card?: Partial<CardProps>;
|
|
18
|
-
chart?: Partial<
|
|
19
|
-
[chartType in ChartProps['type']]: Partial<Pick<ApexChartProps, 'options' | 'series'>>;
|
|
20
|
-
}>;
|
|
18
|
+
chart?: Partial<Record<ChartProps['type'], Partial<Pick<ApexChartProps, 'options' | 'series'>>>>;
|
|
21
19
|
checkbox?: Partial<CheckboxProps>;
|
|
22
20
|
checkboxGroup?: Partial<CheckboxGroupProps>;
|
|
23
21
|
chip?: Partial<ChipProps>;
|
|
@@ -32,6 +32,6 @@ const formSection = tv({
|
|
|
32
32
|
});
|
|
33
33
|
export const FormSection = ({ children, title, description, ...props }) => {
|
|
34
34
|
const v = formSection(props);
|
|
35
|
-
return (_jsx("div", { className: v.base(), children: _jsxs("div", { className: v.main(), children: [_jsxs("div", { className: v.info(), children: [_jsx("h3", { children: title }), _jsx("
|
|
35
|
+
return (_jsx("div", { className: v.base(), children: _jsxs("div", { className: v.main(), children: [_jsxs("div", { className: v.info(), children: [_jsx("h3", { children: title }), _jsx("div", { className: v.description(), children: description })] }), _jsx("div", { className: v.content(), children: children })] }) }));
|
|
36
36
|
};
|
|
37
37
|
//# sourceMappingURL=FormSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../../src/fragments/form/FormSection.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAUvC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,eAAe;QACrB,OAAO,EAAE,oCAAoC;QAC7C,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,gCAAgC;KAC9C;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,4CAA4C;gBACrD,IAAI,EAAE,6BAA6B;aACpC;YACD,QAAQ,EAAE;gBACR,OAAO,EAAE,cAAc;aACxB;SACF;QACD,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,OAAO,EAAE,eAAe;aACzB;SACF;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpG,MAAM,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,YACtB,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,uBAAK,KAAK,GAAM,EAChB,
|
|
1
|
+
{"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../../src/fragments/form/FormSection.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAUvC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,eAAe;QACrB,OAAO,EAAE,oCAAoC;QAC7C,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,gCAAgC;KAC9C;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,4CAA4C;gBACrD,IAAI,EAAE,6BAA6B;aACpC;YACD,QAAQ,EAAE;gBACR,OAAO,EAAE,cAAc;aACxB;SACF;QACD,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,OAAO,EAAE,eAAe;aACzB;SACF;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpG,MAAM,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,YACtB,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,uBAAK,KAAK,GAAM,EAChB,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,IAChD,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,YACxB,QAAQ,GACL,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -5,6 +5,6 @@ export default meta;
|
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
6
|
export declare const Primary: Story;
|
|
7
7
|
export declare const Collapsed: Story;
|
|
8
|
-
export declare const
|
|
8
|
+
export declare const Expanded: Story;
|
|
9
9
|
export declare const WithTable: Story;
|
|
10
10
|
export declare const WithGrid: Story;
|
|
@@ -117,22 +117,18 @@ export const Collapsed = {
|
|
|
117
117
|
} : undefined,
|
|
118
118
|
},
|
|
119
119
|
};
|
|
120
|
-
export const
|
|
120
|
+
export const Expanded = {
|
|
121
121
|
args: {
|
|
122
122
|
...Primary.args,
|
|
123
123
|
sidebar: Primary.args?.sidebar ? {
|
|
124
124
|
...Primary.args.sidebar,
|
|
125
|
-
|
|
125
|
+
layout: "expanded",
|
|
126
126
|
} : undefined,
|
|
127
127
|
},
|
|
128
128
|
};
|
|
129
129
|
export const WithTable = {
|
|
130
130
|
args: {
|
|
131
131
|
...Primary.args,
|
|
132
|
-
sidebar: Primary.args?.sidebar ? {
|
|
133
|
-
...Primary.args.sidebar,
|
|
134
|
-
autoLayout: true,
|
|
135
|
-
} : undefined,
|
|
136
132
|
children: (_jsxs(_Fragment, { children: [_jsx(PageHeader, { title: "Customers", description: "Manage your customers and your profile.", children: _jsx(Button, { endContent: _jsx(IconPlus, { stroke: 1.5 }), fullWidth: true, color: "primary", children: "Create" }) }), _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: "Settings", children: _jsxs(Form, { children: [_jsxs(FormSection, { title: "Name", description: "Description", direction: "horizontal", children: [_jsx(Input, { label: "First name" }), _jsx(Input, { label: "Last name" })] }), _jsx(FormSection, { title: "Biography", description: "Description", children: _jsx(Textarea, { label: "Biography", minRows: 6 }) }), _jsx(FormSection, { title: "Notifications", description: "Turn on/off email notifications.", direction: "horizontal", children: _jsx(Switch, {}) }), _jsxs(FormSection, { title: "Title", description: "Description", direction: "horizontal", children: [_jsx(Input, { label: "First name" }), _jsx(Input, { label: "Last name" })] }), _jsxs(FormSection, { title: "Full Width", description: "Description", direction: "horizontal", fullWidth: true, children: [_jsx(Input, { label: "First name" }), _jsx(Input, { label: "Last name" })] })] }) }, "settings"), _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")] })] })),
|
|
137
133
|
},
|
|
138
134
|
};
|
|
@@ -141,7 +137,6 @@ export const WithGrid = {
|
|
|
141
137
|
...Primary.args,
|
|
142
138
|
sidebar: Primary.args?.sidebar ? {
|
|
143
139
|
...Primary.args.sidebar,
|
|
144
|
-
autoLayout: true,
|
|
145
140
|
} : undefined,
|
|
146
141
|
children: (_jsxs(_Fragment, { children: [_jsxs(Breadcrumbs, { children: [_jsx(BreadcrumbItem, { children: "Home" }), _jsx(BreadcrumbItem, { children: "Customers" })] }), _jsx(PageHeader, { title: "Dashboard" }), _jsxs(Grid, { size: "lg", children: [_jsx(Widget, { title: "Analytics", size: "md", children: _jsx(Chart, { type: "line", series: [
|
|
147
142
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shell.stories.js","sourceRoot":"","sources":["../../../src/fragments/shell/Shell.stories.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Shell.stories.js","sourceRoot":"","sources":["../../../src/fragments/shell/Shell.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,8 +40,7 @@ interface SidebarItemCustom extends SidebarItem {
|
|
|
40
40
|
type SidebarItemVariants = SidebarItemNavigation | SidebarItemUser | SidebarItemCustom;
|
|
41
41
|
export interface SidebarProps {
|
|
42
42
|
items: SidebarItemVariants[];
|
|
43
|
-
layout?: 'collapsed' | 'expanded';
|
|
44
|
-
autoLayout?: boolean;
|
|
43
|
+
layout?: 'auto' | 'collapsed' | 'expanded';
|
|
45
44
|
currentPath?: string;
|
|
46
45
|
}
|
|
47
46
|
export declare const Sidebar: React.FC<SidebarProps>;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { Link, } from '@nextui-org/react';
|
|
3
|
-
import { useSmaller } from '../../hooks/breakpoints';
|
|
4
3
|
import { IconChevronLeft, IconDots } from '@tabler/icons-react';
|
|
5
4
|
import { useEffect, useState } from 'react';
|
|
6
5
|
import { Avatar, Badge, Button, Chip, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, Listbox, ListboxItem, ListboxSection, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ScrollShadow, Tooltip, User, } from '../../components/base';
|
|
6
|
+
import { sidebar } from './Sidebar.styles';
|
|
7
|
+
import { breakpointsTailwind } from '../../constants';
|
|
7
8
|
const getAlignmentClasses = (align) => {
|
|
8
9
|
switch (align) {
|
|
9
10
|
case 'center':
|
|
@@ -44,41 +45,37 @@ const getActiveNav = (currentPath, items) => {
|
|
|
44
45
|
const possibleMatches = navigations.flat().filter((navItem) => navItem.link.startsWith(currentPath)).sort((a, b) => b.link.length - a.link.length);
|
|
45
46
|
return possibleMatches.find((pMatch) => pMatch.link === currentPath) || possibleMatches[0];
|
|
46
47
|
};
|
|
47
|
-
export const Sidebar = ({ items,
|
|
48
|
-
const
|
|
48
|
+
export const Sidebar = ({ items, currentPath, ...props }) => {
|
|
49
|
+
const [layout, setLayout] = useState(props.layout);
|
|
50
|
+
const toggleLayout = () => {
|
|
51
|
+
if (layout === 'auto') {
|
|
52
|
+
if (document.body.clientWidth >= breakpointsTailwind.xl) {
|
|
53
|
+
return setLayout('collapsed');
|
|
54
|
+
}
|
|
55
|
+
return setLayout('expanded');
|
|
56
|
+
}
|
|
57
|
+
setLayout(layout === 'collapsed' ? 'expanded' : 'collapsed');
|
|
58
|
+
};
|
|
59
|
+
const v = sidebar({ layout });
|
|
49
60
|
const [activeNav, setActiveNav] = useState(getActiveNav(currentPath, items));
|
|
50
61
|
const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
|
|
51
62
|
useEffect(() => setActiveNav(getActiveNav(currentPath, items)), [currentPath, items]);
|
|
52
|
-
|
|
53
|
-
if (autoLayout) {
|
|
54
|
-
if (isMobile) {
|
|
55
|
-
renderedLayout = 'collapsed';
|
|
56
|
-
}
|
|
57
|
-
else {
|
|
58
|
-
renderedLayout = 'expanded';
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
const [collapsed, setCollapsed] = useState(renderedLayout === 'collapsed');
|
|
62
|
-
useEffect(() => { if (autoLayout)
|
|
63
|
-
setCollapsed(isMobile); }, [isMobile, setCollapsed, autoLayout]);
|
|
64
|
-
const layoutStyles = collapsed ? 'w-20 opacity-0 pointer-events-none' : 'w-72';
|
|
65
|
-
const collapseButtonStyles = collapsed ? 'left-20 translate-x-1/2 rotate-180' : 'left-72 -translate-x-1/2';
|
|
66
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'hidden md: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) => {
|
|
63
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: v.base(), children: [_jsxs("div", { className: v.collapsed(), children: [_jsx(ScrollShadow, { hideScrollBar: true, className: v.collapsedBody(), children: items.map((item) => {
|
|
67
64
|
const children = item.align !== 'bottom' ? renderItems(item, { layout: 'collapsed', activeNav }) : null;
|
|
68
65
|
return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
|
|
69
|
-
}) }), _jsx("div", { className:
|
|
66
|
+
}) }), _jsx("div", { className: v.collapsedFooter(), children: items.map((item) => {
|
|
70
67
|
const children = item.align === 'bottom' ? renderItems(item, { layout: 'collapsed', activeNav }) : null;
|
|
71
68
|
return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
|
|
72
|
-
}) })] }), _jsxs("div", { className:
|
|
69
|
+
}) })] }), _jsxs("div", { className: v.expanded(), children: [_jsx(ScrollShadow, { hideScrollBar: true, className: v.expandedBody(), children: items.map((item) => {
|
|
73
70
|
const children = item.align !== 'bottom' ? renderItems(item, { layout: 'expanded', activeNav }) : null;
|
|
74
71
|
return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
|
|
75
|
-
}) }), _jsx("div", { className:
|
|
72
|
+
}) }), _jsx("div", { className: v.expandedFooter(), children: items.map((item) => {
|
|
76
73
|
const children = item.align === 'bottom' ? renderItems(item, { layout: 'expanded', activeNav }) : null;
|
|
77
74
|
return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
|
|
78
|
-
}) })] }), _jsx("div", { className:
|
|
75
|
+
}) })] }), _jsx("div", { className: v.placeholder() }), _jsx("div", { className: v.layoutButtonWrapper(), children: _jsx(Button, { size: "sm", isIconOnly: true, radius: "full", className: v.layoutButton(), onClick: toggleLayout, children: _jsx(IconChevronLeft, { size: 14 }) }) })] }), _jsxs("nav", { className: v.bottomNav(), onClick: () => setMobileMenuOpen(false), children: [items.find((item) => item.type === 'navigation')?.navigation?.map((navItem) => (_jsx(Tooltip, { placement: "top", content: navItem.label, offset: 10, children: _jsx(Button, { as: Link, radius: "md", className: v.bottomNavButton(), variant: "light", isIconOnly: true, color: activeNav?.link === navItem.link ? 'primary' : 'default', onClick: () => setMobileMenuOpen(false), href: navItem.link, children: _jsx(Badge, { content: navItem.badgeContent, color: "primary", size: "sm", isInvisible: typeof navItem.badgeContent !== 'string', children: navItem.icon }) }) }, navItem.label))), _jsx(Button, { radius: "md", className: v.bottomNavMenuButton(), variant: mobileMenuOpen ? 'flat' : 'light', isIconOnly: true, onClick: () => setMobileMenuOpen(!mobileMenuOpen), children: _jsx(IconDots, { size: 24, stroke: 1.5 }) })] }), _jsx(Modal, { isOpen: mobileMenuOpen, onClose: () => setMobileMenuOpen(false), classNames: { wrapper: v.bottomNavModalWrapper(), backdrop: v.bottomNavModalBackdrop(), base: v.bottomNavModalBase() }, isDismissable: false, radius: "none", children: _jsx(ModalContent, { children: () => (_jsxs(_Fragment, { children: [_jsx(ModalHeader, {}), _jsx(ModalBody, { as: ScrollShadow, hideScrollBar: true, className: v.bottomNavModalFooter(), children: items.map((item) => {
|
|
79
76
|
const children = item.align !== 'bottom' ? renderItems(item, { layout: 'expanded', activeNav }) : null;
|
|
80
77
|
return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
|
|
81
|
-
}) }), _jsx(ModalFooter, { className:
|
|
78
|
+
}) }), _jsx(ModalFooter, { className: v.bottomNavModalBody(), children: items.map((item) => {
|
|
82
79
|
const children = item.align === 'bottom' ? renderItems(item, { layout: 'expanded', activeNav }) : null;
|
|
83
80
|
return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
|
|
84
81
|
}) })] })) }) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/fragments/sidebar/Sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,IAAI,GAKL,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/fragments/sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -139,13 +139,13 @@ export const Primary = {
|
|
|
139
139
|
export const Collapsed = {
|
|
140
140
|
args: {
|
|
141
141
|
...Primary.args,
|
|
142
|
-
layout:
|
|
142
|
+
layout: 'collapsed',
|
|
143
143
|
},
|
|
144
144
|
};
|
|
145
|
-
export const
|
|
145
|
+
export const Expanded = {
|
|
146
146
|
args: {
|
|
147
147
|
...Primary.args,
|
|
148
|
-
|
|
148
|
+
layout: 'expanded',
|
|
149
149
|
},
|
|
150
150
|
};
|
|
151
151
|
//# sourceMappingURL=Sidebar.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.stories.js","sourceRoot":"","sources":["../../../src/fragments/sidebar/Sidebar.stories.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Sidebar.stories.js","sourceRoot":"","sources":["../../../src/fragments/sidebar/Sidebar.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
export declare const sidebar: import("tailwind-variants").TVReturnType<{
|
|
2
|
+
layout: {
|
|
3
|
+
auto: {
|
|
4
|
+
expanded: string;
|
|
5
|
+
placeholder: string;
|
|
6
|
+
layoutButtonWrapper: string;
|
|
7
|
+
collapsed: string;
|
|
8
|
+
};
|
|
9
|
+
collapsed: {
|
|
10
|
+
expanded: string;
|
|
11
|
+
placeholder: string;
|
|
12
|
+
layoutButtonWrapper: string;
|
|
13
|
+
};
|
|
14
|
+
expanded: {
|
|
15
|
+
collapsed: string;
|
|
16
|
+
expanded: string;
|
|
17
|
+
placeholder: string;
|
|
18
|
+
layoutButtonWrapper: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
}, {
|
|
22
|
+
base: string;
|
|
23
|
+
collapsed: string;
|
|
24
|
+
collapsedBody: string;
|
|
25
|
+
collapsedFooter: string;
|
|
26
|
+
expanded: string;
|
|
27
|
+
expandedBody: string;
|
|
28
|
+
expandedFooter: string;
|
|
29
|
+
placeholder: string;
|
|
30
|
+
layoutButtonWrapper: string;
|
|
31
|
+
layoutButton: string;
|
|
32
|
+
bottomNav: string;
|
|
33
|
+
bottomNavButton: string;
|
|
34
|
+
bottomNavMenuButton: string;
|
|
35
|
+
bottomNavModalBase: string;
|
|
36
|
+
bottomNavModalWrapper: string;
|
|
37
|
+
bottomNavModalBackdrop: string;
|
|
38
|
+
bottomNavModalBody: string;
|
|
39
|
+
bottomNavModalFooter: string;
|
|
40
|
+
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
41
|
+
layout: {
|
|
42
|
+
auto: {
|
|
43
|
+
expanded: string;
|
|
44
|
+
placeholder: string;
|
|
45
|
+
layoutButtonWrapper: string;
|
|
46
|
+
collapsed: string;
|
|
47
|
+
};
|
|
48
|
+
collapsed: {
|
|
49
|
+
expanded: string;
|
|
50
|
+
placeholder: string;
|
|
51
|
+
layoutButtonWrapper: string;
|
|
52
|
+
};
|
|
53
|
+
expanded: {
|
|
54
|
+
collapsed: string;
|
|
55
|
+
expanded: string;
|
|
56
|
+
placeholder: string;
|
|
57
|
+
layoutButtonWrapper: string;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
}, {
|
|
61
|
+
layout: {
|
|
62
|
+
auto: {
|
|
63
|
+
expanded: string;
|
|
64
|
+
placeholder: string;
|
|
65
|
+
layoutButtonWrapper: string;
|
|
66
|
+
collapsed: string;
|
|
67
|
+
};
|
|
68
|
+
collapsed: {
|
|
69
|
+
expanded: string;
|
|
70
|
+
placeholder: string;
|
|
71
|
+
layoutButtonWrapper: string;
|
|
72
|
+
};
|
|
73
|
+
expanded: {
|
|
74
|
+
collapsed: string;
|
|
75
|
+
expanded: string;
|
|
76
|
+
placeholder: string;
|
|
77
|
+
layoutButtonWrapper: string;
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
}>, {
|
|
81
|
+
layout: {
|
|
82
|
+
auto: {
|
|
83
|
+
expanded: string;
|
|
84
|
+
placeholder: string;
|
|
85
|
+
layoutButtonWrapper: string;
|
|
86
|
+
collapsed: string;
|
|
87
|
+
};
|
|
88
|
+
collapsed: {
|
|
89
|
+
expanded: string;
|
|
90
|
+
placeholder: string;
|
|
91
|
+
layoutButtonWrapper: string;
|
|
92
|
+
};
|
|
93
|
+
expanded: {
|
|
94
|
+
collapsed: string;
|
|
95
|
+
expanded: string;
|
|
96
|
+
placeholder: string;
|
|
97
|
+
layoutButtonWrapper: string;
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
}, {
|
|
101
|
+
base: string;
|
|
102
|
+
collapsed: string;
|
|
103
|
+
collapsedBody: string;
|
|
104
|
+
collapsedFooter: string;
|
|
105
|
+
expanded: string;
|
|
106
|
+
expandedBody: string;
|
|
107
|
+
expandedFooter: string;
|
|
108
|
+
placeholder: string;
|
|
109
|
+
layoutButtonWrapper: string;
|
|
110
|
+
layoutButton: string;
|
|
111
|
+
bottomNav: string;
|
|
112
|
+
bottomNavButton: string;
|
|
113
|
+
bottomNavMenuButton: string;
|
|
114
|
+
bottomNavModalBase: string;
|
|
115
|
+
bottomNavModalWrapper: string;
|
|
116
|
+
bottomNavModalBackdrop: string;
|
|
117
|
+
bottomNavModalBody: string;
|
|
118
|
+
bottomNavModalFooter: string;
|
|
119
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
120
|
+
layout: {
|
|
121
|
+
auto: {
|
|
122
|
+
expanded: string;
|
|
123
|
+
placeholder: string;
|
|
124
|
+
layoutButtonWrapper: string;
|
|
125
|
+
collapsed: string;
|
|
126
|
+
};
|
|
127
|
+
collapsed: {
|
|
128
|
+
expanded: string;
|
|
129
|
+
placeholder: string;
|
|
130
|
+
layoutButtonWrapper: string;
|
|
131
|
+
};
|
|
132
|
+
expanded: {
|
|
133
|
+
collapsed: string;
|
|
134
|
+
expanded: string;
|
|
135
|
+
placeholder: string;
|
|
136
|
+
layoutButtonWrapper: string;
|
|
137
|
+
};
|
|
138
|
+
};
|
|
139
|
+
}, {
|
|
140
|
+
base: string;
|
|
141
|
+
collapsed: string;
|
|
142
|
+
collapsedBody: string;
|
|
143
|
+
collapsedFooter: string;
|
|
144
|
+
expanded: string;
|
|
145
|
+
expandedBody: string;
|
|
146
|
+
expandedFooter: string;
|
|
147
|
+
placeholder: string;
|
|
148
|
+
layoutButtonWrapper: string;
|
|
149
|
+
layoutButton: string;
|
|
150
|
+
bottomNav: string;
|
|
151
|
+
bottomNavButton: string;
|
|
152
|
+
bottomNavMenuButton: string;
|
|
153
|
+
bottomNavModalBase: string;
|
|
154
|
+
bottomNavModalWrapper: string;
|
|
155
|
+
bottomNavModalBackdrop: string;
|
|
156
|
+
bottomNavModalBody: string;
|
|
157
|
+
bottomNavModalFooter: string;
|
|
158
|
+
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
159
|
+
layout: {
|
|
160
|
+
auto: {
|
|
161
|
+
expanded: string;
|
|
162
|
+
placeholder: string;
|
|
163
|
+
layoutButtonWrapper: string;
|
|
164
|
+
collapsed: string;
|
|
165
|
+
};
|
|
166
|
+
collapsed: {
|
|
167
|
+
expanded: string;
|
|
168
|
+
placeholder: string;
|
|
169
|
+
layoutButtonWrapper: string;
|
|
170
|
+
};
|
|
171
|
+
expanded: {
|
|
172
|
+
collapsed: string;
|
|
173
|
+
expanded: string;
|
|
174
|
+
placeholder: string;
|
|
175
|
+
layoutButtonWrapper: string;
|
|
176
|
+
};
|
|
177
|
+
};
|
|
178
|
+
}, {
|
|
179
|
+
layout: {
|
|
180
|
+
auto: {
|
|
181
|
+
expanded: string;
|
|
182
|
+
placeholder: string;
|
|
183
|
+
layoutButtonWrapper: string;
|
|
184
|
+
collapsed: string;
|
|
185
|
+
};
|
|
186
|
+
collapsed: {
|
|
187
|
+
expanded: string;
|
|
188
|
+
placeholder: string;
|
|
189
|
+
layoutButtonWrapper: string;
|
|
190
|
+
};
|
|
191
|
+
expanded: {
|
|
192
|
+
collapsed: string;
|
|
193
|
+
expanded: string;
|
|
194
|
+
placeholder: string;
|
|
195
|
+
layoutButtonWrapper: string;
|
|
196
|
+
};
|
|
197
|
+
};
|
|
198
|
+
}>, unknown, unknown, undefined>>;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { tv } from "@nextui-org/react";
|
|
2
|
+
export const sidebar = tv({
|
|
3
|
+
slots: {
|
|
4
|
+
base: 'hidden md:flex',
|
|
5
|
+
collapsed: 'fixed top-0 left-0 border-r-[1px] border-default-100 flex flex-col h-screen bg-content1 gap-8 transition-all',
|
|
6
|
+
collapsedBody: 'w-20 items-center flex flex-col gap-8 px-3 pt-8 overflow-y-auto flex-1',
|
|
7
|
+
collapsedFooter: 'w-20 items-center flex flex-col gap-8 px-3 pb-8',
|
|
8
|
+
expanded: 'fixed top-0 left-0 border-r-[1px] border-default-100 flex flex-col h-screen bg-content1 gap-8 overflow-hidden transition-all',
|
|
9
|
+
expandedBody: 'w-72 flex flex-col gap-8 px-3 pt-8 overflow-y-auto flex-1',
|
|
10
|
+
expandedFooter: 'w-72 flex flex-col gap-8 px-3 pb-8',
|
|
11
|
+
placeholder: 'transition-all h-screen',
|
|
12
|
+
layoutButtonWrapper: 'fixed top-6 transition-all',
|
|
13
|
+
layoutButton: 'h-6 w-6 min-w-6 bg-default-100',
|
|
14
|
+
bottomNav: 'fixed md:hidden z-50 bottom-0 bg-background flex w-full gap-2 px-2 py-1 border-t-[1px] border-default-100 [&>*:nth-child(n+5):not(:last-child)]:hidden',
|
|
15
|
+
bottomNavButton: 'h-12 flex-1',
|
|
16
|
+
bottomNavMenuButton: 'flex-col gap-0 h-12 flex-1',
|
|
17
|
+
bottomNavModalBase: 'max-w-full m-0 sm:m-0 h-full',
|
|
18
|
+
bottomNavModalWrapper: 'pb-14 z-40',
|
|
19
|
+
bottomNavModalBackdrop: 'z-40',
|
|
20
|
+
bottomNavModalBody: 'flex flex-col gap-8',
|
|
21
|
+
bottomNavModalFooter: 'flex flex-col gap-8',
|
|
22
|
+
},
|
|
23
|
+
variants: {
|
|
24
|
+
layout: {
|
|
25
|
+
auto: {
|
|
26
|
+
expanded: 'w-20 opacity-0 pointer-events-none xl:w-72 xl:opacity-100 xl:pointer-events-auto',
|
|
27
|
+
placeholder: 'w-20 opacity-0 pointer-events-none xl:w-72 xl:opacity-100 xl:pointer-events-auto',
|
|
28
|
+
layoutButtonWrapper: 'left-20 translate-x-1/2 rotate-180 xl:left-72 xl:-translate-x-1/2 xl:rotate-0',
|
|
29
|
+
collapsed: 'xl:opacity-0',
|
|
30
|
+
},
|
|
31
|
+
collapsed: {
|
|
32
|
+
expanded: 'w-20 opacity-0 pointer-events-none',
|
|
33
|
+
placeholder: 'w-20 opacity-0 pointer-events-none',
|
|
34
|
+
layoutButtonWrapper: 'left-20 translate-x-1/2 rotate-180',
|
|
35
|
+
},
|
|
36
|
+
expanded: {
|
|
37
|
+
collapsed: 'opacity-0',
|
|
38
|
+
expanded: 'w-72',
|
|
39
|
+
placeholder: 'w-72',
|
|
40
|
+
layoutButtonWrapper: 'left-72 -translate-x-1/2',
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
defaultVariants: {
|
|
45
|
+
layout: 'auto',
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
//# sourceMappingURL=Sidebar.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.styles.js","sourceRoot":"","sources":["../../../src/fragments/sidebar/Sidebar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAGvC,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC;IACxB,KAAK,EAAE;QACL,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,8GAA8G;QACzH,aAAa,EAAE,wEAAwE;QACvF,eAAe,EAAE,iDAAiD;QAClE,QAAQ,EAAE,8HAA8H;QACxI,YAAY,EAAE,2DAA2D;QACzE,cAAc,EAAE,oCAAoC;QACpD,WAAW,EAAE,yBAAyB;QACtC,mBAAmB,EAAE,4BAA4B;QACjD,YAAY,EAAE,gCAAgC;QAC9C,SAAS,EAAE,wJAAwJ;QACnK,eAAe,EAAE,aAAa;QAC9B,mBAAmB,EAAE,4BAA4B;QACjD,kBAAkB,EAAE,8BAA8B;QAClD,qBAAqB,EAAE,YAAY;QACnC,sBAAsB,EAAE,MAAM;QAC9B,kBAAkB,EAAE,qBAAqB;QACzC,oBAAoB,EAAE,qBAAqB;KAC5C;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,QAAQ,EAAE,kFAAkF;gBAC5F,WAAW,EAAE,kFAAkF;gBAC/F,mBAAmB,EAAE,+EAA+E;gBACpG,SAAS,EAAE,cAAc;aAC1B;YACD,SAAS,EAAE;gBACT,QAAQ,EAAE,oCAAoC;gBAC9C,WAAW,EAAE,oCAAoC;gBACjD,mBAAmB,EAAE,oCAAoC;aAC1D;YACD,QAAQ,EAAE;gBACR,SAAS,EAAE,WAAW;gBACtB,QAAQ,EAAE,MAAM;gBAChB,WAAW,EAAE,MAAM;gBACnB,mBAAmB,EAAE,0BAA0B;aAChD;SACF;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -2,6 +2,5 @@ export * from "next-themes";
|
|
|
2
2
|
export { getKeyValue, nextui, useDisclosure, VisuallyHidden } from '@nextui-org/react';
|
|
3
3
|
export * from './components';
|
|
4
4
|
export * from './fragments';
|
|
5
|
-
export * from './hooks';
|
|
6
5
|
export * from './provider';
|
|
7
6
|
export * from './tailwind.plugin';
|
package/dist/index.js
CHANGED
|
@@ -2,7 +2,6 @@ export * from "next-themes";
|
|
|
2
2
|
export { getKeyValue, nextui, useDisclosure, VisuallyHidden } from '@nextui-org/react';
|
|
3
3
|
export * from './components';
|
|
4
4
|
export * from './fragments';
|
|
5
|
-
export * from './hooks';
|
|
6
5
|
export * from './provider';
|
|
7
6
|
export * from './tailwind.plugin';
|
|
8
7
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEtF,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEtF,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fragment-build/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.14.2",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"repository": {
|
|
@@ -9,35 +9,36 @@
|
|
|
9
9
|
},
|
|
10
10
|
"license": "Apache-2.0",
|
|
11
11
|
"devDependencies": {
|
|
12
|
-
"@storybook/addon-a11y": "8.
|
|
13
|
-
"@storybook/addon-essentials": "8.
|
|
14
|
-
"@storybook/addon-interactions": "8.
|
|
15
|
-
"@storybook/addon-links": "8.
|
|
16
|
-
"@storybook/addon-
|
|
17
|
-
"@storybook/blocks": "8.
|
|
18
|
-
"@storybook/
|
|
19
|
-
"@storybook/react
|
|
20
|
-
"@storybook/
|
|
12
|
+
"@storybook/addon-a11y": "8.4.2",
|
|
13
|
+
"@storybook/addon-essentials": "8.4.2",
|
|
14
|
+
"@storybook/addon-interactions": "8.4.2",
|
|
15
|
+
"@storybook/addon-links": "8.4.2",
|
|
16
|
+
"@storybook/addon-themes": "8.4.2",
|
|
17
|
+
"@storybook/blocks": "8.4.2",
|
|
18
|
+
"@storybook/manager-api": "8.4.2",
|
|
19
|
+
"@storybook/react": "8.4.2",
|
|
20
|
+
"@storybook/react-vite": "8.4.2",
|
|
21
|
+
"@storybook/test": "8.4.2",
|
|
22
|
+
"@storybook/theming": "8.4.2",
|
|
21
23
|
"@types/lodash.defaultsdeep": "4.6.9",
|
|
22
|
-
"@types/react": "18.3.
|
|
24
|
+
"@types/react": "18.3.12",
|
|
23
25
|
"@types/react-dom": "18.3.1",
|
|
24
|
-
"@typescript-eslint/eslint-plugin": "8.
|
|
25
|
-
"@typescript-eslint/parser": "8.
|
|
26
|
-
"@vitejs/plugin-react": "4.3.
|
|
26
|
+
"@typescript-eslint/eslint-plugin": "8.13.0",
|
|
27
|
+
"@typescript-eslint/parser": "8.13.0",
|
|
28
|
+
"@vitejs/plugin-react": "4.3.3",
|
|
27
29
|
"@vitejs/plugin-react-swc": "3.7.1",
|
|
28
30
|
"autoprefixer": "10.4.20",
|
|
29
|
-
"eslint": "9.
|
|
31
|
+
"eslint": "9.14.0",
|
|
30
32
|
"eslint-plugin-react-hooks": "5.0.0",
|
|
31
|
-
"eslint-plugin-react-refresh": "0.4.
|
|
32
|
-
"eslint-plugin-storybook": "0.
|
|
33
|
-
"postcss": "8.4.
|
|
33
|
+
"eslint-plugin-react-refresh": "0.4.14",
|
|
34
|
+
"eslint-plugin-storybook": "0.11.0",
|
|
35
|
+
"postcss": "8.4.48",
|
|
34
36
|
"react": "18.3.1",
|
|
35
37
|
"react-dom": "18.3.1",
|
|
36
|
-
"storybook": "8.
|
|
37
|
-
"storybook-dark-mode": "4.0.2",
|
|
38
|
+
"storybook": "8.4.2",
|
|
38
39
|
"typescript": "5.6.3",
|
|
39
|
-
"typescript-eslint": "8.
|
|
40
|
-
"vite": "5.4.
|
|
40
|
+
"typescript-eslint": "8.13.0",
|
|
41
|
+
"vite": "5.4.10"
|
|
41
42
|
},
|
|
42
43
|
"scripts": {
|
|
43
44
|
"build": "tsc",
|
|
@@ -48,12 +49,12 @@
|
|
|
48
49
|
},
|
|
49
50
|
"dependencies": {
|
|
50
51
|
"@nextui-org/react": "2.4.8",
|
|
51
|
-
"@tabler/icons-react": "3.
|
|
52
|
+
"@tabler/icons-react": "3.21.0",
|
|
52
53
|
"apexcharts": "3.54.1",
|
|
53
|
-
"framer-motion": "11.11.
|
|
54
|
+
"framer-motion": "11.11.11",
|
|
54
55
|
"lodash.defaultsdeep": "4.6.1",
|
|
55
|
-
"next-themes": "0.3
|
|
56
|
-
"react-apexcharts": "1.
|
|
56
|
+
"next-themes": "0.4.3",
|
|
57
|
+
"react-apexcharts": "1.5.0",
|
|
57
58
|
"tailwindcss": "3.4.14"
|
|
58
59
|
}
|
|
59
60
|
}
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Breakpoints from Tailwind V2
|
|
3
|
-
*
|
|
4
|
-
* @see https://tailwindcss.com/docs/breakpoints
|
|
5
|
-
*/
|
|
6
|
-
export declare const breakpointsTailwind: {
|
|
7
|
-
sm: number;
|
|
8
|
-
md: number;
|
|
9
|
-
lg: number;
|
|
10
|
-
xl: number;
|
|
11
|
-
'2xl': number;
|
|
12
|
-
};
|
|
13
|
-
/**
|
|
14
|
-
* Reactive media query hook that returns the truthy value of the media query.
|
|
15
|
-
*
|
|
16
|
-
* @param {string} query
|
|
17
|
-
* @returns {boolean} boolean value of the query
|
|
18
|
-
*
|
|
19
|
-
* @see https://react-hooks-library.vercel.app/core/useMediaQuery
|
|
20
|
-
*/
|
|
21
|
-
export declare function useMediaQuery(query: string): boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Reactive hooks and utilities to be used with user provided breakpoints.
|
|
24
|
-
*
|
|
25
|
-
* @param {string} breakpoints
|
|
26
|
-
* @returns functions to be used as hooks
|
|
27
|
-
*
|
|
28
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
29
|
-
*/
|
|
30
|
-
export declare function BreakPointHooks<BreakPoints extends Record<string, number>>(breakpoints: BreakPoints): {
|
|
31
|
-
/**
|
|
32
|
-
* Hook that returns a boolean if screen width is greater than given breakpoint.
|
|
33
|
-
*
|
|
34
|
-
* @param k {string} breakpoint
|
|
35
|
-
* @returns boolean
|
|
36
|
-
*
|
|
37
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
38
|
-
**/
|
|
39
|
-
useGreater: (k: keyof BreakPoints) => boolean;
|
|
40
|
-
/**
|
|
41
|
-
* Hook that returns a boolean if screen width is smaller than given breakpoint.
|
|
42
|
-
*
|
|
43
|
-
* @param k {string} breakpoint
|
|
44
|
-
* @param k {string} breakpoint
|
|
45
|
-
*
|
|
46
|
-
* @returns boolean
|
|
47
|
-
*
|
|
48
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
49
|
-
**/
|
|
50
|
-
useSmaller: (k: keyof BreakPoints) => boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Hook that returns a boolean if screen width is between two given breakpoint.
|
|
53
|
-
*
|
|
54
|
-
* @param a {string} breakpoint
|
|
55
|
-
* @param b {string} breakpoint
|
|
56
|
-
*
|
|
57
|
-
* @returns boolean
|
|
58
|
-
*
|
|
59
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
60
|
-
**/
|
|
61
|
-
useBetween: (a: keyof BreakPoints, b: keyof BreakPoints) => boolean;
|
|
62
|
-
/**
|
|
63
|
-
* Utility function that returns a boolean if screen width is greater than given breakpoint.
|
|
64
|
-
*
|
|
65
|
-
* @param k {string} breakpoint
|
|
66
|
-
*
|
|
67
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
68
|
-
**/
|
|
69
|
-
isGreater(k: keyof BreakPoints): boolean;
|
|
70
|
-
/**
|
|
71
|
-
* Utility function that returns a boolean if screen width is smaller than given breakpoint.
|
|
72
|
-
*
|
|
73
|
-
* @param k {string} breakpoint
|
|
74
|
-
*
|
|
75
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
76
|
-
**/
|
|
77
|
-
isSmaller(k: keyof BreakPoints): boolean;
|
|
78
|
-
/**
|
|
79
|
-
* Utility function that returns a boolean if screen width is between two given breakpoint.
|
|
80
|
-
*
|
|
81
|
-
* @param k {string} breakpoint
|
|
82
|
-
*
|
|
83
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
84
|
-
**/
|
|
85
|
-
isInBetween(a: keyof BreakPoints, b: keyof BreakPoints): boolean;
|
|
86
|
-
};
|
|
87
|
-
export declare const useGreater: (k: "sm" | "md" | "lg" | "xl" | "2xl") => boolean, useBetween: (a: "sm" | "md" | "lg" | "xl" | "2xl", b: "sm" | "md" | "lg" | "xl" | "2xl") => boolean, useSmaller: (k: "sm" | "md" | "lg" | "xl" | "2xl") => boolean;
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
// this file is based on @react-hooks-library/core with some fixes
|
|
2
|
-
import { useEffect, useState } from 'react';
|
|
3
|
-
/**
|
|
4
|
-
* Breakpoints from Tailwind V2
|
|
5
|
-
*
|
|
6
|
-
* @see https://tailwindcss.com/docs/breakpoints
|
|
7
|
-
*/
|
|
8
|
-
export const breakpointsTailwind = {
|
|
9
|
-
sm: 640,
|
|
10
|
-
md: 768,
|
|
11
|
-
lg: 1024,
|
|
12
|
-
xl: 1280,
|
|
13
|
-
'2xl': 1536
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* Reactive media query hook that returns the truthy value of the media query.
|
|
17
|
-
*
|
|
18
|
-
* @param {string} query
|
|
19
|
-
* @returns {boolean} boolean value of the query
|
|
20
|
-
*
|
|
21
|
-
* @see https://react-hooks-library.vercel.app/core/useMediaQuery
|
|
22
|
-
*/
|
|
23
|
-
export function useMediaQuery(query) {
|
|
24
|
-
const [matches, setMatches] = useState(typeof window === 'undefined' ? false : window.matchMedia(query).matches);
|
|
25
|
-
useEffect(() => {
|
|
26
|
-
setMatches(window.matchMedia(query).matches);
|
|
27
|
-
}, []);
|
|
28
|
-
useEffect(() => {
|
|
29
|
-
const mediaQuery = window.matchMedia(query);
|
|
30
|
-
const handler = (event) => {
|
|
31
|
-
setMatches(event.matches);
|
|
32
|
-
};
|
|
33
|
-
mediaQuery.addEventListener('change', handler);
|
|
34
|
-
return () => mediaQuery.removeEventListener('change', handler);
|
|
35
|
-
}, [query]);
|
|
36
|
-
return matches;
|
|
37
|
-
}
|
|
38
|
-
function match(query) {
|
|
39
|
-
if (typeof window === 'undefined')
|
|
40
|
-
return false;
|
|
41
|
-
return window.matchMedia(query).matches;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* Reactive hooks and utilities to be used with user provided breakpoints.
|
|
45
|
-
*
|
|
46
|
-
* @param {string} breakpoints
|
|
47
|
-
* @returns functions to be used as hooks
|
|
48
|
-
*
|
|
49
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
50
|
-
*/
|
|
51
|
-
export function BreakPointHooks(breakpoints) {
|
|
52
|
-
return {
|
|
53
|
-
/**
|
|
54
|
-
* Hook that returns a boolean if screen width is greater than given breakpoint.
|
|
55
|
-
*
|
|
56
|
-
* @param k {string} breakpoint
|
|
57
|
-
* @returns boolean
|
|
58
|
-
*
|
|
59
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
60
|
-
**/
|
|
61
|
-
useGreater: (k) => {
|
|
62
|
-
return useMediaQuery(`(min-width: ${breakpoints[k]}px)`);
|
|
63
|
-
},
|
|
64
|
-
/**
|
|
65
|
-
* Hook that returns a boolean if screen width is smaller than given breakpoint.
|
|
66
|
-
*
|
|
67
|
-
* @param k {string} breakpoint
|
|
68
|
-
* @param k {string} breakpoint
|
|
69
|
-
*
|
|
70
|
-
* @returns boolean
|
|
71
|
-
*
|
|
72
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
73
|
-
**/
|
|
74
|
-
useSmaller: (k) => {
|
|
75
|
-
return useMediaQuery(`(max-width: ${breakpoints[k]}px)`);
|
|
76
|
-
},
|
|
77
|
-
/**
|
|
78
|
-
* Hook that returns a boolean if screen width is between two given breakpoint.
|
|
79
|
-
*
|
|
80
|
-
* @param a {string} breakpoint
|
|
81
|
-
* @param b {string} breakpoint
|
|
82
|
-
*
|
|
83
|
-
* @returns boolean
|
|
84
|
-
*
|
|
85
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
86
|
-
**/
|
|
87
|
-
useBetween: (a, b) => {
|
|
88
|
-
return useMediaQuery(`(min-width: ${breakpoints[a]}px) and (max-width: ${breakpoints[b]}px)`);
|
|
89
|
-
},
|
|
90
|
-
/**
|
|
91
|
-
* Utility function that returns a boolean if screen width is greater than given breakpoint.
|
|
92
|
-
*
|
|
93
|
-
* @param k {string} breakpoint
|
|
94
|
-
*
|
|
95
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
96
|
-
**/
|
|
97
|
-
isGreater(k) {
|
|
98
|
-
return match(`(min-width: ${breakpoints[k]}px)`);
|
|
99
|
-
},
|
|
100
|
-
/**
|
|
101
|
-
* Utility function that returns a boolean if screen width is smaller than given breakpoint.
|
|
102
|
-
*
|
|
103
|
-
* @param k {string} breakpoint
|
|
104
|
-
*
|
|
105
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
106
|
-
**/
|
|
107
|
-
isSmaller(k) {
|
|
108
|
-
return match(`(max-width: ${breakpoints[k]}px)`);
|
|
109
|
-
},
|
|
110
|
-
/**
|
|
111
|
-
* Utility function that returns a boolean if screen width is between two given breakpoint.
|
|
112
|
-
*
|
|
113
|
-
* @param k {string} breakpoint
|
|
114
|
-
*
|
|
115
|
-
* @see https://react-hooks-library.vercel.app/core/BreakPointHooks
|
|
116
|
-
**/
|
|
117
|
-
isInBetween(a, b) {
|
|
118
|
-
return match(`(min-width: ${breakpoints[a]}px) and (max-width: ${breakpoints[b]}px)`);
|
|
119
|
-
}
|
|
120
|
-
};
|
|
121
|
-
}
|
|
122
|
-
export const { useGreater, useBetween, useSmaller } = BreakPointHooks(breakpointsTailwind);
|
|
123
|
-
//# sourceMappingURL=breakpoints.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/hooks/breakpoints.ts"],"names":[],"mappings":"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"}
|
package/dist/hooks/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './breakpoints';
|
package/dist/hooks/index.js
DELETED
package/dist/hooks/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
|