@lindle/linoardo 1.0.45 → 1.0.46
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/{ExpansionPanelItem-B9srsYMI.d.cts → ExpansionPanelItem-C9KW1yBc.d.cts} +1 -0
- package/dist/{ExpansionPanelItem-DYcbxZnv.d.ts → ExpansionPanelItem-Pi3BM-4v.d.ts} +1 -0
- package/dist/{chunk-RG5FCFLX.js → chunk-AUVYU7M5.js} +4 -3
- package/dist/chunk-AUVYU7M5.js.map +1 -0
- package/dist/{chunk-FJNKMRYQ.js → chunk-XA74HBMH.js} +6 -4
- package/dist/chunk-XA74HBMH.js.map +1 -0
- package/dist/expansion-panel/item.cjs +2 -1
- package/dist/expansion-panel/item.cjs.map +1 -1
- package/dist/expansion-panel/item.d.cts +1 -1
- package/dist/expansion-panel/item.d.ts +1 -1
- package/dist/expansion-panel/item.js +1 -1
- package/dist/expansion-panel.cjs +5 -2
- package/dist/expansion-panel.cjs.map +1 -1
- package/dist/expansion-panel.d.cts +2 -2
- package/dist/expansion-panel.d.ts +2 -2
- package/dist/expansion-panel.js +2 -2
- package/dist/index.cjs +59 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +17 -2
- package/dist/index.d.ts +17 -2
- package/dist/index.js +65 -12
- package/dist/index.js.map +1 -1
- package/dist/styles.css +4 -0
- package/package.json +1 -1
- package/dist/chunk-FJNKMRYQ.js.map +0 -1
- package/dist/chunk-RG5FCFLX.js.map +0 -1
package/dist/index.d.cts
CHANGED
|
@@ -25,7 +25,7 @@ import { NotificationArgs } from './notification.cjs';
|
|
|
25
25
|
export { default as Notification, NotificationPlacement, NotificationProps, NotificationType, NotificationVariant } from './notification.cjs';
|
|
26
26
|
export { default as Progress, ProgressProps, ProgressStatus, ProgressType } from './progress.cjs';
|
|
27
27
|
export { default as TimeLine, TimeLineAlign, TimeLineAxis, TimeLineDensity, TimeLineDotSize, TimeLineDotVariant, TimeLineItem, TimeLineItemProps, TimeLineProps, TimeLineSide } from './timeline.cjs';
|
|
28
|
-
export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, c as ExpansionPanelProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-
|
|
28
|
+
export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, c as ExpansionPanelProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-C9KW1yBc.cjs';
|
|
29
29
|
export { L as ListDensity, a as ListItem, b as ListItemProps, c as ListLines, d as ListRounded, e as ListVariant } from './index-BDrBOeFI.cjs';
|
|
30
30
|
import './types-CJ0zqPXF.cjs';
|
|
31
31
|
|
|
@@ -49,6 +49,21 @@ interface DrawerProps extends react.HTMLAttributes<HTMLDivElement> {
|
|
|
49
49
|
*/
|
|
50
50
|
declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAttributes<HTMLDivElement>>;
|
|
51
51
|
|
|
52
|
+
interface OverlayProps extends react.HTMLAttributes<HTMLDivElement> {
|
|
53
|
+
open?: boolean;
|
|
54
|
+
keepMounted?: boolean;
|
|
55
|
+
scrim?: boolean;
|
|
56
|
+
/** Render as absolute (inside parent) instead of fixed (viewport). */
|
|
57
|
+
container?: boolean;
|
|
58
|
+
onClose?: () => void;
|
|
59
|
+
portal?: boolean;
|
|
60
|
+
portalContainer?: Element | null;
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* Overlay layer with optional scrim that renders arbitrary children.
|
|
64
|
+
*/
|
|
65
|
+
declare const Overlay: react.ForwardRefExoticComponent<OverlayProps & react.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
|
|
52
67
|
type TabsValue = string | number;
|
|
53
68
|
type TabsVariant = 'line' | 'card' | 'pill';
|
|
54
69
|
type TabsSize = GlobalSize;
|
|
@@ -108,4 +123,4 @@ declare const useNotification: (defaultMessage?: NotificationArgs) => {
|
|
|
108
123
|
showNotification: (notification: NotificationArgs) => void;
|
|
109
124
|
};
|
|
110
125
|
|
|
111
|
-
export { Drawer, type DrawerProps, NotificationArgs, Tab, type TabProps, Tabs, type TabsProps, type TabsSize, type TabsValue, type TabsVariant, useNotification };
|
|
126
|
+
export { Drawer, type DrawerProps, NotificationArgs, Overlay, type OverlayProps, Tab, type TabProps, Tabs, type TabsProps, type TabsSize, type TabsValue, type TabsVariant, useNotification };
|
package/dist/index.d.ts
CHANGED
|
@@ -25,7 +25,7 @@ import { NotificationArgs } from './notification.js';
|
|
|
25
25
|
export { default as Notification, NotificationPlacement, NotificationProps, NotificationType, NotificationVariant } from './notification.js';
|
|
26
26
|
export { default as Progress, ProgressProps, ProgressStatus, ProgressType } from './progress.js';
|
|
27
27
|
export { default as TimeLine, TimeLineAlign, TimeLineAxis, TimeLineDensity, TimeLineDotSize, TimeLineDotVariant, TimeLineItem, TimeLineItemProps, TimeLineProps, TimeLineSide } from './timeline.js';
|
|
28
|
-
export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, c as ExpansionPanelProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-
|
|
28
|
+
export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, c as ExpansionPanelProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-Pi3BM-4v.js';
|
|
29
29
|
export { L as ListDensity, a as ListItem, b as ListItemProps, c as ListLines, d as ListRounded, e as ListVariant } from './index-CNwl6vmH.js';
|
|
30
30
|
import './types-DaTHYIPO.js';
|
|
31
31
|
|
|
@@ -49,6 +49,21 @@ interface DrawerProps extends react.HTMLAttributes<HTMLDivElement> {
|
|
|
49
49
|
*/
|
|
50
50
|
declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAttributes<HTMLDivElement>>;
|
|
51
51
|
|
|
52
|
+
interface OverlayProps extends react.HTMLAttributes<HTMLDivElement> {
|
|
53
|
+
open?: boolean;
|
|
54
|
+
keepMounted?: boolean;
|
|
55
|
+
scrim?: boolean;
|
|
56
|
+
/** Render as absolute (inside parent) instead of fixed (viewport). */
|
|
57
|
+
container?: boolean;
|
|
58
|
+
onClose?: () => void;
|
|
59
|
+
portal?: boolean;
|
|
60
|
+
portalContainer?: Element | null;
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* Overlay layer with optional scrim that renders arbitrary children.
|
|
64
|
+
*/
|
|
65
|
+
declare const Overlay: react.ForwardRefExoticComponent<OverlayProps & react.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
|
|
52
67
|
type TabsValue = string | number;
|
|
53
68
|
type TabsVariant = 'line' | 'card' | 'pill';
|
|
54
69
|
type TabsSize = GlobalSize;
|
|
@@ -108,4 +123,4 @@ declare const useNotification: (defaultMessage?: NotificationArgs) => {
|
|
|
108
123
|
showNotification: (notification: NotificationArgs) => void;
|
|
109
124
|
};
|
|
110
125
|
|
|
111
|
-
export { Drawer, type DrawerProps, NotificationArgs, Tab, type TabProps, Tabs, type TabsProps, type TabsSize, type TabsValue, type TabsVariant, useNotification };
|
|
126
|
+
export { Drawer, type DrawerProps, NotificationArgs, Overlay, type OverlayProps, Tab, type TabProps, Tabs, type TabsProps, type TabsSize, type TabsValue, type TabsVariant, useNotification };
|
package/dist/index.js
CHANGED
|
@@ -10,8 +10,8 @@ import './chunk-6SKW43XI.js';
|
|
|
10
10
|
export { Icon_default as Icon } from './chunk-HEXJCQRO.js';
|
|
11
11
|
export { Hero_default as Hero } from './chunk-VPF7M2PB.js';
|
|
12
12
|
export { ProfileCard_default as ProfileCard } from './chunk-5MVIF5GP.js';
|
|
13
|
-
export { ExpansionPanel_default as ExpansionPanel } from './chunk-
|
|
14
|
-
export { ExpansionPanelItem_default as ExpansionPanelItem } from './chunk-
|
|
13
|
+
export { ExpansionPanel_default as ExpansionPanel } from './chunk-XA74HBMH.js';
|
|
14
|
+
export { ExpansionPanelItem_default as ExpansionPanelItem } from './chunk-AUVYU7M5.js';
|
|
15
15
|
export { Dialog_default as Dialog } from './chunk-NJU7XT54.js';
|
|
16
16
|
export { ToolTip_default as ToolTip } from './chunk-U2AL7XFY.js';
|
|
17
17
|
export { Card_default as Card } from './chunk-U4P2VJCV.js';
|
|
@@ -27,7 +27,7 @@ export { Alert_default as Alert } from './chunk-KQOR3C7E.js';
|
|
|
27
27
|
export { List_default as List } from './chunk-NADLY6LM.js';
|
|
28
28
|
export { Item_default as ListItem } from './chunk-L4UUC4EF.js';
|
|
29
29
|
export { Menu_default as Menu } from './chunk-ZTP2JSQ6.js';
|
|
30
|
-
import * as
|
|
30
|
+
import * as React3 from 'react';
|
|
31
31
|
import { isValidElement, useState } from 'react';
|
|
32
32
|
import { createPortal } from 'react-dom';
|
|
33
33
|
import { twMerge } from 'tailwind-merge';
|
|
@@ -43,7 +43,7 @@ var resolveSizeValue = (value) => {
|
|
|
43
43
|
}
|
|
44
44
|
return typeof value === "number" ? `${value}px` : value;
|
|
45
45
|
};
|
|
46
|
-
var Drawer =
|
|
46
|
+
var Drawer = React3.forwardRef((props, ref) => {
|
|
47
47
|
const {
|
|
48
48
|
location = "left",
|
|
49
49
|
floating = false,
|
|
@@ -142,6 +142,59 @@ var Drawer = React2.forwardRef((props, ref) => {
|
|
|
142
142
|
});
|
|
143
143
|
Drawer.displayName = "Drawer";
|
|
144
144
|
var Drawer_default = Drawer;
|
|
145
|
+
var overlayBaseClasses2 = "inset-0 z-[55] transition-opacity duration-200 data-[state=closed]:opacity-0 data-[state=open]:opacity-100";
|
|
146
|
+
var scrimClasses = "bg-gray-900/55 backdrop-blur-[2px]";
|
|
147
|
+
var Overlay = React3.forwardRef((props, ref) => {
|
|
148
|
+
const {
|
|
149
|
+
open,
|
|
150
|
+
keepMounted = false,
|
|
151
|
+
scrim = true,
|
|
152
|
+
container = false,
|
|
153
|
+
onClose,
|
|
154
|
+
portal = false,
|
|
155
|
+
portalContainer,
|
|
156
|
+
className,
|
|
157
|
+
role,
|
|
158
|
+
children,
|
|
159
|
+
...rest
|
|
160
|
+
} = props;
|
|
161
|
+
const isOpen = open ?? true;
|
|
162
|
+
const shouldRender = keepMounted || isOpen;
|
|
163
|
+
const state = isOpen ? "open" : "closed";
|
|
164
|
+
if (!shouldRender) {
|
|
165
|
+
return null;
|
|
166
|
+
}
|
|
167
|
+
const resolvedPortalContainer = portalContainer ?? (typeof document !== "undefined" ? document.body : null);
|
|
168
|
+
const overlayNode = /* @__PURE__ */ jsx(
|
|
169
|
+
"div",
|
|
170
|
+
{
|
|
171
|
+
...rest,
|
|
172
|
+
ref,
|
|
173
|
+
role: role ?? "presentation",
|
|
174
|
+
className: twMerge(
|
|
175
|
+
overlayBaseClasses2,
|
|
176
|
+
container ? "absolute" : "fixed",
|
|
177
|
+
scrim ? scrimClasses : "bg-transparent backdrop-blur-0",
|
|
178
|
+
isOpen ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0",
|
|
179
|
+
className
|
|
180
|
+
),
|
|
181
|
+
"data-state": state,
|
|
182
|
+
onClick: (event) => {
|
|
183
|
+
if (event.target !== event.currentTarget) {
|
|
184
|
+
return;
|
|
185
|
+
}
|
|
186
|
+
if (!event.defaultPrevented) {
|
|
187
|
+
onClose?.();
|
|
188
|
+
}
|
|
189
|
+
},
|
|
190
|
+
children
|
|
191
|
+
}
|
|
192
|
+
);
|
|
193
|
+
const shouldPortal = portal && !container;
|
|
194
|
+
return shouldPortal && resolvedPortalContainer ? createPortal(overlayNode, resolvedPortalContainer) : overlayNode;
|
|
195
|
+
});
|
|
196
|
+
Overlay.displayName = "Overlay";
|
|
197
|
+
var Overlay_default = Overlay;
|
|
145
198
|
var TABS_TAB_MARKER = "__isTabsTab";
|
|
146
199
|
var hasMarker = (type) => {
|
|
147
200
|
if (!type || typeof type !== "function" && typeof type !== "object") {
|
|
@@ -249,7 +302,7 @@ var panelVariantClasses = {
|
|
|
249
302
|
pill: "mt-3 rounded-2xl border border-gray-200 bg-white/90 p-4"
|
|
250
303
|
};
|
|
251
304
|
var isExtraContentObject = (value) => {
|
|
252
|
-
return !!value && typeof value === "object" && !
|
|
305
|
+
return !!value && typeof value === "object" && !React3.isValidElement(value) && ("left" in value || "right" in value);
|
|
253
306
|
};
|
|
254
307
|
var resolveFirstEnabledTab = (tabs) => tabs.find((tab) => !tab.disabled)?.value;
|
|
255
308
|
var clampActive = (value, tabs) => {
|
|
@@ -276,7 +329,7 @@ var collectTabs = (children, tabsId) => {
|
|
|
276
329
|
return;
|
|
277
330
|
}
|
|
278
331
|
if (!isTabsTabElement(node)) {
|
|
279
|
-
if (
|
|
332
|
+
if (React3.isValidElement(node)) {
|
|
280
333
|
const props = node.props;
|
|
281
334
|
if (props && Object.prototype.hasOwnProperty.call(props, "children")) {
|
|
282
335
|
walk(props.children);
|
|
@@ -320,7 +373,7 @@ var injectTabs = (children, context, tabs) => {
|
|
|
320
373
|
});
|
|
321
374
|
return changed ? next : node;
|
|
322
375
|
}
|
|
323
|
-
if (!
|
|
376
|
+
if (!React3.isValidElement(node)) {
|
|
324
377
|
return node;
|
|
325
378
|
}
|
|
326
379
|
if (isTabsTabElement(node)) {
|
|
@@ -336,14 +389,14 @@ var injectTabs = (children, context, tabs) => {
|
|
|
336
389
|
__tabsTabId: tab.tabId,
|
|
337
390
|
__tabsPanelId: tab.panelId
|
|
338
391
|
};
|
|
339
|
-
return
|
|
392
|
+
return React3.cloneElement(node, injectedProps);
|
|
340
393
|
}
|
|
341
394
|
if (node.props) {
|
|
342
395
|
const props = node.props;
|
|
343
396
|
if (props && Object.prototype.hasOwnProperty.call(props, "children")) {
|
|
344
397
|
const mappedChildren = walk(props.children);
|
|
345
398
|
if (mappedChildren !== props.children) {
|
|
346
|
-
return
|
|
399
|
+
return React3.cloneElement(node, void 0, mappedChildren);
|
|
347
400
|
}
|
|
348
401
|
}
|
|
349
402
|
}
|
|
@@ -377,7 +430,7 @@ var handleTabListKeyDown = (event) => {
|
|
|
377
430
|
tabs[nextIndex]?.focus();
|
|
378
431
|
event.preventDefault();
|
|
379
432
|
};
|
|
380
|
-
var Tabs =
|
|
433
|
+
var Tabs = React3.forwardRef((props, ref) => {
|
|
381
434
|
const {
|
|
382
435
|
activeKey,
|
|
383
436
|
defaultActiveKey,
|
|
@@ -498,7 +551,7 @@ var Tabs = React2.forwardRef((props, ref) => {
|
|
|
498
551
|
);
|
|
499
552
|
});
|
|
500
553
|
Tabs.displayName = "Tabs";
|
|
501
|
-
var Tab =
|
|
554
|
+
var Tab = React3.forwardRef((props, ref) => {
|
|
502
555
|
const {
|
|
503
556
|
label: _label,
|
|
504
557
|
value,
|
|
@@ -564,6 +617,6 @@ var useNotification = (defaultMessage) => {
|
|
|
564
617
|
};
|
|
565
618
|
var useNotification_default = useNotification;
|
|
566
619
|
|
|
567
|
-
export { Drawer_default as Drawer, Tab, Tabs_default as Tabs, useNotification_default as useNotification };
|
|
620
|
+
export { Drawer_default as Drawer, Overlay_default as Overlay, Tab, Tabs_default as Tabs, useNotification_default as useNotification };
|
|
568
621
|
//# sourceMappingURL=index.js.map
|
|
569
622
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Containment/Drawer/index.tsx","../src/Containment/Tabs/context.ts","../src/Containment/Tabs/index.tsx","../src/Feedback/Notification/useNotification.ts"],"names":["React","jsx","twMerge","jsxs"],"mappings":"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","file":"index.js","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { twMerge } from 'tailwind-merge';\n\nconst overlayBaseClasses =\n 'fixed inset-0 z-[55] bg-gray-900/55 backdrop-blur-[2px] transition-opacity duration-200 data-[state=closed]:opacity-0 data-[state=open]:opacity-100';\nconst temporaryContainerBaseClasses =\n 'fixed inset-y-0 z-[60] flex max-w-full transition-transform duration-200';\nconst staticContainerBaseClasses = 'relative flex h-full max-w-full';\nconst drawerBaseClasses =\n 'flex h-full w-full flex-col bg-white text-gray-900 shadow-xl shadow-black/10 ring-1 ring-black/5 focus-visible:outline-none dark:bg-gray-900 dark:text-gray-100 dark:ring-white/10';\n\nconst resolveSizeValue = (value?: string | number) => {\n if (value === undefined) {\n return undefined;\n }\n return typeof value === 'number' ? `${value}px` : value;\n};\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n location?: 'left' | 'right';\n floating?: boolean;\n temporary?: boolean;\n open?: boolean;\n keepMounted?: boolean;\n scrim?: boolean;\n width?: string | number;\n onClose?: () => void;\n containerClassName?: string;\n overlayClassName?: string;\n overlayProps?: React.HTMLAttributes<HTMLDivElement>;\n portal?: boolean;\n portalContainer?: Element | null;\n}\n\n/**\n * Navigation drawer container inspired by Vuetify, with temporary and floating modes.\n */\nconst Drawer = React.forwardRef<HTMLDivElement, DrawerProps>((props, ref) => {\n const {\n location = 'left',\n floating = false,\n temporary = false,\n open,\n keepMounted = false,\n scrim = true,\n width = '18rem',\n onClose,\n containerClassName,\n overlayClassName,\n overlayProps,\n portal = true,\n portalContainer,\n className,\n style,\n role,\n ...rest\n } = props;\n\n const isOpen = open ?? !temporary;\n const state = isOpen ? 'open' : 'closed';\n const shouldRender = keepMounted || isOpen || temporary;\n const resolvedPortalContainer =\n portalContainer ?? (typeof document !== 'undefined' ? document.body : null);\n\n const resolvedStyle: React.CSSProperties = { ...style };\n if (resolvedStyle.width === undefined) {\n resolvedStyle.width = resolveSizeValue(width);\n }\n\n const locationClass = location === 'right' ? 'right-0' : 'left-0';\n const translateClass = isOpen\n ? 'translate-x-0'\n : location === 'right'\n ? 'translate-x-full'\n : '-translate-x-full';\n\n const floatingClasses = floating\n ? 'rounded-2xl shadow-2xl shadow-black/20 ring-1 ring-black/10 dark:ring-white/10'\n : undefined;\n const borderClasses =\n !floating && !temporary\n ? location === 'right'\n ? 'border-l border-gray-200 dark:border-gray-800'\n : 'border-r border-gray-200 dark:border-gray-800'\n : undefined;\n\n const {\n className: overlayExtraClassName,\n onClick: overlayOnClick,\n ...restOverlayProps\n } = overlayProps ?? {};\n\n const overlayNode = temporary && scrim && shouldRender ? (\n <div\n {...restOverlayProps}\n className={twMerge(\n overlayBaseClasses,\n isOpen ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0',\n overlayClassName,\n overlayExtraClassName\n )}\n onClick={event => {\n overlayOnClick?.(event);\n if (!event.defaultPrevented) {\n onClose?.();\n }\n }}\n data-state={state}\n aria-hidden\n />\n ) : null;\n\n const drawerNode = shouldRender ? (\n <div\n className={twMerge(\n temporary ? temporaryContainerBaseClasses : staticContainerBaseClasses,\n temporary ? locationClass : undefined,\n temporary ? translateClass : undefined,\n temporary && !isOpen ? 'pointer-events-none' : undefined,\n temporary && floating ? 'p-4' : undefined,\n !temporary && location === 'right' ? 'ml-auto' : undefined,\n containerClassName\n )}\n data-state={state}\n aria-hidden={temporary ? !isOpen : undefined}\n >\n <div\n {...rest}\n ref={ref}\n role={role ?? 'navigation'}\n className={twMerge(drawerBaseClasses, floatingClasses, borderClasses, className)}\n style={resolvedStyle}\n data-state={state}\n >\n {props.children}\n </div>\n </div>\n ) : null;\n\n const outputNode =\n temporary && portal && resolvedPortalContainer && drawerNode\n ? createPortal(\n <>\n {overlayNode}\n {drawerNode}\n </>,\n resolvedPortalContainer\n )\n : (\n <>\n {overlayNode}\n {drawerNode}\n </>\n );\n\n return outputNode;\n});\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n","import { isValidElement } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TabProps } from './types.tabs';\n\nconst TABS_TAB_MARKER = '__isTabsTab';\n\ntype MarkerTarget = Record<string | number | symbol, unknown> & {\n type?: unknown;\n};\n\nconst hasMarker = (type: unknown): boolean => {\n if (!type || (typeof type !== 'function' && typeof type !== 'object')) {\n return false;\n }\n\n if ((type as MarkerTarget)[TABS_TAB_MARKER]) {\n return true;\n }\n\n const innerType = (type as MarkerTarget).type;\n if (innerType && innerType !== type) {\n return hasMarker(innerType);\n }\n\n return false;\n};\n\nexport const isTabsTabElement = (element: ReactNode): element is ReactElement<TabProps> => {\n if (!isValidElement(element)) {\n return false;\n }\n\n return hasMarker(element.type);\n};\n\nexport const markTabsTab = (component: unknown) => {\n if (typeof component !== 'function' && (typeof component !== 'object' || component === null)) {\n return;\n }\n\n (component as MarkerTarget)[TABS_TAB_MARKER] = true;\n};\n","import * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport type { Palette, PropIcon } from '@lindle/linoardo/global.types';\nimport { resolveIconClassName } from '../Chip/states.chip';\nimport { isTabsTabElement, markTabsTab } from './context';\nimport type {\n TabProps,\n TabsContextValue,\n TabsExtraContent,\n TabsInternalProps,\n TabsProps,\n TabsSize,\n TabsValue,\n TabsVariant\n} from './types.tabs';\n\nconst sizeClasses: Record<TabsSize, { tab: string; icon: string }> = {\n 'x-small': { tab: 'h-7 px-2 text-xs', icon: 'text-sm' },\n small: { tab: 'h-8 px-2.5 text-sm', icon: 'text-base' },\n medium: { tab: 'h-9 px-3 text-sm', icon: 'text-base' },\n large: { tab: 'h-10 px-3.5 text-base', icon: 'text-lg' },\n 'x-large': { tab: 'h-11 px-4 text-base', icon: 'text-lg' }\n};\n\nconst variantListClasses: Record<TabsVariant, string> = {\n line: 'border-b border-gray-200',\n card: 'rounded-xl bg-gray-100 p-1',\n pill: 'rounded-full bg-gray-100/80 p-1'\n};\n\nconst variantTabBaseClasses: Record<TabsVariant, string> = {\n line: 'border-b-2 border-transparent -mb-px',\n card: 'rounded-lg border border-transparent bg-white/70',\n pill: 'rounded-full'\n};\n\nconst paletteClasses: Record<Palette, { text: string; border: string; bg: string; ring: string; ink: string }> = {\n primary: {\n text: 'text-primary',\n border: 'border-primary',\n bg: 'bg-primary/10',\n ring: 'ring-primary/30',\n ink: 'bg-primary'\n },\n neutral: {\n text: 'text-gray-900',\n border: 'border-gray-900',\n bg: 'bg-gray-100',\n ring: 'ring-gray-900/20',\n ink: 'bg-gray-900'\n },\n info: {\n text: 'text-sky-600',\n border: 'border-sky-500',\n bg: 'bg-sky-50',\n ring: 'ring-sky-500/20',\n ink: 'bg-sky-500'\n },\n success: {\n text: 'text-emerald-600',\n border: 'border-emerald-500',\n bg: 'bg-emerald-50',\n ring: 'ring-emerald-500/20',\n ink: 'bg-emerald-500'\n },\n warning: {\n text: 'text-amber-600',\n border: 'border-amber-500',\n bg: 'bg-amber-50',\n ring: 'ring-amber-500/20',\n ink: 'bg-amber-500'\n },\n danger: {\n text: 'text-red-600',\n border: 'border-red-500',\n bg: 'bg-red-50',\n ring: 'ring-red-500/20',\n ink: 'bg-red-500'\n },\n surface: {\n text: 'text-gray-900',\n border: 'border-gray-300',\n bg: 'bg-white',\n ring: 'ring-gray-300/30',\n ink: 'bg-gray-400'\n },\n bw: {\n text: 'text-black',\n border: 'border-black',\n bg: 'bg-black/10',\n ring: 'ring-black/20',\n ink: 'bg-black'\n }\n};\n\nconst panelVariantClasses: Record<TabsVariant, string> = {\n line: 'pt-4',\n card: 'mt-3 rounded-xl border border-gray-200 bg-white p-4 shadow-sm',\n pill: 'mt-3 rounded-2xl border border-gray-200 bg-white/90 p-4'\n};\n\nconst isExtraContentObject = (value: TabsExtraContent): value is { left?: React.ReactNode; right?: React.ReactNode } => {\n return (\n !!value &&\n typeof value === 'object' &&\n !React.isValidElement(value) &&\n ('left' in (value as Record<string, unknown>) || 'right' in (value as Record<string, unknown>))\n );\n};\n\nconst resolveFirstEnabledTab = (tabs: TabsDescriptor[]): TabsValue | undefined =>\n tabs.find(tab => !tab.disabled)?.value;\n\nconst clampActive = (value: TabsValue | undefined, tabs: TabsDescriptor[]): TabsValue | undefined => {\n if (value === undefined) {\n return resolveFirstEnabledTab(tabs);\n }\n\n const match = tabs.find(tab => tab.value === value);\n if (!match || match.disabled) {\n return resolveFirstEnabledTab(tabs);\n }\n\n return value;\n};\n\nconst resolveIconNode = (icon?: PropIcon, size?: TabsSize) => {\n if (!icon) return null;\n const iconClass = resolveIconClassName(icon);\n return iconClass ? <i className={twMerge(iconClass, size ? sizeClasses[size].icon : undefined)} aria-hidden /> : null;\n};\n\ntype TabsDescriptor = {\n element: React.ReactElement<TabProps>;\n index: number;\n value: TabsValue;\n label: React.ReactNode;\n disabled?: boolean;\n icon?: PropIcon;\n badge?: React.ReactNode;\n tabClassName?: string;\n panelClassName?: string;\n tabId: string;\n panelId: string;\n forceRender?: boolean;\n};\n\nconst collectTabs = (children: React.ReactNode, tabsId: string): TabsDescriptor[] => {\n const tabs: TabsDescriptor[] = [];\n let index = 0;\n\n const walk = (node: React.ReactNode) => {\n if (Array.isArray(node)) {\n node.forEach(walk);\n return;\n }\n\n if (!isTabsTabElement(node)) {\n if (React.isValidElement(node)) {\n const props = node.props as { children?: React.ReactNode } | null;\n if (props && Object.prototype.hasOwnProperty.call(props, 'children')) {\n walk(props.children);\n }\n }\n return;\n }\n\n const tabIndex = index++;\n const value = node.props.value ?? tabIndex;\n const tabId = `${tabsId}-tab-${tabIndex}`;\n const panelId = `${tabsId}-panel-${tabIndex}`;\n\n tabs.push({\n element: node,\n index: tabIndex,\n value,\n label: node.props.label,\n disabled: node.props.disabled,\n icon: node.props.icon,\n badge: node.props.badge,\n tabClassName: node.props.tabClassName,\n panelClassName: node.props.panelClassName,\n tabId,\n panelId,\n forceRender: node.props.forceRender\n });\n };\n\n walk(children);\n return tabs;\n};\n\nconst injectTabs = (\n children: React.ReactNode,\n context: TabsContextValue,\n tabs: TabsDescriptor[]\n): React.ReactNode => {\n let index = 0;\n\n const walk = (node: React.ReactNode): React.ReactNode => {\n if (Array.isArray(node)) {\n let changed = false;\n const next = node.map(child => {\n const mapped = walk(child);\n if (mapped !== child) {\n changed = true;\n }\n return mapped;\n });\n return changed ? next : node;\n }\n\n if (!React.isValidElement(node)) {\n return node;\n }\n\n if (isTabsTabElement(node)) {\n const tab = tabs[index++];\n if (!tab) {\n return node;\n }\n const injectedProps: Partial<TabProps & TabsInternalProps> = {\n value: tab.value,\n __tabsContext: context,\n __tabsValue: tab.value,\n __tabsIndex: tab.index,\n __tabsTabId: tab.tabId,\n __tabsPanelId: tab.panelId\n };\n return React.cloneElement(node, injectedProps);\n }\n\n if (node.props) {\n const props = node.props as { children?: React.ReactNode } | null;\n if (props && Object.prototype.hasOwnProperty.call(props, 'children')) {\n const mappedChildren = walk(props.children);\n if (mappedChildren !== props.children) {\n return React.cloneElement(node, undefined, mappedChildren);\n }\n }\n }\n\n return node;\n };\n\n return walk(children);\n};\n\nconst handleTabListKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n const { key } = event;\n if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(key)) {\n return;\n }\n\n const tabs = Array.from(event.currentTarget.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'))\n .filter(tab => !tab.disabled);\n\n if (!tabs.length) {\n return;\n }\n\n const currentIndex = tabs.findIndex(tab => tab === document.activeElement);\n let nextIndex = currentIndex;\n\n if (key === 'ArrowRight') {\n nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % tabs.length;\n }\n\n if (key === 'ArrowLeft') {\n nextIndex = currentIndex === -1 ? tabs.length - 1 : (currentIndex - 1 + tabs.length) % tabs.length;\n }\n\n if (key === 'Home') {\n nextIndex = 0;\n }\n\n if (key === 'End') {\n nextIndex = tabs.length - 1;\n }\n\n tabs[nextIndex]?.focus();\n event.preventDefault();\n};\n\n/**\n * Tabbed container inspired by Ant Design with line, card, and pill styles.\n */\nconst Tabs = React.forwardRef<HTMLDivElement, TabsProps>((props, ref) => {\n const {\n activeKey,\n defaultActiveKey,\n onChange,\n variant = 'line',\n size = 'medium',\n color = 'primary',\n align = 'start',\n tabBarGutter = 8,\n tabBarExtraContent,\n tabBarClassName,\n destroyInactiveTabPane = false,\n keepMounted = false,\n className,\n children,\n id,\n ...rest\n } = props;\n\n const tabsId = typeof id === 'string' && id.trim().length ? id : 'tabs';\n const tabs = collectTabs(children, tabsId);\n const resolvedActive = clampActive(activeKey ?? defaultActiveKey, tabs);\n\n const handleActivate = (value: TabsValue) => {\n onChange?.(value);\n };\n\n const extraContent = tabBarExtraContent;\n const extraLeft = isExtraContentObject(extraContent) ? extraContent.left : null;\n const extraRight = isExtraContentObject(extraContent) ? extraContent.right : extraContent;\n\n const palette = paletteClasses[color] ?? paletteClasses.primary;\n\n const context: TabsContextValue = {\n activeKey: resolvedActive,\n onChange: handleActivate,\n variant,\n size,\n color,\n destroyInactiveTabPane,\n keepMounted\n };\n\n const enhancedChildren = injectTabs(children, context, tabs);\n\n return (\n <div\n {...rest}\n id={id}\n ref={ref}\n className={twMerge('tabs flex w-full flex-col text-gray-900', className)}\n >\n <div className='flex items-center gap-3'>\n {extraLeft ? <div className='flex items-center'>{extraLeft}</div> : null}\n <div\n role='tablist'\n aria-orientation='horizontal'\n onKeyDown={handleTabListKeyDown}\n className={twMerge(\n 'flex min-w-0 flex-1 items-center gap-2 overflow-x-auto',\n align === 'center' ? 'justify-center' : align === 'end' ? 'justify-end' : undefined,\n variantListClasses[variant],\n tabBarClassName\n )}\n style={{ gap: tabBarGutter }}\n >\n {tabs.map(tab => {\n const isActive = tab.value === resolvedActive;\n const sizeClass = sizeClasses[size] ?? sizeClasses.medium;\n const iconNode = resolveIconNode(tab.icon, size);\n const badgeNode = tab.badge ? (\n <span className='rounded-full bg-gray-200 px-1.5 py-0.5 text-[0.6rem] font-semibold text-gray-700'>\n {tab.badge}\n </span>\n ) : null;\n const activeText = isActive ? palette.text : 'text-gray-600';\n const activeBorder = isActive ? palette.border : 'border-transparent';\n const activeBg = isActive ? palette.bg : undefined;\n const activeRing = isActive ? palette.ring : undefined;\n\n const variantClasses = {\n line: twMerge(activeText, activeBorder),\n card: twMerge(activeText, activeBg, activeBorder, isActive ? 'shadow-sm' : undefined),\n pill: twMerge(activeText, activeBg)\n };\n\n return (\n <button\n key={tab.value}\n type='button'\n role='tab'\n id={tab.tabId}\n aria-selected={isActive}\n aria-controls={tab.panelId}\n aria-disabled={tab.disabled || undefined}\n disabled={tab.disabled}\n tabIndex={isActive ? 0 : -1}\n onClick={() => {\n if (!tab.disabled) {\n handleActivate(tab.value);\n }\n }}\n className={twMerge(\n 'inline-flex items-center gap-2 whitespace-nowrap font-medium transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2',\n sizeClass.tab,\n variantTabBaseClasses[variant],\n variantClasses[variant],\n activeRing ? `ring-1 ${activeRing}` : undefined,\n tab.disabled\n ? 'cursor-not-allowed text-gray-400 opacity-60'\n : 'hover:text-gray-900',\n tab.tabClassName\n )}\n data-state={isActive ? 'active' : 'inactive'}\n >\n {iconNode}\n <span className='truncate'>{tab.label}</span>\n {badgeNode}\n </button>\n );\n })}\n </div>\n {extraRight ? <div className='flex items-center'>{extraRight}</div> : null}\n </div>\n <div className={twMerge('min-h-0', panelVariantClasses[variant])}>{enhancedChildren}</div>\n </div>\n );\n});\n\nTabs.displayName = 'Tabs';\n\nconst Tab = React.forwardRef<HTMLDivElement, TabProps & TabsInternalProps>((props, ref) => {\n const {\n label: _label,\n value,\n disabled,\n forceRender,\n tabClassName: _tabClassName,\n panelClassName,\n className,\n children,\n __tabsContext,\n __tabsValue,\n __tabsIndex,\n __tabsTabId,\n __tabsPanelId,\n ...rest\n } = props;\n\n const context = __tabsContext;\n const resolvedValue = value ?? __tabsValue;\n const isActive = context ? context.activeKey === resolvedValue : true;\n\n const shouldRender =\n !context ||\n isActive ||\n context.keepMounted ||\n !context.destroyInactiveTabPane ||\n forceRender;\n\n if (!shouldRender) {\n return null;\n }\n\n return (\n <div\n {...rest}\n ref={ref}\n role='tabpanel'\n id={__tabsPanelId}\n aria-labelledby={__tabsTabId}\n aria-hidden={context ? !isActive : undefined}\n hidden={context ? !isActive : undefined}\n className={twMerge('tabs-panel text-gray-900', className, panelClassName)}\n data-state={isActive ? 'active' : 'inactive'}\n data-disabled={disabled || undefined}\n >\n {children}\n </div>\n );\n});\n\nTab.displayName = 'Tab';\nmarkTabsTab(Tab);\n\nexport type { TabProps, TabsProps, TabsValue, TabsVariant, TabsSize } from './types.tabs';\nexport { Tab };\nexport default Tabs;\n","import { useState } from 'react';\nimport { NotificationArgs } from './types.notification';\n\nconst useNotification = (defaultMessage?: NotificationArgs) => {\n const [messages, setMessages] = useState<NotificationArgs[]>([]);\n\n const clearNotifications = (key?: string) => {\n setMessages(prev => (key ? prev.filter(notification => notification.key !== key) : []));\n };\n\n const showNotification = (notification: NotificationArgs) => {\n const key = `${Date.now()}-${Math.random()}`;\n setMessages(prev => [\n ...prev,\n {\n duration: 4000,\n onClose: () => clearNotifications(key),\n ...defaultMessage,\n ...notification,\n key\n }\n ]);\n };\n\n return { messages, showNotification };\n};\n\nexport default useNotification;\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/Containment/Drawer/index.tsx","../src/Containment/Overlay/index.tsx","../src/Containment/Tabs/context.ts","../src/Containment/Tabs/index.tsx","../src/Feedback/Notification/useNotification.ts"],"names":["React","overlayBaseClasses","React2","jsx","twMerge","createPortal","jsxs"],"mappings":"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","file":"index.js","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { twMerge } from 'tailwind-merge';\n\nconst overlayBaseClasses =\n 'fixed inset-0 z-[55] bg-gray-900/55 backdrop-blur-[2px] transition-opacity duration-200 data-[state=closed]:opacity-0 data-[state=open]:opacity-100';\nconst temporaryContainerBaseClasses =\n 'fixed inset-y-0 z-[60] flex max-w-full transition-transform duration-200';\nconst staticContainerBaseClasses = 'relative flex h-full max-w-full';\nconst drawerBaseClasses =\n 'flex h-full w-full flex-col bg-white text-gray-900 shadow-xl shadow-black/10 ring-1 ring-black/5 focus-visible:outline-none dark:bg-gray-900 dark:text-gray-100 dark:ring-white/10';\n\nconst resolveSizeValue = (value?: string | number) => {\n if (value === undefined) {\n return undefined;\n }\n return typeof value === 'number' ? `${value}px` : value;\n};\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n location?: 'left' | 'right';\n floating?: boolean;\n temporary?: boolean;\n open?: boolean;\n keepMounted?: boolean;\n scrim?: boolean;\n width?: string | number;\n onClose?: () => void;\n containerClassName?: string;\n overlayClassName?: string;\n overlayProps?: React.HTMLAttributes<HTMLDivElement>;\n portal?: boolean;\n portalContainer?: Element | null;\n}\n\n/**\n * Navigation drawer container inspired by Vuetify, with temporary and floating modes.\n */\nconst Drawer = React.forwardRef<HTMLDivElement, DrawerProps>((props, ref) => {\n const {\n location = 'left',\n floating = false,\n temporary = false,\n open,\n keepMounted = false,\n scrim = true,\n width = '18rem',\n onClose,\n containerClassName,\n overlayClassName,\n overlayProps,\n portal = true,\n portalContainer,\n className,\n style,\n role,\n ...rest\n } = props;\n\n const isOpen = open ?? !temporary;\n const state = isOpen ? 'open' : 'closed';\n const shouldRender = keepMounted || isOpen || temporary;\n const resolvedPortalContainer =\n portalContainer ?? (typeof document !== 'undefined' ? document.body : null);\n\n const resolvedStyle: React.CSSProperties = { ...style };\n if (resolvedStyle.width === undefined) {\n resolvedStyle.width = resolveSizeValue(width);\n }\n\n const locationClass = location === 'right' ? 'right-0' : 'left-0';\n const translateClass = isOpen\n ? 'translate-x-0'\n : location === 'right'\n ? 'translate-x-full'\n : '-translate-x-full';\n\n const floatingClasses = floating\n ? 'rounded-2xl shadow-2xl shadow-black/20 ring-1 ring-black/10 dark:ring-white/10'\n : undefined;\n const borderClasses =\n !floating && !temporary\n ? location === 'right'\n ? 'border-l border-gray-200 dark:border-gray-800'\n : 'border-r border-gray-200 dark:border-gray-800'\n : undefined;\n\n const {\n className: overlayExtraClassName,\n onClick: overlayOnClick,\n ...restOverlayProps\n } = overlayProps ?? {};\n\n const overlayNode = temporary && scrim && shouldRender ? (\n <div\n {...restOverlayProps}\n className={twMerge(\n overlayBaseClasses,\n isOpen ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0',\n overlayClassName,\n overlayExtraClassName\n )}\n onClick={event => {\n overlayOnClick?.(event);\n if (!event.defaultPrevented) {\n onClose?.();\n }\n }}\n data-state={state}\n aria-hidden\n />\n ) : null;\n\n const drawerNode = shouldRender ? (\n <div\n className={twMerge(\n temporary ? temporaryContainerBaseClasses : staticContainerBaseClasses,\n temporary ? locationClass : undefined,\n temporary ? translateClass : undefined,\n temporary && !isOpen ? 'pointer-events-none' : undefined,\n temporary && floating ? 'p-4' : undefined,\n !temporary && location === 'right' ? 'ml-auto' : undefined,\n containerClassName\n )}\n data-state={state}\n aria-hidden={temporary ? !isOpen : undefined}\n >\n <div\n {...rest}\n ref={ref}\n role={role ?? 'navigation'}\n className={twMerge(drawerBaseClasses, floatingClasses, borderClasses, className)}\n style={resolvedStyle}\n data-state={state}\n >\n {props.children}\n </div>\n </div>\n ) : null;\n\n const outputNode =\n temporary && portal && resolvedPortalContainer && drawerNode\n ? createPortal(\n <>\n {overlayNode}\n {drawerNode}\n </>,\n resolvedPortalContainer\n )\n : (\n <>\n {overlayNode}\n {drawerNode}\n </>\n );\n\n return outputNode;\n});\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n","import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { twMerge } from 'tailwind-merge';\n\nconst overlayBaseClasses =\n 'inset-0 z-[55] transition-opacity duration-200 data-[state=closed]:opacity-0 data-[state=open]:opacity-100';\nconst scrimClasses = 'bg-gray-900/55 backdrop-blur-[2px]';\n\nexport interface OverlayProps extends React.HTMLAttributes<HTMLDivElement> {\n open?: boolean;\n keepMounted?: boolean;\n scrim?: boolean;\n /** Render as absolute (inside parent) instead of fixed (viewport). */\n container?: boolean;\n onClose?: () => void;\n portal?: boolean;\n portalContainer?: Element | null;\n}\n\n/**\n * Overlay layer with optional scrim that renders arbitrary children.\n */\nconst Overlay = React.forwardRef<HTMLDivElement, OverlayProps>((props, ref) => {\n const {\n open,\n keepMounted = false,\n scrim = true,\n container = false,\n onClose,\n portal = false,\n portalContainer,\n className,\n role,\n children,\n ...rest\n } = props;\n\n const isOpen = open ?? true;\n const shouldRender = keepMounted || isOpen;\n const state = isOpen ? 'open' : 'closed';\n\n if (!shouldRender) {\n return null;\n }\n\n const resolvedPortalContainer =\n portalContainer ?? (typeof document !== 'undefined' ? document.body : null);\n\n const overlayNode = (\n <div\n {...rest}\n ref={ref}\n role={role ?? 'presentation'}\n className={twMerge(\n overlayBaseClasses,\n container ? 'absolute' : 'fixed',\n scrim ? scrimClasses : 'bg-transparent backdrop-blur-0',\n isOpen ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0',\n className\n )}\n data-state={state}\n onClick={event => {\n if (event.target !== event.currentTarget) {\n return;\n }\n if (!event.defaultPrevented) {\n onClose?.();\n }\n }}\n >\n {children}\n </div>\n );\n\n const shouldPortal = portal && !container;\n\n return shouldPortal && resolvedPortalContainer\n ? createPortal(overlayNode, resolvedPortalContainer)\n : overlayNode;\n});\n\nOverlay.displayName = 'Overlay';\n\nexport default Overlay;\n","import { isValidElement } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TabProps } from './types.tabs';\n\nconst TABS_TAB_MARKER = '__isTabsTab';\n\ntype MarkerTarget = Record<string | number | symbol, unknown> & {\n type?: unknown;\n};\n\nconst hasMarker = (type: unknown): boolean => {\n if (!type || (typeof type !== 'function' && typeof type !== 'object')) {\n return false;\n }\n\n if ((type as MarkerTarget)[TABS_TAB_MARKER]) {\n return true;\n }\n\n const innerType = (type as MarkerTarget).type;\n if (innerType && innerType !== type) {\n return hasMarker(innerType);\n }\n\n return false;\n};\n\nexport const isTabsTabElement = (element: ReactNode): element is ReactElement<TabProps> => {\n if (!isValidElement(element)) {\n return false;\n }\n\n return hasMarker(element.type);\n};\n\nexport const markTabsTab = (component: unknown) => {\n if (typeof component !== 'function' && (typeof component !== 'object' || component === null)) {\n return;\n }\n\n (component as MarkerTarget)[TABS_TAB_MARKER] = true;\n};\n","import * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport type { Palette, PropIcon } from '@lindle/linoardo/global.types';\nimport { resolveIconClassName } from '../Chip/states.chip';\nimport { isTabsTabElement, markTabsTab } from './context';\nimport type {\n TabProps,\n TabsContextValue,\n TabsExtraContent,\n TabsInternalProps,\n TabsProps,\n TabsSize,\n TabsValue,\n TabsVariant\n} from './types.tabs';\n\nconst sizeClasses: Record<TabsSize, { tab: string; icon: string }> = {\n 'x-small': { tab: 'h-7 px-2 text-xs', icon: 'text-sm' },\n small: { tab: 'h-8 px-2.5 text-sm', icon: 'text-base' },\n medium: { tab: 'h-9 px-3 text-sm', icon: 'text-base' },\n large: { tab: 'h-10 px-3.5 text-base', icon: 'text-lg' },\n 'x-large': { tab: 'h-11 px-4 text-base', icon: 'text-lg' }\n};\n\nconst variantListClasses: Record<TabsVariant, string> = {\n line: 'border-b border-gray-200',\n card: 'rounded-xl bg-gray-100 p-1',\n pill: 'rounded-full bg-gray-100/80 p-1'\n};\n\nconst variantTabBaseClasses: Record<TabsVariant, string> = {\n line: 'border-b-2 border-transparent -mb-px',\n card: 'rounded-lg border border-transparent bg-white/70',\n pill: 'rounded-full'\n};\n\nconst paletteClasses: Record<Palette, { text: string; border: string; bg: string; ring: string; ink: string }> = {\n primary: {\n text: 'text-primary',\n border: 'border-primary',\n bg: 'bg-primary/10',\n ring: 'ring-primary/30',\n ink: 'bg-primary'\n },\n neutral: {\n text: 'text-gray-900',\n border: 'border-gray-900',\n bg: 'bg-gray-100',\n ring: 'ring-gray-900/20',\n ink: 'bg-gray-900'\n },\n info: {\n text: 'text-sky-600',\n border: 'border-sky-500',\n bg: 'bg-sky-50',\n ring: 'ring-sky-500/20',\n ink: 'bg-sky-500'\n },\n success: {\n text: 'text-emerald-600',\n border: 'border-emerald-500',\n bg: 'bg-emerald-50',\n ring: 'ring-emerald-500/20',\n ink: 'bg-emerald-500'\n },\n warning: {\n text: 'text-amber-600',\n border: 'border-amber-500',\n bg: 'bg-amber-50',\n ring: 'ring-amber-500/20',\n ink: 'bg-amber-500'\n },\n danger: {\n text: 'text-red-600',\n border: 'border-red-500',\n bg: 'bg-red-50',\n ring: 'ring-red-500/20',\n ink: 'bg-red-500'\n },\n surface: {\n text: 'text-gray-900',\n border: 'border-gray-300',\n bg: 'bg-white',\n ring: 'ring-gray-300/30',\n ink: 'bg-gray-400'\n },\n bw: {\n text: 'text-black',\n border: 'border-black',\n bg: 'bg-black/10',\n ring: 'ring-black/20',\n ink: 'bg-black'\n }\n};\n\nconst panelVariantClasses: Record<TabsVariant, string> = {\n line: 'pt-4',\n card: 'mt-3 rounded-xl border border-gray-200 bg-white p-4 shadow-sm',\n pill: 'mt-3 rounded-2xl border border-gray-200 bg-white/90 p-4'\n};\n\nconst isExtraContentObject = (value: TabsExtraContent): value is { left?: React.ReactNode; right?: React.ReactNode } => {\n return (\n !!value &&\n typeof value === 'object' &&\n !React.isValidElement(value) &&\n ('left' in (value as Record<string, unknown>) || 'right' in (value as Record<string, unknown>))\n );\n};\n\nconst resolveFirstEnabledTab = (tabs: TabsDescriptor[]): TabsValue | undefined =>\n tabs.find(tab => !tab.disabled)?.value;\n\nconst clampActive = (value: TabsValue | undefined, tabs: TabsDescriptor[]): TabsValue | undefined => {\n if (value === undefined) {\n return resolveFirstEnabledTab(tabs);\n }\n\n const match = tabs.find(tab => tab.value === value);\n if (!match || match.disabled) {\n return resolveFirstEnabledTab(tabs);\n }\n\n return value;\n};\n\nconst resolveIconNode = (icon?: PropIcon, size?: TabsSize) => {\n if (!icon) return null;\n const iconClass = resolveIconClassName(icon);\n return iconClass ? <i className={twMerge(iconClass, size ? sizeClasses[size].icon : undefined)} aria-hidden /> : null;\n};\n\ntype TabsDescriptor = {\n element: React.ReactElement<TabProps>;\n index: number;\n value: TabsValue;\n label: React.ReactNode;\n disabled?: boolean;\n icon?: PropIcon;\n badge?: React.ReactNode;\n tabClassName?: string;\n panelClassName?: string;\n tabId: string;\n panelId: string;\n forceRender?: boolean;\n};\n\nconst collectTabs = (children: React.ReactNode, tabsId: string): TabsDescriptor[] => {\n const tabs: TabsDescriptor[] = [];\n let index = 0;\n\n const walk = (node: React.ReactNode) => {\n if (Array.isArray(node)) {\n node.forEach(walk);\n return;\n }\n\n if (!isTabsTabElement(node)) {\n if (React.isValidElement(node)) {\n const props = node.props as { children?: React.ReactNode } | null;\n if (props && Object.prototype.hasOwnProperty.call(props, 'children')) {\n walk(props.children);\n }\n }\n return;\n }\n\n const tabIndex = index++;\n const value = node.props.value ?? tabIndex;\n const tabId = `${tabsId}-tab-${tabIndex}`;\n const panelId = `${tabsId}-panel-${tabIndex}`;\n\n tabs.push({\n element: node,\n index: tabIndex,\n value,\n label: node.props.label,\n disabled: node.props.disabled,\n icon: node.props.icon,\n badge: node.props.badge,\n tabClassName: node.props.tabClassName,\n panelClassName: node.props.panelClassName,\n tabId,\n panelId,\n forceRender: node.props.forceRender\n });\n };\n\n walk(children);\n return tabs;\n};\n\nconst injectTabs = (\n children: React.ReactNode,\n context: TabsContextValue,\n tabs: TabsDescriptor[]\n): React.ReactNode => {\n let index = 0;\n\n const walk = (node: React.ReactNode): React.ReactNode => {\n if (Array.isArray(node)) {\n let changed = false;\n const next = node.map(child => {\n const mapped = walk(child);\n if (mapped !== child) {\n changed = true;\n }\n return mapped;\n });\n return changed ? next : node;\n }\n\n if (!React.isValidElement(node)) {\n return node;\n }\n\n if (isTabsTabElement(node)) {\n const tab = tabs[index++];\n if (!tab) {\n return node;\n }\n const injectedProps: Partial<TabProps & TabsInternalProps> = {\n value: tab.value,\n __tabsContext: context,\n __tabsValue: tab.value,\n __tabsIndex: tab.index,\n __tabsTabId: tab.tabId,\n __tabsPanelId: tab.panelId\n };\n return React.cloneElement(node, injectedProps);\n }\n\n if (node.props) {\n const props = node.props as { children?: React.ReactNode } | null;\n if (props && Object.prototype.hasOwnProperty.call(props, 'children')) {\n const mappedChildren = walk(props.children);\n if (mappedChildren !== props.children) {\n return React.cloneElement(node, undefined, mappedChildren);\n }\n }\n }\n\n return node;\n };\n\n return walk(children);\n};\n\nconst handleTabListKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n const { key } = event;\n if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(key)) {\n return;\n }\n\n const tabs = Array.from(event.currentTarget.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'))\n .filter(tab => !tab.disabled);\n\n if (!tabs.length) {\n return;\n }\n\n const currentIndex = tabs.findIndex(tab => tab === document.activeElement);\n let nextIndex = currentIndex;\n\n if (key === 'ArrowRight') {\n nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % tabs.length;\n }\n\n if (key === 'ArrowLeft') {\n nextIndex = currentIndex === -1 ? tabs.length - 1 : (currentIndex - 1 + tabs.length) % tabs.length;\n }\n\n if (key === 'Home') {\n nextIndex = 0;\n }\n\n if (key === 'End') {\n nextIndex = tabs.length - 1;\n }\n\n tabs[nextIndex]?.focus();\n event.preventDefault();\n};\n\n/**\n * Tabbed container inspired by Ant Design with line, card, and pill styles.\n */\nconst Tabs = React.forwardRef<HTMLDivElement, TabsProps>((props, ref) => {\n const {\n activeKey,\n defaultActiveKey,\n onChange,\n variant = 'line',\n size = 'medium',\n color = 'primary',\n align = 'start',\n tabBarGutter = 8,\n tabBarExtraContent,\n tabBarClassName,\n destroyInactiveTabPane = false,\n keepMounted = false,\n className,\n children,\n id,\n ...rest\n } = props;\n\n const tabsId = typeof id === 'string' && id.trim().length ? id : 'tabs';\n const tabs = collectTabs(children, tabsId);\n const resolvedActive = clampActive(activeKey ?? defaultActiveKey, tabs);\n\n const handleActivate = (value: TabsValue) => {\n onChange?.(value);\n };\n\n const extraContent = tabBarExtraContent;\n const extraLeft = isExtraContentObject(extraContent) ? extraContent.left : null;\n const extraRight = isExtraContentObject(extraContent) ? extraContent.right : extraContent;\n\n const palette = paletteClasses[color] ?? paletteClasses.primary;\n\n const context: TabsContextValue = {\n activeKey: resolvedActive,\n onChange: handleActivate,\n variant,\n size,\n color,\n destroyInactiveTabPane,\n keepMounted\n };\n\n const enhancedChildren = injectTabs(children, context, tabs);\n\n return (\n <div\n {...rest}\n id={id}\n ref={ref}\n className={twMerge('tabs flex w-full flex-col text-gray-900', className)}\n >\n <div className='flex items-center gap-3'>\n {extraLeft ? <div className='flex items-center'>{extraLeft}</div> : null}\n <div\n role='tablist'\n aria-orientation='horizontal'\n onKeyDown={handleTabListKeyDown}\n className={twMerge(\n 'flex min-w-0 flex-1 items-center gap-2 overflow-x-auto',\n align === 'center' ? 'justify-center' : align === 'end' ? 'justify-end' : undefined,\n variantListClasses[variant],\n tabBarClassName\n )}\n style={{ gap: tabBarGutter }}\n >\n {tabs.map(tab => {\n const isActive = tab.value === resolvedActive;\n const sizeClass = sizeClasses[size] ?? sizeClasses.medium;\n const iconNode = resolveIconNode(tab.icon, size);\n const badgeNode = tab.badge ? (\n <span className='rounded-full bg-gray-200 px-1.5 py-0.5 text-[0.6rem] font-semibold text-gray-700'>\n {tab.badge}\n </span>\n ) : null;\n const activeText = isActive ? palette.text : 'text-gray-600';\n const activeBorder = isActive ? palette.border : 'border-transparent';\n const activeBg = isActive ? palette.bg : undefined;\n const activeRing = isActive ? palette.ring : undefined;\n\n const variantClasses = {\n line: twMerge(activeText, activeBorder),\n card: twMerge(activeText, activeBg, activeBorder, isActive ? 'shadow-sm' : undefined),\n pill: twMerge(activeText, activeBg)\n };\n\n return (\n <button\n key={tab.value}\n type='button'\n role='tab'\n id={tab.tabId}\n aria-selected={isActive}\n aria-controls={tab.panelId}\n aria-disabled={tab.disabled || undefined}\n disabled={tab.disabled}\n tabIndex={isActive ? 0 : -1}\n onClick={() => {\n if (!tab.disabled) {\n handleActivate(tab.value);\n }\n }}\n className={twMerge(\n 'inline-flex items-center gap-2 whitespace-nowrap font-medium transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2',\n sizeClass.tab,\n variantTabBaseClasses[variant],\n variantClasses[variant],\n activeRing ? `ring-1 ${activeRing}` : undefined,\n tab.disabled\n ? 'cursor-not-allowed text-gray-400 opacity-60'\n : 'hover:text-gray-900',\n tab.tabClassName\n )}\n data-state={isActive ? 'active' : 'inactive'}\n >\n {iconNode}\n <span className='truncate'>{tab.label}</span>\n {badgeNode}\n </button>\n );\n })}\n </div>\n {extraRight ? <div className='flex items-center'>{extraRight}</div> : null}\n </div>\n <div className={twMerge('min-h-0', panelVariantClasses[variant])}>{enhancedChildren}</div>\n </div>\n );\n});\n\nTabs.displayName = 'Tabs';\n\nconst Tab = React.forwardRef<HTMLDivElement, TabProps & TabsInternalProps>((props, ref) => {\n const {\n label: _label,\n value,\n disabled,\n forceRender,\n tabClassName: _tabClassName,\n panelClassName,\n className,\n children,\n __tabsContext,\n __tabsValue,\n __tabsIndex,\n __tabsTabId,\n __tabsPanelId,\n ...rest\n } = props;\n\n const context = __tabsContext;\n const resolvedValue = value ?? __tabsValue;\n const isActive = context ? context.activeKey === resolvedValue : true;\n\n const shouldRender =\n !context ||\n isActive ||\n context.keepMounted ||\n !context.destroyInactiveTabPane ||\n forceRender;\n\n if (!shouldRender) {\n return null;\n }\n\n return (\n <div\n {...rest}\n ref={ref}\n role='tabpanel'\n id={__tabsPanelId}\n aria-labelledby={__tabsTabId}\n aria-hidden={context ? !isActive : undefined}\n hidden={context ? !isActive : undefined}\n className={twMerge('tabs-panel text-gray-900', className, panelClassName)}\n data-state={isActive ? 'active' : 'inactive'}\n data-disabled={disabled || undefined}\n >\n {children}\n </div>\n );\n});\n\nTab.displayName = 'Tab';\nmarkTabsTab(Tab);\n\nexport type { TabProps, TabsProps, TabsValue, TabsVariant, TabsSize } from './types.tabs';\nexport { Tab };\nexport default Tabs;\n","import { useState } from 'react';\nimport { NotificationArgs } from './types.notification';\n\nconst useNotification = (defaultMessage?: NotificationArgs) => {\n const [messages, setMessages] = useState<NotificationArgs[]>([]);\n\n const clearNotifications = (key?: string) => {\n setMessages(prev => (key ? prev.filter(notification => notification.key !== key) : []));\n };\n\n const showNotification = (notification: NotificationArgs) => {\n const key = `${Date.now()}-${Math.random()}`;\n setMessages(prev => [\n ...prev,\n {\n duration: 4000,\n onClose: () => clearNotifications(key),\n ...defaultMessage,\n ...notification,\n key\n }\n ]);\n };\n\n return { messages, showNotification };\n};\n\nexport default useNotification;\n"]}
|
package/dist/styles.css
CHANGED
|
@@ -80,6 +80,7 @@
|
|
|
80
80
|
--color-white: #fff;
|
|
81
81
|
--spacing: 0.25rem;
|
|
82
82
|
--container-xs: 20rem;
|
|
83
|
+
--container-sm: 24rem;
|
|
83
84
|
--container-lg: 32rem;
|
|
84
85
|
--container-2xl: 42rem;
|
|
85
86
|
--container-6xl: 72rem;
|
|
@@ -719,6 +720,9 @@
|
|
|
719
720
|
.max-w-none {
|
|
720
721
|
max-width: none;
|
|
721
722
|
}
|
|
723
|
+
.max-w-sm {
|
|
724
|
+
max-width: var(--container-sm);
|
|
725
|
+
}
|
|
722
726
|
.max-w-xs {
|
|
723
727
|
max-width: var(--container-xs);
|
|
724
728
|
}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Containment/ExpansionPanel/index.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,uBAAA,GAAiE;AAAA,EACrE,QAAA,EAAU,8DAAA;AAAA,EACV,QAAA,EAAU,iCAAA;AAAA,EACV,KAAA,EAAO,mCAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,cAAA,GAAwD;AAAA,EAC5D,IAAA,EAAM,cAAA;AAAA,EACN,EAAA,EAAI,YAAA;AAAA,EACJ,EAAA,EAAI,YAAA;AAAA,EACJ,EAAA,EAAI,YAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,YAAA,GAAe,CAAC,MAAA,KAAkC,KAAA,CAAM,KAAK,IAAI,GAAA,CAAI,MAAM,CAAC,CAAA;AAElF,IAAM,eAAA,GAAkB,CACtB,KAAA,EACA,aAAA,KAC0B;AAC1B,EAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,EAAM;AACzC,IAAA,OAAO,EAAC;AAAA,EACV;AAEA,EAAA,MAAM,aAAa,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAA,GAAQ,CAAC,KAAK,CAAA;AACxD,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,OAAO,aAAa,UAAU,CAAA;AAAA,EAChC;AAEA,EAAA,OAAO,WAAW,MAAA,GAAS,CAAC,WAAW,CAAC,CAAC,IAAI,EAAC;AAChD,CAAA;AAKA,IAAM,mBAAA,GAAsB,CAC1B,KAAA,EACA,YAAA,KACG;AACH,EAAA,MAAM;AAAA,IACJ,OAAA,GAAU,UAAA;AAAA,IACV,OAAA,GAAU,IAAA;AAAA,IACV,OAAA,GAAU,SAAA;AAAA,IACV,KAAA,GAAQ,SAAA;AAAA,IACR,OAAA,GAAU,IAAA;AAAA,IACV,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,gBAAgB,QAAA,IAAY,KAAA;AAClC,EAAA,MAAM,aAAA,GAAgB,KAAA,KAAU,MAAA,GAAY,KAAA,GAAQ,YAAA;AACpD,EAAA,MAAM,cAAA,GAAiB,eAAA,CAAgB,aAAA,EAAe,aAAa,CAAA;AAEnE,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,cAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAAe,OAAA,GACjB,uBAAA,CAAwB,OAAO,CAAA,GAC/B,sDAAA;AACJ,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,OAAO,CAAA,IAAK,cAAA,CAAe,EAAA;AAC7D,EAAA,MAAM,WAAA,GAAc,UAAU,0CAAA,GAA6C,OAAA;AAE3E,EAAA,MAAM,gBAAA,GAAmB,2BAAA,CAA4B,QAAA,EAAU,aAAa,CAAA;AAE5E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA,EAAK,YAAA;AAAA,MACL,SAAA,EAAW,OAAA;AAAA,QACT,oDAAA;AAAA,QACA,YAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAA;AAQA,IAAM,kBAAA,GAAqB,WAAgD,mBAAmB,CAAA;AAE9F,IAAM,cAAA,GAAiB,MAAA,CAAO,MAAA,CAAO,kBAAA,EAAoB;AAAA,EACvD,IAAA,EAAM;AACR,CAAC,CAAA;AAED,cAAA,CAAe,WAAA,GAAc,gBAAA;AAW7B,IAAO,sBAAA,GAAQ","file":"chunk-FJNKMRYQ.js","sourcesContent":["import { forwardRef } from 'react';\nimport type { ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { ForwardedRef } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nimport { injectExpansionPanelContext } from './context';\nimport type {\n ExpansionPanelProps,\n ExpansionPanelValue,\n ExpansionPanelVariant,\n ExpansionPanelRounded\n} from './types.expansion-panel';\nimport ExpansionPanelItem from './ExpansionPanelItem';\n\nconst variantContainerClasses: Record<ExpansionPanelVariant, string> = {\n elevated: 'bg-white border border-gray-200 shadow-lg shadow-gray-900/10',\n outlined: 'bg-white border border-gray-200',\n tonal: 'bg-gray-50 border border-gray-100',\n plain: 'bg-transparent border border-transparent'\n};\n\nconst roundedClasses: Record<ExpansionPanelRounded, string> = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n xl: 'rounded-xl'\n};\n\nconst uniqueValues = (values: ExpansionPanelValue[]) => Array.from(new Set(values));\n\nconst normalizeValues = (\n value: ExpansionPanelValue | ExpansionPanelValue[] | null | undefined,\n allowMultiple: boolean\n): ExpansionPanelValue[] => {\n if (value === undefined || value === null) {\n return [];\n }\n\n const normalized = Array.isArray(value) ? value : [value];\n if (allowMultiple) {\n return uniqueValues(normalized);\n }\n\n return normalized.length ? [normalized[0]] : [];\n};\n\n/**\n * Accordion-style container that provides contextual styling and initial expanded state.\n */\nconst ExpansionPanelInner = (\n props: ExpansionPanelProps,\n forwardedRef: ForwardedRef<HTMLDivElement>\n) => {\n const {\n variant = 'elevated',\n rounded = 'lg',\n density = 'default',\n color = 'primary',\n divider = true,\n multiple = false,\n className,\n children,\n value,\n defaultValue,\n onChange,\n ...rest\n } = props;\n\n const allowMultiple = multiple ?? false;\n const resolvedValue = value !== undefined ? value : defaultValue;\n const expandedValues = normalizeValues(resolvedValue, allowMultiple);\n\n const providerValue = {\n expandedValues,\n density,\n color,\n divider,\n rounded,\n variant\n };\n\n const variantClass = divider\n ? variantContainerClasses[variant]\n : 'bg-transparent border border-transparent shadow-none';\n const shapeClass = roundedClasses[rounded] ?? roundedClasses.lg;\n const layoutClass = divider ? 'divide-y divide-gray-100 overflow-hidden' : 'gap-4';\n\n const enhancedChildren = injectExpansionPanelContext(children, providerValue);\n\n return (\n <div\n {...rest}\n ref={forwardedRef}\n className={twMerge(\n 'expansion-panel flex w-full flex-col text-gray-900',\n variantClass,\n shapeClass,\n layoutClass,\n className\n )}\n >\n {enhancedChildren}\n </div>\n );\n};\n\ntype ExpansionPanelComponent = ForwardRefExoticComponent<\n ExpansionPanelProps & RefAttributes<HTMLDivElement>\n> & {\n Item: typeof ExpansionPanelItem;\n};\n\nconst ExpansionPanelBase = forwardRef<HTMLDivElement, ExpansionPanelProps>(ExpansionPanelInner);\n\nconst ExpansionPanel = Object.assign(ExpansionPanelBase, {\n Item: ExpansionPanelItem\n}) as ExpansionPanelComponent;\n\nExpansionPanel.displayName = 'ExpansionPanel';\n\nexport { ExpansionPanelItem };\nexport type {\n ExpansionPanelItemProps,\n ExpansionPanelProps,\n ExpansionPanelValue,\n ExpansionPanelVariant,\n ExpansionPanelDensity,\n ExpansionPanelRounded\n} from './types.expansion-panel';\nexport default ExpansionPanel;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Containment/ExpansionPanel/context.ts","../src/Containment/ExpansionPanel/ExpansionPanelItem.tsx"],"names":[],"mappings":"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","file":"chunk-RG5FCFLX.js","sourcesContent":["import { cloneElement, isValidElement } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport type { ExpansionPanelContextValue } from './types.expansion-panel';\n\nexport const EXPANSION_PANEL_CONTEXT_PROP = '__expansionPanelContext' as const;\nconst EXPANSION_PANEL_ITEM_MARKER = '__isExpansionPanelItem';\n\ntype MarkerTarget = Record<string | number | symbol, unknown> & {\n type?: unknown;\n};\n\ntype ElementProps = Record<string | number | symbol, unknown> & {\n children?: ReactNode;\n};\n\nconst hasMarker = (type: unknown): boolean => {\n if (!type || (typeof type !== 'function' && typeof type !== 'object')) {\n return false;\n }\n\n if ((type as MarkerTarget)[EXPANSION_PANEL_ITEM_MARKER]) {\n return true;\n }\n\n const innerType = (type as MarkerTarget).type;\n if (innerType && innerType !== type) {\n return hasMarker(innerType);\n }\n\n return false;\n};\n\nconst traverseNode = (\n node: ReactNode,\n value: ExpansionPanelContextValue\n): { node: ReactNode; changed: boolean } => {\n if (Array.isArray(node)) {\n let changed = false;\n const nextArray = node.map(child => {\n const result = traverseNode(child, value);\n if (result.changed) {\n changed = true;\n }\n return result.node;\n });\n return { node: changed ? nextArray : node, changed };\n }\n\n if (\n node === null ||\n node === undefined ||\n typeof node === 'boolean' ||\n typeof node === 'string' ||\n typeof node === 'number'\n ) {\n return { node, changed: false };\n }\n\n if (!isValidElement<ElementProps>(node)) {\n return { node, changed: false };\n }\n\n const element = node as ReactElement<ElementProps>;\n\n const { node: mappedChildren, changed: childrenChanged } = traverseNode(\n element.props.children,\n value\n );\n const shouldInject = hasMarker(element.type);\n\n if (!shouldInject && !childrenChanged) {\n return { node, changed: false };\n }\n\n const injectedProps = shouldInject\n ? ({ [EXPANSION_PANEL_CONTEXT_PROP]: value } as Partial<ElementProps>)\n : undefined;\n const cloned =\n mappedChildren === undefined\n ? cloneElement(element, injectedProps)\n : cloneElement(element, injectedProps, mappedChildren);\n\n return { node: cloned, changed: true };\n};\n\nexport const injectExpansionPanelContext = (\n children: ReactNode,\n value: ExpansionPanelContextValue\n): ReactNode => traverseNode(children, value).node;\n\nexport const markExpansionPanelItem = (component: unknown) => {\n if (typeof component !== 'function' && (typeof component !== 'object' || component === null)) {\n return;\n }\n\n (component as MarkerTarget)[EXPANSION_PANEL_ITEM_MARKER] = true;\n};\n","import { forwardRef } from 'react';\nimport type { Ref } from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { markExpansionPanelItem } from './context';\nimport type {\n ExpansionPanelDensity,\n ExpansionPanelItemProps,\n ExpansionPanelContextValue\n} from './types.expansion-panel';\nimport type { Palette } from '@lindle/linoardo/global.types';\n\nconst densityClasses: Record<ExpansionPanelDensity, string> = {\n comfortable: 'py-5',\n default: 'py-4',\n compact: 'py-3'\n};\n\nconst roundedClasses = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n xl: 'rounded-xl'\n};\n\nconst itemVariantClasses = {\n elevated: 'bg-white border border-gray-200 shadow-sm shadow-gray-900/5',\n outlined: 'bg-white border border-gray-200',\n tonal: 'bg-gray-50 border border-gray-100',\n plain: 'bg-transparent border border-transparent'\n};\n\nconst accentClasses: Record<Palette, { text: string; bg: string; border: string }> = {\n primary: { text: 'text-primary', bg: 'bg-primary/5', border: 'border-primary/30' },\n neutral: { text: 'text-gray-900', bg: 'bg-gray-100', border: 'border-gray-200' },\n info: { text: 'text-sky-600', bg: 'bg-sky-50', border: 'border-sky-200' },\n success: { text: 'text-emerald-600', bg: 'bg-emerald-50', border: 'border-emerald-200' },\n warning: { text: 'text-amber-600', bg: 'bg-amber-50', border: 'border-amber-200' },\n danger: { text: 'text-red-600', bg: 'bg-red-50', border: 'border-red-200' },\n surface: { text: 'text-gray-900', bg: 'bg-gray-100', border: 'border-gray-200' },\n bw: { text: 'text-gray-900', bg: 'bg-gray-100', border: 'border-gray-200' }\n};\n\nlet uniqueIdCounter = 0;\nconst generateId = (prefix: string) => `${prefix}-${++uniqueIdCounter}`;\n\ntype ForwardedRef = Ref<HTMLDivElement>;\n\ninterface ExpansionPanelItemInnerProps extends ExpansionPanelItemProps {\n forwardedRef?: ForwardedRef;\n}\n\n/**\n * Single expandable section used inside `ExpansionPanel`, rendered with a CSS-only toggle.\n */\nconst ExpansionPanelItemInner = (props: ExpansionPanelItemInnerProps) => {\n const {\n value,\n title,\n subtitle,\n text,\n prepend,\n append,\n expandIcon,\n collapseIcon,\n hideToggleIcon = false,\n headerClassName,\n contentClassName,\n className,\n disabled = false,\n children,\n color: colorOverride,\n forwardedRef,\n __expansionPanelContext,\n ...rest\n } = props;\n\n const context: ExpansionPanelContextValue | null = __expansionPanelContext ?? null;\n const safeValue =\n typeof value === 'string' || typeof value === 'number' ? String(value) : null;\n const idBase = safeValue ?? generateId('expansion-panel');\n const inputId = `expansion-panel-toggle-${idBase}`;\n const density = context?.density ?? 'default';\n const color = colorOverride ?? context?.color ?? 'primary';\n const divider = context?.divider ?? true;\n const variant = context?.variant ?? 'elevated';\n const rounded = context?.rounded ?? 'lg';\n const accent = accentClasses[color] ?? accentClasses.primary;\n const isExpanded =\n value !== null && value !== undefined\n ? context?.expandedValues.includes(value) ?? false\n : false;\n\n const rootSurface = divider ? 'bg-transparent border-0 shadow-none' : itemVariantClasses[variant];\n const shapeClass = divider ? undefined : roundedClasses[rounded] ?? roundedClasses.lg;\n const densityPadding = densityClasses[density] ?? densityClasses.default;\n const disabledClass = disabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer';\n const titleClass = isExpanded ? accent.text : undefined;\n const activeBorderClass = twMerge(\n 'border-l-2 border-transparent',\n isExpanded ? accent.border : undefined\n );\n const defaultToggleIcon = (\n <i\n className='mdi mdi-chevron-down text-lg leading-none transition-transform duration-200'\n aria-hidden\n />\n );\n\n const hasContent = Boolean(children ?? text);\n const toggleIconNode = hideToggleIcon\n ? null\n : isExpanded && collapseIcon\n ? collapseIcon\n : expandIcon ?? defaultToggleIcon;\n\n const shouldRotateDefaultIcon = !expandIcon && !collapseIcon && !hideToggleIcon;\n const toggleWrapperClass = twMerge(\n 'expansion-panel-item__icon ml-3 flex h-6 w-6 items-center justify-center text-gray-500 transition-transform duration-200',\n shouldRotateDefaultIcon && isExpanded ? 'rotate-180' : undefined\n );\n\n return (\n <div\n {...rest}\n ref={forwardedRef}\n className={twMerge(\n 'expansion-panel-item group flex flex-col overflow-hidden transition-colors duration-200',\n rootSurface,\n shapeClass,\n className\n )}\n data-state={isExpanded ? 'open' : 'closed'}\n data-disabled={disabled || undefined}\n >\n <input\n id={inputId}\n type='checkbox'\n className='expansion-panel-item__toggle'\n defaultChecked={isExpanded}\n disabled={disabled}\n />\n <label\n htmlFor={inputId}\n className={twMerge(\n 'expansion-panel-item__header flex w-full list-none items-center gap-4 px-4 text-left',\n densityPadding,\n disabledClass,\n isExpanded ? accent.bg : undefined,\n headerClassName\n )}\n aria-disabled={disabled || undefined}\n data-state={isExpanded ? 'open' : 'closed'}\n >\n {prepend && (\n <span className='flex h-10 w-10 items-center justify-center text-gray-500'>\n {prepend}\n </span>\n )}\n <span className='flex min-w-0 flex-1 flex-col gap-0.5 text-left'>\n {title && (\n <span className={twMerge('truncate font-medium text-gray-900', titleClass)}>\n {title}\n </span>\n )}\n {subtitle && <span className='text-sm text-gray-500'>{subtitle}</span>}\n </span>\n {append && (\n <span className='ml-auto flex items-center gap-2 text-sm text-gray-500'>{append}</span>\n )}\n {!hideToggleIcon && <span className={toggleWrapperClass}>{toggleIconNode}</span>}\n </label>\n {hasContent && (\n <div\n className='expansion-panel-item__content overflow-hidden border-t border-gray-100'\n data-state={isExpanded ? 'open' : 'closed'}\n >\n <div\n className={twMerge(\n 'expansion-panel-item__body min-h-0 px-4 pt-0 text-sm text-gray-600',\n activeBorderClass,\n contentClassName\n )}\n >\n {children ?? text}\n </div>\n </div>\n )}\n </div>\n );\n};\n\nconst ExpansionPanelItem = forwardRef<HTMLDivElement, ExpansionPanelItemProps>((props, ref) => (\n <ExpansionPanelItemInner {...props} forwardedRef={ref} />\n));\n\nExpansionPanelItem.displayName = 'ExpansionPanelItem';\nmarkExpansionPanelItem(ExpansionPanelItem);\n\nexport default ExpansionPanelItem;\n"]}
|