@alveole/components 0.30.0 → 0.30.2

package/dist/ui/ActionMenu/ActionMenu.d.ts

@@ -1,7 +1,12 @@
-import { BoxProps, PopoverProps } from '@alveole/components';
+import { BoxProps } from '@alveole/components';
+import { PopoverProps } from '../Popover';
 import { ActionMenuItem } from './ActionMenuItem';
 export type { ActionMenuItemProps } from './ActionMenuItem';
-export type ActionMenuProps = BoxProps & PopoverProps;
+export type ActionMenuProps = BoxProps & PopoverProps & {
+    open?: boolean;
+    setOpen?: (open: boolean) => void;
+    scrollable?: boolean;
+};
 declare const ActionMenuBase: (props: ActionMenuProps) => import("react/jsx-runtime").JSX.Element;
 type ActionMenuCompoundComponent = typeof ActionMenuBase & {
     Item: typeof ActionMenuItem;

package/dist/ui/ActionMenu/ActionMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAW,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,YAAY,CAAC;AAEtD,QAAA,MAAM,cAAc,GAAI,OAAO,eAAe,4CAU7C,CAAC;AAEF,KAAK,2BAA2B,GAAG,OAAO,cAAc,GAAG;IACzD,IAAI,EAAE,OAAO,cAAc,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,2BAEvB,CAAC"}
+{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,QAAQ,GACpC,YAAY,GAAG;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEJ,QAAA,MAAM,cAAc,GAAI,OAAO,eAAe,4CAU7C,CAAC;AAEF,KAAK,2BAA2B,GAAG,OAAO,cAAc,GAAG;IACzD,IAAI,EAAE,OAAO,cAAc,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,2BAEvB,CAAC"}

package/dist/ui/ActionMenu/ActionMenu.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Popover } from '@alveole/components';
 import { Box } from '../../core';
+import { Popover } from '../Popover';
 import { ActionMenuItem } from './ActionMenuItem';
 const ActionMenuBase = (props) => {
-    const { children, placement = 'bottom', renderTrigger, ...boxProps } = props;
-    return (_jsx(Popover, { placement: placement, renderTrigger: renderTrigger, children: _jsx(Box, { tag: "action-menu-content", ...boxProps, children: children }) }));
+    const { children, placement = 'bottom', renderTrigger, open, setOpen, scrollable = true, ...boxProps } = props;
+    return (_jsx(Popover, { placement: placement, renderTrigger: renderTrigger, open: open, setOpen: setOpen, scrollable: scrollable, children: _jsx(Box, { tag: "action-menu-content", ...boxProps, children: children }) }));
 };
 export const ActionMenu = Object.assign(ActionMenuBase, {
     Item: ActionMenuItem,

package/dist/ui/ActionMenu/ActionMenu.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    tags: "Components"[];
+    tags: "Composant"[];
     experimental: false;
     figmaURL: string;
     description: string;

package/dist/ui/ActionMenu/ActionMenu.stories.js

@@ -4,7 +4,7 @@ import { Button } from '../Button';
 import { ActionMenu } from './ActionMenu';
 export default {
     title: 'ActionMenu',
-    tags: ['Components'],
+    tags: ['Composant'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Composants?node-id=1002-547',
     description: 'Composant de type Box.',

package/dist/ui/LucideIcon/LucideIcon.props.d.ts

@@ -8,10 +8,10 @@ export type IconName = LucideIconName | LabIconName;
 export declare const isLucideIconName: (name: string) => name is LucideIconName;
 declare const PublicPropsSchema: z.ZodObject<{
     size: z.ZodEnum<{
-        xs: "xs";
         sm: "sm";
         md: "md";
         lg: "lg";
+        xs: "xs";
         xl: "xl";
     }>;
     name: z.ZodEnum<{
@@ -20,6 +20,9 @@ declare const PublicPropsSchema: z.ZodObject<{
         olive: "olive";
         Menu: "Menu";
         toolbox: "toolbox";
+        Focus: "Focus";
+        Anchor: "Anchor";
+        Sheet: "Sheet";
         AArrowDown: "AArrowDown";
         AArrowUp: "AArrowUp";
         ALargeSmall: "ALargeSmall";
@@ -60,7 +63,6 @@ declare const PublicPropsSchema: z.ZodObject<{
         Ampersand: "Ampersand";
         Ampersands: "Ampersands";
         Amphora: "Amphora";
-        Anchor: "Anchor";
         Angry: "Angry";
         Annoyed: "Annoyed";
         Antenna: "Antenna";
@@ -679,7 +681,6 @@ declare const PublicPropsSchema: z.ZodObject<{
         FlipVertical2: "FlipVertical2";
         Flower: "Flower";
         Flower2: "Flower2";
-        Focus: "Focus";
         FoldHorizontal: "FoldHorizontal";
         FoldVertical: "FoldVertical";
         Folder: "Folder";
@@ -1316,7 +1317,6 @@ declare const PublicPropsSchema: z.ZodObject<{
         Shapes: "Shapes";
         Share: "Share";
         Share2: "Share2";
-        Sheet: "Sheet";
         Shell: "Shell";
         ShelvingUnit: "ShelvingUnit";
         Shield: "Shield";
@@ -2106,10 +2106,10 @@ type PrivateProps = {
 export type LucideIconProps = z.infer<typeof PublicPropsSchema> & PrivateProps;
 export declare const LucideIconPropsJSON: z.core.ZodStandardJSONSchemaPayload<z.ZodObject<{
     size: z.ZodEnum<{
-        xs: "xs";
         sm: "sm";
         md: "md";
         lg: "lg";
+        xs: "xs";
         xl: "xl";
     }>;
     name: z.ZodEnum<{
@@ -2118,6 +2118,9 @@ export declare const LucideIconPropsJSON: z.core.ZodStandardJSONSchemaPayload<z.
         olive: "olive";
         Menu: "Menu";
         toolbox: "toolbox";
+        Focus: "Focus";
+        Anchor: "Anchor";
+        Sheet: "Sheet";
         AArrowDown: "AArrowDown";
         AArrowUp: "AArrowUp";
         ALargeSmall: "ALargeSmall";
@@ -2158,7 +2161,6 @@ export declare const LucideIconPropsJSON: z.core.ZodStandardJSONSchemaPayload<z.
         Ampersand: "Ampersand";
         Ampersands: "Ampersands";
         Amphora: "Amphora";
-        Anchor: "Anchor";
         Angry: "Angry";
         Annoyed: "Annoyed";
         Antenna: "Antenna";
@@ -2777,7 +2779,6 @@ export declare const LucideIconPropsJSON: z.core.ZodStandardJSONSchemaPayload<z.
         FlipVertical2: "FlipVertical2";
         Flower: "Flower";
         Flower2: "Flower2";
-        Focus: "Focus";
         FoldHorizontal: "FoldHorizontal";
         FoldVertical: "FoldVertical";
         Folder: "Folder";
@@ -3414,7 +3415,6 @@ export declare const LucideIconPropsJSON: z.core.ZodStandardJSONSchemaPayload<z.
         Shapes: "Shapes";
         Share: "Share";
         Share2: "Share2";
-        Sheet: "Sheet";
         Shell: "Shell";
         ShelvingUnit: "ShelvingUnit";
         Shield: "Shield";

package/dist/ui/LucideIcon/LucideIcon.stories.d.ts

@@ -6,10 +6,10 @@ declare const _default: {
     description: string;
     props: import("zod/v4/core").ZodStandardJSONSchemaPayload<import("zod").ZodObject<{
         size: import("zod").ZodEnum<{
-            xs: "xs";
             sm: "sm";
             md: "md";
             lg: "lg";
+            xs: "xs";
             xl: "xl";
         }>;
         name: import("zod").ZodEnum<{
@@ -18,6 +18,9 @@ declare const _default: {
             olive: "olive";
             Menu: "Menu";
             toolbox: "toolbox";
+            Focus: "Focus";
+            Anchor: "Anchor";
+            Sheet: "Sheet";
             AArrowDown: "AArrowDown";
             AArrowUp: "AArrowUp";
             ALargeSmall: "ALargeSmall";
@@ -58,7 +61,6 @@ declare const _default: {
             Ampersand: "Ampersand";
             Ampersands: "Ampersands";
             Amphora: "Amphora";
-            Anchor: "Anchor";
             Angry: "Angry";
             Annoyed: "Annoyed";
             Antenna: "Antenna";
@@ -677,7 +679,6 @@ declare const _default: {
             FlipVertical2: "FlipVertical2";
             Flower: "Flower";
             Flower2: "Flower2";
-            Focus: "Focus";
             FoldHorizontal: "FoldHorizontal";
             FoldVertical: "FoldVertical";
             Folder: "Folder";
@@ -1314,7 +1315,6 @@ declare const _default: {
             Shapes: "Shapes";
             Share: "Share";
             Share2: "Share2";
-            Sheet: "Sheet";
             Shell: "Shell";
             ShelvingUnit: "ShelvingUnit";
             Shield: "Shield";

package/dist/ui/Popover/Popover.d.ts

@@ -9,6 +9,9 @@ export type PopoverProps = PopoverStyles & React.PropsWithChildren<{
     renderTrigger: (context: {
         open: boolean;
     }) => React.ReactNode;
+    scrollable?: boolean;
+    open?: boolean;
+    setOpen?: (open: boolean) => void;
 }>;
 export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Popover.d.ts.map

package/dist/ui/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/ui/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyC,YAAY,IAAI,mBAAmB,EAAU,MAAM,SAAS,CAAC;AAG7G,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7D,MAAM,MAAM,YAAY,GAAG,aAAa,GACtC,KAAK,CAAC,iBAAiB,CAAC;IACtB,SAAS,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAC5C,aAAa,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CAChE,CAAC,CAAC;AAEL,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CAqC1C,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/ui/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyC,YAAY,IAAI,mBAAmB,EAAU,MAAM,SAAS,CAAC;AAG7G,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7D,MAAM,MAAM,YAAY,GAAG,aAAa,GACtC,KAAK,CAAC,iBAAiB,CAAC;IACtB,SAAS,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAC5C,aAAa,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,CAAC,CAAC;AAEL,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CAoD1C,CAAC"}

package/dist/ui/Popover/Popover.js

@@ -4,8 +4,16 @@ import React from 'react';
 import { ScrollView, Popover as TamaguiPopover, YStack } from 'tamagui';
 import { useStyles } from './Popover.styles';
 export const Popover = (props) => {
-    const { children, placement, renderTrigger, ...popoverStyles } = props;
-    const [open, setOpen] = React.useState(false);
+    const { children, placement, renderTrigger, scrollable = true, open: controlledOpen, setOpen: controlledSetOpen, ...popoverStyles } = props;
+    const [internalOpen, setInternalOpen] = React.useState(false);
+    const isControlled = controlledOpen !== undefined;
+    const open = isControlled ? controlledOpen : internalOpen;
+    const setOpen = React.useCallback((nextOpen) => {
+        controlledSetOpen?.(nextOpen);
+        if (!isControlled) {
+            setInternalOpen(nextOpen);
+        }
+    }, [controlledSetOpen, isControlled]);
     const styles = useStyles();
     const { spacing } = useTheme();
     const spacings = {
@@ -17,5 +25,5 @@ export const Popover = (props) => {
     };
     const maxH = popoverStyles.maxH ?? 500;
     const maxW = popoverStyles.maxW ?? '100%';
-    return (_jsxs(TamaguiPopover, { placement: placement, disableFocus: true, open: open, onOpenChange: setOpen, children: [_jsx(TamaguiPopover.Trigger, { asChild: true, children: renderTrigger({ open }) }), _jsx(TamaguiPopover.Content, { trapFocus: false, disableFocusScope: true, overflow: "hidden", style: { maxHeight: maxH, maxWidth: maxW }, ...spacings, ...styles.content, children: _jsx(YStack, { style: { maxHeight: maxH, overflow: 'hidden' }, children: _jsx(ScrollView, { style: { maxHeight: maxH - spacing('025') }, children: children }) }) })] }));
+    return (_jsxs(TamaguiPopover, { placement: placement, disableFocus: true, open: open, onOpenChange: setOpen, children: [_jsx(TamaguiPopover.Trigger, { asChild: true, children: renderTrigger({ open }) }), _jsx(TamaguiPopover.Content, { trapFocus: false, disableFocusScope: true, overflow: "hidden", style: { maxHeight: scrollable ? maxH : undefined, maxWidth: maxW }, ...spacings, ...styles.content, children: scrollable ? (_jsx(YStack, { style: { overflow: 'hidden' }, children: _jsx(ScrollView, { style: { maxHeight: maxH - spacing('025') }, children: children }) })) : (children) })] }));
 };

package/dist/ui/Popover/Popover.styles.js

@@ -10,6 +10,6 @@ export const useStyles = makeStyles(({ color, spacing, shadows, radius }) => ({
         borderStyle: 'solid',
         borderColor: color.light.border['default-grey'],
         backgroundColor: color.light.background['active-inverted'],
-        ...shadows(2),
+        ...shadows('lifted'),
     },
 }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "0.30.0",
+  "version": "0.30.2",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",