diff --git a/ios/Podfile.lock b/ios/Podfile.lock index 8441e717e11..b1cf8d74661 100644 --- a/ios/Podfile.lock +++ b/ios/Podfile.lock @@ -448,11 +448,6 @@ PODS: - React-Core - react-native-screen-brightness (2.0.0-alpha): - React - - react-native-skia (1.3.9): - - RCT-Folly (= 2021.07.22.00) - - React - - React-callinvoker - - React-Core - react-native-slider (3.0.3): - React - react-native-splash-screen (3.2.0): @@ -730,7 +725,6 @@ DEPENDENCIES: - react-native-render-html (from `../node_modules/react-native-render-html`) - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`) - react-native-screen-brightness (from `../node_modules/react-native-screen-brightness`) - - "react-native-skia (from `../node_modules/@shopify/react-native-skia`)" - "react-native-slider (from `../node_modules/@react-native-community/slider`)" - react-native-splash-screen (from `../node_modules/react-native-splash-screen`) - react-native-view-shot (from `../node_modules/react-native-view-shot`) @@ -904,8 +898,6 @@ EXTERNAL SOURCES: :path: "../node_modules/react-native-safe-area-context" react-native-screen-brightness: :path: "../node_modules/react-native-screen-brightness" - react-native-skia: - :path: "../node_modules/@shopify/react-native-skia" react-native-slider: :path: "../node_modules/@react-native-community/slider" react-native-splash-screen: @@ -1056,7 +1048,6 @@ SPEC CHECKSUMS: react-native-render-html: 96c979fe7452a0a41559685d2f83b12b93edac8c react-native-safe-area-context: 399a5859f6acbdf67f671c69b53113f535f3b5b0 react-native-screen-brightness: 9eefe6db96a5d757e63cdfce8e48d7c9039f2af2 - react-native-skia: c06ca6074cc70bfe1ec8c45dcc82e76079805fd7 react-native-slider: e99fc201cefe81270fc9d81714a7a0f5e566b168 react-native-splash-screen: 200d11d188e2e78cea3ad319964f6142b6384865 react-native-view-shot: 4475fde003fe8a210053d1f98fb9e06c1d834e1c diff --git a/jest-e2e.config.js b/jest-e2e.config.js index de238fc2834..a0ae36ad81e 100644 --- a/jest-e2e.config.js +++ b/jest-e2e.config.js @@ -1,7 +1,7 @@ module.exports = { preset: "react-native", transformIgnorePatterns: [ - "node_modules/(?!(jest-)?@react-native|react-native|react-navigation|@react-navigation|react-navigation-redux-helpers|react-native-device-info|rn-placeholder|jsbarcode|@pagopa/react-native-cie|react-native-share|jail-monkey|@react-native-community/art|@react-native-community/push-notification-ios|@shopify/react-native-skia|@react-native-camera-roll/camera-roll|@codler|remark|unified|bail|is-plain-obj|trough|vfile|unist-util-stringify-position|mdast-util-from-markdown|mdast-util-to-string|micromark|parse-entities|character-entities|mdast-util-to-markdown|zwitch|longest-streak|@pagopa/io-react-native-zendesk|rn-qr-generator|mixpanel-react-native|@pagopa/io-app-design-system|@sentry/react-native)" + "node_modules/(?!(jest-)?@react-native|react-native|react-navigation|@react-navigation|react-navigation-redux-helpers|react-native-device-info|rn-placeholder|jsbarcode|@pagopa/react-native-cie|react-native-share|jail-monkey|@react-native-community/art|@react-native-community/push-notification-ios|@react-native-camera-roll/camera-roll|@codler|remark|unified|bail|is-plain-obj|trough|vfile|unist-util-stringify-position|mdast-util-from-markdown|mdast-util-to-string|micromark|parse-entities|character-entities|mdast-util-to-markdown|zwitch|longest-streak|@pagopa/io-react-native-zendesk|rn-qr-generator|mixpanel-react-native|@pagopa/io-app-design-system|@sentry/react-native)" ], moduleNameMapper: { "\\.svg": "/ts/__mocks__/svgMock.js" diff --git a/jest.config.js b/jest.config.js index 14002722a17..5a0021a142a 100644 --- a/jest.config.js +++ b/jest.config.js @@ -1,15 +1,14 @@ module.exports = { preset: "react-native", transformIgnorePatterns: [ - "node_modules/(?!(jest-)?@react-native|react-native|react-navigation|@react-navigation|react-navigation-redux-helpers|react-native-device-info|rn-placeholder|jsbarcode|@pagopa/react-native-cie|react-native-share|jail-monkey|@react-native-community/art|@react-native-community/push-notification-ios|@shopify/react-native-skia|@react-native-camera-roll/camera-roll|@codler|remark|unified|bail|is-plain-obj|trough|vfile|unist-util-stringify-position|mdast-util-from-markdown|mdast-util-to-string|micromark|parse-entities|character-entities|mdast-util-to-markdown|zwitch|longest-streak|@pagopa/io-react-native-zendesk|rn-qr-generator|mixpanel-react-native|@pagopa/io-app-design-system|uuid|@sentry/react-native)" + "node_modules/(?!(jest-)?@react-native|react-native|react-navigation|@react-navigation|react-navigation-redux-helpers|react-native-device-info|rn-placeholder|jsbarcode|@pagopa/react-native-cie|react-native-share|jail-monkey|@react-native-community/art|@react-native-community/push-notification-ios|@react-native-camera-roll/camera-roll|@codler|remark|unified|bail|is-plain-obj|trough|vfile|unist-util-stringify-position|mdast-util-from-markdown|mdast-util-to-string|micromark|parse-entities|character-entities|mdast-util-to-markdown|zwitch|longest-streak|@pagopa/io-react-native-zendesk|rn-qr-generator|mixpanel-react-native|@pagopa/io-app-design-system|uuid|@sentry/react-native)" ], moduleNameMapper: { "\\.svg": "/ts/__mocks__/svgMock.js" }, setupFiles: [ "./jestSetup.js", - "./node_modules/react-native-gesture-handler/jestSetup.js", - "./node_modules/@shopify/react-native-skia/jestSetup.js" + "./node_modules/react-native-gesture-handler/jestSetup.js" ], globalSetup: "./jestGlobalSetup.js", setupFilesAfterEnv: ["@testing-library/jest-native/extend-expect"], diff --git a/jest.config.no.timezone.js b/jest.config.no.timezone.js index c31d9840304..c18a544d4b3 100644 --- a/jest.config.no.timezone.js +++ b/jest.config.no.timezone.js @@ -4,15 +4,14 @@ module.exports = { "^.+\\.js$": "/node_modules/react-native/jest/preprocessor.js" }, transformIgnorePatterns: [ - "node_modules/(?!(jest-)?@react-native|react-native|react-navigation|@react-navigation|react-navigation-redux-helpers|react-native-device-info|rn-placeholder|jsbarcode|@pagopa/react-native-cie|react-native-share|jail-monkey|@react-native-community/art|@react-native-community/push-notification-ios|@shopify/react-native-skia|@react-native-camera-roll/camera-roll|@codler|remark|unified|bail|is-plain-obj|trough|vfile|unist-util-stringify-position|mdast-util-from-markdown|mdast-util-to-string|micromark|parse-entities|character-entities|mdast-util-to-markdown|zwitch|longest-streak|@pagopa/io-react-native-zendesk|rn-qr-generator|mixpanel-react-native|@pagopa/io-app-design-system|@sentry/react-native)" + "node_modules/(?!(jest-)?@react-native|react-native|react-navigation|@react-navigation|react-navigation-redux-helpers|react-native-device-info|rn-placeholder|jsbarcode|@pagopa/react-native-cie|react-native-share|jail-monkey|@react-native-community/art|@react-native-community/push-notification-ios|@react-native-camera-roll/camera-roll|@codler|remark|unified|bail|is-plain-obj|trough|vfile|unist-util-stringify-position|mdast-util-from-markdown|mdast-util-to-string|micromark|parse-entities|character-entities|mdast-util-to-markdown|zwitch|longest-streak|@pagopa/io-react-native-zendesk|rn-qr-generator|mixpanel-react-native|@pagopa/io-app-design-system|@sentry/react-native)" ], moduleNameMapper: { "\\.svg": "/ts/__mocks__/svgMock.js" }, setupFiles: [ "./jestSetup.js", - "./node_modules/react-native-gesture-handler/jestSetup.js", - "./node_modules/@shopify/react-native-skia/jestSetup.js" + "./node_modules/react-native-gesture-handler/jestSetup.js" ], setupFilesAfterEnv: ["@testing-library/jest-native/extend-expect"], collectCoverage: true diff --git a/package.json b/package.json index 68f25689684..3e5de504bdc 100644 --- a/package.json +++ b/package.json @@ -125,7 +125,6 @@ "@react-navigation/native": "6.1.9", "@react-navigation/stack": "6.3.20", "@redux-saga/testing-utils": "^1.1.3", - "@shopify/react-native-skia": "^1.3.9", "@sentry/react-native": "^5.22.2", "@textlint/markdown-to-ast": "^14.0.4", "@shopify/flash-list": "~1.7.0", diff --git a/ts/features/design-system/DesignSystem.tsx b/ts/features/design-system/DesignSystem.tsx index 51163be3340..22d764f464e 100644 --- a/ts/features/design-system/DesignSystem.tsx +++ b/ts/features/design-system/DesignSystem.tsx @@ -38,9 +38,6 @@ const DATA_ROUTES_DEBUG: RoutesProps = Object.values( const DATA_ROUTES_SCREENS: RoutesProps = Object.values( DESIGN_SYSTEM_ROUTES.SCREENS ); -const DATA_ROUTES_EXPERIMENTAL_LAB: RoutesProps = Object.values( - DESIGN_SYSTEM_ROUTES.EXPERIMENTAL_LAB -); const DATA_ROUTES_LEGACY: RoutesProps = Object.values( DESIGN_SYSTEM_ROUTES.LEGACY ); @@ -68,10 +65,6 @@ const DESIGN_SYSTEM_SECTION_DATA: Array = [ title: "Screens", data: DATA_ROUTES_SCREENS }, - { - title: "Experimental Lab", - data: DATA_ROUTES_EXPERIMENTAL_LAB - }, { title: "Debug", data: DATA_ROUTES_DEBUG diff --git a/ts/features/design-system/core/DSDynamicBackground.tsx b/ts/features/design-system/core/DSDynamicBackground.tsx deleted file mode 100644 index 870d5ebe721..00000000000 --- a/ts/features/design-system/core/DSDynamicBackground.tsx +++ /dev/null @@ -1,234 +0,0 @@ -import * as React from "react"; - -import { - Avatar, - Body, - ContentWrapper, - H3, - HStack, - IOColors, - IOVisualCostants, - LabelSmall, - RadioGroup, - VStack, - hexToRgba, - useIOTheme -} from "@pagopa/io-app-design-system"; -import { - Blur, - Canvas, - Group, - Image, - LinearGradient as SkiaLinearGradient, - Mask, - Rect, - useImage, - vec -} from "@shopify/react-native-skia"; -import { useCallback, useMemo, useState } from "react"; -import { Dimensions, Platform, View, StatusBar } from "react-native"; -import { ScrollView } from "react-native-gesture-handler"; -import { useSafeAreaInsets } from "react-native-safe-area-context"; -import LinearGradient from "react-native-linear-gradient"; - -const cdnPath = "https://assets.cdn.io.italia.it/logos/organizations/"; - -const organizationsURIs = [ - { - imageSource: `${cdnPath}1199250158.png`, - name: "Comune di Milano" - }, - { - imageSource: `${cdnPath}82003830161.png`, - name: "Comune di Sotto il Monte Giovanni XXIII" - }, - { - imageSource: `${cdnPath}82001760675.png`, - name: "Comune di Controguerra" - }, - { - imageSource: `${cdnPath}80078750587.png`, - name: "INPS" - }, - { - imageSource: `${cdnPath}5779711000.png`, - name: "e-distribuzione" - }, - { - imageSource: `${cdnPath}97254170588.png`, - name: "Agenzia della Difesa" - }, - { - imageSource: `${cdnPath}80215430580.png`, - name: "Ministero dell'Interno" - } -]; - -/** - * This Screen is used to test components in isolation while developing. - * @returns a screen with a flexed view where you can test components - */ -export const DSDynamicBackground = () => { - const insets = useSafeAreaInsets(); - const theme = useIOTheme(); - - const screenSize = Dimensions.get("screen").width; - const heroHeight: number = 350 + insets.top; - const scrollGradientHeight: number = 32; - const headerHeight: number = 60; - // const heroOffset: number = 50; - - const renderedOrganizationsURIs: Array<{ - value: string; - id: string; - }> = organizationsURIs.map(item => ({ - value: item.name, - id: item.name - })); - - const [selectedItem, setSelectedItem] = useState(organizationsURIs[0].name); - - const onEntitySelected = useCallback( - (item: any) => setSelectedItem(item), - [setSelectedItem] - ); - - const entityData = useMemo( - () => organizationsURIs.find(item => item.name === selectedItem), - [selectedItem] - ); - - return ( - <> - - - - - - } - > - - - - - - - - - - - - -

{entityData?.name}

- - {entityData?.name} - -
-
- - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean - interdum fringilla ex id viverra. In fringilla, orci sed placerat - egestas, nibh ligula pellentesque ex, ac ultrices orci massa - efficitur neque. Nunc congue sagittis felis ut fringilla. Integer - lacinia vehicula lacus vitae aliquam. Pellentesque feugiat - pellentesque laoreet. Nunc congue facilisis leo, eu condimentum - est lobortis vel. - - -
- - -
- - - - - type="radioListItem" - items={renderedOrganizationsURIs} - selectedItem={selectedItem} - onPress={onEntitySelected} - /> - - - - ); -}; diff --git a/ts/features/design-system/navigation/navigator.tsx b/ts/features/design-system/navigation/navigator.tsx index 5d8f4b9b8f5..14aa19da9ae 100644 --- a/ts/features/design-system/navigation/navigator.tsx +++ b/ts/features/design-system/navigation/navigator.tsx @@ -29,7 +29,6 @@ import { DSBottomSheet } from "../core/DSBottomSheet"; import { DSButtons } from "../core/DSButtons"; import { DSCards } from "../core/DSCards"; import { DSColors } from "../core/DSColors"; -import { DSDynamicBackground } from "../core/DSDynamicBackground"; import { DSEdgeToEdgeArea } from "../core/DSEdgeToEdgeArea"; import { DSFooterActions } from "../core/DSFooterActions"; import { DSFooterActionsNotFixed } from "../core/DSFooterActionsNotFixed"; @@ -383,18 +382,6 @@ export const DesignSystemNavigator = () => { }} /> - {/* EXPERIMENTAL LAB */} - - - {/* HEADERS */}