Release by 15.05.2024 (#1205)

.github/workflows/performance-test-pr.yml

@@ -125,9 +125,16 @@ jobs:
                     ./current/.perftool/cache/
 
             -   name: Run performance test
-                run: |
-                    cd current
-                    npx perftool --baselineRefDir ../baseline -o perftest/pr-result.json --baselineOutputPath perftest/base-result.json --compareOutputPath perftest/comparison.json --baseBranchRef ${{ github.event.pull_request.base.sha }} --currentBranchRef ${{ github.event.pull_request.head.sha }}
+                run: >
+                    cd current &&
+                    npx perftool
+                    --baselineRefDir ../baseline
+                    -o perftest/pr-result.json
+                    --baselineOutputPath perftest/base-result.json
+                    --compareOutputPath perftest/comparison.json
+                    --visualReportPath perftest/report.html
+                    --baseBranchRef ${{ github.event.pull_request.base.sha }}
+                    --currentBranchRef ${{ github.event.pull_request.head.sha }}
 
             -   name: Save perftool cache
                 run: >
@@ -149,7 +156,7 @@ jobs:
                 uses: actions/upload-artifact@v2
                 with:
                     name: Component performance comparison result
-                    path: ${{ github.workspace }}/current/perftest/*.json
+                    path: ${{ github.workspace }}/current/perftest/*
 
             -   name: Write report comment
                 if: always()

cypress/support/index.ts

@@ -1,5 +1,6 @@
 import './commands';
 import '@cypress/code-coverage/support';
+import 'cypress-real-events';
 // по какой-то причине axe подключается только через require
 // иначе не поднимается dev-server webpack'а
 require('cypress-axe');

cypress/tsconfig.json

@@ -2,7 +2,14 @@
     "compilerOptions": {
         "target": "es5",
         "lib": ["esnext", "dom"],
-        "types": ["cypress", "@testing-library/cypress", "@types/cypress-image-snapshot", "node", "cypress-axe"],
+        "types": [
+            "cypress",
+            "@testing-library/cypress",
+            "@types/cypress-image-snapshot",
+            "node",
+            "cypress-axe",
+            "cypress-real-events"
+        ],
         "typeRoots": ["./@types"],
         "resolveJsonModule": true
     },

package.json

@@ -65,10 +65,11 @@
     "@cypress/webpack-preprocessor": "5.9.1",
     "@salutejs/eslint-config": "1.2.0",
     "@salutejs/eslint-config-base": "0.4.0",
-    "@salutejs/perftool": "0.26.1",
+    "@salutejs/perftool": "0.28.0",
     "@salutejs/prettier-config": "0.3.0",
     "@testing-library/cypress": "7.0.7",
     "@types/cypress-image-snapshot": "3.1.6",
+    "@types/lodash": "4.14.191",
     "@types/mocha": "9.0.0",
     "@types/node": "16.11.6",
     "@types/react-native": "0.69.6",
@@ -132,6 +133,7 @@
     "webpack-dev-server": "3.11.2"
   },
   "dependencies": {
+    "cypress-real-events": "1.12.0",
     "babel-plugin-annotate-pure-calls": "0.4.0",
     "patch-package": "8.0.0"
   },

packages/caldera-online/api/caldera-online.api.md

@@ -22,12 +22,8 @@ import { bodyXXSBold } from '@salutejs/caldera-online-themes/tokens';
 import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types';
 import { ButtonHTMLAttributes } from 'react';
 import { ButtonProps as ButtonProps_2 } from '@salutejs/plasma-new-hope/styled-components';
-import { ComponentClass } from 'react';
-import { CustomDropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
-import { DropdownPlacement } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownProps } from '@salutejs/plasma-new-hope/styled-components';
-import { DropdownTrigger } from '@salutejs/plasma-new-hope/styled-components';
 import { dsplL } from '@salutejs/caldera-online-themes/tokens';
 import { dsplLBold } from '@salutejs/caldera-online-themes/tokens';
 import { dsplM } from '@salutejs/caldera-online-themes/tokens';
@@ -50,7 +46,6 @@ import { h5 } from '@salutejs/caldera-online-themes/tokens';
 import { h5Bold } from '@salutejs/caldera-online-themes/tokens';
 import { HTMLAttributes } from 'react';
 import type { InputHTMLAttributes } from 'react';
-import { JSXElementConstructor } from 'react';
 import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
 import { mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
 import { modalClasses } from '@salutejs/plasma-new-hope/styled-components';
@@ -63,10 +58,7 @@ import { PopupProps } from '@salutejs/plasma-new-hope/styled-components';
 import { PopupProvider } from '@salutejs/plasma-new-hope/styled-components';
 import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types';
 import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
-import { ReactElement } from 'react';
-import { ReactFragment } from 'react';
 import { ReactNode } from 'react';
-import { ReactPortal } from 'react';
 import { RefAttributes } from 'react';
 import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -90,7 +82,6 @@ import { ToastRole } from '@salutejs/plasma-new-hope/styled-components';
 import { usePopupContext } from '@salutejs/plasma-new-hope/styled-components';
 import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
 import { useToast } from '@salutejs/plasma-new-hope/styled-components';
-import { Variants } from '@salutejs/plasma-new-hope/types/engines/types';
 
 export { addFocus }
 
@@ -211,7 +202,7 @@ export const Checkbox: FunctionComponent<BaseboxProps>;
 // @public (undocumented)
 export type CheckboxProps = typeof CheckboxComponent;
 
-// @public
+// @public (undocumented)
 export const Dropdown: FunctionComponent<PropsType<    {
 size: {
 xs: string;
@@ -221,35 +212,11 @@ l: string;
 };
 view: {
 default: string;
-primary: string;
 };
-}> & HTMLAttributes<HTMLDivElement> & CustomDropdownProps & RefAttributes<HTMLDivElement>>;
-
-// @public
-export const DropdownItem: FunctionComponent<PropsType<Variants> & Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
-id?: string | undefined;
-disabled?: boolean | undefined;
-label?: ReactNode;
-role?: string | undefined;
-contentLeft?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ReactFragment | ReactPortal | ComponentClass<any, any> | null | undefined;
-contentRight?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ReactFragment | ReactPortal | ComponentClass<any, any> | null | undefined;
-name?: string | undefined;
-checked?: boolean | undefined;
-text?: string | undefined;
-value?: string | number | boolean | undefined;
-isSelected?: boolean | undefined;
-onClick?: ((event: MouseEvent_2<HTMLDivElement, MouseEvent>) => void) | undefined;
-onSelect?: ((value?: any, text?: any) => void) | undefined;
-size?: string | undefined;
-view?: string | undefined;
-} & RefAttributes<HTMLDivElement>>;
-
-export { DropdownPlacement }
+}> & DropdownProps & RefAttributes<HTMLDivElement>>;
 
 export { DropdownProps }
 
-export { DropdownTrigger }
-
 // @public (undocumented)
 export const DsplL: FunctionComponent<PropsType<    {
 size: {

packages/caldera-online/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/caldera-online",
-  "version": "0.37.0",
+  "version": "0.40.0-dev.0",
   "description": "Salute Design System / React UI kit for Caldera-online web applications",
   "author": "Salute Frontend Team <[email protected]>",
   "license": "MIT",
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@salutejs/caldera-online-themes": "0.11.0",
-    "@salutejs/plasma-new-hope": "0.77.0"
+    "@salutejs/plasma-new-hope": "0.80.0-dev.0"
   },
   "peerDependencies": {
     "react": ">=16.13.1",
@@ -95,4 +95,4 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false
-}
+}