@storybook/react 9.2.0-alpha.2 → 10.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/README.md +2 -0
  2. package/dist/_browser-chunks/chunk-BUAOEMNB.js +14 -0
  3. package/dist/_browser-chunks/chunk-HBQ5Y6GW.js +209 -0
  4. package/dist/_browser-chunks/chunk-I3XJ5JHI.js +43 -0
  5. package/dist/_browser-chunks/chunk-L5NVL7MD.js +37 -0
  6. package/dist/_browser-chunks/chunk-V6XFC4HM.js +18819 -0
  7. package/dist/_browser-chunks/chunk-VVH2AMAL.js +1075 -0
  8. package/dist/_browser-chunks/chunk-XNNKYNNU.js +2187 -0
  9. package/dist/entry-preview-argtypes.js +10 -45
  10. package/dist/entry-preview-docs.js +13 -17
  11. package/dist/entry-preview-rsc.js +11 -1
  12. package/dist/entry-preview.js +21 -1
  13. package/dist/index.d.ts +447 -10
  14. package/dist/index.js +79 -46
  15. package/dist/playwright.js +7 -1
  16. package/dist/preset.js +203 -1
  17. package/dist/preview.d.ts +3 -202
  18. package/dist/preview.d.tsx +420 -0
  19. package/dist/preview.js +12 -46
  20. package/package.json +20 -54
  21. package/preset.js +1 -1
  22. package/preview.js +1 -0
  23. package/dist/chunk-6BNVLEVL.mjs +0 -22
  24. package/dist/chunk-6PSAWJ36.mjs +0 -12
  25. package/dist/chunk-JQQVJC7C.mjs +0 -36
  26. package/dist/chunk-MNKU3DTE.mjs +0 -9
  27. package/dist/chunk-OZUYIFQK.mjs +0 -8
  28. package/dist/chunk-XLZBPYSH.mjs +0 -6
  29. package/dist/chunk-XP5HYGXS.mjs +0 -3
  30. package/dist/entry-preview-argtypes.d.ts +0 -16
  31. package/dist/entry-preview-argtypes.mjs +0 -3
  32. package/dist/entry-preview-docs.d.ts +0 -18
  33. package/dist/entry-preview-docs.mjs +0 -4
  34. package/dist/entry-preview-rsc.d.ts +0 -7
  35. package/dist/entry-preview-rsc.mjs +0 -5
  36. package/dist/entry-preview.d.ts +0 -21
  37. package/dist/entry-preview.mjs +0 -3
  38. package/dist/index.mjs +0 -14
  39. package/dist/playwright.mjs +0 -2
  40. package/dist/preset.d.ts +0 -19
  41. package/dist/preview.mjs +0 -7
  42. package/dist/public-types-d899d203.d.ts +0 -230
  43. package/dist/types-7abe74eb.d.ts +0 -28
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/react",
3
- "version": "9.2.0-alpha.2",
3
+ "version": "10.0.0-beta.0",
4
4
  "description": "Storybook React renderer",
5
5
  "keywords": [
6
6
  "storybook"
@@ -19,43 +19,25 @@
19
19
  "url": "https://opencollective.com/storybook"
20
20
  },
21
21
  "license": "MIT",
22
+ "type": "module",
22
23
  "exports": {
23
24
  ".": {
24
25
  "types": "./dist/index.d.ts",
25
- "import": "./dist/index.mjs",
26
- "require": "./dist/index.js"
27
- },
28
- "./preview": {
29
- "types": "./dist/preview.d.ts",
30
- "import": "./dist/preview.mjs",
31
- "require": "./dist/preview.js"
26
+ "default": "./dist/index.js"
32
27
  },
28
+ "./entry-preview": "./dist/entry-preview.js",
29
+ "./entry-preview-argtypes": "./dist/entry-preview-argtypes.js",
30
+ "./entry-preview-docs": "./dist/entry-preview-docs.js",
31
+ "./entry-preview-rsc": "./dist/entry-preview-rsc.js",
33
32
  "./experimental-playwright": {
34
33
  "types": "./dist/playwright.d.ts",
35
- "import": "./dist/playwright.mjs",
36
- "require": "./dist/playwright.js"
34
+ "default": "./dist/playwright.js"
37
35
  },
38
- "./preset": "./preset.js",
39
- "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
40
- "./dist/entry-preview-argtypes.mjs": "./dist/entry-preview-argtypes.mjs",
41
- "./dist/entry-preview-docs.mjs": "./dist/entry-preview-docs.mjs",
42
- "./dist/entry-preview-rsc.mjs": "./dist/entry-preview-rsc.mjs",
43
- "./package.json": "./package.json"
44
- },
45
- "main": "dist/index.js",
46
- "module": "dist/index.mjs",
47
- "types": "dist/index.d.ts",
48
- "typesVersions": {
49
- "*": {
50
- "*": [
51
- "dist/index.d.ts"
52
- ],
53
- "preview": [
54
- "dist/preview.d.ts"
55
- ],
56
- "experimental-playwright": [
57
- "dist/playwright.d.ts"
58
- ]
36
+ "./package.json": "./package.json",
37
+ "./preset": "./dist/preset.js",
38
+ "./preview": {
39
+ "types": "./dist/preview.d.ts",
40
+ "default": "./dist/preview.js"
59
41
  }
60
42
  },
61
43
  "files": [
@@ -67,12 +49,12 @@
67
49
  "!src/**/*"
68
50
  ],
69
51
  "scripts": {
70
- "check": "jiti ../../../scripts/prepare/check.ts",
71
- "prep": "jiti ../../../scripts/prepare/bundle.ts"
52
+ "check": "jiti ../../../scripts/check/check-package.ts",
53
+ "prep": "jiti ../../../scripts/build/build-package.ts"
72
54
  },
73
55
  "dependencies": {
74
56
  "@storybook/global": "^5.0.0",
75
- "@storybook/react-dom-shim": "9.2.0-alpha.2"
57
+ "@storybook/react-dom-shim": "10.0.0-beta.0"
76
58
  },
77
59
  "devDependencies": {
78
60
  "@types/babel-plugin-react-docgen": "^4.2.3",
@@ -96,9 +78,9 @@
96
78
  "type-fest": "~2.19"
97
79
  },
98
80
  "peerDependencies": {
99
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
100
- "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
101
- "storybook": "^9.2.0-alpha.2",
81
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
82
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
83
+ "storybook": "^10.0.0-beta.0",
102
84
  "typescript": ">= 4.9.x"
103
85
  },
104
86
  "peerDependenciesMeta": {
@@ -106,24 +88,8 @@
106
88
  "optional": true
107
89
  }
108
90
  },
109
- "engines": {
110
- "node": ">=20.0.0"
111
- },
112
91
  "publishConfig": {
113
92
  "access": "public"
114
93
  },
115
- "bundler": {
116
- "entries": [
117
- "./src/index.ts",
118
- "./src/preset.ts",
119
- "./src/preview.tsx",
120
- "./src/entry-preview.tsx",
121
- "./src/entry-preview-argtypes.ts",
122
- "./src/entry-preview-docs.ts",
123
- "./src/entry-preview-rsc.tsx",
124
- "./src/playwright.ts"
125
- ],
126
- "platform": "browser"
127
- },
128
- "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"
94
+ "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
129
95
  }
package/preset.js CHANGED
@@ -1 +1 @@
1
- module.exports = require('./dist/preset');
1
+ export * from './dist/preset.js';
package/preview.js ADDED
@@ -0,0 +1 @@
1
+ export * from './dist/preview.js';
@@ -1,22 +0,0 @@
1
- import { __commonJS, __toESM } from './chunk-XP5HYGXS.mjs';
2
- import * as React__default from 'react';
3
- import React__default__default, { Fragment, isValidElement } from 'react';
4
-
5
- var require_dist=__commonJS({"../../node_modules/@base2/pretty-print-object/dist/index.js"(exports){var __assign=exports&&exports.__assign||function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p]);}return t},__assign.apply(this,arguments)},__spreadArrays=exports&&exports.__spreadArrays||function(){for(var s=0,i=0,il=arguments.length;i<il;i++)s+=arguments[i].length;for(var r=Array(s),k=0,i=0;i<il;i++)for(var a=arguments[i],j=0,jl=a.length;j<jl;j++,k++)r[k]=a[j];return r};Object.defineProperty(exports,"__esModule",{value:!0});var seen=[];function isObj(value){var type=typeof value;return value!==null&&(type==="object"||type==="function")}function isRegexp(value){return Object.prototype.toString.call(value)==="[object RegExp]"}function getOwnEnumPropSymbols(object){return Object.getOwnPropertySymbols(object).filter(function(keySymbol){return Object.prototype.propertyIsEnumerable.call(object,keySymbol)})}function prettyPrint2(input,options,pad){pad===void 0&&(pad="");var defaultOptions={indent:" ",singleQuotes:!0},combinedOptions=__assign(__assign({},defaultOptions),options),tokens;combinedOptions.inlineCharacterLimit===void 0?tokens={newLine:`
6
- `,newLineOrSpace:`
7
- `,pad,indent:pad+combinedOptions.indent}:tokens={newLine:"@@__PRETTY_PRINT_NEW_LINE__@@",newLineOrSpace:"@@__PRETTY_PRINT_NEW_LINE_OR_SPACE__@@",pad:"@@__PRETTY_PRINT_PAD__@@",indent:"@@__PRETTY_PRINT_INDENT__@@"};var expandWhiteSpace=function(string){if(combinedOptions.inlineCharacterLimit===void 0)return string;var oneLined=string.replace(new RegExp(tokens.newLine,"g"),"").replace(new RegExp(tokens.newLineOrSpace,"g")," ").replace(new RegExp(tokens.pad+"|"+tokens.indent,"g"),"");return oneLined.length<=combinedOptions.inlineCharacterLimit?oneLined:string.replace(new RegExp(tokens.newLine+"|"+tokens.newLineOrSpace,"g"),`
8
- `).replace(new RegExp(tokens.pad,"g"),pad).replace(new RegExp(tokens.indent,"g"),pad+combinedOptions.indent)};if(seen.indexOf(input)!==-1)return '"[Circular]"';if(input==null||typeof input=="number"||typeof input=="boolean"||typeof input=="function"||typeof input=="symbol"||isRegexp(input))return String(input);if(input instanceof Date)return "new Date('"+input.toISOString()+"')";if(Array.isArray(input)){if(input.length===0)return "[]";seen.push(input);var ret="["+tokens.newLine+input.map(function(el,i){var eol=input.length-1===i?tokens.newLine:","+tokens.newLineOrSpace,value=prettyPrint2(el,combinedOptions,pad+combinedOptions.indent);return combinedOptions.transform&&(value=combinedOptions.transform(input,i,value)),tokens.indent+value+eol}).join("")+tokens.pad+"]";return seen.pop(),expandWhiteSpace(ret)}if(isObj(input)){var objKeys_1=__spreadArrays(Object.keys(input),getOwnEnumPropSymbols(input));if(combinedOptions.filter&&(objKeys_1=objKeys_1.filter(function(el){return combinedOptions.filter&&combinedOptions.filter(input,el)})),objKeys_1.length===0)return "{}";seen.push(input);var ret="{"+tokens.newLine+objKeys_1.map(function(el,i){var eol=objKeys_1.length-1===i?tokens.newLine:","+tokens.newLineOrSpace,isSymbol=typeof el=="symbol",isClassic=!isSymbol&&/^[a-z$_][a-z$_0-9]*$/i.test(el.toString()),key=isSymbol||isClassic?el:prettyPrint2(el,combinedOptions),value=prettyPrint2(input[el],combinedOptions,pad+combinedOptions.indent);return combinedOptions.transform&&(value=combinedOptions.transform(input,el,value)),tokens.indent+String(key)+": "+value+eol}).join("")+tokens.pad+"}";return seen.pop(),expandWhiteSpace(ret)}return input=String(input).replace(/[\r\n]/g,function(x){return x===`
9
- `?"\\n":"\\r"}),combinedOptions.singleQuotes?(input=input.replace(/\\?'/g,"\\'"),"'"+input+"'"):(input=input.replace(/"/g,'\\"'),'"'+input+'"')}exports.prettyPrint=prettyPrint2;}});var require_react_is_production_min=__commonJS({"../../node_modules/react-element-to-jsx-string/node_modules/react-is/cjs/react-is.production.min.js"(exports){var b=Symbol.for("react.element"),c=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),e=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),h=Symbol.for("react.context"),k=Symbol.for("react.server_context"),l=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),n=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),t=Symbol.for("react.offscreen"),u;u=Symbol.for("react.module.reference");function v(a){if(typeof a=="object"&&a!==null){var r=a.$$typeof;switch(r){case b:switch(a=a.type,a){case d:case f:case e:case m:case n:return a;default:switch(a=a&&a.$$typeof,a){case k:case h:case l:case q:case p:case g:return a;default:return r}}case c:return r}}}exports.ContextConsumer=h;exports.ContextProvider=g;exports.Element=b;exports.ForwardRef=l;exports.Fragment=d;exports.Lazy=q;exports.Memo=p;exports.Portal=c;exports.Profiler=f;exports.StrictMode=e;exports.Suspense=m;exports.SuspenseList=n;exports.isAsyncMode=function(){return !1};exports.isConcurrentMode=function(){return !1};exports.isContextConsumer=function(a){return v(a)===h};exports.isContextProvider=function(a){return v(a)===g};exports.isElement=function(a){return typeof a=="object"&&a!==null&&a.$$typeof===b};exports.isForwardRef=function(a){return v(a)===l};exports.isFragment=function(a){return v(a)===d};exports.isLazy=function(a){return v(a)===q};exports.isMemo=function(a){return v(a)===p};exports.isPortal=function(a){return v(a)===c};exports.isProfiler=function(a){return v(a)===f};exports.isStrictMode=function(a){return v(a)===e};exports.isSuspense=function(a){return v(a)===m};exports.isSuspenseList=function(a){return v(a)===n};exports.isValidElementType=function(a){return typeof a=="string"||typeof a=="function"||a===d||a===f||a===e||a===m||a===n||a===t||typeof a=="object"&&a!==null&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||a.getModuleId!==void 0)};exports.typeOf=v;}});var require_react_is_development=__commonJS({"../../node_modules/react-element-to-jsx-string/node_modules/react-is/cjs/react-is.development.js"(exports){process.env.NODE_ENV!=="production"&&function(){var enableScopeAPI=!1,enableCacheElement=!1,enableTransitionTracing=!1,enableLegacyHidden=!1,enableDebugTracing=!1,REACT_ELEMENT_TYPE=Symbol.for("react.element"),REACT_PORTAL_TYPE=Symbol.for("react.portal"),REACT_FRAGMENT_TYPE=Symbol.for("react.fragment"),REACT_STRICT_MODE_TYPE=Symbol.for("react.strict_mode"),REACT_PROFILER_TYPE=Symbol.for("react.profiler"),REACT_PROVIDER_TYPE=Symbol.for("react.provider"),REACT_CONTEXT_TYPE=Symbol.for("react.context"),REACT_SERVER_CONTEXT_TYPE=Symbol.for("react.server_context"),REACT_FORWARD_REF_TYPE=Symbol.for("react.forward_ref"),REACT_SUSPENSE_TYPE=Symbol.for("react.suspense"),REACT_SUSPENSE_LIST_TYPE=Symbol.for("react.suspense_list"),REACT_MEMO_TYPE=Symbol.for("react.memo"),REACT_LAZY_TYPE=Symbol.for("react.lazy"),REACT_OFFSCREEN_TYPE=Symbol.for("react.offscreen"),REACT_MODULE_REFERENCE;REACT_MODULE_REFERENCE=Symbol.for("react.module.reference");function isValidElementType(type){return !!(typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_PROFILER_TYPE||enableDebugTracing||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||enableLegacyHidden||type===REACT_OFFSCREEN_TYPE||enableScopeAPI||enableCacheElement||enableTransitionTracing||typeof type=="object"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_MODULE_REFERENCE||type.getModuleId!==void 0))}function typeOf(object){if(typeof object=="object"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:case REACT_SUSPENSE_LIST_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_SERVER_CONTEXT_TYPE:case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element=REACT_ELEMENT_TYPE,ForwardRef2=REACT_FORWARD_REF_TYPE,Fragment2=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo2=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense=REACT_SUSPENSE_TYPE,SuspenseList=REACT_SUSPENSE_LIST_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1,hasWarnedAboutDeprecatedIsConcurrentMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function isConcurrentMode(object){return hasWarnedAboutDeprecatedIsConcurrentMode||(hasWarnedAboutDeprecatedIsConcurrentMode=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function isContextConsumer2(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider2(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object=="object"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef3(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy2(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo3(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler2(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode2(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense2(object){return typeOf(object)===REACT_SUSPENSE_TYPE}function isSuspenseList(object){return typeOf(object)===REACT_SUSPENSE_LIST_TYPE}exports.ContextConsumer=ContextConsumer,exports.ContextProvider=ContextProvider,exports.Element=Element,exports.ForwardRef=ForwardRef2,exports.Fragment=Fragment2,exports.Lazy=Lazy,exports.Memo=Memo2,exports.Portal=Portal,exports.Profiler=Profiler,exports.StrictMode=StrictMode,exports.Suspense=Suspense,exports.SuspenseList=SuspenseList,exports.isAsyncMode=isAsyncMode,exports.isConcurrentMode=isConcurrentMode,exports.isContextConsumer=isContextConsumer2,exports.isContextProvider=isContextProvider2,exports.isElement=isElement,exports.isForwardRef=isForwardRef3,exports.isFragment=isFragment,exports.isLazy=isLazy2,exports.isMemo=isMemo3,exports.isPortal=isPortal,exports.isProfiler=isProfiler2,exports.isStrictMode=isStrictMode2,exports.isSuspense=isSuspense2,exports.isSuspenseList=isSuspenseList,exports.isValidElementType=isValidElementType,exports.typeOf=typeOf;}();}});var require_react_is=__commonJS({"../../node_modules/react-element-to-jsx-string/node_modules/react-is/index.js"(exports,module){process.env.NODE_ENV==="production"?module.exports=require_react_is_production_min():module.exports=require_react_is_development();}});var isMemo=component=>component.$$typeof===Symbol.for("react.memo"),isForwardRef=component=>component.$$typeof===Symbol.for("react.forward_ref");function isObject(o){return Object.prototype.toString.call(o)==="[object Object]"}function isPlainObject(o){var ctor,prot;return isObject(o)===!1?!1:(ctor=o.constructor,ctor===void 0?!0:(prot=ctor.prototype,!(isObject(prot)===!1||prot.hasOwnProperty("isPrototypeOf")===!1)))}var import_pretty_print_object=__toESM(require_dist()),import_react_is=__toESM(require_react_is());var spacer=function(times,tabStop){return times===0?"":new Array(times*tabStop).fill(" ").join("")};function _arrayLikeToArray(r,a){(a==null||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _defineProperty(e,r,t){return (r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _iterableToArray(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function _nonIterableSpread(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
10
- In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o);}return t}function _objectSpread2(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2));});}return e}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return (r==="string"?String:Number)(t)}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _typeof(o){"@babel/helpers - typeof";return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function _unsupportedIterableToArray(r,a){if(r){if(typeof r=="string")return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return t==="Object"&&r.constructor&&(t=r.constructor.name),t==="Map"||t==="Set"?Array.from(r):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function safeSortObject(value,seen){if(value===null||_typeof(value)!=="object"||value instanceof Date||value instanceof RegExp)return value;if(React__default.isValidElement(value)){var copyObj=_objectSpread2({},value);return delete copyObj._owner,copyObj}return seen.add(value),Array.isArray(value)?value.map(function(v){return safeSortObject(v,seen)}):Object.keys(value).sort().reduce(function(result,key){return key==="current"||seen.has(value[key])?result[key]="[Circular]":result[key]=safeSortObject(value[key],seen),result},{})}function sortObject(value){return safeSortObject(value,new WeakSet)}var createStringTreeNode=function(value){return {type:"string",value}},createNumberTreeNode=function(value){return {type:"number",value}},createReactElementTreeNode=function(displayName,props,defaultProps,childrens){return {type:"ReactElement",displayName,props,defaultProps,childrens}},createReactFragmentTreeNode=function(key,childrens){return {type:"ReactFragment",key,childrens}},supportFragment=!!Fragment,getFunctionTypeName=function(functionType){return !functionType.name||functionType.name==="_default"?"No Display Name":functionType.name},_getWrappedComponentDisplayName=function(Component){switch(!0){case!!Component.displayName:return Component.displayName;case Component.$$typeof===import_react_is.Memo:return _getWrappedComponentDisplayName(Component.type);case Component.$$typeof===import_react_is.ForwardRef:return _getWrappedComponentDisplayName(Component.render);default:return getFunctionTypeName(Component)}},getReactElementDisplayName=function(element){switch(!0){case typeof element.type=="string":return element.type;case typeof element.type=="function":return element.type.displayName?element.type.displayName:getFunctionTypeName(element.type);case(0, import_react_is.isForwardRef)(element):case(0, import_react_is.isMemo)(element):return _getWrappedComponentDisplayName(element.type);case(0, import_react_is.isContextConsumer)(element):return "".concat(element.type._context.displayName||"Context",".Consumer");case(0, import_react_is.isContextProvider)(element):return "".concat(element.type._context.displayName||"Context",".Provider");case(0, import_react_is.isLazy)(element):return "Lazy";case(0, import_react_is.isProfiler)(element):return "Profiler";case(0, import_react_is.isStrictMode)(element):return "StrictMode";case(0, import_react_is.isSuspense)(element):return "Suspense";default:return "UnknownElementType"}},noChildren=function(propsValue,propName){return propName!=="children"},onlyMeaningfulChildren=function(children){return children!==!0&&children!==!1&&children!==null&&children!==""},filterProps=function(originalProps,cb){var filteredProps={};return Object.keys(originalProps).filter(function(key){return cb(originalProps[key],key)}).forEach(function(key){return filteredProps[key]=originalProps[key]}),filteredProps},_parseReactElement=function(element,options){var _options$displayName=options.displayName,displayNameFn=_options$displayName===void 0?getReactElementDisplayName:_options$displayName;if(typeof element=="string")return createStringTreeNode(element);if(typeof element=="number")return createNumberTreeNode(element);if(!React__default__default.isValidElement(element))throw new Error("react-element-to-jsx-string: Expected a React.Element, got `".concat(_typeof(element),"`"));var displayName=displayNameFn(element),props=filterProps(element.props,noChildren);element.ref!==null&&(props.ref=element.ref);var key=element.key;typeof key=="string"&&key.search(/^\./)&&(props.key=key);var defaultProps=filterProps(element.type.defaultProps||{},noChildren),childrens=React__default__default.Children.toArray(element.props.children).filter(onlyMeaningfulChildren).map(function(child){return _parseReactElement(child,options)});return supportFragment&&element.type===Fragment?createReactFragmentTreeNode(key,childrens):createReactElementTreeNode(displayName,props,defaultProps,childrens)};function noRefCheck(){}var inlineFunction=function(fn){return fn.toString().split(`
11
- `).map(function(line){return line.trim()}).join("")};var defaultFunctionValue=inlineFunction,formatFunction=function(fn,options){var _options$functionValu=options.functionValue,functionValue=_options$functionValu===void 0?defaultFunctionValue:_options$functionValu,showFunctions=options.showFunctions;return functionValue(!showFunctions&&functionValue===defaultFunctionValue?noRefCheck:fn)},formatComplexDataStructure=function(value,inline,lvl,options){var normalizedValue=sortObject(value),stringifiedValue=(0, import_pretty_print_object.prettyPrint)(normalizedValue,{transform:function(currentObj,prop,originalResult){var currentValue=currentObj[prop];return currentValue&&isValidElement(currentValue)?formatTreeNode(_parseReactElement(currentValue,options),!0,lvl,options):typeof currentValue=="function"?formatFunction(currentValue,options):originalResult}});return inline?stringifiedValue.replace(/\s+/g," ").replace(/{ /g,"{").replace(/ }/g,"}").replace(/\[ /g,"[").replace(/ ]/g,"]"):stringifiedValue.replace(/\t/g,spacer(1,options.tabStop)).replace(/\n([^$])/g,`
12
- `.concat(spacer(lvl+1,options.tabStop),"$1"))},escape$1=function(s){return s.replace(/"/g,"&quot;")},formatPropValue=function(propValue,inline,lvl,options){if(typeof propValue=="number")return "{".concat(String(propValue),"}");if(typeof propValue=="string")return '"'.concat(escape$1(propValue),'"');if(_typeof(propValue)==="symbol"){var symbolDescription=propValue.valueOf().toString().replace(/Symbol\((.*)\)/,"$1");return symbolDescription?"{Symbol('".concat(symbolDescription,"')}"):"{Symbol()}"}return typeof propValue=="function"?"{".concat(formatFunction(propValue,options),"}"):isValidElement(propValue)?"{".concat(formatTreeNode(_parseReactElement(propValue,options),!0,lvl,options),"}"):propValue instanceof Date?isNaN(propValue.valueOf())?"{new Date(NaN)}":'{new Date("'.concat(propValue.toISOString(),'")}'):isPlainObject(propValue)||Array.isArray(propValue)?"{".concat(formatComplexDataStructure(propValue,inline,lvl,options),"}"):"{".concat(String(propValue),"}")},formatProp=function(name,hasValue,value,hasDefaultValue,defaultValue,inline,lvl,options){if(!hasValue&&!hasDefaultValue)throw new Error('The prop "'.concat(name,'" has no value and no default: could not be formatted'));var usedValue=hasValue?value:defaultValue,useBooleanShorthandSyntax=options.useBooleanShorthandSyntax,tabStop=options.tabStop,formattedPropValue=formatPropValue(usedValue,inline,lvl,options),attributeFormattedInline=" ",attributeFormattedMultiline=`
13
- `.concat(spacer(lvl+1,tabStop)),isMultilineAttribute=formattedPropValue.includes(`
14
- `);return useBooleanShorthandSyntax&&formattedPropValue==="{false}"&&!hasDefaultValue?(attributeFormattedInline="",attributeFormattedMultiline=""):useBooleanShorthandSyntax&&formattedPropValue==="{true}"?(attributeFormattedInline+="".concat(name),attributeFormattedMultiline+="".concat(name)):(attributeFormattedInline+="".concat(name,"=").concat(formattedPropValue),attributeFormattedMultiline+="".concat(name,"=").concat(formattedPropValue)),{attributeFormattedInline,attributeFormattedMultiline,isMultilineAttribute}},mergeSiblingPlainStringChildrenReducer=function(previousNodes,currentNode){var nodes=previousNodes.slice(0,previousNodes.length>0?previousNodes.length-1:0),previousNode=previousNodes[previousNodes.length-1];return previousNode&&(currentNode.type==="string"||currentNode.type==="number")&&(previousNode.type==="string"||previousNode.type==="number")?nodes.push(createStringTreeNode(String(previousNode.value)+String(currentNode.value))):(previousNode&&nodes.push(previousNode),nodes.push(currentNode)),nodes},isKeyOrRefProps=function(propName){return ["key","ref"].includes(propName)},sortPropsByNames=function(shouldSortUserProps){return function(props){var haveKeyProp=props.includes("key"),haveRefProp=props.includes("ref"),userPropsOnly=props.filter(function(oneProp){return !isKeyOrRefProps(oneProp)}),sortedProps=_toConsumableArray(shouldSortUserProps?userPropsOnly.sort():userPropsOnly);return haveRefProp&&sortedProps.unshift("ref"),haveKeyProp&&sortedProps.unshift("key"),sortedProps}};function createPropFilter(props,filter){return Array.isArray(filter)?function(key){return filter.indexOf(key)===-1}:function(key){return filter(props[key],key)}}var compensateMultilineStringElementIndentation=function(element,formattedElement,inline,lvl,options){var tabStop=options.tabStop;return element.type==="string"?formattedElement.split(`
15
- `).map(function(line,offset){return offset===0?line:"".concat(spacer(lvl,tabStop)).concat(line)}).join(`
16
- `):formattedElement},formatOneChildren=function(inline,lvl,options){return function(element){return compensateMultilineStringElementIndentation(element,formatTreeNode(element,inline,lvl,options),inline,lvl,options)}},onlyPropsWithOriginalValue=function(defaultProps,props){return function(propName){var haveDefaultValue=Object.keys(defaultProps).includes(propName);return !haveDefaultValue||haveDefaultValue&&defaultProps[propName]!==props[propName]}},isInlineAttributeTooLong=function(attributes,inlineAttributeString,lvl,tabStop,maxInlineAttributesLineLength){return maxInlineAttributesLineLength?spacer(lvl,tabStop).length+inlineAttributeString.length>maxInlineAttributesLineLength:attributes.length>1},shouldRenderMultilineAttr=function(attributes,inlineAttributeString,containsMultilineAttr,inline,lvl,tabStop,maxInlineAttributesLineLength){return (isInlineAttributeTooLong(attributes,inlineAttributeString,lvl,tabStop,maxInlineAttributesLineLength)||containsMultilineAttr)&&!inline},formatReactElementNode=function(node,inline,lvl,options){var type=node.type,_node$displayName=node.displayName,displayName=_node$displayName===void 0?"":_node$displayName,childrens=node.childrens,_node$props=node.props,props=_node$props===void 0?{}:_node$props,_node$defaultProps=node.defaultProps,defaultProps=_node$defaultProps===void 0?{}:_node$defaultProps;if(type!=="ReactElement")throw new Error('The "formatReactElementNode" function could only format node of type "ReactElement". Given: '.concat(type));var filterProps3=options.filterProps,maxInlineAttributesLineLength=options.maxInlineAttributesLineLength,showDefaultProps=options.showDefaultProps,sortProps=options.sortProps,tabStop=options.tabStop,out="<".concat(displayName),outInlineAttr=out,outMultilineAttr=out,containsMultilineAttr=!1,visibleAttributeNames=[],propFilter=createPropFilter(props,filterProps3);Object.keys(props).filter(propFilter).filter(onlyPropsWithOriginalValue(defaultProps,props)).forEach(function(propName){return visibleAttributeNames.push(propName)}),Object.keys(defaultProps).filter(propFilter).filter(function(){return showDefaultProps}).filter(function(defaultPropName){return !visibleAttributeNames.includes(defaultPropName)}).forEach(function(defaultPropName){return visibleAttributeNames.push(defaultPropName)});var attributes=sortPropsByNames(sortProps)(visibleAttributeNames);if(attributes.forEach(function(attributeName){var _formatProp=formatProp(attributeName,Object.keys(props).includes(attributeName),props[attributeName],Object.keys(defaultProps).includes(attributeName),defaultProps[attributeName],inline,lvl,options),attributeFormattedInline=_formatProp.attributeFormattedInline,attributeFormattedMultiline=_formatProp.attributeFormattedMultiline,isMultilineAttribute=_formatProp.isMultilineAttribute;isMultilineAttribute&&(containsMultilineAttr=!0),outInlineAttr+=attributeFormattedInline,outMultilineAttr+=attributeFormattedMultiline;}),outMultilineAttr+=`
17
- `.concat(spacer(lvl,tabStop)),shouldRenderMultilineAttr(attributes,outInlineAttr,containsMultilineAttr,inline,lvl,tabStop,maxInlineAttributesLineLength)?out=outMultilineAttr:out=outInlineAttr,childrens&&childrens.length>0){var newLvl=lvl+1;out+=">",inline||(out+=`
18
- `,out+=spacer(newLvl,tabStop)),out+=childrens.reduce(mergeSiblingPlainStringChildrenReducer,[]).map(formatOneChildren(inline,newLvl,options)).join(inline?"":`
19
- `.concat(spacer(newLvl,tabStop))),inline||(out+=`
20
- `,out+=spacer(newLvl-1,tabStop)),out+="</".concat(displayName,">");}else isInlineAttributeTooLong(attributes,outInlineAttr,lvl,tabStop,maxInlineAttributesLineLength)||(out+=" "),out+="/>";return out},REACT_FRAGMENT_TAG_NAME_SHORT_SYNTAX="",REACT_FRAGMENT_TAG_NAME_EXPLICIT_SYNTAX="React.Fragment",toReactElementTreeNode=function(displayName,key,childrens){var props={};return key&&(props={key}),{type:"ReactElement",displayName,props,defaultProps:{},childrens}},isKeyedFragment=function(_ref){var key=_ref.key;return !!key},hasNoChildren=function(_ref2){var childrens=_ref2.childrens;return childrens.length===0},formatReactFragmentNode=function(node,inline,lvl,options){var type=node.type,key=node.key,childrens=node.childrens;if(type!=="ReactFragment")throw new Error('The "formatReactFragmentNode" function could only format node of type "ReactFragment". Given: '.concat(type));var useFragmentShortSyntax=options.useFragmentShortSyntax,displayName;return useFragmentShortSyntax?hasNoChildren(node)||isKeyedFragment(node)?displayName=REACT_FRAGMENT_TAG_NAME_EXPLICIT_SYNTAX:displayName=REACT_FRAGMENT_TAG_NAME_SHORT_SYNTAX:displayName=REACT_FRAGMENT_TAG_NAME_EXPLICIT_SYNTAX,formatReactElementNode(toReactElementTreeNode(displayName,key,childrens),inline,lvl,options)},jsxStopChars=["<",">","{","}"],shouldBeEscaped=function(s){return jsxStopChars.some(function(jsxStopChar){return s.includes(jsxStopChar)})},escape2=function(s){return shouldBeEscaped(s)?"{`".concat(s,"`}"):s},preserveTrailingSpace=function(s){var result=s;return result.endsWith(" ")&&(result=result.replace(/^(.*?)(\s+)$/,"$1{'$2'}")),result.startsWith(" ")&&(result=result.replace(/^(\s+)(.*)$/,"{'$1'}$2")),result},formatTreeNode=function(node,inline,lvl,options){if(node.type==="number")return String(node.value);if(node.type==="string")return node.value?"".concat(preserveTrailingSpace(escape2(String(node.value)))):"";if(node.type==="ReactElement")return formatReactElementNode(node,inline,lvl,options);if(node.type==="ReactFragment")return formatReactFragmentNode(node,inline,lvl,options);throw new TypeError('Unknow format type "'.concat(node.type,'"'))},formatTree=function(node,options){return formatTreeNode(node,!1,0,options)},reactElementToJsxString=function(element){var _ref=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},_ref$filterProps=_ref.filterProps,filterProps3=_ref$filterProps===void 0?[]:_ref$filterProps,_ref$showDefaultProps=_ref.showDefaultProps,showDefaultProps=_ref$showDefaultProps===void 0?!0:_ref$showDefaultProps,_ref$showFunctions=_ref.showFunctions,showFunctions=_ref$showFunctions===void 0?!1:_ref$showFunctions,functionValue=_ref.functionValue,_ref$tabStop=_ref.tabStop,tabStop=_ref$tabStop===void 0?2:_ref$tabStop,_ref$useBooleanShorth=_ref.useBooleanShorthandSyntax,useBooleanShorthandSyntax=_ref$useBooleanShorth===void 0?!0:_ref$useBooleanShorth,_ref$useFragmentShort=_ref.useFragmentShortSyntax,useFragmentShortSyntax=_ref$useFragmentShort===void 0?!0:_ref$useFragmentShort,_ref$sortProps=_ref.sortProps,sortProps=_ref$sortProps===void 0?!0:_ref$sortProps,maxInlineAttributesLineLength=_ref.maxInlineAttributesLineLength,displayName=_ref.displayName;if(!element)throw new Error("react-element-to-jsx-string: Expected a ReactElement");var options={filterProps:filterProps3,showDefaultProps,showFunctions,functionValue,tabStop,useBooleanShorthandSyntax,useFragmentShortSyntax,sortProps,maxInlineAttributesLineLength,displayName};return formatTree(_parseReactElement(element,options),options)};
21
-
22
- export { isForwardRef, isMemo, reactElementToJsxString };
@@ -1,12 +0,0 @@
1
- import { applyDecorators } from './chunk-XLZBPYSH.mjs';
2
- import { isForwardRef, isMemo, reactElementToJsxString } from './chunk-6BNVLEVL.mjs';
3
- import { __export } from './chunk-XP5HYGXS.mjs';
4
- import React, { createElement, isValidElement } from 'react';
5
- import { logger } from 'storybook/internal/client-logger';
6
- import { getDocgenSection, SourceType } from 'storybook/internal/docs-tools';
7
- import { useRef, useEffect, emitTransformCode } from 'storybook/preview-api';
8
-
9
- var entry_preview_docs_exports={};__export(entry_preview_docs_exports,{applyDecorators:()=>applyDecorators2,decorators:()=>decorators,parameters:()=>parameters});var reactElementToJSXString=reactElementToJsxString,toPascalCase=str=>str.charAt(0).toUpperCase()+str.slice(1),getReactSymbolName=elementType=>(elementType.$$typeof||elementType).toString().replace(/^Symbol\((.*)\)$/,"$1").split(".").map(segment=>segment.split("_").map(toPascalCase).join("")).join(".");function simplifyNodeForStringify(node){if(isValidElement(node)){let props=Object.keys(node.props).reduce((acc,cur)=>(acc[cur]=simplifyNodeForStringify(node.props[cur]),acc),{});return {...node,props,_owner:null}}return Array.isArray(node)?node.map(simplifyNodeForStringify):node}var renderJsx=(code,options)=>{if(typeof code>"u")return logger.warn("Too many skip or undefined component"),null;let renderedJSX=code,Type=renderedJSX.type;for(let i=0;i<options?.skip;i+=1){if(typeof renderedJSX>"u")return logger.warn("Cannot skip undefined element"),null;if(React.Children.count(renderedJSX)>1)return logger.warn("Trying to skip an array of elements"),null;typeof renderedJSX.props.children>"u"?(logger.warn("Not enough children to skip elements."),typeof renderedJSX.type=="function"&&renderedJSX.type.name===""&&(renderedJSX=React.createElement(Type,{...renderedJSX.props}))):typeof renderedJSX.props.children=="function"?renderedJSX=renderedJSX.props.children():renderedJSX=renderedJSX.props.children;}let displayNameDefaults;typeof options?.displayName=="string"?displayNameDefaults={showFunctions:!0,displayName:()=>options.displayName}:displayNameDefaults={displayName:el=>el.type.displayName?el.type.displayName:getDocgenSection(el.type,"displayName")?getDocgenSection(el.type,"displayName"):el.type.render?.displayName?el.type.render.displayName:typeof el.type=="symbol"||el.type.$$typeof&&typeof el.type.$$typeof=="symbol"?getReactSymbolName(el.type):el.type.name&&el.type.name!=="_default"?el.type.name:typeof el.type=="function"?"No Display Name":isForwardRef(el.type)?el.type.render.name:isMemo(el.type)?el.type.type.name:el.type};let opts={...displayNameDefaults,...{filterProps:(value,key)=>value!==void 0},...options};return React.Children.map(code,c=>{let child=typeof c=="number"?c.toString():c,string=(typeof reactElementToJSXString=="function"?reactElementToJSXString:reactElementToJSXString.default)(simplifyNodeForStringify(child),opts);if(string.indexOf("&quot;")>-1){let matches=string.match(/\S+=\\"([^"]*)\\"/g);matches&&matches.forEach(match=>{string=string.replace(match,match.replace(/&quot;/g,"'"));});}return string}).join(`
10
- `).replace(/function\s+noRefCheck\(\)\s*\{\}/g,"() => {}")},defaultOpts={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},skipJsxRender=context=>{let sourceParams=context?.parameters.docs?.source,isArgsStory=context?.parameters.__isArgsStory;return sourceParams?.type===SourceType.DYNAMIC?!1:!isArgsStory||sourceParams?.code||sourceParams?.type===SourceType.CODE},isMdx=node=>node.type?.displayName==="MDXCreateElement"&&!!node.props?.mdxType,mdxToJsx=node=>{if(!isMdx(node))return node;let{mdxType,originalType,children,...rest}=node.props,jsxChildren=[];return children&&(jsxChildren=(Array.isArray(children)?children:[children]).map(mdxToJsx)),createElement(originalType,rest,...jsxChildren)},jsxDecorator=(storyFn,context)=>{let jsx=useRef(void 0),story=storyFn(),skip=skipJsxRender(context),options={...defaultOpts,...context?.parameters.jsx||{}},storyJsx=context.originalStoryFn(context.args,context);return useEffect(()=>{if(skip)return;let sourceJsx=mdxToJsx(storyJsx),rendered=renderJsx(sourceJsx,options);rendered&&jsx.current!==rendered&&(emitTransformCode(rendered,context),jsx.current=rendered);}),story};var applyDecorators2=(storyFn,decorators2)=>{let jsxIndex=decorators2.findIndex(d=>d.originalFn===jsxDecorator),reorderedDecorators=jsxIndex===-1?decorators2:[...decorators2.splice(jsxIndex,1),...decorators2];return applyDecorators(storyFn,reorderedDecorators)};var decorators=[jsxDecorator],parameters={docs:{story:{inline:!0}}};
11
-
12
- export { applyDecorators2 as applyDecorators, decorators, entry_preview_docs_exports, parameters };