@fluentui-react-native/drawer 0.4.18 → 0.5.0

package/lib/DrawerTokens.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { DrawerTokens } from './Drawer.types';
 export declare const defaultDrawerTokens: TokenSettings<DrawerTokens, Theme>;
-//# sourceMappingURL=DrawerTokens.d.ts.map
+//# sourceMappingURL=DrawerTokens.d.ts.map

package/lib/DrawerTokens.js

@@ -1,35 +1,35 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultDrawerTokens = (t) => ({
-    scrimColor: '#00000080',
-    drawerBackgroundColor: t.colors.neutralBackground2,
-    handleBackgroundColor: t.colors.neutralStroke1,
-    handleWidth: globalTokens.size360,
-    handleHeight: globalTokens.size40,
-    handleCornerRadius: globalTokens.size20,
-    handleAlignment: 'center',
-    handleMarginTop: globalTokens.size80,
-    handleMarginBottom: globalTokens.sizeNone,
-    handleMarginEnd: globalTokens.sizeNone,
-    handleMarginStart: globalTokens.sizeNone,
-    drawerElevation: globalTokens.size100,
-    topPosition: 0,
-    left: {
-        height: '100%',
-        width: '80%',
-        leftPosition: 0,
-        drawerCornerRadius: 0,
-    },
-    right: {
-        height: '100%',
-        width: '80%',
-        rightPosition: 0,
-        drawerCornerRadius: 0,
-    },
-    bottom: {
-        bottomPosition: 0,
-        width: '100%',
-        drawerCornerRadius: globalTokens.corner.radius120,
-        height: '50%',
-    },
+  scrimColor: '#00000080', // to be replace with token in future based on design guidance
+  drawerBackgroundColor: t.colors.neutralBackground2,
+  handleBackgroundColor: t.colors.neutralStroke1,
+  handleWidth: globalTokens.size360,
+  handleHeight: globalTokens.size40,
+  handleCornerRadius: globalTokens.size20,
+  handleAlignment: 'center',
+  handleMarginTop: globalTokens.size80,
+  handleMarginBottom: globalTokens.sizeNone,
+  handleMarginEnd: globalTokens.sizeNone,
+  handleMarginStart: globalTokens.sizeNone,
+  drawerElevation: globalTokens.size100,
+  topPosition: 0,
+  left: {
+    height: '100%',
+    width: '80%',
+    leftPosition: 0,
+    drawerCornerRadius: 0,
+  },
+  right: {
+    height: '100%',
+    width: '80%',
+    rightPosition: 0,
+    drawerCornerRadius: 0,
+  },
+  bottom: {
+    bottomPosition: 0,
+    width: '100%',
+    drawerCornerRadius: globalTokens.corner.radius120,
+    height: '50%',
+  },
 });
-//# sourceMappingURL=DrawerTokens.js.map
+//# sourceMappingURL=DrawerTokens.js.map

package/lib/DrawerTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerTokens.js","sourceRoot":"","sources":["../src/DrawerTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,CAAQ,EAAE,EAAE,CAClF,CAAC;IACC,UAAU,EAAE,WAAW;IACvB,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IAC9C,WAAW,EAAE,YAAY,CAAC,OAAO;IACjC,YAAY,EAAE,YAAY,CAAC,MAAM;IACjC,kBAAkB,EAAE,YAAY,CAAC,MAAM;IACvC,eAAe,EAAE,QAAQ;IACzB,eAAe,EAAE,YAAY,CAAC,MAAM;IACpC,kBAAkB,EAAE,YAAY,CAAC,QAAQ;IACzC,eAAe,EAAE,YAAY,CAAC,QAAQ;IACtC,iBAAiB,EAAE,YAAY,CAAC,QAAQ;IACxC,eAAe,EAAE,YAAY,CAAC,OAAO;IACrC,WAAW,EAAE,CAAC;IACd,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,YAAY,EAAE,CAAC;QACf,kBAAkB,EAAE,CAAC;KACtB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,aAAa,EAAE,CAAC;QAChB,kBAAkB,EAAE,CAAC;KACtB;IACD,MAAM,EAAE;QACN,cAAc,EAAE,CAAC;QACjB,KAAK,EAAE,MAAM;QACb,kBAAkB,EAAE,YAAY,CAAC,MAAM,CAAC,SAAS;QACjD,MAAM,EAAE,KAAK;KACd;CACe,CAAA,CAAC"}
+{"version":3,"file":"DrawerTokens.js","sourceRoot":"","sources":["../src/DrawerTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,CAAQ,EAAE,EAAE,EACjF;IACC,UAAU,EAAE,WAAW,EAAE,8DAA8D;IACvF,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IAC9C,WAAW,EAAE,YAAY,CAAC,OAAO;IACjC,YAAY,EAAE,YAAY,CAAC,MAAM;IACjC,kBAAkB,EAAE,YAAY,CAAC,MAAM;IACvC,eAAe,EAAE,QAAQ;IACzB,eAAe,EAAE,YAAY,CAAC,MAAM;IACpC,kBAAkB,EAAE,YAAY,CAAC,QAAQ;IACzC,eAAe,EAAE,YAAY,CAAC,QAAQ;IACtC,iBAAiB,EAAE,YAAY,CAAC,QAAQ;IACxC,eAAe,EAAE,YAAY,CAAC,OAAO;IACrC,WAAW,EAAE,CAAC;IACd,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,YAAY,EAAE,CAAC;QACf,kBAAkB,EAAE,CAAC;KACtB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,aAAa,EAAE,CAAC;QAChB,kBAAkB,EAAE,CAAC;KACtB;IACD,MAAM,EAAE;QACN,cAAc,EAAE,CAAC;QACjB,KAAK,EAAE,MAAM;QACb,kBAAkB,EAAE,YAAY,CAAC,MAAM,CAAC,SAAS;QACjD,MAAM,EAAE,KAAK;KACd;CACe,CAAA,CAAC"}

package/lib/__tests__/Drawer.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Drawer.test.d.ts.map
+//# sourceMappingURL=Drawer.test.d.ts.map

package/lib/__tests__/Drawer.test.js

@@ -1,4 +1,5 @@
-import * as React from 'react';
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { act } from 'react';
 import { Text } from 'react-native';
 import * as renderer from 'react-test-renderer';
 // import { Drawer } from '../Drawer';
@@ -6,13 +7,16 @@ import * as renderer from 'react-test-renderer';
 jest.useFakeTimers();
 // Disable Drawer test, as it's still failing despite the line above
 describe('Drawer component tests', () => {
-    it('Drawer default', () => {
-        const tree = renderer
-            .create(
+  it('Drawer default', () => {
+    let component;
+    act(() => {
+      component = renderer.create(
         // <Drawer open={false} drawerPosition="left">
-        React.createElement(Text, null, "Hello"))
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+        _jsx(Text, { children: 'Hello' }),
+        // </Drawer>,
+      );
     });
+    expect(component.toJSON()).toMatchSnapshot();
+  });
 });
-//# sourceMappingURL=Drawer.test.js.map
+//# sourceMappingURL=Drawer.test.js.map

package/lib/__tests__/Drawer.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.test.js","sourceRoot":"","sources":["../../src/__tests__/Drawer.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,sCAAsC;AAEtC,+HAA+H;AAC/H,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,oEAAoE;AACpE,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;QACxB,MAAM,IAAI,GAAG,QAAQ;aAClB,MAAM;QACL,8CAA8C;QAC9C,oBAAC,IAAI,gBAAa,CAEnB;aACA,MAAM,EAAE,CAAC;QACZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Drawer.test.js","sourceRoot":"","sources":["../../src/__tests__/Drawer.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,sCAAsC;AAEtC,+HAA+H;AAC/H,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,oEAAoE;AACpE,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC;IACvC,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE,CAAC;QACzB,IAAI,SAAqC,CAAC;QAC1C,GAAG,CAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM;YACzB,8CAA8C;YAC9C,KAAC,IAAI,wBAAa;YAClB,aAAa;aACd,CAAC;QAAA,CACH,CAAC,CAAC;QACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;IAAA,CAC/C,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}

package/lib/index.d.ts

@@ -1,4 +1,4 @@
 export { Drawer } from './Drawer';
 export type { DrawerProps, DrawerSlotProps, DrawerTokens, DrawerType, DrawerPositionType } from './Drawer.types';
 export { DrawerName } from './Drawer.types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,3 +1,3 @@
 export { Drawer } from './Drawer';
 export { DrawerName } from './Drawer.types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/useDrawer.d.ts

@@ -1,3 +1,3 @@
 import type { DrawerProps, DrawerInfo } from './Drawer.types';
 export declare const useDrawer: (props: DrawerProps) => DrawerInfo;
-//# sourceMappingURL=useDrawer.d.ts.map
+//# sourceMappingURL=useDrawer.d.ts.map

package/lib/useDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,SAAS,UAAW,WAAW,KAAG,UAgF9C,CAAC"}
+{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,SAAS,oCAgFrB,CAAC"}

package/lib/useDrawer.js

@@ -2,71 +2,76 @@ import { useRef, useEffect, useState, useCallback } from 'react';
 import { Animated, Dimensions } from 'react-native';
 const { height, width } = Dimensions.get('window');
 export const useDrawer = (props) => {
-    const { onBlur, onFocus, accessibilityLabel, open, drawerPosition = 'left', showHandle = true, children, ...rest } = props;
-    const animatedValue = useRef(new Animated.Value(0)).current;
-    const [internalOpen, setInternalOpen] = useState(open);
-    const [isFirstOpen, setIsFirstOpen] = useState(true);
-    useEffect(() => {
-        if (open) {
-            setInternalOpen(true);
-            Animated.timing(animatedValue, {
-                toValue: 1,
-                duration: 300,
-                useNativeDriver: true,
-            }).start();
-        }
-        else {
-            if (isFirstOpen) {
-                setIsFirstOpen(false);
-            }
-            else {
-                Animated.parallel([
-                    Animated.timing(animatedValue, {
-                        toValue: 0,
-                        duration: 300,
-                        useNativeDriver: true,
-                    }),
-                ]).start(() => {
-                    setInternalOpen(false);
-                });
-            }
-        }
-    }, [animatedValue, open]);
-    const onClose = useCallback((e) => {
-        props?.onClose && props.onClose(e);
-    }, [props?.onClose]);
-    const onScrimClick = useCallback((e) => {
-        props?.onScrimClick && props.onScrimClick(e);
-    }, [props?.onScrimClick]);
-    const animatedTranslateX = animatedValue.interpolate({
-        inputRange: [0, 1],
-        outputRange: drawerPosition === 'left' ? [-width * 0.8, 0] : drawerPosition === 'right' ? [width * 0.8, 0] : [0, 0],
-    });
-    const animatedTranslateY = animatedValue.interpolate({
-        inputRange: [0, 1],
-        outputRange: [height, height * 0.5],
-    });
-    const animatedOpacity = animatedValue.interpolate({
-        inputRange: [0, 1],
-        outputRange: [0, 0.5],
-    });
-    const animatedStyle = {
-        transform: drawerPosition === 'left' || drawerPosition === 'right' ? [{ translateX: animatedTranslateX }] : [{ translateY: animatedTranslateY }],
-    };
-    return {
-        props: {
-            ...rest,
-            onClose,
-            onScrimClick,
-            animationConfig: {
-                animatedOpacity,
-                animatedStyle,
-            },
-            drawerPosition: drawerPosition ?? 'left',
-            children,
-            showHandle,
-            open: internalOpen,
-        },
-    };
+  const { onBlur, onFocus, accessibilityLabel, open, drawerPosition = 'left', showHandle = true, children, ...rest } = props;
+  const animatedValue = useRef(new Animated.Value(0)).current;
+  const [internalOpen, setInternalOpen] = useState(open);
+  const [isFirstOpen, setIsFirstOpen] = useState(true);
+  useEffect(() => {
+    if (open) {
+      setInternalOpen(true);
+      Animated.timing(animatedValue, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true,
+      }).start();
+    } else {
+      if (isFirstOpen) {
+        setIsFirstOpen(false);
+      } else {
+        Animated.parallel([
+          Animated.timing(animatedValue, {
+            toValue: 0,
+            duration: 300,
+            useNativeDriver: true,
+          }),
+        ]).start(() => {
+          setInternalOpen(false);
+        });
+      }
+    }
+  }, [animatedValue, open]);
+  const onClose = useCallback(
+    (e) => {
+      props?.onClose && props.onClose(e);
+    },
+    [props?.onClose],
+  );
+  const onScrimClick = useCallback(
+    (e) => {
+      props?.onScrimClick && props.onScrimClick(e);
+    },
+    [props?.onScrimClick],
+  );
+  const animatedTranslateX = animatedValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: drawerPosition === 'left' ? [-width * 0.8, 0] : drawerPosition === 'right' ? [width * 0.8, 0] : [0, 0],
+  });
+  const animatedTranslateY = animatedValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [height, height * 0.5],
+  });
+  const animatedOpacity = animatedValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, 0.5],
+  });
+  const animatedStyle = {
+    transform:
+      drawerPosition === 'left' || drawerPosition === 'right' ? [{ translateX: animatedTranslateX }] : [{ translateY: animatedTranslateY }],
+  };
+  return {
+    props: {
+      ...rest,
+      onClose,
+      onScrimClick,
+      animationConfig: {
+        animatedOpacity,
+        animatedStyle,
+      },
+      drawerPosition: drawerPosition ?? 'left',
+      children,
+      showHandle,
+      open: internalOpen,
+    },
+  };
 };
-//# sourceMappingURL=useDrawer.js.map
+//# sourceMappingURL=useDrawer.js.map

package/lib/useDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawer.js","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDrawer.js","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/Drawer.d.ts

@@ -1,4 +1,9 @@
 import type { DrawerProps } from './Drawer.types';
 export declare const drawerLookup: (layer: string, userProps: DrawerProps) => boolean;
-export declare const Drawer: import("@fluentui-react-native/framework").ComposableComponent<DrawerProps, import("./Drawer.types").DrawerSlotProps, import("./Drawer.types").DrawerTokens, import("@fluentui-react-native/framework").ObjectBase>;
-//# sourceMappingURL=Drawer.d.ts.map
+export declare const Drawer: import('@fluentui-react-native/framework').ComposableComponent<
+  DrawerProps,
+  import('./Drawer.types').DrawerSlotProps,
+  import('./Drawer.types').DrawerTokens,
+  import('@fluentui-react-native/framework').ObjectBase
+>;
+//# sourceMappingURL=Drawer.d.ts.map

package/lib-commonjs/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,YAAY,UAAW,MAAM,aAAa,WAAW,KAAG,OAEpE,CAAC;AAEF,eAAO,MAAM,MAAM,qNAmCjB,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,YAAY,oDAExB,CAAC;AAEF,eAAO,MAAM,MAAM,qNAmCjB,CAAC"}

package/lib-commonjs/Drawer.js

@@ -1,39 +1,54 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Drawer = exports.drawerLookup = void 0;
-/** @jsxRuntime classic */
-/** @jsx withSlots */
-const react_native_1 = require("react-native");
-const framework_1 = require("@fluentui-react-native/framework");
-const Drawer_styling_1 = require("./Drawer.styling");
-const Drawer_types_1 = require("./Drawer.types");
-const useDrawer_1 = require("./useDrawer");
+const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+/** @jsxImportSource @fluentui-react-native/framework-base */
+const react_native_1 = require('react-native');
+const framework_1 = require('@fluentui-react-native/framework');
+const Drawer_styling_1 = require('./Drawer.styling');
+const Drawer_types_1 = require('./Drawer.types');
+const useDrawer_1 = require('./useDrawer');
 const drawerLookup = (layer, userProps) => {
-    return userProps[layer] || layer === userProps['drawerPosition'];
+  return userProps[layer] || layer === userProps['drawerPosition'];
 };
 exports.drawerLookup = drawerLookup;
 exports.Drawer = (0, framework_1.compose)({
-    displayName: Drawer_types_1.DrawerName,
-    ...Drawer_styling_1.stylingSettings,
-    slots: {
-        modal: react_native_1.Modal,
-        scrim: react_native_1.TouchableWithoutFeedback,
-        scrimContent: react_native_1.Animated.View,
-        content: react_native_1.Animated.View,
-        handle: react_native_1.View,
-    },
-    useRender: (userProps, useSlots) => {
-        const drawerProps = (0, useDrawer_1.useDrawer)(userProps).props;
-        const Slots = useSlots(userProps, (layer) => (0, exports.drawerLookup)(layer, drawerProps));
-        return (final, children) => {
-            const { open, onClose, onScrimClick, animationConfig, drawerPosition, showHandle, ...rest } = (0, framework_1.mergeProps)(drawerProps, final);
-            return ((0, framework_1.withSlots)(Slots.modal, { ...rest, visible: open, onRequestClose: onClose, supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'], animationType: "none", transparent: true },
-                (0, framework_1.withSlots)(Slots.scrim, { onPress: onScrimClick },
-                    (0, framework_1.withSlots)(Slots.scrimContent, { style: [{ opacity: animationConfig.animatedOpacity }] })),
-                (0, framework_1.withSlots)(Slots.content, { style: animationConfig.animatedStyle },
-                    drawerPosition === 'bottom' && showHandle && (0, framework_1.withSlots)(Slots.handle, null),
-                    children)));
-        };
-    },
+  displayName: Drawer_types_1.DrawerName,
+  ...Drawer_styling_1.stylingSettings,
+  slots: {
+    modal: react_native_1.Modal,
+    scrim: react_native_1.TouchableWithoutFeedback,
+    scrimContent: react_native_1.Animated.View,
+    content: react_native_1.Animated.View,
+    handle: react_native_1.View,
+  },
+  useRender: (userProps, useSlots) => {
+    const drawerProps = (0, useDrawer_1.useDrawer)(userProps).props;
+    const Slots = useSlots(userProps, (layer) => (0, exports.drawerLookup)(layer, drawerProps));
+    return (final, children) => {
+      const { open, onClose, onScrimClick, animationConfig, drawerPosition, showHandle, ...rest } = (0, framework_1.mergeProps)(
+        drawerProps,
+        final,
+      );
+      return jsx_runtime_1.jsxs(Slots.modal, {
+        ...rest,
+        visible: open,
+        onRequestClose: onClose,
+        supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'],
+        animationType: 'none',
+        transparent: true,
+        children: [
+          jsx_runtime_1.jsx(Slots.scrim, {
+            onPress: onScrimClick,
+            children: jsx_runtime_1.jsx(Slots.scrimContent, { style: [{ opacity: animationConfig.animatedOpacity }] }),
+          }),
+          jsx_runtime_1.jsxs(Slots.content, {
+            style: animationConfig.animatedStyle,
+            children: [drawerPosition === 'bottom' && showHandle && jsx_runtime_1.jsx(Slots.handle, {}), children],
+          }),
+        ],
+      });
+    };
+  },
 });
-//# sourceMappingURL=Drawer.js.map
+//# sourceMappingURL=Drawer.js.map

package/lib-commonjs/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":";;;AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,+CAA+E;AAG/E,gEAAkF;AAElF,qDAAmD;AAEnD,iDAA4C;AAC5C,2CAAwC;AAEjC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,SAAsB,EAAW,EAAE;IAC7E,OAAO,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,SAAS,CAAC,gBAAgB,CAAC,CAAC;AACnE,CAAC,CAAC;AAFW,QAAA,YAAY,gBAEvB;AAEW,QAAA,MAAM,GAAG,IAAA,mBAAO,EAAa;IACxC,WAAW,EAAE,yBAAU;IACvB,GAAG,gCAAe;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,oBAAK;QACZ,KAAK,EAAE,uCAAwB;QAC/B,YAAY,EAAE,uBAAQ,CAAC,IAAI;QAC3B,OAAO,EAAE,uBAAQ,CAAC,IAAI;QACtB,MAAM,EAAE,mBAAI;KACb;IACD,SAAS,EAAE,CAAC,SAAsB,EAAE,QAA8B,EAAE,EAAE;QACpE,MAAM,WAAW,GAAG,IAAA,qBAAS,EAAC,SAAS,CAAC,CAAC,KAAK,CAAC;QAC/C,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,oBAAY,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;QAC/E,OAAO,CAAC,KAAkB,EAAE,QAAyB,EAAE,EAAE;YACvD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,IAAA,sBAAU,EAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YAC7H,OAAO,CACL,2BAAC,KAAK,CAAC,KAAK,OACN,IAAI,EACR,OAAO,EAAE,IAAI,EACb,cAAc,EAAE,OAAO,EACvB,qBAAqB,EAAE,CAAC,UAAU,EAAE,sBAAsB,EAAE,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,EAC7G,aAAa,EAAC,MAAM,EACpB,WAAW;gBAEX,2BAAC,KAAK,CAAC,KAAK,IAAC,OAAO,EAAE,YAAY;oBAChC,2BAAC,KAAK,CAAC,YAAY,IAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,eAAe,CAAC,eAAe,EAAE,CAAC,GAAI,CACjE;gBACd,2BAAC,KAAK,CAAC,OAAO,IAAC,KAAK,EAAE,eAAe,CAAC,aAAa;oBAChD,cAAc,KAAK,QAAQ,IAAI,UAAU,IAAI,2BAAC,KAAK,CAAC,MAAM,OAAG;oBAC7D,QAAQ,CACK,CACJ,CACf,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":";;;;AAAA,6DAA6D;AAC7D,+CAA+E;AAG/E,gEAAuE;AAEvE,qDAAmD;AAEnD,iDAA4C;AAC5C,2CAAwC;AAEjC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,SAAsB,EAAW,EAAE,CAAC;IAC9E,OAAO,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,SAAS,CAAC,gBAAgB,CAAC,CAAC;AAAA,CAClE,CAAC;AAFW,QAAA,YAAY,GAAZ,YAAY,CAEvB;AAEW,QAAA,MAAM,GAAG,IAAA,mBAAO,EAAa;IACxC,WAAW,EAAE,yBAAU;IACvB,GAAG,gCAAe;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,oBAAK;QACZ,KAAK,EAAE,uCAAwB;QAC/B,YAAY,EAAE,uBAAQ,CAAC,IAAI;QAC3B,OAAO,EAAE,uBAAQ,CAAC,IAAI;QACtB,MAAM,EAAE,mBAAI;KACb;IACD,SAAS,EAAE,CAAC,SAAsB,EAAE,QAA8B,EAAE,EAAE,CAAC;QACrE,MAAM,WAAW,GAAG,IAAA,qBAAS,EAAC,SAAS,CAAC,CAAC,KAAK,CAAC;QAC/C,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,QAAA,YAAY,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;QAC/E,OAAO,CAAC,KAAkB,EAAE,QAAyB,EAAE,EAAE,CAAC;YACxD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,IAAA,sBAAU,EAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YAC7H,OAAO,CACL,mBAAC,KAAK,CAAC,KAAK,OACN,IAAI,EACR,OAAO,EAAE,IAAI,EACb,cAAc,EAAE,OAAO,EACvB,qBAAqB,EAAE,CAAC,UAAU,EAAE,sBAAsB,EAAE,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,EAC7G,aAAa,EAAC,MAAM,EACpB,WAAW;oBAEX,kBAAC,KAAK,CAAC,KAAK,IAAC,OAAO,EAAE,YAAY,YAChC,kBAAC,KAAK,CAAC,YAAY,IAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,eAAe,CAAC,eAAe,EAAE,CAAC,GAAI,GACjE,EACd,mBAAC,KAAK,CAAC,OAAO,IAAC,KAAK,EAAE,eAAe,CAAC,aAAa,aAChD,cAAc,KAAK,QAAQ,IAAI,UAAU,IAAI,kBAAC,KAAK,CAAC,MAAM,KAAG,EAC7D,QAAQ,IACK;oBACJ,CACf,CAAC;QAAA,CACH,CAAC;IAAA,CACH;CACF,CAAC,CAAC"}

package/lib-commonjs/Drawer.styling.d.ts

@@ -1,4 +1,4 @@
 import type { UseStylingOptions } from '@fluentui-react-native/framework';
 import type { DrawerTokens, DrawerSlotProps, DrawerProps } from './Drawer.types';
 export declare const stylingSettings: UseStylingOptions<DrawerProps, DrawerSlotProps, DrawerTokens>;
-//# sourceMappingURL=Drawer.styling.d.ts.map
+//# sourceMappingURL=Drawer.styling.d.ts.map

package/lib-commonjs/Drawer.styling.js

@@ -1,50 +1,59 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.stylingSettings = void 0;
-const framework_1 = require("@fluentui-react-native/framework");
-const Drawer_types_1 = require("./Drawer.types");
-const DrawerTokens_1 = require("./DrawerTokens");
+const framework_1 = require('@fluentui-react-native/framework');
+const Drawer_types_1 = require('./Drawer.types');
+const DrawerTokens_1 = require('./DrawerTokens');
 exports.stylingSettings = {
-    tokens: [DrawerTokens_1.defaultDrawerTokens, Drawer_types_1.DrawerName],
-    tokensThatAreAlsoProps: 'all',
-    states: ['left', 'right', 'bottom'],
-    slotProps: {
-        scrimContent: (0, framework_1.buildProps)((tokens, _theme) => ({
-            style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '100%',
-                backgroundColor: tokens.scrimColor,
-                opacity: tokens.scrimOpacity,
-            },
-        }), ['scrimColor']),
-        content: (0, framework_1.buildProps)((tokens, _theme) => ({
-            style: {
-                position: 'absolute',
-                height: tokens.height,
-                width: tokens.width,
-                elevation: tokens.drawerElevation,
-                borderTopEndRadius: tokens.drawerCornerRadius,
-                borderTopStartRadius: tokens.drawerCornerRadius,
-                right: tokens.rightPosition,
-                left: tokens.leftPosition,
-                bottom: tokens.bottomPosition,
-                top: tokens.topPosition,
-                backgroundColor: tokens.drawerBackgroundColor,
-            },
-        }), ['drawerBackgroundColor', 'drawerElevation', 'height', 'width']),
-        handle: (0, framework_1.buildProps)((tokens, _theme) => ({
-            style: {
-                width: tokens.handleWidth,
-                height: tokens.handleHeight,
-                borderRadius: tokens.handleCornerRadius,
-                backgroundColor: tokens.handleBackgroundColor,
-                alignSelf: tokens.handleAlignment,
-                marginTop: tokens.handleMarginTop,
-            },
-        }), ['handleWidth', 'handleHeight', 'handleCornerRadius', 'handleBackgroundColor', 'handleAlignment', 'handleMarginTop']),
-    },
+  tokens: [DrawerTokens_1.defaultDrawerTokens, Drawer_types_1.DrawerName],
+  tokensThatAreAlsoProps: 'all',
+  states: ['left', 'right', 'bottom'],
+  slotProps: {
+    scrimContent: (0, framework_1.buildProps)(
+      (tokens, _theme) => ({
+        style: {
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          width: '100%',
+          height: '100%',
+          backgroundColor: tokens.scrimColor,
+          opacity: tokens.scrimOpacity,
+        },
+      }),
+      ['scrimColor'],
+    ),
+    content: (0, framework_1.buildProps)(
+      (tokens, _theme) => ({
+        style: {
+          position: 'absolute',
+          height: tokens.height,
+          width: tokens.width,
+          elevation: tokens.drawerElevation,
+          borderTopEndRadius: tokens.drawerCornerRadius,
+          borderTopStartRadius: tokens.drawerCornerRadius,
+          right: tokens.rightPosition,
+          left: tokens.leftPosition,
+          bottom: tokens.bottomPosition,
+          top: tokens.topPosition,
+          backgroundColor: tokens.drawerBackgroundColor,
+        },
+      }),
+      ['drawerBackgroundColor', 'drawerElevation', 'height', 'width'],
+    ),
+    handle: (0, framework_1.buildProps)(
+      (tokens, _theme) => ({
+        style: {
+          width: tokens.handleWidth,
+          height: tokens.handleHeight,
+          borderRadius: tokens.handleCornerRadius,
+          backgroundColor: tokens.handleBackgroundColor,
+          alignSelf: tokens.handleAlignment,
+          marginTop: tokens.handleMarginTop,
+        },
+      }),
+      ['handleWidth', 'handleHeight', 'handleCornerRadius', 'handleBackgroundColor', 'handleAlignment', 'handleMarginTop'],
+    ),
+  },
 };
-//# sourceMappingURL=Drawer.styling.js.map
+//# sourceMappingURL=Drawer.styling.js.map