@procore/storybook-addon 4.2.1 → 4.3.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @procore/storybook-addon
 
+## 4.3.0
+
+### Minor Changes
+
+- cb4aacb: Remove peerDep on core-scripts, use the core-scripts babel config by default
+
 ## 4.2.1
 
 ### Patch Changes

package/dist/configurations/babel.d.ts

@@ -0,0 +1,38 @@
+export declare function createConfigForReact(): {
+    babelrc: boolean;
+    cacheCompression: boolean;
+    cacheDirectory: boolean;
+    cacheIdentifier: string;
+    assumptions: {
+        privateFieldsAsProperties: boolean;
+        setPublicClassFields: boolean;
+    };
+    compact: boolean;
+    configFile: boolean;
+    sourceType: string;
+    targets: string;
+    plugins: ((string | {
+        version: string;
+        absoluteRuntime: string;
+    })[] | (string | {
+        loaderMap: {
+            svg: {
+                ReactComponent: string;
+            };
+        };
+    })[] | (string | {
+        minify: boolean;
+        ssr: boolean;
+        displayName: boolean;
+        fileName: boolean;
+        transpileTemplateLiterals: boolean;
+        pure: boolean;
+    })[])[];
+    presets: (string | (string | {
+        useBuiltIns: string;
+        corejs: string;
+    })[] | (string | {
+        useBuiltIns: boolean;
+    })[])[];
+};
+//# sourceMappingURL=babel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"babel.d.ts","sourceRoot":"","sources":["../../src/configurations/babel.ts"],"names":[],"mappings":"AAwBA,wBAAgB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEnC"}

package/dist/preset.d.ts.map

@@ -1 +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,OA4BvC;AAED,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,8BAA8B,CAAC;AAIvD,eAAO,MAAM,MAAM;;;;;;;;;;IAqBlB,CAAC;AAEF,wBAAgB,YAAY,CAAC,MAAM,EAAE,GAAG,OAcvC;AAED,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/preset.js

@@ -1,4 +1,4 @@
-"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`
+"use strict";var E=Object.create;var m=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var z=(e,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of R(n))!x.call(e,r)&&r!==t&&m(e,r,{get:()=>n[r],enumerable:!(o=w(n,r))||o.enumerable});return e};var c=(e,n,t)=>(t=e!=null?E($(e)):{},z(n||!e||!e.__esModule?m(t,"default",{value:e,enumerable:!0}):t,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I="7.23.9",k="3.35.1",q=/^[A-Za-z]:\//;function l(e=""){return e&&e.replace(/\\/g,"/").replace(q,n=>n.toUpperCase())}const C=/^[/\\]{2}/,S=/^[/\\](?![/\\])|^[/\\]{2}(?!\.)|^[A-Za-z]:[/\\]/,b=/^[A-Za-z]:$/,p=/^\/([A-Za-z]:)?$/,j="/",T=":",h=function(e){if(e.length===0)return".";e=l(e);const n=e.match(C),t=a(e),o=e[e.length-1]==="/";return e=d(e,!t),e.length===0?t?"/":o?"./":".":(o&&(e+="/"),b.test(e)&&(e+="/"),n?t?`//${e}`:`//./${e}`:t&&!a(e)?`/${e}`:e)},P=function(...e){if(e.length===0)return".";let n;for(const t of e)t&&t.length>0&&(n===void 0?n=t:n+=`/${t}`);return n===void 0?".":h(n.replace(/\/\/+/g,"/"))};function A(){return typeof process<"u"&&typeof process.cwd=="function"?process.cwd().replace(/\\/g,"/"):"/"}const f=function(...e){e=e.map(o=>l(o));let n="",t=!1;for(let o=e.length-1;o>=-1&&!t;o--){const r=o>=0?e[o]:A();!r||r.length===0||(n=`${r}/${n}`,t=a(r))}return n=d(n,!t),t&&!a(n)?`/${n}`:n.length>0?n:"."};function d(e,n){let t="",o=0,r=-1,s=0,u=null;for(let i=0;i<=e.length;++i){if(i<e.length)u=e[i];else{if(u==="/")break;u="/"}if(u==="/"){if(!(r===i-1||s===1))if(s===2){if(t.length<2||o!==2||t[t.length-1]!=="."||t[t.length-2]!=="."){if(t.length>2){const g=t.lastIndexOf("/");g===-1?(t="",o=0):(t=t.slice(0,g),o=t.length-1-t.lastIndexOf("/")),r=i,s=0;continue}else if(t.length>0){t="",o=0,r=i,s=0;continue}}n&&(t+=t.length>0?"/..":"..",o=2)}else t.length>0?t+=`/${e.slice(r+1,i)}`:t=e.slice(r+1,i),o=i-r-1;r=i,s=0}else u==="."&&s!==-1?++s:s=-1}return t}const a=function(e){return S.test(e)},O=function(e){return l(e)},N=/.(\.[^./]+)$/,y=function(e){const n=N.exec(l(e));return n&&n[1]||""},D=function(e,n){const t=f(e).replace(p,"$1").split("/"),o=f(n).replace(p,"$1").split("/");if(o[0][1]===":"&&t[0][1]===":"&&t[0]!==o[0])return o.join("/");const r=[...t];for(const s of r){if(o[0]!==s)break;t.shift(),o.shift()}return[...t.map(()=>".."),...o].join("/")},v=function(e){const n=l(e).replace(/\/$/,"").split("/").slice(0,-1);return n.length===1&&b.test(n[0])&&(n[0]+="/"),n.join("/")||(a(e)?"/":".")},B=function(e){const n=[e.root,e.dir,e.base??e.name+e.ext].filter(Boolean);return l(e.root?f(...n):n.join("/"))},_=function(e,n){const t=l(e).split("/").pop();return n&&t.endsWith(n)?t.slice(0,-n.length):t},F=function(e){const n=l(e).split("/").shift()||"/",t=_(e),o=y(t);return{root:n,dir:v(e),base:t,ext:o,name:t.slice(0,t.length-o.length)}},L={__proto__:null,basename:_,delimiter:T,dirname:v,extname:y,format:B,isAbsolute:a,join:P,normalize:h,normalizeString:d,parse:F,relative:D,resolve:f,sep:j,toNamespacedPath:O};function M(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function U(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var V=function(n,t){let o=n==null?"":n.toString();for(const r of t){o+=`:${r}@`;try{o+=U(`${r}/package.json`).version}catch{}}return o};const Z=M(V),H="defaults",W={version:I,absoluteRuntime:L.dirname(require.resolve("@babel/runtime/package.json"))};function X(){const e=process.env.NODE_ENV||"development",n=e==="production";return{babelrc:!1,cacheCompression:!1,cacheDirectory:!0,cacheIdentifier:Z(e,["babel-plugin-named-asset-import","react-dev-utils"]),assumptions:{privateFieldsAsProperties:!0,setPublicClassFields:!0},compact:n,configFile:!1,sourceType:"unambiguous",targets:H,plugins:[[require.resolve("@babel/plugin-transform-runtime"),W],[require.resolve("babel-plugin-named-asset-import"),{loaderMap:{svg:{ReactComponent:"@svgr/webpack?-svgo,+titleProp,+ref![path]"}}}],[require.resolve("babel-plugin-styled-components"),{minify:!0,ssr:!1,displayName:!0,fileName:!1,transpileTemplateLiterals:!0,pure:!1}]],presets:[[require.resolve("@babel/preset-env"),{useBuiltIns:"usage",corejs:k}],[require.resolve("@babel/preset-react"),{useBuiltIns:!0}],require.resolve("@babel/preset-typescript")]}}const G={includeBoxSizing:!0};function J(e,n,t){const{includeBoxSizing:o=!0}={...G,...t};return`
     ${e}
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -26,4 +26,4 @@
         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({env:process.env.NODE_ENV}),sourceType:"unambiguous"}}return e}const d={checkOptions:{check:!0,exclude:/node_modules/},reactDocgen:!1};exports.addons=a;exports.babelDefault=l;exports.previewHead=r;exports.typescript=d;
+`}function K(e){try{return require(e)}catch{return}}const Q=require("find-babel-config"),Y=()=>{const e=K("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 ee(e){const n=process.cwd(),{file:t}=Q.sync(n,1);return t?e:(console.log("Could not find babel config file, using babel config from @procore/storybook-addon"),X())}const te={checkOptions:{check:!0,exclude:/node_modules/},reactDocgen:!1};exports.addons=Y;exports.babelDefault=ee;exports.previewHead=J;exports.typescript=te;

package/dist/preset.mjs

@@ -1,10 +1,217 @@
-const i = {
+const v = "7.23.9", _ = "3.35.1", E = /^[A-Za-z]:\//;
+function l(e = "") {
+  return e && e.replace(/\\/g, "/").replace(E, (n) => n.toUpperCase());
+}
+const w = /^[/\\]{2}/, x = /^[/\\](?![/\\])|^[/\\]{2}(?!\.)|^[A-Za-z]:[/\\]/, m = /^[A-Za-z]:$/, g = /^\/([A-Za-z]:)?$/, R = "/", $ = ":", p = function(e) {
+  if (e.length === 0)
+    return ".";
+  e = l(e);
+  const n = e.match(w), t = c(e), o = e[e.length - 1] === "/";
+  return e = f(e, !t), e.length === 0 ? t ? "/" : o ? "./" : "." : (o && (e += "/"), m.test(e) && (e += "/"), n ? t ? `//${e}` : `//./${e}` : t && !c(e) ? `/${e}` : e);
+}, z = function(...e) {
+  if (e.length === 0)
+    return ".";
+  let n;
+  for (const t of e)
+    t && t.length > 0 && (n === void 0 ? n = t : n += `/${t}`);
+  return n === void 0 ? "." : p(n.replace(/\/\/+/g, "/"));
+};
+function I() {
+  return typeof process < "u" && typeof process.cwd == "function" ? process.cwd().replace(/\\/g, "/") : "/";
+}
+const u = function(...e) {
+  e = e.map((o) => l(o));
+  let n = "", t = !1;
+  for (let o = e.length - 1; o >= -1 && !t; o--) {
+    const r = o >= 0 ? e[o] : I();
+    !r || r.length === 0 || (n = `${r}/${n}`, t = c(r));
+  }
+  return n = f(n, !t), t && !c(n) ? `/${n}` : n.length > 0 ? n : ".";
+};
+function f(e, n) {
+  let t = "", o = 0, r = -1, s = 0, a = null;
+  for (let i = 0; i <= e.length; ++i) {
+    if (i < e.length)
+      a = e[i];
+    else {
+      if (a === "/")
+        break;
+      a = "/";
+    }
+    if (a === "/") {
+      if (!(r === i - 1 || s === 1))
+        if (s === 2) {
+          if (t.length < 2 || o !== 2 || t[t.length - 1] !== "." || t[t.length - 2] !== ".") {
+            if (t.length > 2) {
+              const d = t.lastIndexOf("/");
+              d === -1 ? (t = "", o = 0) : (t = t.slice(0, d), o = t.length - 1 - t.lastIndexOf("/")), r = i, s = 0;
+              continue;
+            } else if (t.length > 0) {
+              t = "", o = 0, r = i, s = 0;
+              continue;
+            }
+          }
+          n && (t += t.length > 0 ? "/.." : "..", o = 2);
+        } else
+          t.length > 0 ? t += `/${e.slice(r + 1, i)}` : t = e.slice(r + 1, i), o = i - r - 1;
+      r = i, s = 0;
+    } else
+      a === "." && s !== -1 ? ++s : s = -1;
+  }
+  return t;
+}
+const c = function(e) {
+  return x.test(e);
+}, k = function(e) {
+  return l(e);
+}, q = /.(\.[^./]+)$/, h = function(e) {
+  const n = q.exec(l(e));
+  return n && n[1] || "";
+}, C = function(e, n) {
+  const t = u(e).replace(g, "$1").split("/"), o = u(n).replace(g, "$1").split("/");
+  if (o[0][1] === ":" && t[0][1] === ":" && t[0] !== o[0])
+    return o.join("/");
+  const r = [...t];
+  for (const s of r) {
+    if (o[0] !== s)
+      break;
+    t.shift(), o.shift();
+  }
+  return [...t.map(() => ".."), ...o].join("/");
+}, b = function(e) {
+  const n = l(e).replace(/\/$/, "").split("/").slice(0, -1);
+  return n.length === 1 && m.test(n[0]) && (n[0] += "/"), n.join("/") || (c(e) ? "/" : ".");
+}, j = function(e) {
+  const n = [e.root, e.dir, e.base ?? e.name + e.ext].filter(Boolean);
+  return l(
+    e.root ? u(...n) : n.join("/")
+  );
+}, y = function(e, n) {
+  const t = l(e).split("/").pop();
+  return n && t.endsWith(n) ? t.slice(0, -n.length) : t;
+}, S = function(e) {
+  const n = l(e).split("/").shift() || "/", t = y(e), o = h(t);
+  return {
+    root: n,
+    dir: b(e),
+    base: t,
+    ext: o,
+    name: t.slice(0, t.length - o.length)
+  };
+}, T = {
+  __proto__: null,
+  basename: y,
+  delimiter: $,
+  dirname: b,
+  extname: h,
+  format: j,
+  isAbsolute: c,
+  join: z,
+  normalize: p,
+  normalizeString: f,
+  parse: S,
+  relative: C,
+  resolve: u,
+  sep: R,
+  toNamespacedPath: k
+};
+function A(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function P(e) {
+  throw new Error('Could not dynamically require "' + e + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+var N = function(n, t) {
+  let o = n == null ? "" : n.toString();
+  for (const r of t) {
+    o += `:${r}@`;
+    try {
+      o += P(`${r}/package.json`).version;
+    } catch {
+    }
+  }
+  return o;
+};
+const O = /* @__PURE__ */ A(N), D = "defaults", B = {
+  // By default, babel assumes babel/runtime version 7.0.0-beta.0,
+  // explicitly resolving to match the provided helper functions.
+  // https://github.com/babel/babel/issues/10261
+  version: v,
+  // Undocumented option that lets us encapsulate our runtime, ensuring
+  // the correct version is used
+  // https://github.com/babel/babel/blob/090c364a90fe73d36a30707fc612ce037bdbbb24/packages/babel-plugin-transform-runtime/src/index.js#L35-L42
+  absoluteRuntime: T.dirname(require.resolve("@babel/runtime/package.json"))
+};
+function F() {
+  const e = process.env.NODE_ENV || "development", n = e === "production";
+  return {
+    babelrc: !1,
+    cacheCompression: !1,
+    cacheDirectory: !0,
+    cacheIdentifier: O(e, [
+      "babel-plugin-named-asset-import",
+      "react-dev-utils"
+    ]),
+    assumptions: {
+      privateFieldsAsProperties: !0,
+      setPublicClassFields: !0
+    },
+    compact: n,
+    configFile: !1,
+    sourceType: "unambiguous",
+    targets: D,
+    plugins: [
+      [
+        require.resolve("@babel/plugin-transform-runtime"),
+        B
+      ],
+      [
+        require.resolve("babel-plugin-named-asset-import"),
+        {
+          loaderMap: {
+            svg: {
+              ReactComponent: "@svgr/webpack?-svgo,+titleProp,+ref![path]"
+            }
+          }
+        }
+      ],
+      [
+        require.resolve("babel-plugin-styled-components"),
+        {
+          minify: !0,
+          ssr: !1,
+          displayName: !0,
+          fileName: !1,
+          transpileTemplateLiterals: !0,
+          pure: !1
+        }
+      ]
+    ],
+    presets: [
+      [
+        require.resolve("@babel/preset-env"),
+        {
+          useBuiltIns: "usage",
+          corejs: _
+        }
+      ],
+      [
+        require.resolve("@babel/preset-react"),
+        {
+          useBuiltIns: !0
+        }
+      ],
+      require.resolve("@babel/preset-typescript")
+    ]
+  };
+}
+const L = {
   includeBoxSizing: !0
 };
-function c(e, t, s) {
+function V(e, n, t) {
   const { includeBoxSizing: o = !0 } = {
-    ...i,
-    ...s
+    ...L,
+    ...t
   };
   return `
     ${e}
@@ -36,15 +243,15 @@ function c(e, t, s) {
     </style>
 `;
 }
-function n(e) {
+function U(e) {
   try {
     return require(e);
   } catch {
     return;
   }
 }
-const r = require("find-babel-config"), a = () => {
-  const e = n("sass");
+const M = require("find-babel-config"), Z = () => {
+  const e = U("sass");
   return [
     {
       name: "@storybook/addon-styling",
@@ -62,27 +269,13 @@ const r = require("find-babel-config"), a = () => {
     "@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({
-          env: process.env.NODE_ENV
-        }),
-        sourceType: "unambiguous"
-      };
-  }
-  return e;
+function W(e) {
+  const n = process.cwd(), { file: t } = M.sync(n, 1);
+  return t ? e : (console.log(
+    "Could not find babel config file, using babel config from @procore/storybook-addon"
+  ), F());
 }
-const d = {
+const X = {
   checkOptions: {
     check: !0,
     exclude: /node_modules/
@@ -90,8 +283,8 @@ const d = {
   reactDocgen: !1
 };
 export {
-  a as addons,
-  l as babelDefault,
-  c as previewHead,
-  d as typescript
+  Z as addons,
+  W as babelDefault,
+  V as previewHead,
+  X as typescript
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/storybook-addon",
-  "version": "4.2.1",
+  "version": "4.3.0",
   "description": "Procore Storybook Configuration",
   "author": "Procore Technologies",
   "homepage": "https://github.com/procore/frontend-tooling#readme",
@@ -45,40 +45,46 @@
     "format": "prettier --ignore-unknown --write .",
     "format:check": "prettier --cache --ignore-unknown --check .",
     "prepack": "yarn build",
-    "test": "vitest run --passWithNoTests --coverage"
+    "test": "vitest run --coverage"
   },
   "peerDependencies": {
-    "@procore/core-scripts": "^11",
     "sass": "^1.3.0"
   },
   "peerDependenciesMeta": {
-    "@procore/core-scripts": {
-      "optional": true
-    },
     "sass": {
       "optional": true
     }
   },
   "dependencies": {
+    "@babel/plugin-transform-runtime": "^7.23.9",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
+    "@babel/runtime": "^7.23.9",
     "@storybook/addon-a11y": "^7.5.3",
     "@storybook/addon-essentials": "^7.5.3",
     "@storybook/addon-storysource": "^7.5.3",
     "@storybook/addon-styling": "^1.3.7",
     "@storybook/theming": "^7.5.3",
+    "@svgr/webpack": "^6.5.1",
+    "babel-plugin-named-asset-import": "^0.3.8",
+    "babel-plugin-styled-components": "^2.1.4",
+    "core-js": "^3.35.1",
     "find-babel-config": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.23.3",
-    "@procore/prettier-config": "^1.0.0",
+    "@procore/prettier-config": "^1.1.0",
     "@procore/typescript-config": "^1.0.0",
     "@procore/vite": "^1.2.0",
-    "@storybook/react": "^7.5.3",
-    "@storybook/react-webpack5": "^7.5.3",
     "@types/react": "^18.2.37",
+    "@types/react-dev-utils": "^9.0.14",
     "@vitest/coverage-v8": "^0.34.6",
     "eslint": "^8.54.0",
+    "pathe": "^1.1.2",
     "prettier": "^2.8.8",
     "react": "^18.2.0",
+    "react-dev-utils": "^12.0.1",
     "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
     "typescript": "^4.9.5",