@procore/storybook-addon 0.3.1 → 2.0.0

package/README.md

@@ -36,9 +36,9 @@ This simple addon adds 3 main addon used across different apps at Procore.
 In order to set the theme by default values ${\text{\color{green}{createProcoreTheme}}}$ needs to be added in `manager.js`. If no parameter has been passed to the `createProcoreTheme` the aforementioned default values will be set.
 
 ```tsx
-// .storybook/YourTheme.js
+// .storybook/manager.js
 import { createProcoreTheme } from '@procore/storybook-addon';
-import { addons } from '@storybook/addons';
+import { addons } from '@storybook/manager-api';
 
 addons.setConfig({
   theme: createProcoreTheme(),
@@ -48,10 +48,10 @@ addons.setConfig({
 For more configuration please visit: https://storybook.js.org/docs/react/configure/theming
 
 ```tsx
-// .storybook/YourTheme.js
+// .storybook/manager.js
 // example below will override Procore default theming configuration
-import { createProcoreTheme } from '@procore/storybook-addon'
-import { addons } from '@storybook/addons'
+import { createProcoreTheme } from '@procore/storybook-addon';
+import { addons } from '@storybook/manager-api';
 
 addons.setConfig({
   theme: createProcoreTheme({
@@ -60,7 +60,8 @@ addons.setConfig({
     brandUrl: 'https://example.com',
     brandImage: 'https://place-hold.it/350x150',
     brandTarget: '_self',
-  });
+  }),
+});
 ```
 
 </details>
@@ -90,10 +91,16 @@ function ExampleRequest() {
 <details>
   <summary>Extensions and Rules</summary>
 
-this library by default supports: ['.ts', '.tsx', '.js', '.jsx', '.css', '.scss'] extensions and adds css-loader as a rule to config module.
+this library by default supports: ['.ts', '.tsx', '.js', '.jsx', '.css'] extensions and adds css-loader as a rule to config module.
+
+To enable `.scss` support - install `sass` module. Addon checks if `sass` is present in `node_modules`.
 
 This library also adds basic ${\text{\color{green}{Typescript}}}$ configs.
 
 Please refer to [Storybook Docs](https://storybook.js.org/docs/react/configure/overview) to override or add more configurations.
 
 </details>
+
+## Testing
+
+This addon should be tested by running `storybook` in `example-apps/react-ts` and `example-apps/react-core-scripts` apps.

package/dist/asset/procoreLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"procoreLogo.d.ts","sourceRoot":"","sources":["../../src/asset/procoreLogo.ts"],"names":[],"mappings":";AAAA,wBAAg0F"}

package/dist/configurations/previewHead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewHead.d.ts","sourceRoot":"","sources":["../../src/configurations/previewHead.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAMhD,MAAM,CAAC,OAAO,WACZ,IAAI,EAAE,GAAG,EACT,QAAQ,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,EACnC,UAAU,CAAC,EAAE,kBAAkB,UAuChC"}

package/dist/{packages/storybook-addon/src/configurations → configurations}/theme.d.ts

@@ -1,3 +1,3 @@
 import type { ThemeVars } from '@storybook/theming';
-export declare const createProcoreTheme: (vars?: Partial<ThemeVars> | undefined) => ThemeVars;
+export declare const createProcoreTheme: (vars?: Partial<ThemeVars>) => ThemeVars;
 //# sourceMappingURL=theme.d.ts.map

package/dist/configurations/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/configurations/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAIpD,eAAO,MAAM,kBAAkB,UAAW,QAAQ,SAAS,CAAC,cAO3D,CAAC"}

package/dist/constant/external-urls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-urls.d.ts","sourceRoot":"","sources":["../../src/constant/external-urls.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,+BAA+B,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { createProcoreTheme } from './configurations/theme';
+declare const _default: {};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;;AAG5D,wBAAkB"}

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("@storybook/theming"),g="data:image/png;base64,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",U="https://design.procore.com",C=o=>A.create({base:"light",brandUrl:U,brandImage:g,...o}),K={};exports.createProcoreTheme=C;exports.default=K;

package/dist/index.mjs

@@ -0,0 +1,11 @@
+import { create as o } from "@storybook/theming";
+const g = "data:image/png;base64,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", U = "https://design.procore.com", K = (A) => o({
+  base: "light",
+  brandUrl: U,
+  brandImage: g,
+  ...A
+}), F = {};
+export {
+  K as createProcoreTheme,
+  F as default
+};

package/dist/preset.d.ts

@@ -0,0 +1,22 @@
+import previewHead from './configurations/previewHead';
+export declare const addons: () => (string | {
+    name: string;
+    options: {
+        cssModules: {
+            localIdentName: string;
+        };
+        sass?: {
+            implementation: any;
+        } | undefined;
+    };
+})[];
+export declare function babelDefault(config: any): any;
+export declare const typescript: {
+    checkOptions: {
+        check: boolean;
+        exclude: RegExp;
+    };
+    reactDocgen: boolean;
+};
+export { previewHead };
+//# sourceMappingURL=preset.d.ts.map

package/dist/preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,8BAA8B,CAAC;AAIvD,eAAO,MAAM,MAAM;;;;;;;;;;IAqBlB,CAAC;AAEF,wBAAgB,YAAY,CAAC,MAAM,EAAE,GAAG,OAsBvC;AAED,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/preset.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i={includeBoxSizing:!0};function r(e,t,s){const{includeBoxSizing:o=!0}={...i,...s};return`
+    ${e}
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap">
+
+    <style>
+      ${o?`
+          *,
+          *:before,
+          *:after {
+            -webkit-box-sizing: inherit;
+            -moz-box-sizing: inherit;
+            box-sizing: inherit;
+          }
+          html {
+            -webkit-box-sizing: border-box;
+            -moz-box-sizing: border-box;
+            box-sizing: border-box;
+          }
+        `:""}
+      html {
+        font-family: Inter, sans-serif;
+      }
+      body {
+        width: 100%;
+      }
+    </style>
+`}function n(e){try{return require(e)}catch{return}}const c=require("find-babel-config"),a=()=>{const e=n("sass");return[{name:"@storybook/addon-styling",options:{...e?{sass:{implementation:e}}:{},cssModules:{localIdentName:"[name]__[local]--[hash:base64:5]"}}},"@storybook/addon-essentials","@storybook/addon-storysource","@storybook/addon-a11y"]};function l(e){const t=process.cwd(),{file:s}=c.sync(t,1);if(s)return e;{const o=n("@procore/core-scripts/dist/babel/config");if(o!=null&&o.createConfigForReact)return console.log("\x1B[32minfo\x1B[0m @procore/storybook-addon => Using @procore/core-scripts babel config"),o.createConfigForReact({})}return e}const d={checkOptions:{check:!0,exclude:/node_modules/},reactDocgen:!1};exports.addons=a;exports.babelDefault=l;exports.previewHead=r;exports.typescript=d;

package/dist/preset.mjs

@@ -0,0 +1,92 @@
+const i = {
+  includeBoxSizing: !0
+};
+function c(e, t, s) {
+  const { includeBoxSizing: o = !0 } = {
+    ...i,
+    ...s
+  };
+  return `
+    ${e}
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap">
+
+    <style>
+      ${o ? `
+          *,
+          *:before,
+          *:after {
+            -webkit-box-sizing: inherit;
+            -moz-box-sizing: inherit;
+            box-sizing: inherit;
+          }
+          html {
+            -webkit-box-sizing: border-box;
+            -moz-box-sizing: border-box;
+            box-sizing: border-box;
+          }
+        ` : ""}
+      html {
+        font-family: Inter, sans-serif;
+      }
+      body {
+        width: 100%;
+      }
+    </style>
+`;
+}
+function n(e) {
+  try {
+    return require(e);
+  } catch {
+    return;
+  }
+}
+const r = require("find-babel-config"), a = () => {
+  const e = n("sass");
+  return [
+    {
+      name: "@storybook/addon-styling",
+      options: {
+        ...e ? {
+          sass: {
+            implementation: e
+          }
+        } : {},
+        cssModules: { localIdentName: "[name]__[local]--[hash:base64:5]" }
+      }
+    },
+    "@storybook/addon-essentials",
+    "@storybook/addon-storysource",
+    "@storybook/addon-a11y"
+  ];
+};
+function l(e) {
+  const t = process.cwd(), { file: s } = r.sync(t, 1);
+  if (s)
+    return e;
+  {
+    const o = n(
+      "@procore/core-scripts/dist/babel/config"
+    );
+    if (o != null && o.createConfigForReact)
+      return console.log(
+        "\x1B[32minfo\x1B[0m @procore/storybook-addon => Using @procore/core-scripts babel config"
+      ), o.createConfigForReact({});
+  }
+  return e;
+}
+const d = {
+  checkOptions: {
+    check: !0,
+    exclude: /node_modules/
+  },
+  reactDocgen: !1
+};
+export {
+  a as addons,
+  l as babelDefault,
+  c as previewHead,
+  d as typescript
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export declare function requireIfExists(moduleName: string): any;
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,OAMjD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/storybook-addon",
-  "version": "0.3.1",
+  "version": "2.0.0",
   "description": "Procore Storybook Configuration",
   "author": "Procore Technologies",
   "homepage": "https://github.com/procore/frontend-tooling#readme",
@@ -20,13 +20,19 @@
   },
   "exports": {
     ".": {
-      "import": "./dist/storybook-addon.es.js",
-      "require": "./dist/storybook-addon.umd.js"
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./preset": {
+      "require": "./dist/preset.js",
+      "import": "./dist/preset.mjs",
+      "types": "./dist/preset.d.ts"
     }
   },
-  "main": "./dist/storybook-addon.umd.js",
-  "module": "./dist/storybook-addon.es.js",
-  "types": "./dist/packages/storybook-addon/src/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist",
     "LICENSE",
@@ -34,39 +40,48 @@
     "*.js",
     "*.d.ts"
   ],
-  "peerDependencies": {
-    "react": "^17.0.1 || ^18.0.0",
-    "react-dom": "^17.0.1 || ^18.0.0"
+  "scripts": {
+    "build": "vite build",
+    "build:release": "yarn build",
+    "format": "prettier --ignore-unknown --write .",
+    "format:check": "prettier --cache --ignore-unknown --check .",
+    "test": "vitest run --passWithNoTests --coverage"
   },
   "dependencies": {
-    "@storybook/addon-a11y": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-storysource": "^6.5.16",
-    "@storybook/preset-scss": "^1.0.3"
+    "@storybook/addon-a11y": "^7.1.1",
+    "@storybook/addon-essentials": "^7.1.1",
+    "@storybook/addon-storysource": "^7.1.1",
+    "@storybook/addon-styling": "^1.3.4",
+    "@storybook/theming": "^7.1.1",
+    "find-babel-config": "^2.0.0"
+  },
+  "peerDependencies": {
+    "@procore/core-scripts": "*",
+    "sass": "^1.3.0"
+  },
+  "peerDependenciesMeta": {
+    "sass": {
+      "optional": true
+    },
+    "@procore/core-scripts": {
+      "optional": true
+    }
   },
   "devDependencies": {
-    "@babel/core": "^7.21.4",
-    "@storybook/core-webpack": "7.0.0-alpha.0",
-    "@storybook/theming": "^6.5.16",
-    "css-loader": "^6.7.3",
-    "eslint": "^8.37.0",
-    "prettier": "^2.8.7",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "@babel/core": "^7.22.9",
+    "@procore/prettier-config": "1.0.0",
+    "@procore/typescript-config": "1.0.0",
+    "@procore/vite": "1.1.0",
+    "@storybook/react": "^7.1.1",
+    "@storybook/react-webpack5": "^7.1.1",
+    "@types/react": "^18.2.16",
+    "@vitest/coverage-c8": "^0.31.4",
+    "eslint": "^8.45.0",
+    "prettier": "^2.8.8",
     "rimraf": "^3.0.2",
-    "sass-loader": "^11.1.1",
-    "style-loader": "^3.3.2",
     "typescript": "^4.9.5",
-    "vite": "^3.2.5",
-    "webpack": "^5.77.0",
-    "@procore/typescript-config": "1.0.0",
-    "@procore/prettier-config": "1.0.0",
-    "@procore/vite": "1.0.0"
-  },
-  "scripts": {
-    "build": "vite build",
-    "format": "prettier --ignore-unknown --write .",
-    "format:check": "prettier --cache --ignore-unknown --check .",
-    "test": "echo \"no test has been specified\" && exit 0"
+    "vite": "^4.4.7",
+    "vite-plugin-dts": "^3.3.1",
+    "vitest": "^0.32.4"
   }
-}
+}

package/preset.js

@@ -0,0 +1,2 @@
+// @ts-ignore
+export * from './dist/preset.mjs';

package/dist/packages/storybook-addon/src/asset/procoreLogo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"procoreLogo.d.ts","sourceRoot":"","sources":["procoreLogo.ts"],"names":[],"mappings":";AAAA,wBAAg0F"}

package/dist/packages/storybook-addon/src/configurations/previewHead.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"previewHead.d.ts","sourceRoot":"","sources":["previewHead.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAMhD,MAAM,CAAC,OAAO,WACZ,IAAI,EAAE,GAAG,EACT,QAAQ,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,EACnC,UAAU,CAAC,EAAE,kBAAkB,UAuChC"}

package/dist/packages/storybook-addon/src/configurations/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAIpD,eAAO,MAAM,kBAAkB,sDAO9B,CAAC"}

package/dist/packages/storybook-addon/src/constant/external-urls.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"external-urls.d.ts","sourceRoot":"","sources":["external-urls.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,+BAA+B,CAAC"}

package/dist/packages/storybook-addon/src/index.d.ts

@@ -1,24 +0,0 @@
-import previewHead from './configurations/previewHead';
-export { createProcoreTheme } from './configurations/theme';
-declare const _default: {
-    previewHead: typeof previewHead;
-    addons: (string | {
-        name: string;
-        options: {
-            cssLoaderOptions: {
-                modules: {
-                    localIdentName: string;
-                };
-            };
-        };
-    })[];
-    typescript: {
-        checkOptions: {
-            check: boolean;
-            exclude: RegExp;
-        };
-        reactDocgen: boolean;
-    };
-};
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/dist/packages/storybook-addon/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;AAE5D,wBAyBE"}

package/dist/packages/storybook-addon/src/typings/index.d.ts

@@ -1,4 +0,0 @@
-export interface PreviewHeadOptions {
-  includeBoxSizing?: boolean;
-  extraPreviewHeadstyle?: string;
-}