@meatech/payblend_app_ui_component 1.1.11 → 1.1.13

package/components/IconWithLabel/IconWithLabel.tsx

@@ -45,7 +45,6 @@ export const IconWithLabel: React.FC<IconWithLabelProps> = ({
         name={icon}
         width={metrics.iconSemiLarge}
         height={metrics.iconSemiLarge}
-        tintColor={colors.neutral["60"]}
       />}
       <Text
         size="xs"

package/data/convenienceStoreData.json

@@ -0,0 +1,22 @@
+[
+    {
+        "id": "00007",
+        "name": "セブンイレブン"
+    },
+    {
+        "id": "10001",
+        "name": "セブンイレブン"
+    },
+    {
+        "id": "10002",
+        "name": "セブンイレブン"
+    },
+    {
+        "id": "10005",
+        "name": "セブンイレブン"
+    },
+    {
+        "id": "10008",
+        "name": "セブンイレブン"
+    }
+]

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

@@ -1 +1 @@
-{"version":3,"file":"IconWithLabel.d.ts","sourceRoot":"","sources":["../../../components/IconWithLabel/IconWithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAa5C,eAAO,MAAM,4BAA4B,QAA2B,CAAC;AAErE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoDtD,CAAC"}
+{"version":3,"file":"IconWithLabel.d.ts","sourceRoot":"","sources":["../../../components/IconWithLabel/IconWithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAa5C,eAAO,MAAM,4BAA4B,QAA2B,CAAC;AAErE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmDtD,CAAC"}

package/dist/components/IconWithLabel/IconWithLabel.js

@@ -41,7 +41,7 @@ const IconWithLabel = ({ label, icon, balance = 0, width = SIZE_ICON_WITH_LABEL_
             isFlex ? { flex: 1 } : { width: responsiveWidth(width), height: responsiveWidth(height) },
             disabled && styles.disabled,
         ], activeOpacity: ACTIVE_OPACITY, ...rest },
-        children ? children : React.createElement(Icon, { name: icon, width: metrics.iconSemiLarge, height: metrics.iconSemiLarge, tintColor: colors.neutral["60"] }),
+        children ? children : React.createElement(Icon, { name: icon, width: metrics.iconSemiLarge, height: metrics.iconSemiLarge }),
         React.createElement(Text, { size: "xs", color: "tertiary", style: [styles.label, labelStyle], numberOfLines: 2 }, label),
         isShowBalance && (React.createElement(Text, { fontWeight: "700", size: "large", color: "tertiary", style: styles.txtBalance },
             "\u00A5",

package/dist/components/IconWithLabel/IconWithLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWithLabel.js","sources":["../../../../components/IconWithLabel/IconWithLabel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, TouchableOpacity } from \"react-native\";\nimport { IconWithLabelProps } from \"./type\";\nimport {\n  ACTIVE_OPACITY,\n  colors,\n  deviceWidth,\n  metrics,\n  pf,\n  pw,\n} from \"@ui/themes\";\nimport { Icon } from \"@ui/components\";\nimport { formatNumber } from \"@ui/utils\";\nimport Text from \"@ui/components/Text\";\n\nexport const SIZE_ICON_WITH_LABEL_DEFAULT = (deviceWidth() - 52) / 3;\n\nexport const IconWithLabel: React.FC<IconWithLabelProps> = ({\n  label,\n  icon,\n  balance = 0,\n  width = SIZE_ICON_WITH_LABEL_DEFAULT,\n  height = SIZE_ICON_WITH_LABEL_DEFAULT,\n  isFlex = false,\n  disabled,\n  style,\n  labelStyle,\n  isShowBalance = false,\n  children,\n  ...rest\n}) => {\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      style={[\n        styles.container,\n        style,\n        isFlex ? { flex: 1 } : { width: pw(width), height: pw(height) },\n        disabled && styles.disabled,\n      ]}\n      activeOpacity={ACTIVE_OPACITY}\n      {...rest}\n    >\n      {children ? children : <Icon\n        name={icon}\n        width={metrics.iconSemiLarge}\n        height={metrics.iconSemiLarge}\n        tintColor={colors.neutral[\"60\"]}\n      />}\n      <Text\n        size=\"xs\"\n        color=\"tertiary\"\n        style={[styles.label, labelStyle]}\n        numberOfLines={2}\n      >\n        {label}\n      </Text>\n      {isShowBalance && (\n        <Text\n          fontWeight=\"700\"\n          size=\"large\"\n          color=\"tertiary\"\n          style={styles.txtBalance}\n        >\n          ¥{formatNumber(balance.toString())}\n        </Text>\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    borderWidth: metrics.borderWidthMedium,\n    borderColor: colors.neutral[\"20\"],\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    padding: metrics.width.spacingTiny,\n  },\n  label: {\n    lineHeight: pf(18),\n    textAlign: \"center\",\n  },\n  txtBalance: {\n    lineHeight: pf(30),\n    marginTop: metrics.width.spacingTiny,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n});\n"],"names":["pw","pf"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,4BAA4B,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI;AAEtD,MAAA,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,4BAA4B,EACpC,MAAM,GAAG,4BAA4B,EACrC,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,GAAG,IAAI,EACR,KAAI;IACH,QACE,oBAAC,gBAAgB,EAAA,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;AACL,YAAA,MAAM,CAAC,SAAS;YAChB,KAAK;YACL,MAAM,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAEA,eAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAEA,eAAE,CAAC,MAAM,CAAC,EAAE;YAC/D,QAAQ,IAAI,MAAM,CAAC,QAAQ;AAC5B,SAAA,EACD,aAAa,EAAE,cAAc,EAAA,GACzB,IAAI,EAAA;AAEP,QAAA,QAAQ,GAAG,QAAQ,GAAG,KAAC,CAAA,aAAA,CAAA,IAAI,IAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,OAAO,CAAC,aAAa,EAC5B,MAAM,EAAE,OAAO,CAAC,aAAa,EAC7B,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAC/B,CAAA;QACF,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,EACjC,aAAa,EAAE,CAAC,EAEf,EAAA,KAAK,CACD;QACN,aAAa,KACZ,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,UAAU,EAAC,KAAK,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,MAAM,CAAC,UAAU,EAAA;;YAEtB,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAC7B,CACR,CACgB;AAEvB;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,SAAS,EAAE;QACT,WAAW,EAAE,OAAO,CAAC,iBAAiB;AACtC,QAAA,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;AACjC,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AACnC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,UAAU,EAAEC,cAAE,CAAC,EAAE,CAAC;AAClB,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,UAAU,EAAEA,cAAE,CAAC,EAAE,CAAC;AAClB,QAAA,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AACrC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE,GAAG;AACb,KAAA;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"IconWithLabel.js","sources":["../../../../components/IconWithLabel/IconWithLabel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, TouchableOpacity } from \"react-native\";\nimport { IconWithLabelProps } from \"./type\";\nimport {\n  ACTIVE_OPACITY,\n  colors,\n  deviceWidth,\n  metrics,\n  pf,\n  pw,\n} from \"@ui/themes\";\nimport { Icon } from \"@ui/components\";\nimport { formatNumber } from \"@ui/utils\";\nimport Text from \"@ui/components/Text\";\n\nexport const SIZE_ICON_WITH_LABEL_DEFAULT = (deviceWidth() - 52) / 3;\n\nexport const IconWithLabel: React.FC<IconWithLabelProps> = ({\n  label,\n  icon,\n  balance = 0,\n  width = SIZE_ICON_WITH_LABEL_DEFAULT,\n  height = SIZE_ICON_WITH_LABEL_DEFAULT,\n  isFlex = false,\n  disabled,\n  style,\n  labelStyle,\n  isShowBalance = false,\n  children,\n  ...rest\n}) => {\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      style={[\n        styles.container,\n        style,\n        isFlex ? { flex: 1 } : { width: pw(width), height: pw(height) },\n        disabled && styles.disabled,\n      ]}\n      activeOpacity={ACTIVE_OPACITY}\n      {...rest}\n    >\n      {children ? children : <Icon\n        name={icon}\n        width={metrics.iconSemiLarge}\n        height={metrics.iconSemiLarge}\n      />}\n      <Text\n        size=\"xs\"\n        color=\"tertiary\"\n        style={[styles.label, labelStyle]}\n        numberOfLines={2}\n      >\n        {label}\n      </Text>\n      {isShowBalance && (\n        <Text\n          fontWeight=\"700\"\n          size=\"large\"\n          color=\"tertiary\"\n          style={styles.txtBalance}\n        >\n          ¥{formatNumber(balance.toString())}\n        </Text>\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    borderWidth: metrics.borderWidthMedium,\n    borderColor: colors.neutral[\"20\"],\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    padding: metrics.width.spacingTiny,\n  },\n  label: {\n    lineHeight: pf(18),\n    textAlign: \"center\",\n  },\n  txtBalance: {\n    lineHeight: pf(30),\n    marginTop: metrics.width.spacingTiny,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n});\n"],"names":["pw","pf"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,4BAA4B,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI;AAEtD,MAAA,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,4BAA4B,EACpC,MAAM,GAAG,4BAA4B,EACrC,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,GAAG,IAAI,EACR,KAAI;IACH,QACE,oBAAC,gBAAgB,EAAA,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;AACL,YAAA,MAAM,CAAC,SAAS;YAChB,KAAK;YACL,MAAM,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAEA,eAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAEA,eAAE,CAAC,MAAM,CAAC,EAAE;YAC/D,QAAQ,IAAI,MAAM,CAAC,QAAQ;AAC5B,SAAA,EACD,aAAa,EAAE,cAAc,EAAA,GACzB,IAAI,EAAA;QAEP,QAAQ,GAAG,QAAQ,GAAG,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,OAAO,CAAC,aAAa,EAC5B,MAAM,EAAE,OAAO,CAAC,aAAa,EAC7B,CAAA;QACF,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,EACjC,aAAa,EAAE,CAAC,EAEf,EAAA,KAAK,CACD;QACN,aAAa,KACZ,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,UAAU,EAAC,KAAK,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,MAAM,CAAC,UAAU,EAAA;;YAEtB,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAC7B,CACR,CACgB;AAEvB;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,SAAS,EAAE;QACT,WAAW,EAAE,OAAO,CAAC,iBAAiB;AACtC,QAAA,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;AACjC,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AACnC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,UAAU,EAAEC,cAAE,CAAC,EAAE,CAAC;AAClB,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,UAAU,EAAEA,cAAE,CAAC,EAAE,CAAC;AAClB,QAAA,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AACrC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE,GAAG;AACb,KAAA;AACF,CAAA,CAAC;;;;"}

package/package.json

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

package/rollup.config.mjs

@@ -4,14 +4,14 @@ import commonjs from "@rollup/plugin-commonjs";
 import dts from "rollup-plugin-dts";
 import json from "@rollup/plugin-json";
 import glob from "fast-glob";
-import image from '@rollup/plugin-image';
-import url from '@rollup/plugin-url';
-import svgr from '@svgr/rollup';
-import postcss from 'rollup-plugin-postcss';
-import copy from 'rollup-plugin-copy';
-import alias from '@rollup/plugin-alias';
-import path from 'path';
-import { fileURLToPath } from 'url';
+import image from "@rollup/plugin-image";
+import url from "@rollup/plugin-url";
+import svgr from "@svgr/rollup";
+import postcss from "rollup-plugin-postcss";
+import copy from "rollup-plugin-copy";
+import alias from "@rollup/plugin-alias";
+import path from "path";
+import { fileURLToPath } from "url";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
@@ -24,25 +24,26 @@ const entries = await glob([
   "./constants/index.ts",
   "./types/index.ts",
   "./data/index.ts",
+  // "/data/*",
   "./yup/index.ts",
   "./jsons/index.ts",
 ]);
 
 if (entries.length === 0) {
   throw new Error(
-    "No entry files found. Please check your glob patterns and file structure."
+    "No entry files found. Please check your glob patterns and file structure.",
   );
 }
 
 const external = [
-  'react',
-  'react-dom',
-  'react-native',
-  'tslib',
-  'yup',
+  "react",
+  "react-dom",
+  "react-native",
+  "tslib",
+  "yup",
   /^@babel\/runtime/,
   /^@rollup\/.*/,
-  /^rollup-plugin-.*/
+  /^rollup-plugin-.*/,
 ];
 
 const config = [
@@ -58,77 +59,75 @@ const config = [
     external,
     plugins: [
       alias({
-        entries: [
-          { find: '@ui', replacement: path.resolve(__dirname, '.') }
-        ]
+        entries: [{ find: "@ui", replacement: path.resolve(__dirname, ".") }],
       }),
       resolve({
         preferBuiltins: true,
-        mainFields: ['module', 'main'],
-        extensions: ['.js', '.jsx', '.ts', '.tsx', '.json']
+        mainFields: ["module", "main"],
+        extensions: [".js", ".jsx", ".ts", ".tsx", ".json"],
       }),
       commonjs({
         include: /node_modules/,
         transformMixedEsModules: true,
-        requireReturnsDefault: 'auto'
+        requireReturnsDefault: "auto",
       }),
       typescript({
-        tsconfig: './tsconfig.json',
+        tsconfig: "./tsconfig.json",
         sourceMap: true,
         inlineSources: true,
         compilerOptions: {
-          module: 'ESNext',
+          module: "ESNext",
           declaration: true,
-          declarationDir: './dist',
-          allowJs: true
-        }
+          declarationDir: "./dist",
+          allowJs: true,
+        },
       }),
       json(),
       image(),
       url({
         include: [
-          '**/*.woff', 
-          '**/*.woff2', 
-          '**/*.ttf', 
-          '**/*.eot',
-          '**/*.png',
-          '**/*.jpg',
-          '**/*.jpeg',
-          '**/*.gif',
-          '**/*.svg'
+          "**/*.woff",
+          "**/*.woff2",
+          "**/*.ttf",
+          "**/*.eot",
+          "**/*.png",
+          "**/*.jpg",
+          "**/*.jpeg",
+          "**/*.gif",
+          "**/*.svg",
         ],
         limit: 0,
-        fileName: '[name][extname]',
-        publicPath: 'assets/'
+        fileName: "[name][extname]",
+        publicPath: "assets/",
       }),
       svgr(),
       postcss({
-        extensions: ['.css', '.scss', '.sass'],
+        extensions: [".css", ".scss", ".sass"],
         minimize: true,
         extract: true,
         modules: true,
-        use: ['sass']
+        use: ["sass"],
       }),
       copy({
         targets: [
-          { 
-            src: 'assets/images/**/*', 
-            dest: 'dist/assets/images',
-            flatten: false
+          {
+            src: "assets/images/**/*",
+            dest: "dist/assets/images",
+            flatten: false,
           },
-          { 
-            src: 'assets/fonts/**/*', 
-            dest: 'dist/assets/fonts',
-            flatten: false
+          {
+            src: "assets/fonts/**/*",
+            dest: "dist/assets/fonts",
+            flatten: false,
+          },
+          {
+            src: "assets/pdf/**/*",
+            dest: "dist/assets/pdf",
+            flatten: false,
           },
-          { 
-            src: 'assets/pdf/**/*', 
-            dest: 'dist/assets/pdf',
-            flatten: false
-          }
         ],
-        verbose: true
-      })
+        verbose: true,
+      }),
     ],
   },
   {