5.7.1

.storybook/main.js

@@ -0,0 +1,9 @@
+module.exports = {
+    addons: [
+        "@storybook/addon-backgrounds/register",
+        "@storybook/addon-knobs/register",
+        "@storybook/addon-notes/register-panel"
+    ],
+    presets: ["@storybook/addon-docs/preset"],
+    stories: ["../src/**/*.stories.(mdx|ts)"]
+};

.storybook/preview.js

@@ -0,0 +1,30 @@
+import { addDecorator, addParameters } from "@storybook/html";
+import centered from "@storybook/addon-centered/html";
+import theme from "./theme";
+import { titlelessDocsPage } from "./utils";
+addDecorator(centered);
+addParameters({
+    backgrounds: [{ name: "Light", value: "#f8f8f8", default: true }],
+    options: {
+        theme,
+        storySort: (a, b) => {
+            const sectionA = a[1].id.split("-")[0];
+            const sectionB = b[1].id.split("-")[0];
+            return sectionB.localeCompare(sectionA);
+        }
+    },
+    docs: {
+        page: titlelessDocsPage,
+        extractComponentDescription: (_component, { notes }) => {
+            if (notes) {
+                if (typeof notes === "string") {
+                    return notes;
+                }
+                return Object.keys(notes)
+                    .map((section) => notes[section])
+                    .join("\n");
+            }
+            return null;
+        }
+    }
+});

.storybook/resources.js

@@ -0,0 +1,27 @@
+const dirOptions = ["ltr", "rtl"];
+const themeOptions = ["light", "dark"];
+const positionOptions = ["start", "end"];
+const scaleOptions = ["s", "m", "l"];
+const appearanceOptions = ["solid", "clear", "outline"];
+export const ATTRIBUTES = {
+    dir: {
+        values: dirOptions,
+        defaultValue: dirOptions[0]
+    },
+    theme: {
+        values: themeOptions,
+        defaultValue: themeOptions[0]
+    },
+    scale: {
+        values: scaleOptions,
+        defaultValue: scaleOptions[1]
+    },
+    position: {
+        values: positionOptions,
+        defaultValue: positionOptions[0]
+    },
+    appearance: {
+        values: appearanceOptions,
+        defaultValue: appearanceOptions[0]
+    }
+};

.storybook/theme.js

@@ -0,0 +1,18 @@
+import { create } from "@storybook/theming";
+import logo from "./logo.svg";
+export default create({
+    base: "light",
+    brandTitle: "Calcite App Components",
+    brandUrl: "./",
+    brandImage: logo,
+    addonNotesTheme: {
+        code: {
+            whiteSpace: "normal"
+        },
+        pre: {
+            code: {
+                whiteSpace: "pre"
+            }
+        }
+    }
+});

.storybook/utils.js

@@ -0,0 +1,22 @@
+import colors from "../node_modules/@esri/calcite-colors/colors.json";
+import { DocsPage } from "@storybook/addon-docs/blocks";
+export const darkBackground = [
+    {
+        name: "Dark",
+        value: colors["blk-210"],
+        default: true
+    }
+];
+/**
+ * This transforms a component markdown to properly render in Storybook notes.
+ */
+export const parseReadme = (content) => {
+    return (content
+        // markdown uses relative paths for component links
+        .replace(/\.\.\//g, "https://github.com/Esri/calcite-app-components/tree/master/src/components/"));
+};
+export const createComponentHTML = (tagName, attributes, contentHTML) => `<${tagName} ${attributes.map(({ name, value }) => `${name}="${value}"`).join(" ")}>${contentHTML}</${tagName}>`;
+export const titlelessDocsPage = () => DocsPage({
+    // no title since README already has one
+    titleSlot: () => ""
+});

.storybook/webpack.config.js

@@ -0,0 +1,15 @@
+module.exports = async ({ config }) => {
+    config.module.rules.push({
+        test: /\.ts$/,
+        use: [
+            {
+                loader: require.resolve("awesome-typescript-loader"),
+                options: {
+                    configFileName: "tsconfig-storybook.json"
+                }
+            }
+        ]
+    });
+    config.resolve.extensions.push(".ts");
+    return config;
+};

CHANGELOG.md

@@ -3,25 +3,28 @@
 This document maintains a list of released versions and changes introduced by those versions.
 This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html)
 
-## [5.7.0](https://github.com/Esri/calcite-app-components/compare/v5.6.1...v5.7.0) (2020-04-03)
+### [5.7.1](https://github.com/Esri/calcite-app-components/compare/v5.7.0...v5.7.1) (2020-04-07)
 
+### Bug Fixes
 
-### Features
+- **action, flow, pick-list, sortable-list, tip-manager, value-list:** react to DOM mutations earlier to avoid stagnant renders ([#920](https://github.com/Esri/calcite-app-components/issues/920)) ([700d9f8](https://github.com/Esri/calcite-app-components/commit/700d9f8901abb1a29e5ee01850f920e0ea73d320)), closes [#919](https://github.com/Esri/calcite-app-components/issues/919)
 
-* **action-bar,action-pad:** Add tooltipExpand property ([#904](https://github.com/Esri/calcite-app-components/issues/904)) ([94476e9](https://github.com/Esri/calcite-app-components/commit/94476e9080ac04a6f54d766dddc4d3975ad8bc4e))
+## [5.7.0](https://github.com/Esri/calcite-app-components/compare/v5.6.1...v5.7.0) (2020-04-03)
 
+### Features
+
+- **action-bar,action-pad:** Add tooltipExpand property ([#904](https://github.com/Esri/calcite-app-components/issues/904)) ([94476e9](https://github.com/Esri/calcite-app-components/commit/94476e9080ac04a6f54d766dddc4d3975ad8bc4e))
 
 ### Bug Fixes
 
-* **action:** Support slotting icon after initialization ([#913](https://github.com/Esri/calcite-app-components/issues/913)) ([faddbc3](https://github.com/Esri/calcite-app-components/commit/faddbc3834ff95db5adecb87cd3f8c1c47a703c2))
-* **pick-list, value-list:** Fix icon for selected circle [#911](https://github.com/Esri/calcite-app-components/issues/911) ([167e729](https://github.com/Esri/calcite-app-components/commit/167e7291c9ab8dc3fc61cf58eaa566fccae1616b))
+- **action:** Support slotting icon after initialization ([#913](https://github.com/Esri/calcite-app-components/issues/913)) ([faddbc3](https://github.com/Esri/calcite-app-components/commit/faddbc3834ff95db5adecb87cd3f8c1c47a703c2))
+- **pick-list, value-list:** Fix icon for selected circle [#911](https://github.com/Esri/calcite-app-components/issues/911) ([167e729](https://github.com/Esri/calcite-app-components/commit/167e7291c9ab8dc3fc61cf58eaa566fccae1616b))
 
 ### [5.6.1](https://github.com/Esri/calcite-app-components/compare/v5.6.0...v5.6.1) (2020-04-01)
 
-
 ### Bug Fixes
 
-* **flow-item, pick-list, value-list:** fix icons not showing up ([#903](https://github.com/Esri/calcite-app-components/issues/903)) ([5290dff](https://github.com/Esri/calcite-app-components/commit/5290dffa981ad0dbffcb1500c882ba3a5164dc97))
+- **flow-item, pick-list, value-list:** fix icons not showing up ([#903](https://github.com/Esri/calcite-app-components/issues/903)) ([5290dff](https://github.com/Esri/calcite-app-components/commit/5290dffa981ad0dbffcb1500c882ba3a5164dc97))
 
 ## [5.6.0](https://github.com/Esri/calcite-app-components/compare/v5.5.1...v5.6.0) (2020-03-31)