@papillonarts/setup 0.6.0 → 0.7.0

package/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2023 MTS.
+Copyright (c) 2025 MTS.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/babel/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
 module.exports = {
-  presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript'],
-  plugins: ['@babel/plugin-proposal-class-properties', '@babel/plugin-proposal-nullish-coalescing-operator', '@babel/plugin-proposal-object-rest-spread', '@babel/plugin-proposal-optional-catch-binding', '@babel/plugin-proposal-optional-chaining', '@babel/plugin-syntax-dynamic-import', '@babel/plugin-transform-classes', ['@babel/plugin-transform-react-jsx', {
+  presets: ['@babel/preset-env', '@babel/preset-react'],
+  plugins: [['@babel/plugin-transform-react-jsx', {
     runtime: 'automatic'
-  }], '@babel/plugin-transform-runtime', '@babel/plugin-transform-spread', 'syntax-async-functions']
+  }], '@babel/plugin-transform-runtime', 'syntax-async-functions']
 };

package/eslint/index.js

@@ -25,7 +25,7 @@ module.exports = {
     ecmaFeatures: {
       jsx: true
     },
-    ecmaVersion: 12,
+    ecmaVersion: 16,
     sourceType: 'module'
   },
   plugins: ['react', 'react-hooks', 'jsx-a11y', 'jest', 'prettier'],
@@ -55,7 +55,7 @@ module.exports = {
   settings: {
     'import/resolver': {
       alias: {
-        map: [['@papillonarts/components', '@papillonarts/components/build']],
+        map: [['@papillonbits/components', '@papillonbits/components/build']],
         extensions: ['.js']
       },
       node: {
@@ -63,7 +63,7 @@ module.exports = {
       }
     },
     react: {
-      version: '18.2.0'
+      version: '19.2.0'
     }
   }
 };

package/jest/config.js

@@ -15,8 +15,7 @@ function getJestSetup(_ref) {
     testPathIgnorePatterns: testPathIgnorePatterns,
     roots: ['<rootDir>'],
     transform: {
-      '^.+\\.jsx?$': 'babel-jest',
-      '^.+\\.mdx$': '@storybook/addon-docs/jest-transform-mdx'
+      '^.+\\.(js|jsx)$': 'babel-jest'
     },
     coverageDirectory: coverageDirectory,
     collectCoverage: collectCoverage,
@@ -27,6 +26,8 @@ function getJestSetup(_ref) {
       '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|md)$': '<rootDir>/.mock/file.js',
       '^.+\\.(css|less|scss|md)$': 'identity-obj-proxy'
     },
+    // https://jestjs.io/docs/tutorial-react-native#transformignorepatterns-customization
+    transformIgnorePatterns: ['node_modules/(?!((@)?uuid|parse5|jsdom/node_modules/parse5)/)'],
     moduleFileExtensions: ['js', 'jsx'],
     coverageThreshold: coverageThreshold
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonarts/setup",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Papillon Arts Setup",
   "homepage": "https://github.com/papillonarts/papillonarts/tree/master/packages/setup",
   "repository": {
@@ -29,5 +29,5 @@
     "build-acceptance": "npm run build",
     "build-release": "npm run build"
   },
-  "gitHead": "a123d858d38beea38dcf4f948b6a5017e3906635"
+  "gitHead": "5e6d4750895462f2cb0b1e7840eb0422e98e6043"
 }

package/storybook/index.js

@@ -9,4 +9,18 @@ Object.defineProperty(exports, "getStorybookMainSetup", {
     return _mainSetup.getStorybookMainSetup;
   }
 });
-var _mainSetup = require("./setup/mainSetup");
+Object.defineProperty(exports, "getStorybookPreviewSetup", {
+  enumerable: true,
+  get: function get() {
+    return _previewSetup.getStorybookPreviewSetup;
+  }
+});
+Object.defineProperty(exports, "setStorybookManagerSetup", {
+  enumerable: true,
+  get: function get() {
+    return _managerSetup.setStorybookManagerSetup;
+  }
+});
+var _mainSetup = require("./mainSetup");
+var _managerSetup = require("./managerSetup");
+var _previewSetup = require("./previewSetup");

package/storybook/{setup/mainSetup.js → mainSetup.js}

@@ -6,20 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getStorybookMainSetup = getStorybookMainSetup;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _object = require("@papillonarts/library/object");
-/* eslint-disable no-unused-vars */
-/* eslint-disable no-param-reassign */
-/* eslint-disable global-require */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-var-requires */
-
+var _webpack = _interopRequireDefault(require("webpack"));
+var _object = require("@papillonbits/library/object");
+var _webpack2 = require("@papillonbits/setup/webpack");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable no-unused-vars */ /* eslint-disable no-param-reassign */ /* eslint-disable global-require */
 function getStorybookMainSetup(_ref) {
   var storiesBasePath = _ref.storiesBasePath,
     includeBasePath = _ref.includeBasePath,
-    modulesBasePath = _ref.modulesBasePath;
+    modulesBasePath = _ref.modulesBasePath,
+    rootAttributesDefaults = _ref.rootAttributesDefaults;
   // https://storybook.js.org/docs/react/api/main-config
   return {
+    // https://storybook.js.org/docs/api/main-config/main-config-preview-body
+    previewBody: function previewBody(body) {
+      if (rootAttributesDefaults) {
+        // https://github.com/storybookjs/storybook/issues/24429
+        return "\n          ".concat(body, "\n          <script type=\"text/javascript\">\n          (() => {\n            document.addEventListener('DOMContentLoaded', function() {\n              const storybookRootElement = document.getElementById(\"storybook-root\")\n\n              // https://primer.style/foundations/primitives/getting-started\n              storybookRootElement.setAttribute(\"data-color-mode\", \"light\")\n              storybookRootElement.setAttribute(\"data-light-theme\", \"light\")\n              storybookRootElement.setAttribute(\"data-dark-theme\", \"dark\")\n            });\n          })()\n          </script>\n        ");
+      }
+      return "".concat(body);
+    },
     // https://storybook.js.org/docs/react/configure/frameworks
     framework: {
       name: '@storybook/react-webpack5',
@@ -73,14 +81,16 @@ function getStorybookMainSetup(_ref) {
 
     // https://storybook.js.org/docs/react/essentials/introduction
     // https://storybook.js.org/integrations/tag/essentials
-    '@storybook/addon-essentials',
+    // '@storybook/addon-essentials',
+
     // included by default in @storybook/addon-essentials
     // https://storybook.js.org/docs/react/essentials/highlight (404)
     // https://storybook.js.org/addons/@storybook/addon-highlight
     // '@storybook/addon-highlight',
 
     // https://storybook.js.org/addons/@storybook/addon-interactions
-    '@storybook/addon-interactions',
+    // '@storybook/addon-interactions',
+
     // https://storybook.js.org/addons/@storybook/addon-jest
     '@storybook/addon-jest',
     // https://storybook.js.org/addons/@storybook/addon-links
@@ -95,32 +105,6 @@ function getStorybookMainSetup(_ref) {
     // '@storybook/addon-measure',
     // '@storybook/addon-outline',
 
-    // https://storybook.js.org/addons/@storybook/addon-storyshots
-    '@storybook/addon-storyshots',
-    // https://storybook.js.org/addons/@storybook/addon-storyshots-puppeteer
-    '@storybook/addon-storyshots-puppeteer',
-    // https://storybook.js.org/addons/@storybook/addon-storysource
-    {
-      name: '@storybook/addon-storysource',
-      options: {
-        rule: {
-          test: [/\.int.story\.js?$/],
-          include: [includeBasePath]
-        },
-        loaderOptions: {
-          prettierConfig: {
-            tabWidth: 2,
-            semi: false,
-            singleQuote: true,
-            printWidth: 140,
-            trailingComma: 'all'
-          }
-        }
-      }
-    },
-    // https://storybook.js.org/addons/@storybook/addon-styling
-    '@storybook/addon-styling'
-
     // included by default in @storybook/addon-essentials
     // https://storybook.js.org/docs/react/essentials/toolbars-and-globals
     // https://storybook.js.org/addons/@storybook/addon-toolbars
@@ -130,7 +114,12 @@ function getStorybookMainSetup(_ref) {
     // https://storybook.js.org/docs/react/essentials/viewport
     // https://storybook.js.org/addons/@storybook/addon-viewport
     // '@storybook/addon-viewport',
-    ],
+
+    '@chromatic-com/storybook',
+    // https://storybook.js.org/addons/@storybook/addon-styling-webpack
+    '@storybook/addon-styling-webpack',
+    // https://storybook.js.org/addons/@storybook/addon-themes
+    '@storybook/addon-themes'],
     // https://storybook.js.org/docs/react/api/main-config-babel
     // ...
 
@@ -184,9 +173,9 @@ function getStorybookMainSetup(_ref) {
 
     // https://storybook.js.org/docs/react/api/main-config-webpack-final
     webpackFinal: function () {
-      var _webpackFinal = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(config, _ref2) {
+      var _webpackFinal = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(config, _ref2) {
         var configType, fileLoaderRuleSVG;
-        return _regenerator["default"].wrap(function _callee$(_context) {
+        return _regenerator["default"].wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               configType = _ref2.configType;
@@ -204,8 +193,12 @@ function getStorybookMainSetup(_ref) {
                     importLoaders: 2,
                     sourceMap: true,
                     modules: {
-                      localIdentName: '[name]__[local]___[hash:base64:5]'
-                    }
+                      localIdentName: '[name]__[local]___[hash:base64:5]',
+                      /* https://webpack.js.org/loaders/css-loader/#exportlocalsconvention */
+                      exportLocalsConvention: 'as-is'
+                    },
+                    /* https://stackoverflow.com/questions/78589664/style-loader-does-not-recoginize-default-imports-of-css-modules-in-storybooks */
+                    esModule: false
                   }
                 }, {
                   loader: 'postcss-loader',
@@ -222,7 +215,12 @@ function getStorybookMainSetup(_ref) {
                   loader: 'sass-loader',
                   options: {
                     sassOptions: {
-                      includePaths: [modulesBasePath]
+                      includePaths: [modulesBasePath],
+                      // https://sass-lang.com/documentation/js-api/interfaces/options/#quietDeps
+                      // https://sass-lang.com/documentation/js-api/interfaces/options/#silenceDeprecations
+                      // https://sass-lang.com/documentation/js-api/interfaces/deprecations/
+                      quietDeps: true,
+                      silenceDeprecations: ['import', 'global-builtin']
                     }
                   }
                 }]
@@ -241,14 +239,15 @@ function getStorybookMainSetup(_ref) {
                   loader: '@mdx-js/loader',
                   options: {}
                 }]
-              }, {
-                test: /\.int.story\.jsx?$/,
-                loader: require.resolve('@storybook/source-loader'),
-                exclude: [/node_modules/],
-                enforce: 'pre'
-              }]);
+              }, (0, _webpack2.getBabelLoaderAdvancedSetup)()]);
+              config.plugins.push(new _webpack["default"].ProvidePlugin({
+                process: 'process/browser'
+              }));
+              config.resolve.fallback = _objectSpread(_objectSpread({}, config.resolve.fallback), {}, {
+                tty: require.resolve('tty-browserify')
+              });
               return _context.abrupt("return", config);
-            case 5:
+            case 1:
             case "end":
               return _context.stop();
           }
@@ -258,6 +257,9 @@ function getStorybookMainSetup(_ref) {
         return _webpackFinal.apply(this, arguments);
       }
       return webpackFinal;
-    }()
+    }(),
+    typescript: {
+      reactDocgen: 'react-docgen-typescript'
+    }
   };
 }

package/storybook/managerSetup.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setStorybookManagerSetup = setStorybookManagerSetup;
+var _managerApi = require("storybook/manager-api");
+var _theming = require("storybook/theming");
+function setStorybookManagerSetup(_ref) {
+  var panelPosition = _ref.panelPosition,
+    theme = _ref.theme;
+  _managerApi.addons.setConfig({
+    panelPosition: panelPosition,
+    theme: (0, _theming.create)(theme)
+  });
+}

package/storybook/previewSetup.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStorybookPreviewSetup = getStorybookPreviewSetup;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _reactRouterDom = require("react-router-dom");
+var _blocks = require("@storybook/addon-docs/blocks");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function getStorybookPreviewSetup(_ref) {
+  var _ref$parameters = _ref.parameters,
+    a11y = _ref$parameters.a11y,
+    decorators = _ref$parameters.decorators,
+    docs = _ref$parameters.docs;
+  var parameters = {};
+  if (a11y) {
+    parameters = _objectSpread(_objectSpread({}, parameters), {}, {
+      a11y: _objectSpread({}, {
+        // optional selector which element to inspect
+        // element: '#root',
+        // axe-core configurationOptions (https://github.com/dequelabs/axe-core/blob/develop/doc/API.md#parameters-1)
+        config: {},
+        // axe-core optionsParameter (https://github.com/dequelabs/axe-core/blob/develop/doc/API.md#options-parameter)
+        options: {}
+        // optional flag to prevent the automatic check
+        // manual: true,
+      })
+    });
+  }
+  if (decorators) {
+    parameters = _objectSpread(_objectSpread({}, parameters), {}, {
+      decorators: [function (Story) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
+        });
+      }].concat()
+    });
+  }
+  if (docs) {
+    parameters = _objectSpread(_objectSpread({}, parameters), {}, {
+      docs: _objectSpread({}, {
+        container: _blocks.DocsContainer,
+        page: _blocks.DocsPage
+      })
+    });
+  }
+  return {
+    parameters: parameters
+  };
+}

package/webpack/constant/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.targetBrowsers = exports.manifestFileName = exports.indexHTMLName = exports.extensions = exports.coreJSVersion = void 0;
-var coreJSVersion = exports.coreJSVersion = '3.32.2';
+var coreJSVersion = exports.coreJSVersion = '3.46.0';
 var targetBrowsers = exports.targetBrowsers = {
   production: ['> 1%', 'last 2 versions', 'Firefox ESR'],
   legacyBrowsers: ['> 1%', 'last 2 versions', 'Firefox ESR'],

package/webpack/loader/babelLoader.js

@@ -22,9 +22,9 @@ function getBabelLoaderAdvancedSetup() {
             browsers: Object.values(_constant.targetBrowsers.modernBrowsers)
           }
         }], '@babel/preset-react'],
-        plugins: ['@babel/plugin-proposal-class-properties', '@babel/plugin-proposal-nullish-coalescing-operator', '@babel/plugin-proposal-object-rest-spread', '@babel/plugin-proposal-optional-catch-binding', '@babel/plugin-proposal-optional-chaining', '@babel/plugin-syntax-dynamic-import', '@babel/plugin-transform-classes', ['@babel/plugin-transform-react-jsx', {
+        plugins: [['@babel/plugin-transform-react-jsx', {
           runtime: 'automatic'
-        }], '@babel/plugin-transform-runtime', '@babel/plugin-transform-spread', 'syntax-async-functions']
+        }], '@babel/plugin-transform-runtime', 'syntax-async-functions']
       }
     }
   };

package/webpack/loader/cssLoader.js

@@ -8,13 +8,15 @@ exports.getCSSLoaderStandardSetup = getCSSLoaderStandardSetup;
 
 function getCSSLoaderStandardSetup(_ref) {
   var sourceMap = _ref.sourceMap,
-    modules = _ref.modules;
+    modules = _ref.modules,
+    esModule = _ref.esModule;
   return {
     loader: 'css-loader',
     options: {
       importLoaders: 2,
       sourceMap: sourceMap,
-      modules: modules
+      modules: modules,
+      esModule: esModule
     }
   };
 }

package/webpack/loader/sassLoader.js

@@ -13,7 +13,12 @@ function getSassLoaderStandardSetup(_ref) {
     options: {
       sassOptions: {
         indentWidth: 4,
-        includePaths: includePaths
+        includePaths: includePaths,
+        // https://sass-lang.com/documentation/js-api/interfaces/options/#quietDeps
+        // https://sass-lang.com/documentation/js-api/interfaces/options/#silenceDeprecations
+        // https://sass-lang.com/documentation/js-api/interfaces/deprecations/
+        quietDeps: true,
+        silenceDeprecations: ['import', 'global-builtin']
       }
     }
   };

package/webpack/server/devServer.js

@@ -14,7 +14,6 @@ function getDevServerStandardSetup() {
     hot: true,
     port: 8080,
     host: 'localhost',
-    https: false,
     headers: {
       'Access-Control-Allow-Origin': '*'
     }

package/webpack/setup/developmentSetup.js

@@ -39,8 +39,12 @@ function getWebpackDevelopmentSetup(_ref) {
         use: ['style-loader', (0, _cssLoader.getCSSLoaderStandardSetup)({
           sourceMap: false,
           modules: {
-            localIdentName: '[name]_[local]_[hash:base64:5]'
-          }
+            localIdentName: '[name]_[local]_[hash:base64:5]',
+            /* https://webpack.js.org/loaders/css-loader/#exportlocalsconvention */
+            exportLocalsConvention: 'as-is'
+          },
+          /* https://stackoverflow.com/questions/78589664/style-loader-does-not-recoginize-default-imports-of-css-modules-in-storybooks */
+          esModule: false
         }), (0, _postCSSLoader.getPostCSSLoaderStandardSetup)(), (0, _sassLoader.getSassLoaderStandardSetup)({
           includedSourceFilePaths: includedSourceFilePaths
         })]

package/webpack/setup/productionSetup.js

@@ -46,8 +46,12 @@ function getWebpackProductionSetup(_ref) {
         use: [_miniCSSExtractPlugin.MiniCSSExtractPluginLoader, (0, _cssLoader.getCSSLoaderStandardSetup)({
           sourceMap: false,
           modules: {
-            localIdentName: '[name]_[local]_[hash:base64:5]'
-          }
+            localIdentName: '[name]_[local]_[hash:base64:5]',
+            /* https://webpack.js.org/loaders/css-loader/#exportlocalsconvention */
+            exportLocalsConvention: 'as-is'
+          },
+          /* https://stackoverflow.com/questions/78589664/style-loader-does-not-recoginize-default-imports-of-css-modules-in-storybooks */
+          esModule: false
         }), 'postcss-loader', 'sass-loader']
       }]
     }