@meatech/payblend_app_ui_component 1.0.76 → 1.0.77

package/components/Container/Container.tsx

@@ -17,6 +17,7 @@ export const Container = ({
   onRightPress,
   onLeftPress,
   onClose,
+  webBackground,
 }: {
   children: React.ReactNode;
   isShowHeader?: boolean;
@@ -28,6 +29,7 @@ export const Container = ({
   onRightPress?: () => void;
   onLeftPress?: () => void;
   onClose?: () => void;
+  webBackground?: string;
 }) => {
   return (
     <SafeAreaView style={[styles.flex1, { backgroundColor }]}>
@@ -44,6 +46,7 @@ export const Container = ({
             onLeftPress={onLeftPress}
             onRightPress={onRightPress}
             onClose={onClose}
+            webBackground={webBackground}
           />
         )}
         {children}

package/components/Header/index.tsx

@@ -76,6 +76,7 @@ const Header: React.FC<CustomHeaderProps> = ({
   onRightPress,
   onLeftPress,
   onClose,
+  webBackground,
 }) => {
   const headerRef = useAnimatedRef<View>();
   const opacity = useSharedValue(0);
@@ -111,7 +112,7 @@ const Header: React.FC<CustomHeaderProps> = ({
     <>
       {Platform.OS === "web" ? (
         <View>
-          <View style={[style, styles.headerContainer]}>
+          <View style={[style, styles.headerContainer, { backgroundColor: webBackground }]}>
             {isShowLeftIcon && (
               <Icon
                 tintColor={textColors}

package/components/Header/type.ts

@@ -11,4 +11,5 @@ export interface CustomHeaderProps {
   textColors?: string;
   children?: React.ReactNode;
   leftIcon?: keyof typeof Images;
+  webBackground?: string;
 }

package/dist/components/Container/Container.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-declare const Container: ({ children, isShowHeader, headerTitle, backgroundColor, keyboardAvoidingEnabled, subScreenName, webHeaderTitle, onRightPress, onLeftPress, onClose, }: {
+declare const Container: ({ children, isShowHeader, headerTitle, backgroundColor, keyboardAvoidingEnabled, subScreenName, webHeaderTitle, onRightPress, onLeftPress, onClose, webBackground, }: {
     children: React.ReactNode;
     isShowHeader?: boolean;
     headerTitle?: string;
@@ -11,6 +11,7 @@ declare const Container: ({ children, isShowHeader, headerTitle, backgroundColor
     onRightPress?: () => void;
     onLeftPress?: () => void;
     onClose?: () => void;
+    webBackground?: string;
 }) => any;
 
 export { Container };

package/dist/components/Container/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../components/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,SAAS,GAAI,uJAWvB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,QAsBA,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../components/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,SAAS,GAAI,sKAYvB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,QAuBA,CAAC"}

package/dist/components/Container/Container.js

@@ -9,10 +9,10 @@ import { deviceHeight } from '../../themes/metrics.js';
 import '../../themes/stats.js';
 import Header from '../Header/index.js';
 
-const Container = ({ children, isShowHeader, headerTitle, backgroundColor = colors.white[10], keyboardAvoidingEnabled = false, subScreenName, webHeaderTitle, onRightPress, onLeftPress, onClose, }) => {
+const Container = ({ children, isShowHeader, headerTitle, backgroundColor = colors.white[10], keyboardAvoidingEnabled = false, subScreenName, webHeaderTitle, onRightPress, onLeftPress, onClose, webBackground, }) => {
     return (React.createElement(SafeAreaView, { style: [styles.flex1, { backgroundColor }] },
         React.createElement(KeyboardAvoidingView, { enabled: keyboardAvoidingEnabled, behavior: "padding", style: styles.keyboardAvoidingViewContainer },
-            isShowHeader && (React.createElement(Header, { screenName: headerTitle, subScreenName: subScreenName, children: webHeaderTitle, onLeftPress: onLeftPress, onRightPress: onRightPress, onClose: onClose })),
+            isShowHeader && (React.createElement(Header, { screenName: headerTitle, subScreenName: subScreenName, children: webHeaderTitle, onLeftPress: onLeftPress, onRightPress: onRightPress, onClose: onClose, webBackground: webBackground })),
             children)));
 };
 const styles = StyleSheet.create({

package/dist/components/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../components/Container/Container.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleSheet } from 'react-native';\nimport { KeyboardAvoidingView } from 'react-native-keyboard-controller';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { colors, deviceHeight } from '@ui/themes';\n\nimport Header from '../Header';\n\nexport const Container = ({\n  children,\n  isShowHeader,\n  headerTitle,\n  backgroundColor = colors.white[10],\n  keyboardAvoidingEnabled = false,\n  subScreenName,\n  webHeaderTitle,\n  onRightPress,\n  onLeftPress,\n  onClose,\n}: {\n  children: React.ReactNode;\n  isShowHeader?: boolean;\n  headerTitle?: string;\n  backgroundColor?: string;\n  keyboardAvoidingEnabled?: boolean;\n  subScreenName?: string;\n  webHeaderTitle?: string;\n  onRightPress?: () => void;\n  onLeftPress?: () => void;\n  onClose?: () => void;\n}) => {\n  return (\n    <SafeAreaView style={[styles.flex1, { backgroundColor }]}>\n      <KeyboardAvoidingView\n        enabled={keyboardAvoidingEnabled}\n        behavior=\"padding\"\n        style={styles.keyboardAvoidingViewContainer}\n      >\n        {isShowHeader && (\n          <Header\n            screenName={headerTitle}\n            subScreenName={subScreenName}\n            children={webHeaderTitle}\n            onLeftPress={onLeftPress}\n            onRightPress={onRightPress}\n            onClose={onClose}\n          />\n        )}\n        {children}\n      </KeyboardAvoidingView>\n    </SafeAreaView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  flex1: {\n    flex: 1,\n  },\n  keyboardAvoidingViewContainer: {\n    flexGrow: 1,\n    maxHeight: deviceHeight(),\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;AAQa,MAAA,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAClC,uBAAuB,GAAG,KAAK,EAC/B,aAAa,EACb,cAAc,EACd,YAAY,EACZ,WAAW,EACX,OAAO,GAYR,KAAI;AACH,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,EAAA;AACtD,QAAA,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EACnB,OAAO,EAAE,uBAAuB,EAChC,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,MAAM,CAAC,6BAA6B,EAAA;AAE1C,YAAA,YAAY,KACX,KAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,UAAU,EAAE,WAAW,EACvB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,GAChB,CACH;YACA,QAAQ,CACY,CACV;AAEnB;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACD,IAAA,6BAA6B,EAAE;AAC7B,QAAA,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,YAAY,EAAE;AAC1B,KAAA;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"Container.js","sources":["../../../../components/Container/Container.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleSheet } from 'react-native';\nimport { KeyboardAvoidingView } from 'react-native-keyboard-controller';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { colors, deviceHeight } from '@ui/themes';\n\nimport Header from '../Header';\n\nexport const Container = ({\n  children,\n  isShowHeader,\n  headerTitle,\n  backgroundColor = colors.white[10],\n  keyboardAvoidingEnabled = false,\n  subScreenName,\n  webHeaderTitle,\n  onRightPress,\n  onLeftPress,\n  onClose,\n  webBackground,\n}: {\n  children: React.ReactNode;\n  isShowHeader?: boolean;\n  headerTitle?: string;\n  backgroundColor?: string;\n  keyboardAvoidingEnabled?: boolean;\n  subScreenName?: string;\n  webHeaderTitle?: string;\n  onRightPress?: () => void;\n  onLeftPress?: () => void;\n  onClose?: () => void;\n  webBackground?: string;\n}) => {\n  return (\n    <SafeAreaView style={[styles.flex1, { backgroundColor }]}>\n      <KeyboardAvoidingView\n        enabled={keyboardAvoidingEnabled}\n        behavior=\"padding\"\n        style={styles.keyboardAvoidingViewContainer}\n      >\n        {isShowHeader && (\n          <Header\n            screenName={headerTitle}\n            subScreenName={subScreenName}\n            children={webHeaderTitle}\n            onLeftPress={onLeftPress}\n            onRightPress={onRightPress}\n            onClose={onClose}\n            webBackground={webBackground}\n          />\n        )}\n        {children}\n      </KeyboardAvoidingView>\n    </SafeAreaView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  flex1: {\n    flex: 1,\n  },\n  keyboardAvoidingViewContainer: {\n    flexGrow: 1,\n    maxHeight: deviceHeight(),\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;AAQa,MAAA,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAClC,uBAAuB,GAAG,KAAK,EAC/B,aAAa,EACb,cAAc,EACd,YAAY,EACZ,WAAW,EACX,OAAO,EACP,aAAa,GAad,KAAI;AACH,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,EAAA;AACtD,QAAA,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EACnB,OAAO,EAAE,uBAAuB,EAChC,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,MAAM,CAAC,6BAA6B,EAAA;AAE1C,YAAA,YAAY,KACX,KAAC,CAAA,aAAA,CAAA,MAAM,IACL,UAAU,EAAE,WAAW,EACvB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,GAC5B,CACH;YACA,QAAQ,CACY,CACV;AAEnB;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACD,IAAA,6BAA6B,EAAE;AAC7B,QAAA,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,YAAY,EAAE;AAC1B,KAAA;AACF,CAAA,CAAC;;;;"}

package/dist/components/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAwD3C,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2JvC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAwD3C,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4JvC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Header/index.js

@@ -59,7 +59,7 @@ const hamburgerWalletList = [
         title: "アカウント",
     },
 ];
-const Header = ({ style, screenName, subScreenName, isShowLeftIcon = true, textColors = colors.white[10], children, leftIcon = "ic_close", onRightPress, onLeftPress, onClose, }) => {
+const Header = ({ style, screenName, subScreenName, isShowLeftIcon = true, textColors = colors.white[10], children, leftIcon = "ic_close", onRightPress, onLeftPress, onClose, webBackground, }) => {
     const headerRef = useAnimatedRef();
     const opacity = useSharedValue(0);
     const [isOpen, setIsOpen] = useState(false);
@@ -88,7 +88,7 @@ const Header = ({ style, screenName, subScreenName, isShowLeftIcon = true, textC
     };
     const colorStyle = textColors ? { color: textColors } : {};
     return (React.createElement(React.Fragment, null, Platform.OS === "web" ? (React.createElement(View, null,
-        React.createElement(View, { style: [style, styles.headerContainer] },
+        React.createElement(View, { style: [style, styles.headerContainer, { backgroundColor: webBackground }] },
             isShowLeftIcon && (React.createElement(Icon, { tintColor: textColors, width: responsiveWidth(24), height: responsiveHeight(24), name: leftIcon, onPress: onClose })),
             React.createElement(Text, { style: colorStyle, size: "medium", fontFamily: "Inter", fontWeight: "700" }, children || ""),
             React.createElement(View, null)),

package/dist/components/Header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../components/Header/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useState } from \"react\";\nimport { View, Image, Pressable, TextStyle, Platform } from \"react-native\";\nimport Animated, {\n  Easing,\n  measure,\n  useAnimatedRef,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from \"react-native-reanimated\";\nimport { CustomHeaderProps } from \"./type\";\nimport Text from \"../Text\";\nimport { Icon } from \"../Icons\";\nimport { styles } from \"./styles\";\nimport { colors, Images, ph, pw } from \"@ui/themes\";\n\nconst hamburgerBussinessServicesList = [\n  {\n    id: 1,\n    title: \"Home\",\n  },\n  {\n    id: 2,\n    title: \"試合情報\",\n  },\n  {\n    id: 3,\n    title: \"選手紹介\",\n  },\n  {\n    id: 4,\n    title: \"****\",\n  },\n  {\n    id: 5,\n    title: \"******\",\n  },\n  {\n    id: 6,\n    title: \"****\",\n  },\n];\n\nconst hamburgerWalletList = [\n  {\n    id: 1,\n    title: \"口座一覧\",\n  },\n  {\n    id: 2,\n    title: \"Visaプリペイド\",\n  },\n  {\n    id: 3,\n    title: \"***Pay\",\n  },\n  {\n    id: 4,\n    title: \"ファンDX\",\n  },\n  {\n    id: 5,\n    title: \"アカウント\",\n  },\n];\n\nconst Header: React.FC<CustomHeaderProps> = ({\n  style,\n  screenName,\n  subScreenName,\n  isShowLeftIcon = true,\n  textColors = colors.white[10],\n  children,\n  leftIcon = \"ic_close\",\n  onRightPress,\n  onLeftPress,\n  onClose,\n}) => {\n  const headerRef = useAnimatedRef<View>();\n  const opacity = useSharedValue(0);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const toggleDropdown = () => {\n    setIsOpen(!isOpen);\n    opacity.value = withTiming(isOpen ? 0 : 1, {\n      duration: 300,\n      easing: Easing.out(Easing.quad),\n    });\n  };\n\n  const animatedStyle = useAnimatedStyle(() => {\n    const layout = measure(headerRef);\n    return {\n      pointerEvents: opacity.value === 0 ? \"none\" : \"auto\",\n      opacity: opacity.value,\n      top: layout?.height,\n    };\n  });\n\n  const handleRightClick = () => {\n    onRightPress && onRightPress();\n  };\n  const handleLeftClick = () => {\n    if (onLeftPress) {\n      onLeftPress();\n    }\n  };\n  const colorStyle: TextStyle = textColors ? { color: textColors } : {};\n  return (\n    <>\n      {Platform.OS === \"web\" ? (\n        <View>\n          <View style={[style, styles.headerContainer]}>\n            {isShowLeftIcon && (\n              <Icon\n                tintColor={textColors}\n                width={pw(24)}\n                height={ph(24)}\n                name={leftIcon}\n                onPress={onClose}\n              />\n            )}\n            <Text\n              style={colorStyle}\n              size=\"medium\"\n              fontFamily={\"Inter\"}\n              fontWeight=\"700\"\n            >\n              {children || \"\"}\n            </Text>\n            <View />\n          </View>\n          {subScreenName && (\n            <View style={styles.headerScreenNameContainer}>\n              <View style={styles.headerScreenNameTextWrapper}>\n                <Text size=\"medium\" fontWeight=\"700\">\n                  {subScreenName}\n                </Text>\n              </View>\n\n              <View style={styles.headerScreenNameRightBoxContainer}>\n                <Icon\n                  name=\"ic_back\"\n                  tintColor={colors.neutral[90]}\n                  onPress={handleLeftClick}\n                />\n                <Icon\n                  name=\"ic_chevron_right\"\n                  tintColor={colors.neutral[90]}\n                  onPress={handleRightClick}\n                />\n              </View>\n            </View>\n          )}\n        </View>\n      ) : (\n        <View>\n          <Animated.View ref={headerRef} style={styles.shadowWrapper}>\n            <View style={[style, styles.headerUpperContentWrapper]}>\n              <Pressable>\n                <Image source={Images.payblend_logo} />\n              </Pressable>\n              <Pressable onPress={toggleDropdown} style={styles.rightBox}>\n                <View style={styles.line} />\n                <View style={styles.line} />\n                <View style={styles.line} />\n              </Pressable>\n            </View>\n          </Animated.View>\n          <Animated.View style={[styles.dropdown, animatedStyle]}>\n            <View style={styles.dropdownContentWrapper}>\n              <View style={styles.dropdownTitleNameContainer}>\n                <Text size=\"medium\" fontWeight=\"700\" color={\"white\"}>\n                  事業者のサービス\n                </Text>\n              </View>\n              {hamburgerBussinessServicesList.map((item) => (\n                <Pressable\n                  key={item.id}\n                  style={styles.dropdownMenuNameContainer}\n                >\n                  <Text size=\"medium\" fontWeight=\"400\" color={\"white\"}>\n                    {item.title}\n                  </Text>\n                </Pressable>\n              ))}\n              <View style={styles.dropdownTitleNameContainer}>\n                <Text size=\"medium\" fontWeight=\"700\" color={\"white\"}>\n                  Wallet\n                </Text>\n              </View>\n              {hamburgerWalletList.map((item) => (\n                <Pressable\n                  key={item.id}\n                  style={styles.dropdownMenuNameContainer}\n                >\n                  <Text size=\"medium\" fontWeight=\"400\" color={\"white\"}>\n                    {item.title}\n                  </Text>\n                </Pressable>\n              ))}\n            </View>\n          </Animated.View>\n          {screenName && (\n            <View style={styles.headerScreenNameContainer}>\n              <View style={styles.headerScreenNameTextWrapper}>\n                <Text size=\"medium\" fontWeight=\"700\">\n                  {screenName}\n                </Text>\n              </View>\n\n              <View style={styles.headerScreenNameRightBoxContainer}>\n                <Icon name=\"ic_back\" onPress={handleLeftClick} />\n                <Icon name=\"ic_chevron_right\" onPress={handleRightClick} />\n              </View>\n            </View>\n          )}\n        </View>\n      )}\n    </>\n  );\n};\n\nexport default Header;\n"],"names":["pw","ph"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../components/Header/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useState } from \"react\";\nimport { View, Image, Pressable, TextStyle, Platform } from \"react-native\";\nimport Animated, {\n  Easing,\n  measure,\n  useAnimatedRef,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from \"react-native-reanimated\";\nimport { CustomHeaderProps } from \"./type\";\nimport Text from \"../Text\";\nimport { Icon } from \"../Icons\";\nimport { styles } from \"./styles\";\nimport { colors, Images, ph, pw } from \"@ui/themes\";\n\nconst hamburgerBussinessServicesList = [\n  {\n    id: 1,\n    title: \"Home\",\n  },\n  {\n    id: 2,\n    title: \"試合情報\",\n  },\n  {\n    id: 3,\n    title: \"選手紹介\",\n  },\n  {\n    id: 4,\n    title: \"****\",\n  },\n  {\n    id: 5,\n    title: \"******\",\n  },\n  {\n    id: 6,\n    title: \"****\",\n  },\n];\n\nconst hamburgerWalletList = [\n  {\n    id: 1,\n    title: \"口座一覧\",\n  },\n  {\n    id: 2,\n    title: \"Visaプリペイド\",\n  },\n  {\n    id: 3,\n    title: \"***Pay\",\n  },\n  {\n    id: 4,\n    title: \"ファンDX\",\n  },\n  {\n    id: 5,\n    title: \"アカウント\",\n  },\n];\n\nconst Header: React.FC<CustomHeaderProps> = ({\n  style,\n  screenName,\n  subScreenName,\n  isShowLeftIcon = true,\n  textColors = colors.white[10],\n  children,\n  leftIcon = \"ic_close\",\n  onRightPress,\n  onLeftPress,\n  onClose,\n  webBackground,\n}) => {\n  const headerRef = useAnimatedRef<View>();\n  const opacity = useSharedValue(0);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const toggleDropdown = () => {\n    setIsOpen(!isOpen);\n    opacity.value = withTiming(isOpen ? 0 : 1, {\n      duration: 300,\n      easing: Easing.out(Easing.quad),\n    });\n  };\n\n  const animatedStyle = useAnimatedStyle(() => {\n    const layout = measure(headerRef);\n    return {\n      pointerEvents: opacity.value === 0 ? \"none\" : \"auto\",\n      opacity: opacity.value,\n      top: layout?.height,\n    };\n  });\n\n  const handleRightClick = () => {\n    onRightPress && onRightPress();\n  };\n  const handleLeftClick = () => {\n    if (onLeftPress) {\n      onLeftPress();\n    }\n  };\n  const colorStyle: TextStyle = textColors ? { color: textColors } : {};\n  return (\n    <>\n      {Platform.OS === \"web\" ? (\n        <View>\n          <View style={[style, styles.headerContainer, { backgroundColor: webBackground }]}>\n            {isShowLeftIcon && (\n              <Icon\n                tintColor={textColors}\n                width={pw(24)}\n                height={ph(24)}\n                name={leftIcon}\n                onPress={onClose}\n              />\n            )}\n            <Text\n              style={colorStyle}\n              size=\"medium\"\n              fontFamily={\"Inter\"}\n              fontWeight=\"700\"\n            >\n              {children || \"\"}\n            </Text>\n            <View />\n          </View>\n          {subScreenName && (\n            <View style={styles.headerScreenNameContainer}>\n              <View style={styles.headerScreenNameTextWrapper}>\n                <Text size=\"medium\" fontWeight=\"700\">\n                  {subScreenName}\n                </Text>\n              </View>\n\n              <View style={styles.headerScreenNameRightBoxContainer}>\n                <Icon\n                  name=\"ic_back\"\n                  tintColor={colors.neutral[90]}\n                  onPress={handleLeftClick}\n                />\n                <Icon\n                  name=\"ic_chevron_right\"\n                  tintColor={colors.neutral[90]}\n                  onPress={handleRightClick}\n                />\n              </View>\n            </View>\n          )}\n        </View>\n      ) : (\n        <View>\n          <Animated.View ref={headerRef} style={styles.shadowWrapper}>\n            <View style={[style, styles.headerUpperContentWrapper]}>\n              <Pressable>\n                <Image source={Images.payblend_logo} />\n              </Pressable>\n              <Pressable onPress={toggleDropdown} style={styles.rightBox}>\n                <View style={styles.line} />\n                <View style={styles.line} />\n                <View style={styles.line} />\n              </Pressable>\n            </View>\n          </Animated.View>\n          <Animated.View style={[styles.dropdown, animatedStyle]}>\n            <View style={styles.dropdownContentWrapper}>\n              <View style={styles.dropdownTitleNameContainer}>\n                <Text size=\"medium\" fontWeight=\"700\" color={\"white\"}>\n                  事業者のサービス\n                </Text>\n              </View>\n              {hamburgerBussinessServicesList.map((item) => (\n                <Pressable\n                  key={item.id}\n                  style={styles.dropdownMenuNameContainer}\n                >\n                  <Text size=\"medium\" fontWeight=\"400\" color={\"white\"}>\n                    {item.title}\n                  </Text>\n                </Pressable>\n              ))}\n              <View style={styles.dropdownTitleNameContainer}>\n                <Text size=\"medium\" fontWeight=\"700\" color={\"white\"}>\n                  Wallet\n                </Text>\n              </View>\n              {hamburgerWalletList.map((item) => (\n                <Pressable\n                  key={item.id}\n                  style={styles.dropdownMenuNameContainer}\n                >\n                  <Text size=\"medium\" fontWeight=\"400\" color={\"white\"}>\n                    {item.title}\n                  </Text>\n                </Pressable>\n              ))}\n            </View>\n          </Animated.View>\n          {screenName && (\n            <View style={styles.headerScreenNameContainer}>\n              <View style={styles.headerScreenNameTextWrapper}>\n                <Text size=\"medium\" fontWeight=\"700\">\n                  {screenName}\n                </Text>\n              </View>\n\n              <View style={styles.headerScreenNameRightBoxContainer}>\n                <Icon name=\"ic_back\" onPress={handleLeftClick} />\n                <Icon name=\"ic_chevron_right\" onPress={handleRightClick} />\n              </View>\n            </View>\n          )}\n        </View>\n      )}\n    </>\n  );\n};\n\nexport default Header;\n"],"names":["pw","ph"],"mappings":"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"}

package/dist/components/Header/type.d.ts

@@ -12,6 +12,7 @@ interface CustomHeaderProps {
     textColors?: string;
     children?: React.ReactNode;
     leftIcon?: keyof typeof Images;
+    webBackground?: string;
 }
 
 export type { CustomHeaderProps };

package/dist/components/Header/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/Header/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;CAChC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/Header/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meatech/payblend_app_ui_component",
-  "version": "1.0.76",
+  "version": "1.0.77",
   "description": "UI Component Library for Payblend App",
   "main": "./dist/components/index.js",
   "module": "./dist/components/index.js",