@os-design-mobile/menu 1.0.119 → 1.0.120
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/Menu.js.map +1 -1
- package/package.json +3 -3
- package/src/Menu.tsx +1 -1
package/dist/Menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","names":["_react","_interopRequireWildcard","require","_modal","_interopRequireDefault","_menuUtils","_reactNativeSafeAreaContext","_native","_theming","_MenuGroup","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledModal","styled","Modal","paddingLeft","paddingRight","Menu","forwardRef","_ref","ref","_ref$closeOnSelect","closeOnSelect","_ref$onClose","onClose","children","rest","_objectWithoutProperties2","_useTheme","useTheme","theme","childrenCount","useMemo","React","Children","count","menuContext","jsx","MenuContext","Provider","value","assign","footer","SafeAreaProvider","map","child","index","isValidElement","type","MenuGroup","style","paddingBottom","fontSize","borderBottomWidth","borderBottomColor","clr","menuGroupColorDivider","marginTop","modalBodyPaddingVertical","cloneElement","displayName","_default","exports"],"sources":["../src/Menu.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren, useMemo } from 'react';\nimport { View } from 'react-native';\nimport Modal, { type ModalProps } from '@os-design-mobile/modal';\nimport { MenuContext } from '@os-design/menu-utils';\nimport { SafeAreaProvider } from 'react-native-safe-area-context';\nimport styled from '@emotion/native';\nimport { clr, useTheme } from '@os-design-mobile/theming';\nimport MenuGroup from './MenuGroup';\n\nexport interface MenuProps extends PropsWithChildren<ModalProps> {\n /**\n * Whether the menu closes when the user selects a menu item.\n * @default true\n */\n closeOnSelect?: boolean;\n}\n\nconst StyledModal = styled(Modal)({\n paddingLeft: 0,\n paddingRight: 0,\n});\n\n/**\n * The dropdown menu.\n */\nconst Menu = forwardRef<View, MenuProps>(\n ({ closeOnSelect = true, onClose = () => {
|
|
1
|
+
{"version":3,"file":"Menu.js","names":["_react","_interopRequireWildcard","require","_modal","_interopRequireDefault","_menuUtils","_reactNativeSafeAreaContext","_native","_theming","_MenuGroup","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledModal","styled","Modal","paddingLeft","paddingRight","Menu","forwardRef","_ref","ref","_ref$closeOnSelect","closeOnSelect","_ref$onClose","onClose","children","rest","_objectWithoutProperties2","_useTheme","useTheme","theme","childrenCount","useMemo","React","Children","count","menuContext","jsx","MenuContext","Provider","value","assign","footer","SafeAreaProvider","map","child","index","isValidElement","type","MenuGroup","style","paddingBottom","fontSize","borderBottomWidth","borderBottomColor","clr","menuGroupColorDivider","marginTop","modalBodyPaddingVertical","cloneElement","displayName","_default","exports"],"sources":["../src/Menu.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren, useMemo } from 'react';\nimport { View } from 'react-native';\nimport Modal, { type ModalProps } from '@os-design-mobile/modal';\nimport { MenuContext } from '@os-design/menu-utils';\nimport { SafeAreaProvider } from 'react-native-safe-area-context';\nimport styled from '@emotion/native';\nimport { clr, useTheme } from '@os-design-mobile/theming';\nimport MenuGroup from './MenuGroup';\n\nexport interface MenuProps extends PropsWithChildren<ModalProps> {\n /**\n * Whether the menu closes when the user selects a menu item.\n * @default true\n */\n closeOnSelect?: boolean;\n}\n\nconst StyledModal = styled(Modal)({\n paddingLeft: 0,\n paddingRight: 0,\n});\n\n/**\n * The dropdown menu.\n */\nconst Menu = forwardRef<View, MenuProps>(\n ({ closeOnSelect = true, onClose = () => {}, children, ...rest }, ref) => {\n const { theme } = useTheme();\n const childrenCount = useMemo(\n () => React.Children.count(children),\n [children]\n );\n const menuContext = useMemo(\n () => ({ closeOnSelect, onClose }),\n [closeOnSelect, onClose]\n );\n\n return (\n <MenuContext.Provider value={menuContext}>\n <StyledModal footer={null} onClose={onClose} {...rest} ref={ref}>\n <SafeAreaProvider>\n {React.Children.map(children, (child, index) => {\n if (!React.isValidElement(child) || child.type !== MenuGroup)\n return child;\n let style = {};\n if (index < childrenCount - 1) {\n style = {\n ...style,\n paddingBottom: 0.4 * theme.fontSize,\n borderBottomWidth: 1,\n borderBottomColor: clr(theme.menuGroupColorDivider),\n };\n }\n if (index > 0) {\n style = {\n ...style,\n marginTop: theme.modalBodyPaddingVertical * theme.fontSize,\n };\n }\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return React.cloneElement<any>(child, { style });\n })}\n </SafeAreaProvider>\n </StyledModal>\n </MenuContext.Provider>\n );\n }\n);\n\nMenu.displayName = 'Menu';\n\nexport default Menu;\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@os-design-mobile/menu",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.120",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"repository": "git@gitlab.com:os-team/libs/os-design-mobile.git",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@os-design-mobile/button": "^1.0.81",
|
|
32
32
|
"@os-design-mobile/icons": "^1.0.76",
|
|
33
|
-
"@os-design-mobile/modal": "^1.0.
|
|
33
|
+
"@os-design-mobile/modal": "^1.0.123",
|
|
34
34
|
"@os-design-mobile/theming": "^1.0.56",
|
|
35
35
|
"@os-design/menu-utils": "^1.0.28",
|
|
36
36
|
"@os-design/use-forwarded-state": "^1.0.31"
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"react-native-safe-area-context": ">=3",
|
|
49
49
|
"react-native-svg": ">=12"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "fb672f9c91c5fc604b4f92eddfd669b3006dfca4"
|
|
52
52
|
}
|
package/src/Menu.tsx
CHANGED
|
@@ -24,7 +24,7 @@ const StyledModal = styled(Modal)({
|
|
|
24
24
|
* The dropdown menu.
|
|
25
25
|
*/
|
|
26
26
|
const Menu = forwardRef<View, MenuProps>(
|
|
27
|
-
({ closeOnSelect = true, onClose = () => {
|
|
27
|
+
({ closeOnSelect = true, onClose = () => {}, children, ...rest }, ref) => {
|
|
28
28
|
const { theme } = useTheme();
|
|
29
29
|
const childrenCount = useMemo(
|
|
30
30
|
() => React.Children.count(children),
|