@nordicsemiconductor/pc-nrfconnect-shared 60.0.0-pre1 → 76.0.0

package/Changelog.md

@@ -7,26 +7,243 @@ This project does _not_ adhere to
 [Semantic Versioning](https://semver.org/spec/v2.0.0.html) but contrary to it
 every new version is a new major version.
 
-## 60 - Unreleased
+## 76 - 2023-07-28
+
+### Changed
+
+-   Turn on tree-shaking for tailwind classes during a development build.
+
+## 75 - 2023-07-26
+
+### Added
+
+-   Material UI color shades 50-900 for 'red', 'indigo', 'amber', 'purple',
+    'green', 'deepPurple', 'orange', 'lime', 'lightGreen', 'lightBlue', 'pink',
+    such as e.g. `tw-bg-red-300`
+-   Default Material UI color for 'red', 'indigo', 'amber', 'purple', 'green',
+    'deepPurple', 'orange', 'lime', 'lightGreen', 'lightBlue', 'pink' which uses
+    the 500 shade e.g `tw-bg-red`
+-   NordicBlue shades 50-900 e.g. `tw-bg-nordicBlue-300`
+-   `NumberInputSliderWithUnit` component that merges a number input with unit
+    and a slider with one element
+-   `Button` variant `link-button` with white background, and nordic blue text
+    and border
+
+### Changed
+
+-   `Button` converted to tailwind
+-   `DisplayConflictingSettings` converted to tailwind
+-   `About` converted to tailwind
+-   `Feedback` converted to tailwind
+
+### Fixed
+
+-   `DisplayConflictingSettings` spacing and minor UI inconsistencies
+
+## 74 - 2023-07-18
+
+### Fixed
+
+-   `ConflictingSettingsDialog` used stale/old `active` serial settings
+    information.
+
+## 73 - 2023-07-14
+
+### Removed
+
+-   `custom` variant for the `Button` component.
+
+### Steps to upgrade when using this package
+
+-   `custom` variant `Button`s have to be replaced with `button` elements.
+
+## 72 - 2023-07-13
+
+### Added
+
+-   export `persistNickname` and `getPersistedNickname`.
+
+## 71 - 2023-07-11
+
+### Fixed
+
+-   `SwitchToApplicationMode` does not call on success when device is already in
+    application mode
+
+## 70 - 2023-07-07
+
+### Fixed
+
+-   `Dropdown` UI broken due to lack of `tw-preflight` class
+
+## 69 - 2023-07-07
+
+### Added
+
+-   Turn off tree-shaking for tailwind classes during a development build.
+-   Added .tw-preflight css class to be used when transitioning to tailwind. For
+    more details:
+    https://github.com/NordicSemiconductor/pc-nrfconnect-shared/blob/main/src/App/preflight.scss
+
+### Changed
+
+-   Borders for all button variants except `secondary` are now the same as their
+    background colour.
+-   The project specific tailwind config will now be used for post-processing if
+    it exists.
+-   Device setup dialog hides prompt message while in progress.
+
+### Fixed
+
+-   Button x-padding adapts to large vs small button
+-   Device setup fails report sdfu different FW version
+-   Device setup does not show the choices radio boxes
+
+## 68 - 2023-07-05
+
+### Added
+
+-   `prettier-plugin-tailwindcss` for ordering Tailwind classes.
+
+### Fixed
+
+-   A fresh npm i without `package-lock.json` and no `node_modules` folder
+    resulted in `util.promisify` is not a function
+-   Button lost x-padding with the addition of tailwind
+
+## 67 - 2023-07-04
+
+### Added
+
+-   Tailwind support. Use `tw-` prefix for tailwind classes and no prefix for
+    bootstrap classes.
+
+### Fixed
+
+-   Usage data (`insights` object) was possibly undefined.
+
+### Steps to upgrade when using this package
+
+-   While technically not necessary in production, to use the tailwind language
+    server you will have to create a `tailwind.config.js` file with the
+    following contents in your project root:
+
+```js
+/*
+ * Copyright (c) 2023 Nordic Semiconductor ASA
+ *
+ * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
+ */
+
+const baseConfig = require('pc-nrfconnect-shared/config/tailwind.config.js');
+
+module.exports = {
+    ...baseConfig,
+};
+```
+
+## 66 - 2023-07-03
+
+### Fixed
+
+-   `Restart application with verbose logging` button did not restart
+    application
+-   Margin on feedback pane
+-   Improve `NavBar` layout when there are a lot of tabs
+
+## 65 - 2023-07-03
+
+### Changed
+
+-   'AppThunk<ReturnType>' to 'AppThunk<AppLayout, ReturnType>'
+
+### Steps to upgrade when using this package
+
+-   If 'AppThunk' is used with return type generic, add AppLayout (RootState)
+    'AppThunk<AppLayout, ReturnType>'
+
+## 64 - 2023-07-03
+
+### Added
+
+-   Export 'AppThunk<ReturnType>' for apps to use
+-   Export 'AppDispatch' for apps to use
+
+### Changed
+
+-   Replace Google Analytics with Application Insights.
+
+## 63 - 2023-06-27
+
+### Added
+
+-   Hook `useFocusedOnVisible` to focus an element when a dialog becomes
+    visible.
+
+### Changed
+
+-   Flash Messages: slide-in effect duration reduced to 300ms.
+-   Flash Messages: loader effect ends before slide-out effect begins.
+
+## 62 - 2023-06-26
+
+### Added
+
+-   Slide-out effect for Flash messages.
+
+### Changed
+
+-   Reduced time for CopiedFlashMessage, from 12s to 3s.
+-   Faster slide-in effect for Flash messages.
+
+## 61 - 2023-06-23
+
+### Added
+
+-   `Dropdown` component now accepts className.
+-   `feedback` property in `App` component to add the feedback pane and
+    alternatively add custom categories.
+
+### Changed
+
+-   `documentation` is now supplied to the `About` pane through props.
+
+### Removed
+
+-   `FeedbackPane` is no longer exported.
+
+### Steps to upgrade when using this package
+
+-   If you want to include the `FeedbackPane` in your app, provide the
+    `feedback` property to the `App` component.
+
+## 60 - 2023-06-21
 
 ### Added
 
 -   Exported `getWaitForDevice` hance allowing apps to resort previous state if
     needed
 
+### Added
+
+-   Flash Messages feature. Comes with convenience thunk functions in order to
+    create info, success, warning, and error messages.
+
 ### Changed
 
 -   FeedbackPane: Change **Platform** to **Operating system**, and remove the
     link, which opened nodejs documentation.
 
-### Removed
-
--   Support for `LegacyPane`
-
 ### Fixed
 
+-   Device remains selected if waiting for device is ongoing and
+    `clearWaitForDevice` is called
 -   `DeviceSetup` on reject `isExpectedFirmware` used to fail silently
 
+### Removed
+
+-   Support for `LegacyPane`
+
 ### Steps to upgrade when using this package
 
 -   Replace all instances of `LegacyPane` with `Pane` in the `panes` property of

package/config/colors.js

@@ -0,0 +1,46 @@
+/*
+ * Copyright (c) 2023 Nordic Semiconductor ASA
+ *
+ * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
+ */
+const flattenedColors = require('../src/utils/colors').colors;
+
+const paletteColorsKeys = [
+    'nordicBlue',
+    'gray',
+    'red',
+    'indigo',
+    'amber',
+    'purple',
+    'green',
+    'deepPurple',
+    'orange',
+    'lime',
+    'lightGreen',
+    'lightBlue',
+    'pink',
+];
+
+const paletteColors = {};
+
+paletteColorsKeys.forEach(color => {
+    const colorList = Object.entries(flattenedColors)
+        .filter(([key]) => key.startsWith(color))
+        .map(([key, value]) => {
+            if (key === color) {
+                return ['DEFAULT', value];
+            }
+            return [key.replace(color, ''), value];
+        });
+
+    paletteColors[color] = Object.fromEntries(colorList);
+});
+
+const colors = Object.entries(flattenedColors).filter(
+    ([key]) => !paletteColorsKeys.find(c => key.startsWith(c))
+);
+
+module.exports = {
+    ...Object.fromEntries(colors),
+    ...paletteColors,
+};

package/config/tailwind.config.js

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2023 Nordic Semiconductor ASA
+ *
+ * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
+ */
+
+const colors = require('./colors');
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    important: true,
+    prefix: 'tw-',
+    content: [
+        './src/**/*.{html,jsx,tsx}',
+        './node_modules/pc-nrfconnect-shared/src/**/*.tsx',
+    ],
+    theme: {
+        colors,
+        extend: {},
+    },
+    corePlugins: {
+        preflight: false,
+    },
+    plugins: [],
+};

package/config/tsconfig.json

@@ -10,6 +10,7 @@
         "strict": true,
         "isolatedModules": true,
         "forceConsistentCasingInFileNames": true,
-        "resolveJsonModule": true
+        "resolveJsonModule": true,
+        "skipLibCheck": true
     }
 }