[*] prepare packages for release (#432)

* upgrade changeset

* fix eslint config name

* remove publishConfig

* remove changesets

* tmp: scope

* Revert "remove publishConfig"

This reverts commit 3a085e3f85.

* add publishConfig

* v0.0.0

* remove private flag

* tmp: scope

* docs(changeset): changeset config

* changeset commit config

* docs(changeset): changeset config

* RELEASING: Releasing 6 package(s)

Releases:
  @felicio/eslint-config@0.1.3
  @felicio/components@0.0.4
  @felicio/js@0.2.3
  @felicio/colors@0.0.4
  @felicio/icons@0.0.4
  website@0.1.3

[skip ci]

* rm changeset

* fix eslint config deps

* docs(changeset): fix lint config deps

* RELEASING: Releasing 1 package(s)

Releases:
  @felicio/eslint-config@0.1.4

[skip ci]

* upgrade @tamagui

* upgrade react-native-web

* update yarn.lock

* use Presable instead of Stack for styled button

* fix defaultVariants.blurred after upgrade

* update changeset config

* release

* add tamagui deps

* release

* release

* export popover

* release

* revert @status-im scope

* rm version from root package.json

* rm changelogs

* revet package versions

* add changeset

.changeset/breezy-zebras-invite.md

@@ -1,5 +0,0 @@
----
-'@status-im/js': patch
----
-
-get peer based on environment

.changeset/itchy-apes-sin.md

@@ -1,5 +0,0 @@
----
-'@status-im/js': patch
----
-
-use built-in crypto for pbkdf2

.changeset/thin-humans-cover.md

@@ -0,0 +1,9 @@
+---
+'@status-im/eslint-config': minor
+'@status-im/components': minor
+'@status-im/js': minor
+'@status-im/colors': minor
+'@status-im/icons': minor
+---
+
+prepare packages for release

apps/mobile/package.json

@@ -34,7 +34,7 @@
   "devDependencies": {
     "@babel/core": "^7.17.9",
     "@expo/metro-config": "^0.3.21",
-    "@tamagui/babel-plugin": "1.11.1",
+    "@tamagui/babel-plugin": "1.36.4",
     "@types/react-native": "~0.70.6",
     "babel-plugin-module-resolver": "^4.1.0",
     "babel-plugin-transform-inline-environment-variables": "^0.4.4",

apps/web/package.json

@@ -13,14 +13,14 @@
   "dependencies": {
     "@status-im/components": "*",
     "@status-im/icons": "*",
-    "@tamagui/core": "1.11.1",
+    "@tamagui/core": "1.36.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-native-web": "^0.18.12",
     "use-resize-observer": "^9.1.0"
   },
   "devDependencies": {
-    "@tamagui/vite-plugin": "1.11.1",
+    "@tamagui/vite-plugin": "1.36.4",
     "@types/react": "^18.0.33",
     "@types/react-dom": "^18.0.11",
     "@vitejs/plugin-react-swc": "^3.2.0",

apps/website/package.json

@@ -21,13 +21,13 @@
     "@status-im/components": "*",
     "@status-im/icons": "*",
     "@status-im/js": "*",
-    "@tamagui/next-theme": "1.11.1",
+    "@tamagui/next-theme": "1.36.4",
-    "@visx/visx": "^2.18.0",
+    "@tanstack/react-query": "^4.29.7",
     "@vercel/og": "^0.5.4",
+    "@tryghost/content-api": "^1.11.13",
+    "@visx/visx": "^2.18.0",
     "class-variance-authority": "^0.6.0",
     "contentlayer": "^0.3.3",
-    "@tanstack/react-query": "^4.29.7",
-    "@tryghost/content-api": "^1.11.13",
     "d3-array": "^3.2.3",
     "d3-time-format": "^4.1.0",
     "date-fns": "^2.30.0",
@@ -38,7 +38,7 @@
     "qrcode.react": "^3.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-native-web": "^0.18.12",
+    "react-native-web": "^0.19.5",
     "tinykeys": "^1.4.0",
     "title": "^3.5.3",
     "github-slugger": "^2.0.0",
@@ -48,7 +48,7 @@
   "devDependencies": {
     "@achingbrain/ssdp": "^4.0.1",
     "@tailwindcss/typography": "^0.5.9",
-    "@tamagui/next-plugin": "1.11.1",
+    "@tamagui/next-plugin": "1.36.4",
     "@types/d3-array": "^3.0.4",
     "@types/d3-time-format": "^4.0.0",
     "@types/highlight-words-core": "^1.2.1",

package.json

@@ -33,10 +33,10 @@
     "@types/react-dom": "18.0.11"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.23.0",
+    "@changesets/cli": "^2.26.2",
+    "@status-im/eslint-config": "*",
     "@tsconfig/strictest": "^2.0.0",
     "@types/prettier": "^2.7.2",
-    "@status-im/eslint-config": "*",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.0",
     "patch-package": "^6.5.1",

packages/colors/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@status-im/colors",
   "version": "0.0.1",
-  "private": true,
   "files": [
     "types",
     "dist",
@@ -41,6 +40,9 @@
     "vite": "^4.1.4",
     "vite-node": "^0.29.7"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "lint-staged": {
     "*.{ts,tsx,js,jsx,mjs}": [
       "eslint",

packages/components/package.json

@@ -4,7 +4,6 @@
   "sideEffects": [
     "*.css"
   ],
-  "private": true,
   "#module": "./src/index.tsx",
   "types": "./src/index.tsx",
   "main": "./dist/index.js",
@@ -40,18 +39,19 @@
     "@radix-ui/react-tooltip": "^1.0.5",
     "@status-im/colors": "*",
     "@status-im/icons": "*",
-    "@tamagui/animations-css": "1.11.1",
+    "@tamagui/animations-css": "1.36.4",
-    "@tamagui/animations-react-native": "1.11.1",
+    "@tamagui/animations-react-native": "1.36.4",
-    "@tamagui/core": "1.11.1",
+    "@tamagui/core": "1.36.4",
-    "@tamagui/font-inter": "1.11.1",
+    "@tamagui/font-inter": "1.36.4",
-    "@tamagui/react-native-media-driver": "1.11.1",
+    "@tamagui/react-native-media-driver": "1.36.4",
-    "@tamagui/shorthands": "1.11.1",
+    "@tamagui/shorthands": "1.36.4",
-    "@tamagui/theme-base": "1.11.1",
+    "@tamagui/theme-base": "1.36.4",
+    "@tamagui/web": "1.36.4",
     "date-fns": "^2.30.0",
     "expo-blur": "^12.2.2",
     "expo-linear-gradient": "^12.1.2",
     "react-day-picker": "^8.7.1",
-    "tamagui": "1.11.1",
+    "tamagui": "1.36.4",
     "zustand": "^4.3.7"
   },
   "devDependencies": {
@@ -62,18 +62,21 @@
     "@storybook/react": "7.0.2",
     "@storybook/react-vite": "7.0.2",
     "@storybook/testing-library": "^0.1.0",
-    "@tamagui/vite-plugin": "1.11.1",
+    "@tamagui/vite-plugin": "1.36.4",
     "@vitejs/plugin-react-swc": "^3.2.0",
     "@status-im/eslint-config": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-native-svg": "^13.8.0",
-    "react-native-web": "^0.18.12",
+    "react-native-web": "^0.19.5",
     "storybook": "7.0.2",
     "storybook-addon-designs": "7.0.0-beta.2",
     "storybook-dark-mode": "^3.0.0",
     "vite": "^4.2.1"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "lint-staged": {
     "*.{ts,tsx,js,jsx,mjs}": [
       "eslint",

packages/components/src/button/button.tsx

@@ -1,13 +1,14 @@
 import { cloneElement, forwardRef } from 'react'
 
-import { Stack, styled } from '@tamagui/core'
+import { styled } from '@tamagui/core'
+import { Pressable } from 'react-native'
 
 import { Text } from '../text'
 
 import type { TextProps } from '../text'
 import type { GetVariants, MapVariant, PressableProps } from '../types'
-import type { StackProps } from '@tamagui/core'
 import type { Ref } from 'react'
+import type { View } from 'react-native'
 
 type Variants = GetVariants<typeof Base>
 
@@ -51,7 +52,7 @@ const textSizes: Record<NonNullable<Props['size']>, TextProps['size']> = {
   '24': 13,
 }
 
-const Button = (props: Props, ref: Ref<HTMLButtonElement>) => {
+const Button = (props: Props, ref: Ref<View>) => {
   const {
     variant = 'primary',
     shape = 'default',
@@ -71,7 +72,7 @@ const Button = (props: Props, ref: Ref<HTMLButtonElement>) => {
 
   return (
     <Base
-      {...(buttonProps as unknown as StackProps)} // TODO: Tamagui has incorrect types for PressableProps
+      {...buttonProps}
       ref={ref}
       variant={variant}
       radius={shape === 'circle' ? 'full' : size}
@@ -93,7 +94,7 @@ const _Button = forwardRef(Button)
 export { _Button as Button }
 export type { Props as ButtonProps }
 
-const Base = styled(Stack, {
+const Base = styled(Pressable, {
   tag: 'button',
   name: 'Button',
   accessibilityRole: 'button',

packages/components/src/dynamic-button/dynamic-button.tsx

@@ -1,7 +1,8 @@
 import { forwardRef } from 'react'
 
 import { ArrowDownIcon, MentionIcon } from '@status-im/icons'
-import { Stack, styled } from '@tamagui/core'
+import { styled } from '@tamagui/core'
+import { Pressable } from 'react-native'
 
 import { Shadow } from '../shadow'
 import { Text } from '../text'
@@ -9,6 +10,7 @@ import { Text } from '../text'
 import type { GetVariants, PressableProps } from '../types'
 import type { ColorTokens } from '@tamagui/core'
 import type { Ref } from 'react'
+import type { View } from 'react-native'
 
 type Variants = GetVariants<typeof Button>
 
@@ -17,8 +19,8 @@ type Props = PressableProps & {
   count: number
 }
 
-const DynamicButton = (props: Props, ref: Ref<HTMLButtonElement>) => {
+const DynamicButton = (props: Props, ref: Ref<View>) => {
-  const { type, count, ...pressableProps } = props
+  const { type, count, ...buttonProps } = props
 
   const color: ColorTokens = '$white-100'
   const showCount = Boolean(count)
@@ -26,7 +28,7 @@ const DynamicButton = (props: Props, ref: Ref<HTMLButtonElement>) => {
   return (
     <Shadow variant="$2" borderRadius="$full">
       <Button
-        {...(pressableProps as unknown as object)} // TODO: Tamagui has incorrect types for PressableProps
+        {...buttonProps}
         ref={ref}
         type={type}
         iconOnly={showCount === false}
@@ -48,7 +50,7 @@ const _DynamicButton = forwardRef(DynamicButton)
 export { _DynamicButton as DynamicButton }
 export type { Props as DynamicButtonProps }
 
-const Button = styled(Stack, {
+const Button = styled(Pressable, {
   name: 'DynamicButton',
   tag: 'button',
   accessibilityRole: 'button',

packages/components/src/hooks/use-pressable-colors.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react'
 
 import type { PressableProps } from '../types'
 import type { MouseEvent } from 'react-native'
-import type { ColorTokens, TamaguiComponentPropsBase } from 'tamagui'
+import type { ColorTokens } from 'tamagui'
 
 type Config = {
   default: ColorTokens
@@ -13,9 +13,8 @@ type Config = {
 
 type Return = {
   color: ColorTokens
-  // FIXME: use PressableProps instead TamaguiComponentPropsBase, fix necessary in Tamagui
   pressableProps: Pick<
-    TamaguiComponentPropsBase,
+    PressableProps,
     'onHoverIn' | 'onHoverOut' | 'onPressIn' | 'onPressOut'
   >
 }

packages/components/src/icon-button/icon-button.tsx

@@ -1,11 +1,13 @@
 import { cloneElement, forwardRef } from 'react'
 
-import { Stack, styled } from '@tamagui/core'
+import { Pressable } from 'react-native'
+import { styled } from 'tamagui'
 
 import { usePressableColors } from '../hooks/use-pressable-colors'
 
 import type { GetVariants, PressableProps } from '../types'
 import type { Ref } from 'react'
+import type { View } from 'react-native'
 
 type Variants = GetVariants<typeof Base>
 
@@ -22,7 +24,7 @@ type Props = PressableProps & {
   'aria-selected'?: boolean
 }
 
-const IconButton = (props: Props, ref: Ref<HTMLButtonElement>) => {
+const IconButton = (props: Props, ref: Ref<View>) => {
   const { icon, blur, variant = 'default', ...buttonProps } = props
 
   const { pressableProps, color } = usePressableColors(
@@ -40,7 +42,7 @@ const IconButton = (props: Props, ref: Ref<HTMLButtonElement>) => {
 
   return (
     <Base
-      {...(buttonProps as unknown as object)} // TODO: Tamagui has incorrect types for PressableProps
+      {...buttonProps}
       {...pressableProps}
       ref={ref}
       variant={blur ? undefined : variant}
@@ -61,7 +63,7 @@ const _IconButton = forwardRef(IconButton)
 export { _IconButton as IconButton }
 export type { Props as IconButtonProps }
 
-const Base = styled(Stack, {
+const Base = styled(Pressable, {
   name: 'IconButton',
   tag: 'button',
   accessibilityRole: 'button',

packages/components/src/index.tsx

@@ -17,6 +17,7 @@ export * from './information-box'
 export * from './input'
 export * from './messages'
 export * from './pinned-message'
+export * from './popover'
 export * from './provider'
 export * from './shadow'
 export * from './shortcut'

packages/components/src/input/input.tsx

@@ -155,8 +155,12 @@ const InputFrame = styled(
           placeholderTextColor: '$placeHolderColorBlurred',
         },
       },
-    } as const,
     },
+
+    defaultVariants: {
+      blurred: false,
+    },
+  } as const,
   {
     isInput: true,
   }

packages/components/src/react-button/react-button.tsx

@@ -10,13 +10,14 @@ import {
   ThumbsUpIcon,
 } from '@status-im/icons'
 import { styled } from '@tamagui/core'
-import { Stack } from '@tamagui/web'
+import { Pressable } from 'react-native'
 
 import { Text } from '../text'
 
 import type { ReactionType } from '../messages/types'
 import type { PressableProps } from '../types'
 import type { Ref } from 'react'
+import type { View } from 'react-native'
 
 export const REACTIONS_ICONS = {
   love: LoveIcon,
@@ -37,8 +38,8 @@ type Props = PressableProps & {
   'aria-selected'?: boolean
 }
 
-const ReactButton = (props: Props, ref: Ref<HTMLButtonElement>) => {
+const ReactButton = (props: Props, ref: Ref<View>) => {
-  const { type, count, ...pressableProps } = props
+  const { type, count, ...buttonProps } = props
 
   const Icon = REACTIONS_ICONS[type]
 
@@ -46,11 +47,7 @@ const ReactButton = (props: Props, ref: Ref<HTMLButtonElement>) => {
     props.selected || props['aria-expanded'] || props['aria-selected']
 
   return (
-    <Button
+    <Button {...buttonProps} ref={ref} selected={selected}>
-      {...(pressableProps as unknown as object)}
-      ref={ref}
-      selected={selected}
-    >
       <Icon size={20} color="$neutral-100" />
       {count && (
         <Text size={13} weight="medium" wrap={false}>
@@ -66,7 +63,7 @@ const _ReactButton = forwardRef(ReactButton)
 export { _ReactButton as ReactButton }
 export type { Props as ReactButtonProps }
 
-const Button = styled(Stack, {
+const Button = styled(Pressable, {
   name: 'ReactButton',
   tag: 'button',
   accessibilityRole: 'button',

packages/components/src/tabs/tabs.tsx

@@ -2,6 +2,7 @@ import { Children, cloneElement, forwardRef } from 'react'
 
 import { Content, List, Root, Trigger } from '@radix-ui/react-tabs'
 import { Stack } from '@tamagui/web'
+import { Pressable } from 'react-native'
 import { styled } from 'tamagui'
 
 import { Counter } from '../counter'
@@ -116,7 +117,7 @@ Tabs.Content = Content
 export { Tabs }
 export type { Props as TabsProps }
 
-const TriggerBase = styled(Stack, {
+const TriggerBase = styled(Pressable, {
   tag: 'button',
 
   flexDirection: 'row',

packages/eslint-config/package.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.1.0",
   "name": "@status-im/eslint-config",
+  "version": "0.1.0",
   "main": "index.js",
   "exports": {
     ".": {
@@ -12,7 +12,7 @@
   "scripts": {
     "clean": "rimraf node_modules"
   },
-  "devDependencies": {
+  "dependencies": {
     "@typescript-eslint/eslint-plugin": "^5.59.11",
     "@typescript-eslint/parser": "^5.59.11",
     "eslint": "^8.42.0",
@@ -27,5 +27,8 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "eslint-plugin-tailwindcss": "^3.12.1"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }

packages/icons/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@status-im/icons",
   "version": "0.0.1",
-  "private": true,
   "files": [
     "dist",
     "svg"
@@ -34,6 +33,11 @@
     "format": "prettier --write 'src/**/*.{ts,tsx}'",
     "clean": "rimraf dist node_modules .turbo"
   },
+  "dependencies": {
+    "@tamagui/core": "1.36.4",
+    "@tamagui/web": "1.36.4",
+    "tamagui": "1.36.4"
+  },
   "peerDependencies": {
     "react": "^16.x || ^17.x || ^18.x",
     "react-dom": "*",
@@ -53,6 +57,9 @@
     "vite": "^4.1.4",
     "vite-node": "^0.29.7"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "lint-staged": {
     "*.{ts,tsx,js,jsx,mjs}": [
       "eslint",