Merge branch 'master' into fix/inputgroup-validation

Author: jacobdevera

.storybook/custom/custom.scss

@@ -1,3 +1,7 @@
+html {
+    font-size: 16px;
+}
+
 body {
     font-family: '72', 'Open Sans', sans-serif;
 }

CHANGELOG.md

@@ -2,6 +2,43 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [0.14.0-rc.5](https://github.com/SAP/fundamental-react/compare/v0.14.0-rc.4...v0.14.0-rc.5) (2020-11-06)
+
+
+### ⚠ BREAKING CHANGES
+
+* Removed `todayAction` property from Datepicker. Add `todayActionType` property to Datepicker to configure the type of today action. Update Datepicker to use a label for the Today action button from `localizedText.todayLabel`.
+
+### Bug Fixes
+
+* Datepicker today actions props interface ([#1259](https://github.com/SAP/fundamental-react/issues/1259)) ([74ba734](https://github.com/SAP/fundamental-react/commit/74ba7345b6961e678724802db413e960d8738a4e))
+
+## [0.14.0-rc.4](https://github.com/SAP/fundamental-react/compare/v0.14.0-rc.3...v0.14.0-rc.4) (2020-11-05)
+
+
+### Bug Fixes
+
+* Call DatePicker buttonProps.onClick when button is clicked ([#1258](https://github.com/SAP/fundamental-react/issues/1258)) ([a6a5d95](https://github.com/SAP/fundamental-react/commit/a6a5d955a972b579c6819b917cb1031c0c55035c))
+
+## [0.14.0-rc.3](https://github.com/SAP/fundamental-react/compare/v0.14.0-rc.2...v0.14.0-rc.3) (2020-11-05)
+
+
+### ⚠ BREAKING CHANGES
+
+* `form-select` component has been removed
+
+* feat: update fd-styles to 0.13.0-rc.34
+
+* chore: update storybook tests
+
+* chore: remove FormSelect from index
+
+### Features
+
+* update fd-styles to 0.13.0-rc.34 ([#1257](https://github.com/SAP/fundamental-react/issues/1257)) ([0136683](https://github.com/SAP/fundamental-react/commit/01366833fe8a3e918efd92c72a8e4e1dbee5fa74))
+
+## [0.14.0-rc.2](https://github.com/SAP/fundamental-react/compare/v0.14.0-rc.1...v0.14.0-rc.2) (2020-11-05)
+
 ## [0.14.0-rc.1](https://github.com/SAP/fundamental-react/compare/v0.14.0-rc.0...v0.14.0-rc.1) (2020-10-20)
 
 

README.md

@@ -75,6 +75,14 @@ For an existing react application, follow the steps below:
 
 Additionally, edit your webpack configuration to load font and icon fonts - see [file-loader](https://webpack.js.org/loaders/file-loader/).
 
+All styles are based on `rem` units. Include the following in your CSS to ensure components are sized correctly:
+
+```css
+    html {
+        font-size: 16px;
+    }
+```
+
 ## Versioning
 
 The `fundamental-react` library follows [Semantic Versioning](https://semver.org/). These components strictly adhere to the `[MAJOR].[MINOR].[PATCH]` numbering system (also known as `[BREAKING].[FEATURE].[FIX]`).

devtools/buildVisualStories.js

@@ -1,57 +1,73 @@
+/* eslint-disable no-console */
 const { lstatSync, readdirSync, writeFileSync } = require('fs');
 const path = require('path');
+const rimraf = require('rimraf');
 
-const srcPath = path.join(__dirname, '../src');
 
-const isComponentDirectory = (source) => {
-    const ignoredDirectories = ['utils', 'Docs'];
-    return lstatSync(source).isDirectory() && !ignoredDirectories.some(ignored => source.includes(ignored));
-};
+console.info('Trying to clean/remove all visual stories. 🗑 ');
 
-const componentDirs = readdirSync(srcPath).map(name => path.join(srcPath, name)).filter(isComponentDirectory).map(directory => {
-    return {
-        path: `${directory}/__stories__/`,
-        fileNames: readdirSync(`${directory}/__stories__/`)
-    };
-});
+rimraf('**/*.visual.js', (rimRafError) => {
+    if (rimRafError) {
+        console.error('Unable to clean all visual stories!! ❌', rimRafError);
+    } else {
+        console.info('Removed all visual stories. 🗑 ✅');
+    }
 
-// For every component directory.
-componentDirs.map((directory) => {
-    // Loop through its files.
-    directory.fileNames.map((fileName) => {
-        // get only stories.js files
-        if (fileName.includes('.stories.js')) {
-            // Grab the component name
-            const componentName = fileName.substr(0, fileName.indexOf('.'));
-            // TODO: reenable storyshots for examples using hooks in storybook@6
-            // https://github.com/storybookjs/storybook/releases/tag/v6.0.0-alpha.43
-            if (componentName === 'Calendar'
-                || componentName === 'Dialog') {
-                return;
-            }
+    console.info('Trying to build all visual stories. 🏗');
 
-            const fileContents = `
-import React from 'react';
-import * as stories from './${componentName}.stories';
+    const srcPath = path.join(__dirname, '../src');
 
-export default {
-    title: 'Visual'
-};
+    const isComponentDirectory = (source) => {
+        const ignoredDirectories = ['utils', 'Docs'];
+        return lstatSync(source).isDirectory() && !ignoredDirectories.some(ignored => source.includes(ignored));
+    };
 
-export const ${componentName} = () => {
-    let storyNames = Object.keys(stories).filter(story => {
-        return story !== 'default' && story !== 'dev';
+    const componentDirs = readdirSync(srcPath).map(name => path.join(srcPath, name)).filter(isComponentDirectory).map(directory => {
+        return {
+            path: `${directory}/__stories__/`,
+            fileNames: readdirSync(`${directory}/__stories__/`)
+        };
     });
 
-    return (<>{storyNames.map((item, index) => <div key={index}>{stories[item]()}</div>)}</>);
-};
-${componentName}.parameters = {
-    docs: { disable: true }
-};
-`;
-            // write the visual story file into the directory.
-            let visualPath = path.join(directory.path, `${componentName}.visual.js`);
-            writeFileSync(visualPath, fileContents);
-        }
+    // For every component directory.
+    componentDirs.map((directory) => {
+        // Loop through its files.
+        directory.fileNames.map((fileName) => {
+            // get only stories.js files
+            if (fileName.includes('.stories.js')) {
+                // Grab the component name
+                const componentName = fileName.substr(0, fileName.indexOf('.'));
+                // TODO: reenable storyshots for examples using hooks in storybook@6
+                // https://github.com/storybookjs/storybook/releases/tag/v6.0.0-alpha.43
+                if (componentName === 'Calendar'
+                    || componentName === 'Dialog') {
+                    return;
+                }
+
+                const fileContents = `
+    import React from 'react';
+    import * as stories from './${componentName}.stories';
+
+    export default {
+        title: 'Visual'
+    };
+
+    export const ${componentName} = () => {
+        let storyNames = Object.keys(stories).filter(story => {
+            return story !== 'default' && story !== 'dev';
+        });
+
+        return (<>{storyNames.map((item, index) => <div key={index}>{stories[item]()}</div>)}</>);
+    };
+    ${componentName}.parameters = {
+        docs: { disable: true }
+    };
+    `;
+                // write the visual story file into the directory.
+                let visualPath = path.join(directory.path, `${componentName}.visual.js`);
+                writeFileSync(visualPath, fileContents);
+            }
+        });
     });
+
 });