@ui5/cra-template-webcomponents-react - npm Package Compare versions

Comparing version 0.0.0-79c9f3f1 to 0.0.0-7eb5942e

CHANGELOG.md

@@ -6,4 +6,60 @@ # Change Log
 
-# [0.0.0-79c9f3f1](https://github.com/SAP/ui5-webcomponents-react/compare/v0.9.0-rc.15...v0.0.0-79c9f3f1) (2020-04-20)
+# [0.0.0-7eb5942e](https://github.com/SAP/ui5-webcomponents-react/compare/v0.17.3...v0.0.0-7eb5942e) (2021-08-06)
 
+
+### Features
+
+* update `@ui5/webcomponents` to 1.0.0-rc.15 ([#1873](https://github.com/SAP/ui5-webcomponents-react/issues/1873)) ([db2145f](https://github.com/SAP/ui5-webcomponents-react/commit/db2145f5057fecbd698634a78c60f42769d20f2d))
+
+
+### BREAKING CHANGES
+
+* updated `@ui5/webcomponents` to 1.0.0-rc.15. This update includes several breaking changes that are reflected in this library as well. Please visit our [Migration Guide](https://sap.github.io/ui5-webcomponents-react/?path=/docs/migration-guide--page#migrating-from-017x-to-0180) for update instructions.
+* **ActionSheet**: the ActionSheet can now be opened with `actionSheetRef.current.showAt(opener)` instead of `actionSheetRef.current.open(opener)`
+* **Avatar**: `img` prop is replaced by `children` with a `<img>` component
+* **Breadcrumbs**: the `Breadcrumbs` component has been replaced with the official UI5 Web Component. Please visit our migration guide for details.
+* **Card**: props `headerInteractive`, `status`,  `subtitleText`, `titleText`, `action`, `avatar` and `onHeaderClick` have been removed. Please use the `CardHeader` component instead and pass it to the new `header` prop of the Card.
+* **Carousel**: `selectedIndex`, `infiniteScrollOffset`, and  `onLoadMore` are removed, use the `onNavigate` event to load more items.
+* **ComboBox**: The `filterValue` property has been removed. The `value` property should be used as now it represents the "live" value of the component.
+* **Dialog**: Dialogs can now be opened with `dialogRef.current.show()` instead of `dialogRef.current.open()`
+* **DurationPicker**: Component was made private by the UI5 Web Components, hence it's removed here as well.
+* **MessageStrip**: rename `MessageStripType` enum to `MessageStripDesign`. The prop `type` has been renamed to `design` and now accepts `MessageStripDesign` values.
+* **RadioButton**: the `onSelect` event has been renamed to `onChange`. Read the state of the Radio Button in the event handler with `event.target.checked`.
+* **ResponsivePopover**: the responsive popover can now be opened with `popoverRef.current.showAt(opener)` instead of `popoverRef.current.open(opener)`
+* **Popover**: the popover can now be opened with `popoverRef.current.showAt(opener)` instead of `popoverRef.current.openBy(opener)`
+* **SegmentedButton**: The SegmentedButton no longer accepts `ToggleButton` as children but expects `SegmentedButtonItem`.
+* **SuggestionItem**: prop `group` is not longer supported. Please use the `SuggestionItemGroup` component instead for creating groups.
+* **Wizard**: the `onSelectionChange` event has been renamed to `onStepChange`. In addition, the event param `selectedStep` has been renamed to `step` and `previouslySelectedStep` has been renamed to `previousStep`.
+* **deleted enums**:  `AvatarFitType` (Avatar component doesn't support the fitType prop anymore), `TabContainerHeaderMode`, `TabDesignMode`,  `SearchFunctions` (all three unused), `TabContainerTabsPlacement` (TabContainer component doesn't accept the placement prop anymore)
+* **renamed enums**: `AvatarBackgroundColor` to `AvatarColorScheme`, `PlacementType` to `PopoverPlacementType`, `PanelAccessibleRoles` to `PanelAccessibleRole`, `ListItemTypes` to `ListItemType`
+* **PageBackgroundDesign**: `PageBackgroundDesign.Standard` has been removed. Please use `PageBackgroundDesign.Solid` instead.
+
+
+
+
+
+## [0.17.3](https://github.com/SAP/ui5-webcomponents-react/compare/v0.17.2...v0.17.3) (2021-08-02)
+
+
+### Bug Fixes
+
+* improve setupMatchMedia for cra-templates and docs ([#1909](https://github.com/SAP/ui5-webcomponents-react/issues/1909)) ([d8ef7a1](https://github.com/SAP/ui5-webcomponents-react/commit/d8ef7a130d09229f2c5f9b4d3fa3ee67f0e6e256))
+
+
+
+
+
+## [0.17.1](https://github.com/SAP/ui5-webcomponents-react/compare/v0.17.0...v0.17.1) (2021-07-16)
+
+
+### Bug Fixes
+
+* **cra-templates:** always use latest version of ui5-webcomponents-react ([#1829](https://github.com/SAP/ui5-webcomponents-react/issues/1829)) ([623dc51](https://github.com/SAP/ui5-webcomponents-react/commit/623dc51117551f28d1d4418722a27883effcea47))
+
+
+
+
+
+# [0.17.0](https://github.com/SAP/ui5-webcomponents-react/compare/v0.16.6...v0.17.0) (2021-07-15)
+
 **Note:** Version bump only for package @ui5/cra-template-webcomponents-react
@@ -15,2 +71,224 @@
 
+## [0.16.2](https://github.com/SAP/ui5-webcomponents-react/compare/v0.16.1...v0.16.2) (2021-06-02)
+
+
+### Bug Fixes
+
+* **cra-templates:** use latest UI5 Web Components for React version ([#1666](https://github.com/SAP/ui5-webcomponents-react/issues/1666)) ([d0dc44e](https://github.com/SAP/ui5-webcomponents-react/commit/d0dc44e52cf4bb394e2d95992f8d86503b922d12))
+
+
+
+
+
+# [0.16.0](https://github.com/SAP/ui5-webcomponents-react/compare/v0.15.4...v0.16.0) (2021-05-11)
+
+**Note:** Version bump only for package @ui5/cra-template-webcomponents-react
+
+
+
+
+
+## [0.15.4](https://github.com/SAP/ui5-webcomponents-react/compare/v0.15.3...v0.15.4) (2021-04-28)
+
+**Note:** Version bump only for package @ui5/cra-template-webcomponents-react
+
+
+
+
+
+## [0.15.2](https://github.com/SAP/ui5-webcomponents-react/compare/v0.15.1...v0.15.2) (2021-04-01)
+
+
+### Features
+
+* update @ui5/webcomponents to 1.0.0-rc.14 ([#1478](https://github.com/SAP/ui5-webcomponents-react/issues/1478)) ([bea31ee](https://github.com/SAP/ui5-webcomponents-react/commit/bea31ee9d2f200a80738410dabb9eae6f85b35bd))
+
+
+
+
+
+# [0.15.0](https://github.com/SAP/ui5-webcomponents-react/compare/v0.14.5...v0.15.0) (2021-03-30)
+
+
+### Features
+
+* update ui5 web components to 1.0.0-rc.13 ([#1462](https://github.com/SAP/ui5-webcomponents-react/issues/1462)) ([9a0b132](https://github.com/SAP/ui5-webcomponents-react/commit/9a0b132f97f734c69e64fdecb2778832dd7479d8))
+
+
+### BREAKING CHANGES
+
+* **Device**: `isEdge`, `isChrome`, `isFF`, `isMobile`, `isAndroid`, `getOS`, `getSystem`, `getBrowser` have been removed without replacement
+* **Device**: `supportTouch` has been renamed to `supportsTouch`
+* **Input**: The `onSubmit` event is now removed. The `onSubmit` functionality must be added with a custom code - listen for the standard `onKeyDown` event and check if `ENTER` is pressed to submit a form, containing the input component.
+* **List**: The `infiniteScroll` prop has been removed, use `growing={ListGrowingMode.Scroll}` instead
+
+
+
+
+
+## [0.14.2](https://github.com/SAP/ui5-webcomponents-react/compare/v0.14.1...v0.14.2) (2021-02-24)
+
+
+### Bug Fixes
+
+* **cra-template:** add asset imports ([#1322](https://github.com/SAP/ui5-webcomponents-react/issues/1322)) ([0dc453f](https://github.com/SAP/ui5-webcomponents-react/commit/0dc453f12d6df0f2c39f77bffea1838f69cfb59c))
+
+
+
+
+
+# [0.14.0](https://github.com/SAP/ui5-webcomponents-react/compare/v0.14.0-rc.0...v0.14.0) (2021-02-18)
+
+
+### Bug Fixes
+
+* fix tests in both create-react-app templates ([c7df584](https://github.com/SAP/ui5-webcomponents-react/commit/c7df58477b629e328c12097b4c2f535569be5363))
+
+
+
+
+
+# [0.14.0-rc.0](https://github.com/SAP/ui5-webcomponents-react/compare/v0.13.9...v0.14.0-rc.0) (2021-02-18)
+
+
+### Features
+
+* update wrapper components to @ui5/web components 1.0.0-rc.12 ([#1298](https://github.com/SAP/ui5-webcomponents-react/issues/1298)) ([c385a8d](https://github.com/SAP/ui5-webcomponents-react/commit/c385a8dd1b68384bfe1e24a084a325ff937bd9a0))
+
+
+### BREAKING CHANGES
+
+* All UI5 Web Components Wrappers have been updated to `@ui5/webcomponents@1.0.0-rc.12`, please check the [release notes](https://github.com/SAP/ui5-webcomponents/releases/tag/v1.0.0-rc.12) as well.
+* **Page**: Replaced custom component with `ui5-page` web component. Please check our [migration guide](https://sap.github.io/ui5-webcomponents-react/master/?path=/docs/migration-guide--page#replaced-component-page) for more details.
+* **Table**: prop `hasMore` has been removed, use `growing` instead
+* **Table**: prop `loadMoreText` has been renamed to `moreText `
+* **Table**: prop `loadMoreSubtext` has been renamed to `moreSubtext`
+* **Calendar**: prop `selectedDates` has been removed, please set selected dates via the `CalendarDate` component as child of the `Calendar`
+* **Calendar**: prop `selection` has been renamed to `selectionMode`
+* **Calendar**: prop `timestamp ` has been removed
+* **Slider**: unused prop `children` has been removed
+
+
+
+
+
+# [0.13.0](https://github.com/SAP/ui5-webcomponents-react/compare/v0.12.4...v0.13.0) (2021-01-07)
+
+
+### Features
+
+* update @ui5/webcomponents to 1.0.0-rc.11 ([#1108](https://github.com/SAP/ui5-webcomponents-react/issues/1108)) ([905dbca](https://github.com/SAP/ui5-webcomponents-react/commit/905dbca96911c1eefdcab212790c2961eda70d5f))
+
+
+### BREAKING CHANGES
+
+* `NotificationOverflowAction` got renamed to `NotificationAction`
+* **BarDesign**: removed BarDesign `Auto` 
+* **Bar**: prop `contentLeft` is now `startContent`
+* **Bar**: prop `contentMiddle` is now `middleContent`
+* **Bar**: prop `contentRight` is now `endContent`
+
+
+
+
+
+# [0.12.0](https://github.com/SAP/ui5-webcomponents-react/compare/v0.11.4...v0.12.0) (2020-11-16)
+
+
+### Features
+
+* update @ui5/webcomponents to 1.0.0-rc.10 ([#946](https://github.com/SAP/ui5-webcomponents-react/issues/946)) ([801e64a](https://github.com/SAP/ui5-webcomponents-react/commit/801e64a9979e7f5ba0c7a285485c8e8d753d416d))
+
+
+### BREAKING CHANGES
+
+* Icon import paths changed from e.g. `@ui5/webcomponents/dist/icons/add.js` to `@ui5/webcomponents-icons/dist/icons/add.js`. (`icon` directory got removed)
+
+
+
+
+
+# [0.11.0](https://github.com/SAP/ui5-webcomponents-react/compare/v0.11.0-rc.1...v0.11.0) (2020-10-15)
+
+**Note:** Version bump only for package @ui5/cra-template-webcomponents-react
+
+
+
+
+
+# [0.11.0-rc.0](https://github.com/SAP/ui5-webcomponents-react/compare/v0.10.10...v0.11.0-rc.0) (2020-10-08)
+
+
+### Features
+
+* upgrade ui5-webcomponents to 1.0.0-rc.9 ([#705](https://github.com/SAP/ui5-webcomponents-react/issues/705)) ([fb7d5c6](https://github.com/SAP/ui5-webcomponents-react/commit/fb7d5c62d10a6afa161cbd55c75850a068ec3383)), closes [#674](https://github.com/SAP/ui5-webcomponents-react/issues/674)
+
+
+### BREAKING CHANGES
+
+* **Token**: the Token text is now defined via the `text` prop, `children` has no effect anymore.
+* **Token**: `onDelete` is removed as the Token shouldn’t be used as a standalone component.
+
+
+
+
+
+# [0.10.0](https://github.com/SAP/ui5-webcomponents-react/compare/v0.10.0-rc.11...v0.10.0) (2020-07-30)
+
+
+### Features
+
+* update to [ui5-webcomponents 1.0.0-rc.8](https://github.com/SAP/ui5-webcomponents/releases/tag/v1.0.0-rc.8) ([#623](https://github.com/SAP/ui5-webcomponents-react/issues/623)) ([45bbc8c](https://github.com/SAP/ui5-webcomponents-react/commit/45bbc8cb8d9c43774ae44ff15e4026c67be434c3))
+
+
+### BREAKING CHANGES
+
+* Deleted `Notification` component, replaced by `NotificationListItem`
+* Deleted `NotificationGroup` component, replaced by `NotificationGroupListItem`
+* **ProgressIndicator** replaced by UI5 Web Component with new API
+* **ShellBar**: `logo` is now accepting an `img` tag or the `Avatar` component. Passing a `string` with the URL to the image is not longer supported.
+* **TabContainer** will no longer automatically select the first tab, if no tab is selected. If you relied on this behaviour, you should now explicitly set the selected property on the first tab.
+
+
+
+
+
+## [0.9.4](https://github.com/SAP/ui5-webcomponents-react/compare/v0.9.3...v0.9.4) (2020-05-08)
+
+
+### Bug Fixes
+
+* **cra-template:** fix test to be successful ([#497](https://github.com/SAP/ui5-webcomponents-react/issues/497)) ([f5932fa](https://github.com/SAP/ui5-webcomponents-react/commit/f5932fa0e2aa9cf236b718cf18a6bee49cf189af))
+
+
+
+
+
+# [0.9.0](https://github.com/SAP/ui5-webcomponents-react/compare/v1.0.0...v0.9.0) (2020-04-30)
+
+**Note:** Version bump only for package @ui5/cra-template-webcomponents-react
+
+
+
+
+
+# [1.0.0](https://github.com/SAP/ui5-webcomponents-react/compare/v0.9.0-rc.18...v1.0.0) (2020-04-30)
+
+
+### Features
+
+* update to @ui5/webcomponents 1.0.0-rc.7 ([#468](https://github.com/SAP/ui5-webcomponents-react/issues/468)) ([3b14676](https://github.com/SAP/ui5-webcomponents-react/commit/3b14676100659f602e08e571c0a63b400b274c82))
+
+
+### BREAKING CHANGES
+
+* *Carousel*: rename prop `cycling` to `cyclic`
+* *Carousel*: replace prop `itemsPerPage` with `itemsPerPageL`, `itemsPerPageM`, `itemsPerPageS`
+* *ThemeProvider*: remove `theme` prop as the UI5 Web Components are now provding all CSS Variables and we rely completely on the Web Components Theme
+* Delete `@ui5/webcomponents-react/lib/ThemingSupport` as it is not needed anymore
+
+
+
+
+
 # [0.9.0-rc.15](https://github.com/SAP/ui5-webcomponents-react/compare/v0.9.0-rc.14...v0.9.0-rc.15) (2020-04-16)
@@ -17,0 +295,0 @@

package.json

 {
   "name": "@ui5/cra-template-webcomponents-react",
-  "version": "0.0.0-79c9f3f1",
+  "version": "0.0.0-7eb5942e",
   "keywords": [
@@ -33,3 +33,3 @@ "react",
   },
-  "gitHead": "79c9f3f1e77399c0c5edf23b498e80bc1bc37246"
+  "gitHead": "7eb5942e1148dcde6eae4f4b82078d760ad54f0e"
 }

template.json

 {
   "package": {
     "dependencies": {
-      "@ui5/webcomponents": "1.0.0-rc.6",
-      "@ui5/webcomponents-fiori": "1.0.0-rc.6",
-      "@ui5/webcomponents-icons": "1.0.0-rc.6",
-      "@ui5/webcomponents-react": "^0.9.0-rc.14",
-      "@testing-library/react": "^9.3.2",
-      "@testing-library/jest-dom": "^4.2.4",
-      "@testing-library/user-event": "^7.1.2",
-      "jest-environment-jsdom-sixteen": "^1.0.3"
+      "@ui5/webcomponents": "1.0.0-rc.15",
+      "@ui5/webcomponents-fiori": "1.0.0-rc.15",
+      "@ui5/webcomponents-icons": "1.0.0-rc.15",
+      "@ui5/webcomponents-react": "latest",
+      "@testing-library/jest-dom": "^5.11.4",
+      "@testing-library/react": "^11.1.0",
+      "@testing-library/user-event": "^12.1.10"
     },
-    "scripts": {
-      "test": "react-scripts test --env jest-environment-jsdom-sixteen"
-    },
     "jest": {
@@ -17,0 +13,0 @@ "transformIgnorePatterns": [

template/src/App.js

@@ -1,20 +0,28 @@
-import { ThemeProvider } from '@ui5/webcomponents-react/lib/ThemeProvider';
+import {
+  FlexBox,
+  FlexBoxAlignItems,
+  FlexBoxDirection,
+  FlexBoxJustifyContent,
+  Link,
+  LinkDesign,
+  ShellBar,
+  ThemeProvider
+} from '@ui5/webcomponents-react';
 import React from 'react';
 import './App.css';
-import logo from './logo.svg';
 
 function App() {
   return (
-    <ThemeProvider withToastContainer>
-      <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <p>
-            Edit <code>src/App.js</code> and save to reload.
-          </p>
-          <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
-            Learn React
-          </a>
-        </header>
-      </div>
+    <ThemeProvider>
+      <ShellBar primaryTitle="UI5 Web Components for React Template" />
+      <FlexBox
+        style={{ width: '100%', height: '100vh' }}
+        direction={FlexBoxDirection.Column}
+        justifyContent={FlexBoxJustifyContent.Center}
+        alignItems={FlexBoxAlignItems.Center}
+      >
+        <Link href="https://sap.github.io/ui5-webcomponents-react/" target="_blank" design={LinkDesign.Emphasized}>
+          Getting Started with UI5 Web Component for React
+        </Link>
+      </FlexBox>
     </ThemeProvider>
@@ -21,0 +29,0 @@ );

template/src/App.test.js

@@ -7,4 +7,4 @@ import { render } from '@testing-library/react';
   const { getByText } = render(<App />);
-  const linkElement = getByText(/learn react/i);
+  const linkElement = getByText(/Getting Started with UI5 Web Component for React/i);
   expect(linkElement).toBeInTheDocument();
 });

template/src/index.js

@@ -0,1 +1,4 @@
+import '@ui5/webcomponents/dist/Assets.js';
+import '@ui5/webcomponents-fiori/dist/Assets.js';
+import '@ui5/webcomponents-react/dist/Assets';
 import React from 'react';
@@ -2,0 +5,0 @@ import ReactDOM from 'react-dom';

template/src/setupTests.js

@@ -6,1 +6,35 @@ // jest-dom adds custom jest matchers for asserting on DOM nodes.
 import '@testing-library/jest-dom/extend-expect';
+import ResizeObserverPolyfill from 'resize-observer-polyfill';
+
+const setupMatchMedia = () => {
+  Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: jest.fn().mockImplementation((query) => {
+      const maxWidth = parseInt(/max-width:(?<maxWidth>\d+)px/.exec(query)?.groups?.maxWidth);
+      const minWidth = parseInt(/min-width:(?<minWidth>\d+)px/.exec(query)?.groups?.minWidth);
+
+      let matches =
+        (minWidth ? minWidth <= window.innerWidth : true) && (maxWidth ? window.innerWidth <= maxWidth : true);
+
+      if (query === '(orientation: landscape)') {
+        matches = window.innerWidth > window.innerHeight;
+      }
+
+      return {
+        matches,
+        media: query,
+        onchange: null,
+        addListener: jest.fn(), // deprecated
+        removeListener: jest.fn(), // deprecated
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        dispatchEvent: jest.fn()
+      };
+    })
+  });
+};
+
+beforeEach(() => {
+  setupMatchMedia();
+  window.ResizeObserver = ResizeObserverPolyfill;
+});

Fixed alerts

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

63507

increased by27.08%

Number of low license alerts

0

decreased by-100%

License quality

100

increased by25%

Lines of code

291

increased by14.12%

Worsened metrics

Number of package files

21

decreased by-4.55%

No dependency changes