@lssm/lib.ui-kit-web 0.0.0-canary-20251225044228 → 0.0.0-canary-20251225052113
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/ui/accordion.d.ts +5 -5
- package/dist/ui/alert-dialog.d.ts +12 -12
- package/dist/ui/alert-dialog.d.ts.map +1 -1
- package/dist/ui/alert.d.ts +6 -6
- package/dist/ui/avatar.d.ts +4 -4
- package/dist/ui/badge.d.ts +4 -4
- package/dist/ui/breadcrumb.d.ts +8 -8
- package/dist/ui/button.d.ts +3 -3
- package/dist/ui/calendar.d.ts +3 -3
- package/dist/ui/card.d.ts +8 -8
- package/dist/ui/carousel.d.ts +6 -6
- package/dist/ui/checkbox.d.ts +2 -2
- package/dist/ui/collapsible.d.ts +4 -4
- package/dist/ui/command.d.ts +10 -10
- package/dist/ui/confirm-dialog.d.ts +2 -2
- package/dist/ui/confirm-dialog.d.ts.map +1 -1
- package/dist/ui/context-menu.d.ts +2 -2
- package/dist/ui/context-menu.d.ts.map +1 -1
- package/dist/ui/cta.d.ts +1 -1
- package/dist/ui/date-picker.d.ts +2 -2
- package/dist/ui/date-picker.d.ts.map +1 -1
- package/dist/ui/date-range-picker.d.ts +2 -2
- package/dist/ui/datetime-picker.d.ts +2 -2
- package/dist/ui/dialog.d.ts +11 -11
- package/dist/ui/drawer.d.ts +11 -11
- package/dist/ui/dropdown-menu.d.ts +16 -16
- package/dist/ui/empty-state.d.ts +4 -4
- package/dist/ui/empty-state.d.ts.map +1 -1
- package/dist/ui/empty.d.ts +9 -9
- package/dist/ui/empty.d.ts.map +1 -1
- package/dist/ui/field.d.ts +13 -13
- package/dist/ui/form.d.ts +7 -7
- package/dist/ui/form.d.ts.map +1 -1
- package/dist/ui/hover-card.d.ts +4 -4
- package/dist/ui/hover-card.d.ts.map +1 -1
- package/dist/ui/input-group.d.ts +11 -11
- package/dist/ui/input-group.d.ts.map +1 -1
- package/dist/ui/input-otp.d.ts +2 -2
- package/dist/ui/input.d.ts +2 -2
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/label.d.ts +2 -2
- package/dist/ui/label.d.ts.map +1 -1
- package/dist/ui/link.d.ts +3 -3
- package/dist/ui/live-region.d.ts +2 -2
- package/dist/ui/live-region.d.ts.map +1 -1
- package/dist/ui/loading-button.d.ts +2 -2
- package/dist/ui/map/MapBase.d.ts +2 -2
- package/dist/ui/map/MapGeoJsonOverlay.d.ts +2 -2
- package/dist/ui/map/MapHeatmapH3.d.ts +2 -2
- package/dist/ui/map/MapMarkers.d.ts +2 -2
- package/dist/ui/marketing/FeatureGrid.d.ts +2 -2
- package/dist/ui/marketing/Hero.d.ts +2 -2
- package/dist/ui/marketing/PricingTable.d.ts +2 -2
- package/dist/ui/menubar.d.ts +17 -17
- package/dist/ui/molecules/Autocomplete/index.d.ts +2 -2
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js +2 -0
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js.map +1 -1
- package/dist/ui/molecules/SkeletonList.d.ts +2 -2
- package/dist/ui/nav-layout.d.ts +3 -3
- package/dist/ui/navigation-menu.d.ts +11 -11
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts +2 -2
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts.map +1 -1
- package/dist/ui/organisms/ListPage/ListPage.d.ts +2 -2
- package/dist/ui/organisms/ListPage/ListPage.js +2 -0
- package/dist/ui/organisms/ListPage/ListPage.js.map +1 -1
- package/dist/ui/page-header.d.ts +4 -4
- package/dist/ui/page-header.d.ts.map +1 -1
- package/dist/ui/pagination.d.ts +6 -6
- package/dist/ui/popover.d.ts +5 -5
- package/dist/ui/popover.d.ts.map +1 -1
- package/dist/ui/progress.d.ts +2 -2
- package/dist/ui/progress.d.ts.map +1 -1
- package/dist/ui/radio-group.d.ts +3 -3
- package/dist/ui/radio-group.d.ts.map +1 -1
- package/dist/ui/resizable.d.ts +7 -7
- package/dist/ui/resizable.d.ts.map +1 -1
- package/dist/ui/route-announcer.d.ts +2 -2
- package/dist/ui/scroll-area.d.ts +3 -3
- package/dist/ui/section.d.ts +7 -7
- package/dist/ui/section.d.ts.map +1 -1
- package/dist/ui/select.d.ts +11 -11
- package/dist/ui/separator.d.ts +2 -2
- package/dist/ui/sheet.d.ts +9 -9
- package/dist/ui/sidebar.d.ts +26 -26
- package/dist/ui/skeleton.d.ts +2 -2
- package/dist/ui/skip-link.d.ts +2 -2
- package/dist/ui/slider.d.ts +2 -2
- package/dist/ui/sonner.d.ts +2 -2
- package/dist/ui/stack.d.ts +13 -13
- package/dist/ui/stack.d.ts.map +1 -1
- package/dist/ui/stat-card-group.d.ts +2 -2
- package/dist/ui/stat-card-group.d.ts.map +1 -1
- package/dist/ui/stepper.d.ts +4 -4
- package/dist/ui/switch.d.ts +2 -2
- package/dist/ui/table.d.ts +9 -9
- package/dist/ui/tabs.d.ts +5 -5
- package/dist/ui/text.d.ts +2 -2
- package/dist/ui/textarea.d.ts +2 -2
- package/dist/ui/time-picker.d.ts +2 -2
- package/dist/ui/toast.d.ts +2 -2
- package/dist/ui/toaster.d.ts +2 -2
- package/dist/ui/toggle-group.d.ts +3 -3
- package/dist/ui/toggle.d.ts +4 -4
- package/dist/ui/tooltip.d.ts +5 -5
- package/dist/ui/typography.d.ts +12 -12
- package/dist/ui/usecases/UseCaseCard.d.ts +2 -2
- package/dist/ui/usecases/UserStoryCard.d.ts +2 -2
- package/package.json +6 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ButtonProps } from "./button.js";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime43 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region ui/loading-button.d.ts
|
|
6
6
|
interface LoadingButtonProps extends ButtonProps {
|
|
@@ -14,7 +14,7 @@ declare function LoadingButton({
|
|
|
14
14
|
children,
|
|
15
15
|
disabled,
|
|
16
16
|
...props
|
|
17
|
-
}: LoadingButtonProps):
|
|
17
|
+
}: LoadingButtonProps): react_jsx_runtime43.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { LoadingButton };
|
|
20
20
|
//# sourceMappingURL=loading-button.d.ts.map
|
package/dist/ui/map/MapBase.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime246 from "react/jsx-runtime";
|
|
3
3
|
import { MapRef } from "react-map-gl/maplibre";
|
|
4
4
|
|
|
5
5
|
//#region ui/map/MapBase.d.ts
|
|
@@ -22,7 +22,7 @@ interface MapBaseProps {
|
|
|
22
22
|
onMapRef?: (ref: MapRef | null) => void;
|
|
23
23
|
children?: ReactNode;
|
|
24
24
|
}
|
|
25
|
-
declare function MapBase(props: MapBaseProps):
|
|
25
|
+
declare function MapBase(props: MapBaseProps): react_jsx_runtime246.JSX.Element;
|
|
26
26
|
//#endregion
|
|
27
27
|
export { BBox, MapBase, MapBase as default, MapBaseProps };
|
|
28
28
|
//# sourceMappingURL=MapBase.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime247 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region ui/map/MapGeoJsonOverlay.d.ts
|
|
4
4
|
interface GeoJsonOverlayProps {
|
|
@@ -10,7 +10,7 @@ interface GeoJsonOverlayProps {
|
|
|
10
10
|
lineWidth?: number;
|
|
11
11
|
lineOpacity?: number;
|
|
12
12
|
}
|
|
13
|
-
declare function MapGeoJsonOverlay(props: GeoJsonOverlayProps):
|
|
13
|
+
declare function MapGeoJsonOverlay(props: GeoJsonOverlayProps): react_jsx_runtime247.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { GeoJsonOverlayProps, MapGeoJsonOverlay, MapGeoJsonOverlay as default };
|
|
16
16
|
//# sourceMappingURL=MapGeoJsonOverlay.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime252 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region ui/map/MapHeatmapH3.d.ts
|
|
4
4
|
interface H3FeatureProperties {
|
|
@@ -12,7 +12,7 @@ interface H3HeatmapProps {
|
|
|
12
12
|
colorStops?: [number, string][];
|
|
13
13
|
maxCount?: number;
|
|
14
14
|
}
|
|
15
|
-
declare function MapHeatmapH3(props: H3HeatmapProps):
|
|
15
|
+
declare function MapHeatmapH3(props: H3HeatmapProps): react_jsx_runtime252.JSX.Element;
|
|
16
16
|
//#endregion
|
|
17
17
|
export { H3FeatureProperties, H3HeatmapProps, MapHeatmapH3, MapHeatmapH3 as default };
|
|
18
18
|
//# sourceMappingURL=MapHeatmapH3.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime253 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region ui/map/MapMarkers.d.ts
|
|
4
4
|
interface MapPoint {
|
|
@@ -14,7 +14,7 @@ declare function MapMarkers({
|
|
|
14
14
|
points
|
|
15
15
|
}: {
|
|
16
16
|
points: MapPoint[];
|
|
17
|
-
}):
|
|
17
|
+
}): react_jsx_runtime253.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { MapMarkers, MapMarkers as default, MapPoint };
|
|
20
20
|
//# sourceMappingURL=MapMarkers.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime262 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region ui/marketing/FeatureGrid.d.ts
|
|
5
5
|
interface FeatureItem {
|
|
@@ -15,7 +15,7 @@ declare function FeatureGrid({
|
|
|
15
15
|
items: FeatureItem[];
|
|
16
16
|
columns?: 2 | 3 | 4;
|
|
17
17
|
className?: string;
|
|
18
|
-
}):
|
|
18
|
+
}): react_jsx_runtime262.JSX.Element;
|
|
19
19
|
//#endregion
|
|
20
20
|
export { FeatureGrid, FeatureItem };
|
|
21
21
|
//# sourceMappingURL=FeatureGrid.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime264 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region ui/marketing/Hero.d.ts
|
|
5
5
|
declare function Hero({
|
|
@@ -22,7 +22,7 @@ declare function Hero({
|
|
|
22
22
|
onClick?: () => void;
|
|
23
23
|
};
|
|
24
24
|
className?: string;
|
|
25
|
-
}):
|
|
25
|
+
}): react_jsx_runtime264.JSX.Element;
|
|
26
26
|
//#endregion
|
|
27
27
|
export { Hero };
|
|
28
28
|
//# sourceMappingURL=Hero.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime263 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region ui/marketing/PricingTable.d.ts
|
|
4
4
|
interface PricingTier {
|
|
@@ -19,7 +19,7 @@ declare function PricingTable({
|
|
|
19
19
|
}: {
|
|
20
20
|
tiers: PricingTier[];
|
|
21
21
|
className?: string;
|
|
22
|
-
}):
|
|
22
|
+
}): react_jsx_runtime263.JSX.Element;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { PricingTable, PricingTier };
|
|
25
25
|
//# sourceMappingURL=PricingTable.d.ts.map
|
package/dist/ui/menubar.d.ts
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime47 from "react/jsx-runtime";
|
|
3
3
|
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
4
4
|
|
|
5
5
|
//#region ui/menubar.d.ts
|
|
6
6
|
declare function Menubar({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: React$1.ComponentProps<typeof MenubarPrimitive.Root>):
|
|
9
|
+
}: React$1.ComponentProps<typeof MenubarPrimitive.Root>): react_jsx_runtime47.JSX.Element;
|
|
10
10
|
declare function MenubarMenu({
|
|
11
11
|
...props
|
|
12
|
-
}: React$1.ComponentProps<typeof MenubarPrimitive.Menu>):
|
|
12
|
+
}: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime47.JSX.Element;
|
|
13
13
|
declare function MenubarGroup({
|
|
14
14
|
...props
|
|
15
|
-
}: React$1.ComponentProps<typeof MenubarPrimitive.Group>):
|
|
15
|
+
}: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime47.JSX.Element;
|
|
16
16
|
declare function MenubarPortal({
|
|
17
17
|
...props
|
|
18
|
-
}: React$1.ComponentProps<typeof MenubarPrimitive.Portal>):
|
|
18
|
+
}: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime47.JSX.Element;
|
|
19
19
|
declare function MenubarRadioGroup({
|
|
20
20
|
...props
|
|
21
|
-
}: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>):
|
|
21
|
+
}: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime47.JSX.Element;
|
|
22
22
|
declare function MenubarTrigger({
|
|
23
23
|
className,
|
|
24
24
|
...props
|
|
25
|
-
}: React$1.ComponentProps<typeof MenubarPrimitive.Trigger>):
|
|
25
|
+
}: React$1.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime47.JSX.Element;
|
|
26
26
|
declare function MenubarContent({
|
|
27
27
|
className,
|
|
28
28
|
align,
|
|
29
29
|
alignOffset,
|
|
30
30
|
sideOffset,
|
|
31
31
|
...props
|
|
32
|
-
}: React$1.ComponentProps<typeof MenubarPrimitive.Content>):
|
|
32
|
+
}: React$1.ComponentProps<typeof MenubarPrimitive.Content>): react_jsx_runtime47.JSX.Element;
|
|
33
33
|
declare function MenubarItem({
|
|
34
34
|
className,
|
|
35
35
|
inset,
|
|
@@ -38,36 +38,36 @@ declare function MenubarItem({
|
|
|
38
38
|
}: React$1.ComponentProps<typeof MenubarPrimitive.Item> & {
|
|
39
39
|
inset?: boolean;
|
|
40
40
|
variant?: 'default' | 'destructive';
|
|
41
|
-
}):
|
|
41
|
+
}): react_jsx_runtime47.JSX.Element;
|
|
42
42
|
declare function MenubarCheckboxItem({
|
|
43
43
|
className,
|
|
44
44
|
children,
|
|
45
45
|
checked,
|
|
46
46
|
...props
|
|
47
|
-
}: React$1.ComponentProps<typeof MenubarPrimitive.CheckboxItem>):
|
|
47
|
+
}: React$1.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime47.JSX.Element;
|
|
48
48
|
declare function MenubarRadioItem({
|
|
49
49
|
className,
|
|
50
50
|
children,
|
|
51
51
|
...props
|
|
52
|
-
}: React$1.ComponentProps<typeof MenubarPrimitive.RadioItem>):
|
|
52
|
+
}: React$1.ComponentProps<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime47.JSX.Element;
|
|
53
53
|
declare function MenubarLabel({
|
|
54
54
|
className,
|
|
55
55
|
inset,
|
|
56
56
|
...props
|
|
57
57
|
}: React$1.ComponentProps<typeof MenubarPrimitive.Label> & {
|
|
58
58
|
inset?: boolean;
|
|
59
|
-
}):
|
|
59
|
+
}): react_jsx_runtime47.JSX.Element;
|
|
60
60
|
declare function MenubarSeparator({
|
|
61
61
|
className,
|
|
62
62
|
...props
|
|
63
|
-
}: React$1.ComponentProps<typeof MenubarPrimitive.Separator>):
|
|
63
|
+
}: React$1.ComponentProps<typeof MenubarPrimitive.Separator>): react_jsx_runtime47.JSX.Element;
|
|
64
64
|
declare function MenubarShortcut({
|
|
65
65
|
className,
|
|
66
66
|
...props
|
|
67
|
-
}: React$1.ComponentPropsWithoutRef<'span'>):
|
|
67
|
+
}: React$1.ComponentPropsWithoutRef<'span'>): react_jsx_runtime47.JSX.Element;
|
|
68
68
|
declare function MenubarSub({
|
|
69
69
|
...props
|
|
70
|
-
}: React$1.ComponentProps<typeof MenubarPrimitive.Sub>):
|
|
70
|
+
}: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime47.JSX.Element;
|
|
71
71
|
declare function MenubarSubTrigger({
|
|
72
72
|
className,
|
|
73
73
|
inset,
|
|
@@ -75,11 +75,11 @@ declare function MenubarSubTrigger({
|
|
|
75
75
|
...props
|
|
76
76
|
}: React$1.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
|
|
77
77
|
inset?: boolean;
|
|
78
|
-
}):
|
|
78
|
+
}): react_jsx_runtime47.JSX.Element;
|
|
79
79
|
declare function MenubarSubContent({
|
|
80
80
|
className,
|
|
81
81
|
...props
|
|
82
|
-
}: React$1.ComponentProps<typeof MenubarPrimitive.SubContent>):
|
|
82
|
+
}: React$1.ComponentProps<typeof MenubarPrimitive.SubContent>): react_jsx_runtime47.JSX.Element;
|
|
83
83
|
//#endregion
|
|
84
84
|
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
|
|
85
85
|
//# sourceMappingURL=menubar.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime271 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region ui/molecules/Autocomplete/index.d.ts
|
|
4
|
-
declare function ComboBoxResponsive():
|
|
4
|
+
declare function ComboBoxResponsive(): react_jsx_runtime271.JSX.Element;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { ComboBoxResponsive };
|
|
7
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { Button } from "../../button.js";
|
|
2
2
|
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../collapsible.js";
|
|
3
3
|
import { FilterSelect } from "../../atoms/FilterSelect/FilterSelect.js";
|
|
4
|
+
import "../../atoms/FilterSelect/index.js";
|
|
4
5
|
import { SearchInput } from "../../atoms/SearchInput/SearchInput.js";
|
|
6
|
+
import "../../atoms/SearchInput/index.js";
|
|
5
7
|
import React, { useState } from "react";
|
|
6
8
|
import { ChevronDown, ChevronUp, Filter } from "lucide-react";
|
|
7
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchAndFilter.js","names":["SearchAndFilter: React.FC<SearchAndFilterProps>"],"sources":["../../../../ui/molecules/SearchAndFilter/SearchAndFilter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDown, ChevronUp, Filter } from 'lucide-react';\nimport { Button } from '../../button';\nimport {\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n} from '../../collapsible';\nimport { SearchInput } from '../../atoms/SearchInput';\nimport { FilterSelect } from '../../atoms/FilterSelect';\nimport type { SearchAndFilterProps } from './types';\n\nexport const SearchAndFilter: React.FC<SearchAndFilterProps> = ({\n searchValue,\n onSearchChange,\n searchPlaceholder,\n filters = [],\n isLoading = false,\n disabled = false,\n className = '',\n collapsible = true,\n defaultCollapsed = false,\n}) => {\n const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);\n\n const hasFilters = filters.length > 0;\n const activeFiltersCount = filters.filter((f) => f.value).length;\n\n // On mobile, show collapsible by default; on desktop, always show filters\n const shouldUseCollapsible = collapsible && hasFilters;\n\n console.log('SearchAndFilter', { filters });\n\n const FilterComponents = () => (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n {filters.map((filter) => (\n <FilterSelect\n key={filter.key}\n value={filter.value}\n options={filter.options}\n onChange={filter.onChange}\n label={filter.label}\n disabled={disabled || isLoading}\n showCounts={filter.showCounts}\n className=\"min-w-0\"\n />\n ))}\n </div>\n );\n\n return (\n <div className={`space-y-4 ${className}`}>\n {/* Search - Always visible */}\n <div className=\"flex flex-col gap-4 sm:flex-row\">\n <div className=\"flex-1\">\n <SearchInput\n value={searchValue}\n onChange={onSearchChange}\n placeholder={searchPlaceholder}\n disabled={disabled || isLoading}\n className=\"w-full\"\n />\n </div>\n\n {/* Filter toggle for mobile */}\n {shouldUseCollapsible && (\n <Collapsible\n open={!isCollapsed}\n onOpenChange={setIsCollapsed}\n className=\"sm:hidden\"\n >\n <CollapsibleTrigger asChild>\n <Button\n variant=\"outline\"\n className=\"sm:hidden\"\n disabled={disabled || isLoading}\n >\n <Filter className=\"mr-2 h-4 w-4\" />\n Filtres\n {activeFiltersCount > 0 && (\n <span className=\"bg-primary text-primary-foreground ml-2 flex h-5 w-5 items-center justify-center rounded-full text-sm\">\n {activeFiltersCount}\n </span>\n )}\n {isCollapsed ? (\n <ChevronDown className=\"ml-2 h-4 w-4\" />\n ) : (\n <ChevronUp className=\"ml-2 h-4 w-4\" />\n )}\n </Button>\n </CollapsibleTrigger>\n <CollapsibleContent className=\"mt-4 space-y-4\">\n <FilterComponents />\n </CollapsibleContent>\n </Collapsible>\n )}\n </div>\n\n {/* Filters - Always visible on desktop, collapsible on mobile */}\n {hasFilters && (\n <div className=\"hidden sm:block\">\n <FilterComponents />\n </div>\n )}\n\n {/* Active filters summary */}\n {activeFiltersCount > 0 && (\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"text-muted-foreground text-base\">\n Filtres actifs:\n </span>\n {filters\n .filter((f) => f.value)\n .map((filter) => {\n const selectedOption = filter.options.find(\n (opt) => opt.value === filter.value\n );\n return (\n <Button\n key={filter.key}\n variant=\"secondary\"\n size=\"sm\"\n onClick={() => filter.onChange('')}\n disabled={disabled || isLoading}\n className=\"h-7 px-2 text-sm\"\n >\n {filter.label}: {selectedOption?.label}\n <span className=\"ml-1\">×</span>\n </Button>\n );\n })}\n </div>\n )}\n </div>\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SearchAndFilter.js","names":["SearchAndFilter: React.FC<SearchAndFilterProps>"],"sources":["../../../../ui/molecules/SearchAndFilter/SearchAndFilter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDown, ChevronUp, Filter } from 'lucide-react';\nimport { Button } from '../../button';\nimport {\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n} from '../../collapsible';\nimport { SearchInput } from '../../atoms/SearchInput';\nimport { FilterSelect } from '../../atoms/FilterSelect';\nimport type { SearchAndFilterProps } from './types';\n\nexport const SearchAndFilter: React.FC<SearchAndFilterProps> = ({\n searchValue,\n onSearchChange,\n searchPlaceholder,\n filters = [],\n isLoading = false,\n disabled = false,\n className = '',\n collapsible = true,\n defaultCollapsed = false,\n}) => {\n const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);\n\n const hasFilters = filters.length > 0;\n const activeFiltersCount = filters.filter((f) => f.value).length;\n\n // On mobile, show collapsible by default; on desktop, always show filters\n const shouldUseCollapsible = collapsible && hasFilters;\n\n console.log('SearchAndFilter', { filters });\n\n const FilterComponents = () => (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n {filters.map((filter) => (\n <FilterSelect\n key={filter.key}\n value={filter.value}\n options={filter.options}\n onChange={filter.onChange}\n label={filter.label}\n disabled={disabled || isLoading}\n showCounts={filter.showCounts}\n className=\"min-w-0\"\n />\n ))}\n </div>\n );\n\n return (\n <div className={`space-y-4 ${className}`}>\n {/* Search - Always visible */}\n <div className=\"flex flex-col gap-4 sm:flex-row\">\n <div className=\"flex-1\">\n <SearchInput\n value={searchValue}\n onChange={onSearchChange}\n placeholder={searchPlaceholder}\n disabled={disabled || isLoading}\n className=\"w-full\"\n />\n </div>\n\n {/* Filter toggle for mobile */}\n {shouldUseCollapsible && (\n <Collapsible\n open={!isCollapsed}\n onOpenChange={setIsCollapsed}\n className=\"sm:hidden\"\n >\n <CollapsibleTrigger asChild>\n <Button\n variant=\"outline\"\n className=\"sm:hidden\"\n disabled={disabled || isLoading}\n >\n <Filter className=\"mr-2 h-4 w-4\" />\n Filtres\n {activeFiltersCount > 0 && (\n <span className=\"bg-primary text-primary-foreground ml-2 flex h-5 w-5 items-center justify-center rounded-full text-sm\">\n {activeFiltersCount}\n </span>\n )}\n {isCollapsed ? (\n <ChevronDown className=\"ml-2 h-4 w-4\" />\n ) : (\n <ChevronUp className=\"ml-2 h-4 w-4\" />\n )}\n </Button>\n </CollapsibleTrigger>\n <CollapsibleContent className=\"mt-4 space-y-4\">\n <FilterComponents />\n </CollapsibleContent>\n </Collapsible>\n )}\n </div>\n\n {/* Filters - Always visible on desktop, collapsible on mobile */}\n {hasFilters && (\n <div className=\"hidden sm:block\">\n <FilterComponents />\n </div>\n )}\n\n {/* Active filters summary */}\n {activeFiltersCount > 0 && (\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"text-muted-foreground text-base\">\n Filtres actifs:\n </span>\n {filters\n .filter((f) => f.value)\n .map((filter) => {\n const selectedOption = filter.options.find(\n (opt) => opt.value === filter.value\n );\n return (\n <Button\n key={filter.key}\n variant=\"secondary\"\n size=\"sm\"\n onClick={() => filter.onChange('')}\n disabled={disabled || isLoading}\n className=\"h-7 px-2 text-sm\"\n >\n {filter.label}: {selectedOption?.label}\n <span className=\"ml-1\">×</span>\n </Button>\n );\n })}\n </div>\n )}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;AAYA,MAAaA,mBAAmD,EAC9D,aACA,gBACA,mBACA,UAAU,EAAE,EACZ,YAAY,OACZ,WAAW,OACX,YAAY,IACZ,cAAc,MACd,mBAAmB,YACf;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS,iBAAiB;CAEhE,MAAM,aAAa,QAAQ,SAAS;CACpC,MAAM,qBAAqB,QAAQ,QAAQ,MAAM,EAAE,MAAM,CAAC;CAG1D,MAAM,uBAAuB,eAAe;AAE5C,SAAQ,IAAI,mBAAmB,EAAE,SAAS,CAAC;CAE3C,MAAM,yBACJ,oBAAC;EAAI,WAAU;YACZ,QAAQ,KAAK,WACZ,oBAAC;GAEC,OAAO,OAAO;GACd,SAAS,OAAO;GAChB,UAAU,OAAO;GACjB,OAAO,OAAO;GACd,UAAU,YAAY;GACtB,YAAY,OAAO;GACnB,WAAU;KAPL,OAAO,IAQZ,CACF;GACE;AAGR,QACE,qBAAC;EAAI,WAAW,aAAa;;GAE3B,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAI,WAAU;eACb,oBAAC;MACC,OAAO;MACP,UAAU;MACV,aAAa;MACb,UAAU,YAAY;MACtB,WAAU;OACV;MACE,EAGL,wBACC,qBAAC;KACC,MAAM,CAAC;KACP,cAAc;KACd,WAAU;gBAEV,oBAAC;MAAmB;gBAClB,qBAAC;OACC,SAAQ;OACR,WAAU;OACV,UAAU,YAAY;;QAEtB,oBAAC,UAAO,WAAU,iBAAiB;;QAElC,qBAAqB,KACpB,oBAAC;SAAK,WAAU;mBACb;UACI;QAER,cACC,oBAAC,eAAY,WAAU,iBAAiB,GAExC,oBAAC,aAAU,WAAU,iBAAiB;;QAEjC;OACU,EACrB,oBAAC;MAAmB,WAAU;gBAC5B,oBAAC,qBAAmB;OACD;MACT;KAEZ;GAGL,cACC,oBAAC;IAAI,WAAU;cACb,oBAAC,qBAAmB;KAChB;GAIP,qBAAqB,KACpB,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,WAAU;eAAkC;MAE3C,EACN,QACE,QAAQ,MAAM,EAAE,MAAM,CACtB,KAAK,WAAW;KACf,MAAM,iBAAiB,OAAO,QAAQ,MACnC,QAAQ,IAAI,UAAU,OAAO,MAC/B;AACD,YACE,qBAAC;MAEC,SAAQ;MACR,MAAK;MACL,eAAe,OAAO,SAAS,GAAG;MAClC,UAAU,YAAY;MACtB,WAAU;;OAET,OAAO;OAAM;OAAG,gBAAgB;OACjC,oBAAC;QAAK,WAAU;kBAAO;SAAQ;;QAR1B,OAAO,IASL;MAEX;KACA;;GAEJ"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime268 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region ui/molecules/SkeletonList.d.ts
|
|
4
4
|
interface Props {
|
|
@@ -10,7 +10,7 @@ declare function SkeletonList({
|
|
|
10
10
|
count,
|
|
11
11
|
className,
|
|
12
12
|
itemClassName
|
|
13
|
-
}: Props):
|
|
13
|
+
}: Props): react_jsx_runtime268.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { SkeletonList };
|
|
16
16
|
//# sourceMappingURL=SkeletonList.d.ts.map
|
package/dist/ui/nav-layout.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "./navigation-menu.js";
|
|
2
2
|
import * as React$1 from "react";
|
|
3
3
|
import * as react_jsx_runtime72 from "react/jsx-runtime";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types3 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region ui/nav-layout.d.ts
|
|
7
7
|
declare const navPanelVariants: (props?: ({
|
|
8
8
|
width?: "sm" | "lg" | "md" | "full" | null | undefined;
|
|
9
|
-
padding?: "
|
|
10
|
-
} &
|
|
9
|
+
padding?: "none" | "sm" | "md" | null | undefined;
|
|
10
|
+
} & class_variance_authority_types3.ClassProp) | undefined) => string;
|
|
11
11
|
interface NavPanelProps extends React$1.ComponentPropsWithoutRef<'div'> {
|
|
12
12
|
width?: 'sm' | 'md' | 'lg' | 'full';
|
|
13
13
|
padding?: 'none' | 'sm' | 'md';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime77 from "react/jsx-runtime";
|
|
3
3
|
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types4 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region ui/navigation-menu.d.ts
|
|
7
7
|
declare function NavigationMenu({
|
|
@@ -11,37 +11,37 @@ declare function NavigationMenu({
|
|
|
11
11
|
...props
|
|
12
12
|
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
|
|
13
13
|
viewport?: boolean;
|
|
14
|
-
}):
|
|
14
|
+
}): react_jsx_runtime77.JSX.Element;
|
|
15
15
|
declare function NavigationMenuList({
|
|
16
16
|
className,
|
|
17
17
|
...props
|
|
18
|
-
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>):
|
|
18
|
+
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime77.JSX.Element;
|
|
19
19
|
declare function NavigationMenuItem({
|
|
20
20
|
className,
|
|
21
21
|
...props
|
|
22
|
-
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>):
|
|
23
|
-
declare const navigationMenuTriggerStyle: (props?:
|
|
22
|
+
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime77.JSX.Element;
|
|
23
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types4.ClassProp | undefined) => string;
|
|
24
24
|
declare function NavigationMenuTrigger({
|
|
25
25
|
className,
|
|
26
26
|
children,
|
|
27
27
|
...props
|
|
28
|
-
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>):
|
|
28
|
+
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime77.JSX.Element;
|
|
29
29
|
declare function NavigationMenuContent({
|
|
30
30
|
className,
|
|
31
31
|
...props
|
|
32
|
-
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>):
|
|
32
|
+
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime77.JSX.Element;
|
|
33
33
|
declare function NavigationMenuViewport({
|
|
34
34
|
className,
|
|
35
35
|
...props
|
|
36
|
-
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>):
|
|
36
|
+
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime77.JSX.Element;
|
|
37
37
|
declare function NavigationMenuLink({
|
|
38
38
|
className,
|
|
39
39
|
...props
|
|
40
|
-
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>):
|
|
40
|
+
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime77.JSX.Element;
|
|
41
41
|
declare function NavigationMenuIndicator({
|
|
42
42
|
className,
|
|
43
43
|
...props
|
|
44
|
-
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>):
|
|
44
|
+
}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime77.JSX.Element;
|
|
45
45
|
//#endregion
|
|
46
46
|
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
|
|
47
47
|
//# sourceMappingURL=navigation-menu.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime272 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region ui/organisms/ErrorBoundary/ErrorBoundary.d.ts
|
|
5
5
|
interface ErrorBoundaryState {
|
|
@@ -22,7 +22,7 @@ declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBou
|
|
|
22
22
|
static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState>;
|
|
23
23
|
componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
|
|
24
24
|
resetError: () => void;
|
|
25
|
-
render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> |
|
|
25
|
+
render(): string | number | bigint | boolean | react_jsx_runtime272.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
|
|
26
26
|
}
|
|
27
27
|
declare const useErrorHandler: () => (error: Error) => never;
|
|
28
28
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundary.d.ts","names":[],"sources":["../../../../ui/organisms/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":[],"mappings":";;;;UAOU,kBAAA;;SAED;EAFC,OAAA,EAAA,MAAA,GAAA,IAAkB;AAEd;UAIJ,kBAAA,CACQ;EACe,QAAA,EADrB,KAAA,CAAM,SACe;EAApB,QAAM,CAAA,EAAN,KAAA,CAAM,aAAA,CAAc,kBAAd,CAAA;EACC,OAAA,CAAA,EAAA,CAAA,KAAA,EAAA,KAAA,EAAA,SAAA,EAAkB,KAAA,CAAM,SAAxB,EAAA,GAAA,IAAA;;UAGV,kBAAA,CAH2C;EAG3C,KAAA,EACD,KADC;EAmEG,OAAA,EAAA,MAAA,GAAc,IAAA;EACzB,UAAA,EAAA,GAAA,GAAA,IAAA;;AAGmB,cAJR,aAAA,SAAsB,KAAA,CAAM,SAIpB,CAHnB,kBAGmB,EAFnB,kBAEmB,CAAA,CAAA;EASoB,WAAA,CAAA,KAAA,EATpB,kBASoB;EAAgB,OAAA,wBAAA,CAAA,KAAA,EAAhB,KAAgB,CAAA,EAAR,OAAQ,CAAA,kBAAA,CAAA;EAAR,iBAAA,CAAA,KAAA,EAOtB,KAPsB,EAAA,SAAA,EAOJ,KAAA,CAAM,SAPF,CAAA,EAAA,IAAA;EAOtB,UAAA,EAAA,GAAA,GAAA,IAAA;EAAkB,MAAM,CAAA,CAAA,EAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAgC3C,QAhC2C,CAgC3C,KAAA,CAAA,SAhC2C,CAAA,GAgC3C,OAhC2C,CAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAgC3C,KAAA,CAAA,WAhC2C,GAgC3C,KAAA,CAAA,YAhC2C,CAAA,OAAA,EAAA,MAAA,GAgC3C,KAAA,CAAA,qBAhC2C,CAAA,GAAA,CAAA,CAAA,GAgC3C,QAhC2C,CAgC3C,KAAA,CAAA,SAhC2C,CAAA,GAAA,IAAA,GAAA,SAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"ErrorBoundary.d.ts","names":[],"sources":["../../../../ui/organisms/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":[],"mappings":";;;;UAOU,kBAAA;;SAED;EAFC,OAAA,EAAA,MAAA,GAAA,IAAkB;AAEd;UAIJ,kBAAA,CACQ;EACe,QAAA,EADrB,KAAA,CAAM,SACe;EAApB,QAAM,CAAA,EAAN,KAAA,CAAM,aAAA,CAAc,kBAAd,CAAA;EACC,OAAA,CAAA,EAAA,CAAA,KAAA,EAAA,KAAA,EAAA,SAAA,EAAkB,KAAA,CAAM,SAAxB,EAAA,GAAA,IAAA;;UAGV,kBAAA,CAH2C;EAG3C,KAAA,EACD,KADC;EAmEG,OAAA,EAAA,MAAA,GAAc,IAAA;EACzB,UAAA,EAAA,GAAA,GAAA,IAAA;;AAGmB,cAJR,aAAA,SAAsB,KAAA,CAAM,SAIpB,CAHnB,kBAGmB,EAFnB,kBAEmB,CAAA,CAAA;EASoB,WAAA,CAAA,KAAA,EATpB,kBASoB;EAAgB,OAAA,wBAAA,CAAA,KAAA,EAAhB,KAAgB,CAAA,EAAR,OAAQ,CAAA,kBAAA,CAAA;EAAR,iBAAA,CAAA,KAAA,EAOtB,KAPsB,EAAA,SAAA,EAOJ,KAAA,CAAM,SAPF,CAAA,EAAA,IAAA;EAOtB,UAAA,EAAA,GAAA,GAAA,IAAA;EAAkB,MAAM,CAAA,CAAA,EAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAgC3C,oBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAhC2C,CAgC3C,KAAA,CAAA,SAhC2C,CAAA,GAgC3C,OAhC2C,CAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAgC3C,KAAA,CAAA,WAhC2C,GAgC3C,KAAA,CAAA,YAhC2C,CAAA,OAAA,EAAA,MAAA,GAgC3C,KAAA,CAAA,qBAhC2C,CAAA,GAAA,CAAA,CAAA,GAgC3C,QAhC2C,CAgC3C,KAAA,CAAA,SAhC2C,CAAA,GAAA,IAAA,GAAA,SAAA,CAAA,GAAA,IAAA,GAAA,SAAA;;AAgC3C,cAkBK,eAlBL,EAAA,GAAA,GAAA,CAAA,KAAA,EAmB2B,KAnB3B,EAAA,GAAA,KAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ListPageProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime266 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region ui/organisms/ListPage/ListPage.d.ts
|
|
5
5
|
declare function ListPage<T>({
|
|
@@ -23,7 +23,7 @@ declare function ListPage<T>({
|
|
|
23
23
|
renderStats,
|
|
24
24
|
className,
|
|
25
25
|
itemClassName
|
|
26
|
-
}: ListPageProps<T>):
|
|
26
|
+
}: ListPageProps<T>): react_jsx_runtime266.JSX.Element;
|
|
27
27
|
//#endregion
|
|
28
28
|
export { ListPage };
|
|
29
29
|
//# sourceMappingURL=ListPage.d.ts.map
|
|
@@ -3,7 +3,9 @@ import { Card, CardContent } from "../../card.js";
|
|
|
3
3
|
import { HStack, VStack } from "../../stack.js";
|
|
4
4
|
import { Separator } from "../../separator.js";
|
|
5
5
|
import { Pagination } from "../../atoms/Pagination/Pagination.js";
|
|
6
|
+
import "../../atoms/Pagination/index.js";
|
|
6
7
|
import { SearchAndFilter } from "../../molecules/SearchAndFilter/SearchAndFilter.js";
|
|
8
|
+
import "../../molecules/SearchAndFilter/index.js";
|
|
7
9
|
import React from "react";
|
|
8
10
|
import { AlertTriangle, Loader2, Plus, RefreshCcw } from "lucide-react";
|
|
9
11
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListPage.js","names":["Link"],"sources":["../../../../ui/organisms/ListPage/ListPage.tsx"],"sourcesContent":["import React from 'react';\nimport Link from 'next/link';\nimport { AlertTriangle, Loader2, Plus, RefreshCcw } from 'lucide-react';\nimport { Button } from '../../button';\nimport { Card, CardContent } from '../../card';\nimport { VStack, HStack } from '../../stack';\nimport { Separator } from '../../separator';\nimport { SearchAndFilter } from '../../molecules/SearchAndFilter';\nimport { Pagination } from '../../atoms/Pagination';\nimport type { ListPageProps } from './types';\n\nexport function ListPage<T>({\n title,\n description,\n header,\n items,\n totalItems,\n totalPages,\n isLoading,\n isFetching,\n error,\n listState,\n searchPlaceholder,\n filters = [],\n onRefresh,\n primaryAction,\n toolbar,\n renderItem,\n renderEmpty,\n renderStats,\n className = '',\n itemClassName = '',\n}: ListPageProps<T>) {\n const {\n searchQuery,\n setSearchQuery,\n filters: filterValues,\n setFilter,\n currentPage,\n itemsPerPage,\n setCurrentPage,\n setItemsPerPage,\n } = listState;\n\n // Loading state with no items\n if (isLoading && !items.length) {\n return (\n <VStack className={`space-y-4 md:space-y-6 ${className}`}>\n {header ? (\n header\n ) : (\n <VStack className=\"gap-1\">\n <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n {description && (\n <p className=\"text-muted-foreground text-base\">{description}</p>\n )}\n </VStack>\n )}\n\n <div className=\"flex min-h-[400px] items-center justify-center\">\n <Card>\n <CardContent className=\"flex items-center gap-4 p-6\">\n <Loader2 className=\"text-primary h-8 w-8 animate-spin\" />\n <div>\n <h3 className=\"font-medium\">Chargement...</h3>\n <p className=\"text-muted-foreground text-base\">\n Récupération des données en cours\n </p>\n </div>\n </CardContent>\n </Card>\n </div>\n </VStack>\n );\n }\n\n // Error state with no items\n if (error && !items.length) {\n return (\n <VStack className={`space-y-4 md:space-y-6 ${className}`}>\n {header ? (\n header\n ) : (\n <VStack className=\"gap-1\">\n <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n {description && (\n <p className=\"text-muted-foreground text-base\">{description}</p>\n )}\n </VStack>\n )}\n\n <div className=\"flex min-h-[400px] items-center justify-center\">\n <Card>\n <CardContent className=\"flex flex-col items-center gap-4 p-6 text-center\">\n <AlertTriangle className=\"text-destructive h-12 w-12\" />\n <div>\n <h3 className=\"font-medium\">Erreur de chargement</h3>\n <p className=\"text-muted-foreground text-base\">\n {error.message || 'Une erreur est survenue'}\n </p>\n </div>\n {onRefresh && (\n <Button onClick={onRefresh} variant=\"outline\" size=\"sm\">\n <RefreshCcw className=\"mr-2 h-4 w-4\" />\n Réessayer\n </Button>\n )}\n </CardContent>\n </Card>\n </div>\n </VStack>\n );\n }\n\n // Prepare filter configurations\n const filterConfigs = filters.map((filter) => ({\n key: filter.key,\n label: filter.label,\n value: filterValues[filter.key] || '',\n options: filter.options,\n onChange: (value: string) => {\n setFilter(filter.key, value === 'all' ? '' : value);\n },\n showCounts: filter.showCounts,\n }));\n\n return (\n <VStack className={`space-y-4 md:space-y-6 ${className}`}>\n {/* Header */}\n {header ? (\n header\n ) : (\n <HStack className=\"items-center justify-between\">\n <VStack className=\"gap-1\">\n <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n {description && (\n <p className=\"text-muted-foreground text-base\">{description}</p>\n )}\n </VStack>\n\n <HStack className=\"items-center gap-4\">\n {toolbar}\n {(isLoading || isFetching) && (\n <div className=\"text-muted-foreground flex items-center gap-2 text-base\">\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n <span className=\"hidden sm:inline\">Mise à jour...</span>\n </div>\n )}\n\n {onRefresh && (\n <Button\n variant=\"outline\"\n size=\"sm\"\n onClick={onRefresh}\n disabled={Boolean(isLoading)}\n aria-label=\"Rafraîchir\"\n >\n <RefreshCcw\n className={`mr-2 h-4 w-4 ${isLoading || isFetching ? 'animate-spin' : ''}`}\n />\n <span className=\"hidden sm:inline\">Rafraîchir</span>\n </Button>\n )}\n\n {primaryAction && (\n <>\n {primaryAction.href ? (\n <Link href={primaryAction.href}>\n <Button>\n {primaryAction.icon || <Plus className=\"mr-2 h-4 w-4\" />}\n <span className=\"hidden sm:inline\">\n {primaryAction.label}\n </span>\n <span className=\"sm:hidden\">Nouveau</span>\n </Button>\n </Link>\n ) : (\n <Button onClick={primaryAction.onClick}>\n {primaryAction.icon || <Plus className=\"mr-2 h-4 w-4\" />}\n <span className=\"hidden sm:inline\">\n {primaryAction.label}\n </span>\n <span className=\"sm:hidden\">Nouveau</span>\n </Button>\n )}\n </>\n )}\n </HStack>\n </HStack>\n )}\n\n {/* Stats (optional) */}\n {renderStats && (\n <>\n {renderStats(items)}\n <Separator />\n </>\n )}\n\n {/* Search and Filters */}\n <SearchAndFilter\n searchValue={searchQuery}\n onSearchChange={setSearchQuery}\n searchPlaceholder={searchPlaceholder}\n filters={filterConfigs}\n isLoading={isLoading}\n />\n\n {/* Content */}\n {items.length === 0 && !isLoading ? (\n renderEmpty ? (\n renderEmpty()\n ) : (\n <Card>\n <CardContent className=\"flex flex-col items-center gap-4 p-8 text-center\">\n <div className=\"bg-muted flex h-12 w-12 items-center justify-center rounded-full\">\n <div className=\"bg-muted-foreground/20 h-6 w-6 rounded-full\" />\n </div>\n <div>\n <h3 className=\"font-medium\">Aucun élément trouvé</h3>\n <p className=\"text-muted-foreground text-base\">\n {searchQuery || Object.values(filterValues).some((v) => v)\n ? 'Essayez de modifier vos critères de recherche'\n : 'Commencez par créer votre premier élément'}\n </p>\n </div>\n {primaryAction &&\n !searchQuery &&\n !Object.values(filterValues).some((v) => v) && (\n <>\n {primaryAction.href ? (\n <Link href={primaryAction.href}>\n <Button>\n {primaryAction.icon || (\n <Plus className=\"mr-2 h-4 w-4\" />\n )}\n {primaryAction.label}\n </Button>\n </Link>\n ) : (\n <Button onClick={primaryAction.onClick}>\n {primaryAction.icon || (\n <Plus className=\"mr-2 h-4 w-4\" />\n )}\n {primaryAction.label}\n </Button>\n )}\n </>\n )}\n </CardContent>\n </Card>\n )\n ) : (\n <>\n {/* Items List */}\n <div className={`space-y-4 ${itemClassName}`}>\n {items.map((item, index) => renderItem(item, index))}\n </div>\n\n {/* Pagination */}\n {totalPages > 1 && (\n <Pagination\n currentPage={currentPage}\n totalPages={totalPages}\n totalItems={totalItems}\n itemsPerPage={itemsPerPage}\n onPageChange={setCurrentPage}\n onItemsPerPageChange={setItemsPerPage}\n disabled={isLoading}\n />\n )}\n </>\n )}\n </VStack>\n );\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ListPage.js","names":["Link"],"sources":["../../../../ui/organisms/ListPage/ListPage.tsx"],"sourcesContent":["import React from 'react';\nimport Link from 'next/link';\nimport { AlertTriangle, Loader2, Plus, RefreshCcw } from 'lucide-react';\nimport { Button } from '../../button';\nimport { Card, CardContent } from '../../card';\nimport { VStack, HStack } from '../../stack';\nimport { Separator } from '../../separator';\nimport { SearchAndFilter } from '../../molecules/SearchAndFilter';\nimport { Pagination } from '../../atoms/Pagination';\nimport type { ListPageProps } from './types';\n\nexport function ListPage<T>({\n title,\n description,\n header,\n items,\n totalItems,\n totalPages,\n isLoading,\n isFetching,\n error,\n listState,\n searchPlaceholder,\n filters = [],\n onRefresh,\n primaryAction,\n toolbar,\n renderItem,\n renderEmpty,\n renderStats,\n className = '',\n itemClassName = '',\n}: ListPageProps<T>) {\n const {\n searchQuery,\n setSearchQuery,\n filters: filterValues,\n setFilter,\n currentPage,\n itemsPerPage,\n setCurrentPage,\n setItemsPerPage,\n } = listState;\n\n // Loading state with no items\n if (isLoading && !items.length) {\n return (\n <VStack className={`space-y-4 md:space-y-6 ${className}`}>\n {header ? (\n header\n ) : (\n <VStack className=\"gap-1\">\n <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n {description && (\n <p className=\"text-muted-foreground text-base\">{description}</p>\n )}\n </VStack>\n )}\n\n <div className=\"flex min-h-[400px] items-center justify-center\">\n <Card>\n <CardContent className=\"flex items-center gap-4 p-6\">\n <Loader2 className=\"text-primary h-8 w-8 animate-spin\" />\n <div>\n <h3 className=\"font-medium\">Chargement...</h3>\n <p className=\"text-muted-foreground text-base\">\n Récupération des données en cours\n </p>\n </div>\n </CardContent>\n </Card>\n </div>\n </VStack>\n );\n }\n\n // Error state with no items\n if (error && !items.length) {\n return (\n <VStack className={`space-y-4 md:space-y-6 ${className}`}>\n {header ? (\n header\n ) : (\n <VStack className=\"gap-1\">\n <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n {description && (\n <p className=\"text-muted-foreground text-base\">{description}</p>\n )}\n </VStack>\n )}\n\n <div className=\"flex min-h-[400px] items-center justify-center\">\n <Card>\n <CardContent className=\"flex flex-col items-center gap-4 p-6 text-center\">\n <AlertTriangle className=\"text-destructive h-12 w-12\" />\n <div>\n <h3 className=\"font-medium\">Erreur de chargement</h3>\n <p className=\"text-muted-foreground text-base\">\n {error.message || 'Une erreur est survenue'}\n </p>\n </div>\n {onRefresh && (\n <Button onClick={onRefresh} variant=\"outline\" size=\"sm\">\n <RefreshCcw className=\"mr-2 h-4 w-4\" />\n Réessayer\n </Button>\n )}\n </CardContent>\n </Card>\n </div>\n </VStack>\n );\n }\n\n // Prepare filter configurations\n const filterConfigs = filters.map((filter) => ({\n key: filter.key,\n label: filter.label,\n value: filterValues[filter.key] || '',\n options: filter.options,\n onChange: (value: string) => {\n setFilter(filter.key, value === 'all' ? '' : value);\n },\n showCounts: filter.showCounts,\n }));\n\n return (\n <VStack className={`space-y-4 md:space-y-6 ${className}`}>\n {/* Header */}\n {header ? (\n header\n ) : (\n <HStack className=\"items-center justify-between\">\n <VStack className=\"gap-1\">\n <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n {description && (\n <p className=\"text-muted-foreground text-base\">{description}</p>\n )}\n </VStack>\n\n <HStack className=\"items-center gap-4\">\n {toolbar}\n {(isLoading || isFetching) && (\n <div className=\"text-muted-foreground flex items-center gap-2 text-base\">\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n <span className=\"hidden sm:inline\">Mise à jour...</span>\n </div>\n )}\n\n {onRefresh && (\n <Button\n variant=\"outline\"\n size=\"sm\"\n onClick={onRefresh}\n disabled={Boolean(isLoading)}\n aria-label=\"Rafraîchir\"\n >\n <RefreshCcw\n className={`mr-2 h-4 w-4 ${isLoading || isFetching ? 'animate-spin' : ''}`}\n />\n <span className=\"hidden sm:inline\">Rafraîchir</span>\n </Button>\n )}\n\n {primaryAction && (\n <>\n {primaryAction.href ? (\n <Link href={primaryAction.href}>\n <Button>\n {primaryAction.icon || <Plus className=\"mr-2 h-4 w-4\" />}\n <span className=\"hidden sm:inline\">\n {primaryAction.label}\n </span>\n <span className=\"sm:hidden\">Nouveau</span>\n </Button>\n </Link>\n ) : (\n <Button onClick={primaryAction.onClick}>\n {primaryAction.icon || <Plus className=\"mr-2 h-4 w-4\" />}\n <span className=\"hidden sm:inline\">\n {primaryAction.label}\n </span>\n <span className=\"sm:hidden\">Nouveau</span>\n </Button>\n )}\n </>\n )}\n </HStack>\n </HStack>\n )}\n\n {/* Stats (optional) */}\n {renderStats && (\n <>\n {renderStats(items)}\n <Separator />\n </>\n )}\n\n {/* Search and Filters */}\n <SearchAndFilter\n searchValue={searchQuery}\n onSearchChange={setSearchQuery}\n searchPlaceholder={searchPlaceholder}\n filters={filterConfigs}\n isLoading={isLoading}\n />\n\n {/* Content */}\n {items.length === 0 && !isLoading ? (\n renderEmpty ? (\n renderEmpty()\n ) : (\n <Card>\n <CardContent className=\"flex flex-col items-center gap-4 p-8 text-center\">\n <div className=\"bg-muted flex h-12 w-12 items-center justify-center rounded-full\">\n <div className=\"bg-muted-foreground/20 h-6 w-6 rounded-full\" />\n </div>\n <div>\n <h3 className=\"font-medium\">Aucun élément trouvé</h3>\n <p className=\"text-muted-foreground text-base\">\n {searchQuery || Object.values(filterValues).some((v) => v)\n ? 'Essayez de modifier vos critères de recherche'\n : 'Commencez par créer votre premier élément'}\n </p>\n </div>\n {primaryAction &&\n !searchQuery &&\n !Object.values(filterValues).some((v) => v) && (\n <>\n {primaryAction.href ? (\n <Link href={primaryAction.href}>\n <Button>\n {primaryAction.icon || (\n <Plus className=\"mr-2 h-4 w-4\" />\n )}\n {primaryAction.label}\n </Button>\n </Link>\n ) : (\n <Button onClick={primaryAction.onClick}>\n {primaryAction.icon || (\n <Plus className=\"mr-2 h-4 w-4\" />\n )}\n {primaryAction.label}\n </Button>\n )}\n </>\n )}\n </CardContent>\n </Card>\n )\n ) : (\n <>\n {/* Items List */}\n <div className={`space-y-4 ${itemClassName}`}>\n {items.map((item, index) => renderItem(item, index))}\n </div>\n\n {/* Pagination */}\n {totalPages > 1 && (\n <Pagination\n currentPage={currentPage}\n totalPages={totalPages}\n totalItems={totalItems}\n itemsPerPage={itemsPerPage}\n onPageChange={setCurrentPage}\n onItemsPerPageChange={setItemsPerPage}\n disabled={isLoading}\n />\n )}\n </>\n )}\n </VStack>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;AAWA,SAAgB,SAAY,EAC1B,OACA,aACA,QACA,OACA,YACA,YACA,WACA,YACA,OACA,WACA,mBACA,UAAU,EAAE,EACZ,WACA,eACA,SACA,YACA,aACA,aACA,YAAY,IACZ,gBAAgB,MACG;CACnB,MAAM,EACJ,aACA,gBACA,SAAS,cACT,WACA,aACA,cACA,gBACA,oBACE;AAGJ,KAAI,aAAa,CAAC,MAAM,OACtB,QACE,qBAAC;EAAO,WAAW,0BAA0B;aAC1C,SACC,SAEA,qBAAC;GAAO,WAAU;cAChB,oBAAC;IAAG,WAAU;cAAkC;KAAW,EAC1D,eACC,oBAAC;IAAE,WAAU;cAAmC;KAAgB;IAE3D,EAGX,oBAAC;GAAI,WAAU;aACb,oBAAC,kBACC,qBAAC;IAAY,WAAU;eACrB,oBAAC,WAAQ,WAAU,sCAAsC,EACzD,qBAAC,oBACC,oBAAC;KAAG,WAAU;eAAc;MAAkB,EAC9C,oBAAC;KAAE,WAAU;eAAkC;MAE3C,IACA;KACM,GACT;IACH;GACC;AAKb,KAAI,SAAS,CAAC,MAAM,OAClB,QACE,qBAAC;EAAO,WAAW,0BAA0B;aAC1C,SACC,SAEA,qBAAC;GAAO,WAAU;cAChB,oBAAC;IAAG,WAAU;cAAkC;KAAW,EAC1D,eACC,oBAAC;IAAE,WAAU;cAAmC;KAAgB;IAE3D,EAGX,oBAAC;GAAI,WAAU;aACb,oBAAC,kBACC,qBAAC;IAAY,WAAU;;KACrB,oBAAC,iBAAc,WAAU,+BAA+B;KACxD,qBAAC,oBACC,oBAAC;MAAG,WAAU;gBAAc;OAAyB,EACrD,oBAAC;MAAE,WAAU;gBACV,MAAM,WAAW;OAChB,IACA;KACL,aACC,qBAAC;MAAO,SAAS;MAAW,SAAQ;MAAU,MAAK;iBACjD,oBAAC,cAAW,WAAU,iBAAiB;OAEhC;;KAEC,GACT;IACH;GACC;CAKb,MAAM,gBAAgB,QAAQ,KAAK,YAAY;EAC7C,KAAK,OAAO;EACZ,OAAO,OAAO;EACd,OAAO,aAAa,OAAO,QAAQ;EACnC,SAAS,OAAO;EAChB,WAAW,UAAkB;AAC3B,aAAU,OAAO,KAAK,UAAU,QAAQ,KAAK,MAAM;;EAErD,YAAY,OAAO;EACpB,EAAE;AAEH,QACE,qBAAC;EAAO,WAAW,0BAA0B;;GAE1C,SACC,SAEA,qBAAC;IAAO,WAAU;eAChB,qBAAC;KAAO,WAAU;gBAChB,oBAAC;MAAG,WAAU;gBAAkC;OAAW,EAC1D,eACC,oBAAC;MAAE,WAAU;gBAAmC;OAAgB;MAE3D,EAET,qBAAC;KAAO,WAAU;;MACf;OACC,aAAa,eACb,qBAAC;OAAI,WAAU;kBACb,oBAAC,WAAQ,WAAU,yBAAyB,EAC5C,oBAAC;QAAK,WAAU;kBAAmB;SAAqB;QACpD;MAGP,aACC,qBAAC;OACC,SAAQ;OACR,MAAK;OACL,SAAS;OACT,UAAU,QAAQ,UAAU;OAC5B,cAAW;kBAEX,oBAAC,cACC,WAAW,gBAAgB,aAAa,aAAa,iBAAiB,OACtE,EACF,oBAAC;QAAK,WAAU;kBAAmB;SAAiB;QAC7C;MAGV,iBACC,0CACG,cAAc,OACb,oBAACA;OAAK,MAAM,cAAc;iBACxB,qBAAC;QACE,cAAc,QAAQ,oBAAC,QAAK,WAAU,iBAAiB;QACxD,oBAAC;SAAK,WAAU;mBACb,cAAc;UACV;QACP,oBAAC;SAAK,WAAU;mBAAY;UAAc;WACnC;QACJ,GAEP,qBAAC;OAAO,SAAS,cAAc;;QAC5B,cAAc,QAAQ,oBAAC,QAAK,WAAU,iBAAiB;QACxD,oBAAC;SAAK,WAAU;mBACb,cAAc;UACV;QACP,oBAAC;SAAK,WAAU;mBAAY;UAAc;;QACnC,GAEV;;MAEE;KACF;GAIV,eACC,4CACG,YAAY,MAAM,EACnB,oBAAC,cAAY,IACZ;GAIL,oBAAC;IACC,aAAa;IACb,gBAAgB;IACG;IACnB,SAAS;IACE;KACX;GAGD,MAAM,WAAW,KAAK,CAAC,YACtB,cACE,aAAa,GAEb,oBAAC,kBACC,qBAAC;IAAY,WAAU;;KACrB,oBAAC;MAAI,WAAU;gBACb,oBAAC,SAAI,WAAU,gDAAgD;OAC3D;KACN,qBAAC,oBACC,oBAAC;MAAG,WAAU;gBAAc;OAAyB,EACrD,oBAAC;MAAE,WAAU;gBACV,eAAe,OAAO,OAAO,aAAa,CAAC,MAAM,MAAM,EAAE,GACtD,kDACA;OACF,IACA;KACL,iBACC,CAAC,eACD,CAAC,OAAO,OAAO,aAAa,CAAC,MAAM,MAAM,EAAE,IACzC,0CACG,cAAc,OACb,oBAACA;MAAK,MAAM,cAAc;gBACxB,qBAAC,qBACE,cAAc,QACb,oBAAC,QAAK,WAAU,iBAAiB,EAElC,cAAc,SACR;OACJ,GAEP,qBAAC;MAAO,SAAS,cAAc;iBAC5B,cAAc,QACb,oBAAC,QAAK,WAAU,iBAAiB,EAElC,cAAc;OACR,GAEV;;KAEK,GACT,GAGT,4CAEE,oBAAC;IAAI,WAAW,aAAa;cAC1B,MAAM,KAAK,MAAM,UAAU,WAAW,MAAM,MAAM,CAAC;KAChD,EAGL,aAAa,KACZ,oBAAC;IACc;IACD;IACA;IACE;IACd,cAAc;IACd,sBAAsB;IACtB,UAAU;KACV,IAEH;;GAEE"}
|
package/dist/ui/page-header.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime86 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types11 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region ui/page-header.d.ts
|
|
7
7
|
declare const headerVariants: (props?: ({
|
|
8
8
|
spacing?: "sm" | "lg" | "md" | null | undefined;
|
|
9
|
-
} &
|
|
9
|
+
} & class_variance_authority_types11.ClassProp) | undefined) => string;
|
|
10
10
|
interface PageHeaderProps extends VariantProps<typeof headerVariants> {
|
|
11
11
|
breadcrumb?: React$1.ReactNode;
|
|
12
12
|
title: React$1.ReactNode;
|
|
@@ -21,7 +21,7 @@ declare function PageHeader({
|
|
|
21
21
|
actions,
|
|
22
22
|
spacing,
|
|
23
23
|
className
|
|
24
|
-
}: PageHeaderProps):
|
|
24
|
+
}: PageHeaderProps): react_jsx_runtime86.JSX.Element;
|
|
25
25
|
//#endregion
|
|
26
26
|
export { PageHeader, PageHeaderProps };
|
|
27
27
|
//# sourceMappingURL=page-header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header.d.ts","names":[],"sources":["../../ui/page-header.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;IAWJ
|
|
1
|
+
{"version":3,"file":"page-header.d.ts","names":[],"sources":["../../ui/page-header.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;IAWJ,gCAAA,CAAA;UAEe,eAAA,SAAwB,oBAAoB;EAbvD,UAAA,CAAA,EAcS,OAAA,CAAM,SAHnB;EAEe,KAAA,EAER,OAAA,CAAM,SAFkB;EAA4B,QAAA,CAAA,EAGhD,OAAA,CAAM,SAH0C;EAC9C,OAAM,CAAA,EAGT,OAAA,CAAM,SAHG;EACZ,SAAM,CAAA,EAAA,MAAA;;AAEH,iBAII,UAAA,CAJE;EAAA,UAAA;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAWf,eAXe,CAAA,EAWA,mBAAA,CAAA,GAAA,CAAA,OAXA"}
|
package/dist/ui/pagination.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ButtonProps } from "./button.js";
|
|
2
2
|
import * as React$1 from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime87 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region ui/pagination.d.ts
|
|
6
6
|
declare const Pagination: {
|
|
7
7
|
({
|
|
8
8
|
className,
|
|
9
9
|
...props
|
|
10
|
-
}: React$1.ComponentPropsWithoutRef<"nav">):
|
|
10
|
+
}: React$1.ComponentPropsWithoutRef<"nav">): react_jsx_runtime87.JSX.Element;
|
|
11
11
|
displayName: string;
|
|
12
12
|
};
|
|
13
13
|
declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
@@ -21,28 +21,28 @@ declare const PaginationLink: {
|
|
|
21
21
|
isActive,
|
|
22
22
|
size,
|
|
23
23
|
...props
|
|
24
|
-
}: PaginationLinkProps):
|
|
24
|
+
}: PaginationLinkProps): react_jsx_runtime87.JSX.Element;
|
|
25
25
|
displayName: string;
|
|
26
26
|
};
|
|
27
27
|
declare const PaginationPrevious: {
|
|
28
28
|
({
|
|
29
29
|
className,
|
|
30
30
|
...props
|
|
31
|
-
}: React$1.ComponentProps<typeof PaginationLink>):
|
|
31
|
+
}: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime87.JSX.Element;
|
|
32
32
|
displayName: string;
|
|
33
33
|
};
|
|
34
34
|
declare const PaginationNext: {
|
|
35
35
|
({
|
|
36
36
|
className,
|
|
37
37
|
...props
|
|
38
|
-
}: React$1.ComponentProps<typeof PaginationLink>):
|
|
38
|
+
}: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime87.JSX.Element;
|
|
39
39
|
displayName: string;
|
|
40
40
|
};
|
|
41
41
|
declare const PaginationEllipsis: {
|
|
42
42
|
({
|
|
43
43
|
className,
|
|
44
44
|
...props
|
|
45
|
-
}: React$1.ComponentPropsWithoutRef<"span">):
|
|
45
|
+
}: React$1.ComponentPropsWithoutRef<"span">): react_jsx_runtime87.JSX.Element;
|
|
46
46
|
displayName: string;
|
|
47
47
|
};
|
|
48
48
|
//#endregion
|
package/dist/ui/popover.d.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime92 from "react/jsx-runtime";
|
|
3
3
|
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
4
4
|
|
|
5
5
|
//#region ui/popover.d.ts
|
|
6
6
|
declare function Popover({
|
|
7
7
|
...props
|
|
8
|
-
}: React$1.ComponentProps<typeof PopoverPrimitive.Root>):
|
|
8
|
+
}: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime92.JSX.Element;
|
|
9
9
|
declare function PopoverTrigger({
|
|
10
10
|
...props
|
|
11
|
-
}: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>):
|
|
11
|
+
}: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime92.JSX.Element;
|
|
12
12
|
declare function PopoverContent({
|
|
13
13
|
className,
|
|
14
14
|
align,
|
|
15
15
|
sideOffset,
|
|
16
16
|
...props
|
|
17
|
-
}: React$1.ComponentProps<typeof PopoverPrimitive.Content>):
|
|
17
|
+
}: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime92.JSX.Element;
|
|
18
18
|
declare function PopoverAnchor({
|
|
19
19
|
...props
|
|
20
|
-
}: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>):
|
|
20
|
+
}: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime92.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
|
|
23
23
|
//# sourceMappingURL=popover.d.ts.map
|
package/dist/ui/popover.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","names":[],"sources":["../../ui/popover.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,OAAA;;GAEN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,QAAK,
|
|
1
|
+
{"version":3,"file":"popover.d.ts","names":[],"sources":["../../ui/popover.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,OAAA;;GAEN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAI5C,cAAA;;GAEN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,WAAQ,mBAAA,CAAA,GAAA,CAAA;iBAI/C,cAAA;;;;;GAKN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,WAAQ,mBAAA,CAAA,GAAA,CAAA;AArBI,iBAsCnD,aAAA,CAlCO;EAAA,GAAA;AAAA,CAAA,EAoCb,OAAA,CAAM,cApCO,CAAA,OAoCe,gBAAA,CAAiB,MApChC,CAAA,CAAA,EAoCuC,mBAAA,CAAA,GAAA,CAAA,OApCvC"}
|