@procore/storybook-addon 4.7.2 → 5.0.0

package/dist/modern/preset.js

@@ -23,241 +23,15 @@ var require_getCacheIdentifier = __commonJS({
 });
 
 // src/configurations/babel.ts
+var import_getCacheIdentifier = __toESM(require_getCacheIdentifier(), 1);
 import { version as babelRuntimeVersion } from "@babel/runtime/package.json";
 import { version as corejsVersion } from "core-js/package.json";
-
-// ../../node_modules/pathe/dist/shared/pathe.ff20891b.mjs
-var _DRIVE_LETTER_START_RE = /^[A-Za-z]:\//;
-function normalizeWindowsPath(input = "") {
-  if (!input) {
-    return input;
-  }
-  return input.replace(/\\/g, "/").replace(_DRIVE_LETTER_START_RE, (r) => r.toUpperCase());
-}
-var _UNC_REGEX = /^[/\\]{2}/;
-var _IS_ABSOLUTE_RE = /^[/\\](?![/\\])|^[/\\]{2}(?!\.)|^[A-Za-z]:[/\\]/;
-var _DRIVE_LETTER_RE = /^[A-Za-z]:$/;
-var _ROOT_FOLDER_RE = /^\/([A-Za-z]:)?$/;
-var sep = "/";
-var delimiter = ":";
-var normalize = function(path2) {
-  if (path2.length === 0) {
-    return ".";
-  }
-  path2 = normalizeWindowsPath(path2);
-  const isUNCPath = path2.match(_UNC_REGEX);
-  const isPathAbsolute = isAbsolute(path2);
-  const trailingSeparator = path2[path2.length - 1] === "/";
-  path2 = normalizeString(path2, !isPathAbsolute);
-  if (path2.length === 0) {
-    if (isPathAbsolute) {
-      return "/";
-    }
-    return trailingSeparator ? "./" : ".";
-  }
-  if (trailingSeparator) {
-    path2 += "/";
-  }
-  if (_DRIVE_LETTER_RE.test(path2)) {
-    path2 += "/";
-  }
-  if (isUNCPath) {
-    if (!isPathAbsolute) {
-      return `//./${path2}`;
-    }
-    return `//${path2}`;
-  }
-  return isPathAbsolute && !isAbsolute(path2) ? `/${path2}` : path2;
-};
-var join = function(...arguments_) {
-  if (arguments_.length === 0) {
-    return ".";
-  }
-  let joined;
-  for (const argument of arguments_) {
-    if (argument && argument.length > 0) {
-      if (joined === void 0) {
-        joined = argument;
-      } else {
-        joined += `/${argument}`;
-      }
-    }
-  }
-  if (joined === void 0) {
-    return ".";
-  }
-  return normalize(joined.replace(/\/\/+/g, "/"));
-};
-function cwd() {
-  if (typeof process !== "undefined" && typeof process.cwd === "function") {
-    return process.cwd().replace(/\\/g, "/");
-  }
-  return "/";
-}
-var resolve = function(...arguments_) {
-  arguments_ = arguments_.map((argument) => normalizeWindowsPath(argument));
-  let resolvedPath = "";
-  let resolvedAbsolute = false;
-  for (let index = arguments_.length - 1; index >= -1 && !resolvedAbsolute; index--) {
-    const path2 = index >= 0 ? arguments_[index] : cwd();
-    if (!path2 || path2.length === 0) {
-      continue;
-    }
-    resolvedPath = `${path2}/${resolvedPath}`;
-    resolvedAbsolute = isAbsolute(path2);
-  }
-  resolvedPath = normalizeString(resolvedPath, !resolvedAbsolute);
-  if (resolvedAbsolute && !isAbsolute(resolvedPath)) {
-    return `/${resolvedPath}`;
-  }
-  return resolvedPath.length > 0 ? resolvedPath : ".";
-};
-function normalizeString(path2, allowAboveRoot) {
-  let res = "";
-  let lastSegmentLength = 0;
-  let lastSlash = -1;
-  let dots = 0;
-  let char = null;
-  for (let index = 0; index <= path2.length; ++index) {
-    if (index < path2.length) {
-      char = path2[index];
-    } else if (char === "/") {
-      break;
-    } else {
-      char = "/";
-    }
-    if (char === "/") {
-      if (lastSlash === index - 1 || dots === 1) ;
-      else if (dots === 2) {
-        if (res.length < 2 || lastSegmentLength !== 2 || res[res.length - 1] !== "." || res[res.length - 2] !== ".") {
-          if (res.length > 2) {
-            const lastSlashIndex = res.lastIndexOf("/");
-            if (lastSlashIndex === -1) {
-              res = "";
-              lastSegmentLength = 0;
-            } else {
-              res = res.slice(0, lastSlashIndex);
-              lastSegmentLength = res.length - 1 - res.lastIndexOf("/");
-            }
-            lastSlash = index;
-            dots = 0;
-            continue;
-          } else if (res.length > 0) {
-            res = "";
-            lastSegmentLength = 0;
-            lastSlash = index;
-            dots = 0;
-            continue;
-          }
-        }
-        if (allowAboveRoot) {
-          res += res.length > 0 ? "/.." : "..";
-          lastSegmentLength = 2;
-        }
-      } else {
-        if (res.length > 0) {
-          res += `/${path2.slice(lastSlash + 1, index)}`;
-        } else {
-          res = path2.slice(lastSlash + 1, index);
-        }
-        lastSegmentLength = index - lastSlash - 1;
-      }
-      lastSlash = index;
-      dots = 0;
-    } else if (char === "." && dots !== -1) {
-      ++dots;
-    } else {
-      dots = -1;
-    }
-  }
-  return res;
-}
-var isAbsolute = function(p) {
-  return _IS_ABSOLUTE_RE.test(p);
-};
-var toNamespacedPath = function(p) {
-  return normalizeWindowsPath(p);
-};
-var _EXTNAME_RE = /.(\.[^./]+)$/;
-var extname = function(p) {
-  const match = _EXTNAME_RE.exec(normalizeWindowsPath(p));
-  return match && match[1] || "";
-};
-var relative = function(from, to) {
-  const _from = resolve(from).replace(_ROOT_FOLDER_RE, "$1").split("/");
-  const _to = resolve(to).replace(_ROOT_FOLDER_RE, "$1").split("/");
-  if (_to[0][1] === ":" && _from[0][1] === ":" && _from[0] !== _to[0]) {
-    return _to.join("/");
-  }
-  const _fromCopy = [..._from];
-  for (const segment of _fromCopy) {
-    if (_to[0] !== segment) {
-      break;
-    }
-    _from.shift();
-    _to.shift();
-  }
-  return [..._from.map(() => ".."), ..._to].join("/");
-};
-var dirname = function(p) {
-  const segments = normalizeWindowsPath(p).replace(/\/$/, "").split("/").slice(0, -1);
-  if (segments.length === 1 && _DRIVE_LETTER_RE.test(segments[0])) {
-    segments[0] += "/";
-  }
-  return segments.join("/") || (isAbsolute(p) ? "/" : ".");
-};
-var format = function(p) {
-  const segments = [p.root, p.dir, p.base ?? p.name + p.ext].filter(Boolean);
-  return normalizeWindowsPath(
-    p.root ? resolve(...segments) : segments.join("/")
-  );
-};
-var basename = function(p, extension) {
-  const lastSegment = normalizeWindowsPath(p).split("/").pop();
-  return extension && lastSegment.endsWith(extension) ? lastSegment.slice(0, -extension.length) : lastSegment;
-};
-var parse = function(p) {
-  const root = normalizeWindowsPath(p).split("/").shift() || "/";
-  const base = basename(p);
-  const extension = extname(base);
-  return {
-    root,
-    dir: dirname(p),
-    base,
-    ext: extension,
-    name: base.slice(0, base.length - extension.length)
-  };
-};
-var path = {
-  __proto__: null,
-  basename,
-  delimiter,
-  dirname,
-  extname,
-  format,
-  isAbsolute,
-  join,
-  normalize,
-  normalizeString,
-  parse,
-  relative,
-  resolve,
-  sep,
-  toNamespacedPath
-};
-
-// src/configurations/babel.ts
-var import_getCacheIdentifier = __toESM(require_getCacheIdentifier(), 1);
 var targets = "defaults";
 var transformRuntimeOptions = {
   // 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: babelRuntimeVersion,
-  // 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: path.dirname(__require.resolve("@babel/runtime/package.json"))
+  version: babelRuntimeVersion
 };
 function createConfigForReact() {
   const env = process.env.NODE_ENV || "development";
@@ -374,47 +148,66 @@ function requireIfExists(moduleName) {
 }
 
 // src/preset.ts
-var findBabelConfig = __require("find-babel-config");
 var addons = () => {
   const sassImplementation = requireIfExists("sass");
   return [
     {
-      name: "@storybook/addon-styling",
+      name: "@storybook/addon-styling-webpack",
       options: {
-        ...sassImplementation ? {
-          sass: {
-            implementation: sassImplementation
+        rules: [
+          {
+            test: /\.scss$/,
+            use: [
+              "style-loader",
+              {
+                loader: "css-loader",
+                options: {
+                  modules: {
+                    localIdentName: "[name]__[local]--[hash:base64:5]"
+                  }
+                }
+              },
+              {
+                loader: "sass-loader",
+                options: {
+                  ...sassImplementation ? { implementation: sassImplementation } : {}
+                }
+              }
+            ]
+          },
+          {
+            test: /\.css$/,
+            use: [
+              "style-loader",
+              {
+                loader: "css-loader",
+                options: {
+                  modules: {
+                    localIdentName: "[name]__[local]--[hash:base64:5]"
+                  }
+                }
+              }
+            ]
           }
-        } : {},
-        cssModules: { localIdentName: "[name]__[local]--[hash:base64:5]" }
+        ]
       }
     },
-    "@storybook/addon-essentials",
-    "@storybook/addon-storysource",
+    "@storybook/addon-docs",
     "@storybook/addon-a11y"
   ];
 };
-function babelDefault(config) {
-  const cwd2 = process.cwd();
-  const { file } = findBabelConfig.sync(cwd2, 1);
-  if (file) {
-    return config;
-  }
-  console.log(
-    "Could not find babel config file, using babel config from @procore/storybook-addon"
-  );
+function babelDefault() {
   return createConfigForReact();
 }
 var typescript = {
-  checkOptions: {
-    check: true,
-    exclude: /node_modules/
-  },
+  checkOptions: { check: true, exclude: /node_modules/ },
   reactDocgen: false
 };
+var preset_default = { addons, babelDefault, typescript, previewHead: previewHead_default };
 export {
   addons,
   babelDefault,
+  preset_default as default,
   previewHead_default as previewHead,
   typescript
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/storybook-addon",
-  "version": "4.7.2",
+  "version": "5.0.0",
   "description": "Procore Storybook Configuration",
   "author": "Procore Technologies",
   "homepage": "https://github.com/procore/frontend-tooling#readme",
@@ -31,14 +31,8 @@
       }
     },
     "./preset": {
-      "import": {
-        "types": "./dist/modern/preset.d.ts",
-        "default": "./dist/modern/preset.js"
-      },
-      "require": {
-        "types": "./dist/modern/preset.d.cts",
-        "default": "./dist/modern/preset.cjs"
-      }
+      "types": "./dist/modern/preset.d.cts",
+      "default": "./dist/modern/preset.cjs"
     },
     "./package.json": "./package.json"
   },
@@ -46,7 +40,8 @@
   "module": "dist/legacy/index.js",
   "types": "dist/legacy/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "preset.js"
   ],
   "scripts": {
     "build": "hammer lib:build",
@@ -70,16 +65,16 @@
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@babel/runtime": "^7.26.10",
-    "@storybook/addon-a11y": "^7.6.20",
-    "@storybook/addon-essentials": "^7.6.20",
-    "@storybook/addon-storysource": "^7.6.20",
-    "@storybook/addon-styling": "^1.3.7",
-    "@storybook/theming": "^7.6.20",
+    "@storybook/addon-a11y": "^10.1.5",
+    "@storybook/addon-docs": "^10.1.5",
+    "@storybook/addon-styling-webpack": "^3.0.0",
     "@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"
+    "css-loader": "^7.1.2",
+    "sass-loader": "^16.0.5",
+    "style-loader": "^4.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.23.3",

package/preset.js

@@ -0,0 +1 @@
+export * from './dist/modern/preset.cjs';