@vitus-labs/rocketstories 0.48.0 → 0.51.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.
- package/lib/analysis/vitus-labs-rocketstories.js.html +1 -1
- package/lib/analysis/vitus-labs-rocketstories.module.js.html +1 -1
- package/lib/index.d.ts +45 -47
- package/lib/types/controls/element.d.ts +54 -54
- package/lib/types/controls/list.d.ts +18 -18
- package/lib/types/controls/overlay.d.ts +17 -17
- package/lib/types/controls/rocketstyle.d.ts +26 -10
- package/lib/types/index.d.ts +3 -3
- package/lib/types/rocketstories.d.ts +22 -30
- package/lib/types/stories/index.d.ts +6 -3
- package/lib/types/stories/renderDimension.d.ts +6 -0
- package/lib/types/stories/renderList.d.ts +4 -0
- package/lib/types/stories/renderMain.d.ts +4 -0
- package/lib/types/stories/renderRender.d.ts +4 -0
- package/lib/types/types.d.ts +16 -31
- package/lib/vitus-labs-rocketstories.js +336 -201
- package/lib/vitus-labs-rocketstories.js.map +1 -1
- package/lib/vitus-labs-rocketstories.module.js +337 -202
- package/lib/vitus-labs-rocketstories.module.js.map +1 -1
- package/package.json +6 -6
- package/lib/types/stories/dimension.d.ts +0 -11
- package/lib/types/stories/main.d.ts +0 -6
|
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
|
|
|
6424
6424
|
</script>
|
|
6425
6425
|
<script>
|
|
6426
6426
|
/*<!--*/
|
|
6427
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-rocketstories.js","children":[{"name":"Users/vitbokisch/Dev/vitus-labs/ui-system/packages/rocketstyle/lib/vitus-labs-rocketstyle.module.js","uid":"
|
|
6427
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-rocketstories.js","children":[{"name":"Users/vitbokisch/Dev/vitus-labs/ui-system/packages/rocketstyle/lib/vitus-labs-rocketstyle.module.js","uid":"7ba8-1"},{"name":"src","children":[{"name":"components/NotFound.tsx","uid":"7ba8-3"},{"name":"utils","children":[{"uid":"7ba8-5","name":"theme.ts"},{"uid":"7ba8-7","name":"code.ts"},{"name":"controls","children":[{"uid":"7ba8-11","name":"attrs.ts"},{"uid":"7ba8-13","name":"dimensionToControls.ts"},{"uid":"7ba8-15","name":"disableControls.ts"},{"uid":"7ba8-17","name":"filterDefaultValues.ts"},{"uid":"7ba8-19","name":"constants.ts"},{"uid":"7ba8-21","name":"makeControls.ts"},{"uid":"7ba8-33","name":"valuesToControls.ts"}]},{"uid":"7ba8-37","name":"dimensions.ts"}]},{"name":"constants/controls.ts","uid":"7ba8-9"},{"name":"controls","children":[{"uid":"7ba8-23","name":"element.ts"},{"uid":"7ba8-25","name":"list.ts"},{"uid":"7ba8-27","name":"overlay.ts"},{"uid":"7ba8-29","name":"rocketstyle.ts"},{"uid":"7ba8-31","name":"text.ts"}]},{"name":"stories","children":[{"uid":"7ba8-35","name":"renderDimension.tsx"},{"uid":"7ba8-39","name":"renderList.tsx"},{"uid":"7ba8-41","name":"renderMain.tsx"},{"uid":"7ba8-43","name":"renderRender.tsx"},{"uid":"7ba8-45","name":"story.tsx"}]},{"uid":"7ba8-47","name":"rocketstories.tsx"},{"uid":"7ba8-49","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"7ba8-1":{"renderedLength":718,"gzipLength":376,"brotliLength":0,"mainUid":"7ba8-0"},"7ba8-3":{"renderedLength":236,"gzipLength":202,"brotliLength":0,"mainUid":"7ba8-2"},"7ba8-5":{"renderedLength":113,"gzipLength":129,"brotliLength":0,"mainUid":"7ba8-4"},"7ba8-7":{"renderedLength":5174,"gzipLength":1167,"brotliLength":0,"mainUid":"7ba8-6"},"7ba8-9":{"renderedLength":246,"gzipLength":141,"brotliLength":0,"mainUid":"7ba8-8"},"7ba8-11":{"renderedLength":480,"gzipLength":264,"brotliLength":0,"mainUid":"7ba8-10"},"7ba8-13":{"renderedLength":467,"gzipLength":265,"brotliLength":0,"mainUid":"7ba8-12"},"7ba8-15":{"renderedLength":545,"gzipLength":275,"brotliLength":0,"mainUid":"7ba8-14"},"7ba8-17":{"renderedLength":220,"gzipLength":170,"brotliLength":0,"mainUid":"7ba8-16"},"7ba8-19":{"renderedLength":685,"gzipLength":291,"brotliLength":0,"mainUid":"7ba8-18"},"7ba8-21":{"renderedLength":599,"gzipLength":290,"brotliLength":0,"mainUid":"7ba8-20"},"7ba8-23":{"renderedLength":6308,"gzipLength":1222,"brotliLength":0,"mainUid":"7ba8-22"},"7ba8-25":{"renderedLength":1880,"gzipLength":610,"brotliLength":0,"mainUid":"7ba8-24"},"7ba8-27":{"renderedLength":2586,"gzipLength":611,"brotliLength":0,"mainUid":"7ba8-26"},"7ba8-29":{"renderedLength":1764,"gzipLength":377,"brotliLength":0,"mainUid":"7ba8-28"},"7ba8-31":{"renderedLength":408,"gzipLength":154,"brotliLength":0,"mainUid":"7ba8-30"},"7ba8-33":{"renderedLength":2360,"gzipLength":676,"brotliLength":0,"mainUid":"7ba8-32"},"7ba8-35":{"renderedLength":5744,"gzipLength":1279,"brotliLength":0,"mainUid":"7ba8-34"},"7ba8-37":{"renderedLength":339,"gzipLength":238,"brotliLength":0,"mainUid":"7ba8-36"},"7ba8-39":{"renderedLength":2633,"gzipLength":747,"brotliLength":0,"mainUid":"7ba8-38"},"7ba8-41":{"renderedLength":2900,"gzipLength":793,"brotliLength":0,"mainUid":"7ba8-40"},"7ba8-43":{"renderedLength":2876,"gzipLength":765,"brotliLength":0,"mainUid":"7ba8-42"},"7ba8-45":{"renderedLength":588,"gzipLength":256,"brotliLength":0,"mainUid":"7ba8-44"},"7ba8-47":{"renderedLength":3239,"gzipLength":949,"brotliLength":0,"mainUid":"7ba8-46"},"7ba8-49":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"7ba8-48"}},"nodeMetas":{"7ba8-0":{"id":"/Users/vitbokisch/Dev/vitus-labs/ui-system/packages/rocketstyle/lib/vitus-labs-rocketstyle.module.js","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-1"},"imported":[{"uid":"7ba8-50"},{"uid":"7ba8-52"},{"uid":"7ba8-53"}],"importedBy":[{"uid":"7ba8-46"}]},"7ba8-2":{"id":"/src/components/NotFound.tsx","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-3"},"imported":[{"uid":"7ba8-52"},{"uid":"7ba8-50"}],"importedBy":[{"uid":"7ba8-34"}]},"7ba8-4":{"id":"/src/utils/theme.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-5"},"imported":[],"importedBy":[{"uid":"7ba8-34"},{"uid":"7ba8-38"},{"uid":"7ba8-40"},{"uid":"7ba8-42"}]},"7ba8-6":{"id":"/src/utils/code.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-7"},"imported":[{"uid":"7ba8-50"}],"importedBy":[{"uid":"7ba8-34"},{"uid":"7ba8-38"},{"uid":"7ba8-40"},{"uid":"7ba8-42"}]},"7ba8-8":{"id":"/src/constants/controls.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-9"},"imported":[],"importedBy":[{"uid":"7ba8-10"},{"uid":"7ba8-18"}]},"7ba8-10":{"id":"/src/utils/controls/attrs.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-11"},"imported":[{"uid":"7ba8-50"},{"uid":"7ba8-8"}],"importedBy":[{"uid":"7ba8-55"}]},"7ba8-12":{"id":"/src/utils/controls/dimensionToControls.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-13"},"imported":[],"importedBy":[{"uid":"7ba8-55"}]},"7ba8-14":{"id":"/src/utils/controls/disableControls.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-15"},"imported":[],"importedBy":[{"uid":"7ba8-55"}]},"7ba8-16":{"id":"/src/utils/controls/filterDefaultValues.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-17"},"imported":[{"uid":"7ba8-50"}],"importedBy":[{"uid":"7ba8-44"},{"uid":"7ba8-55"}]},"7ba8-18":{"id":"/src/utils/controls/constants.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-19"},"imported":[{"uid":"7ba8-50"},{"uid":"7ba8-8"}],"importedBy":[{"uid":"7ba8-20"}]},"7ba8-20":{"id":"/src/utils/controls/makeControls.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-21"},"imported":[{"uid":"7ba8-18"}],"importedBy":[{"uid":"7ba8-55"}]},"7ba8-22":{"id":"/src/controls/element.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-23"},"imported":[{"uid":"7ba8-50"}],"importedBy":[{"uid":"7ba8-56"}]},"7ba8-24":{"id":"/src/controls/list.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-25"},"imported":[],"importedBy":[{"uid":"7ba8-56"}]},"7ba8-26":{"id":"/src/controls/overlay.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-27"},"imported":[],"importedBy":[{"uid":"7ba8-56"}]},"7ba8-28":{"id":"/src/controls/rocketstyle.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-29"},"imported":[],"importedBy":[{"uid":"7ba8-56"}]},"7ba8-30":{"id":"/src/controls/text.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-31"},"imported":[{"uid":"7ba8-50"}],"importedBy":[{"uid":"7ba8-56"}]},"7ba8-32":{"id":"/src/utils/controls/valuesToControls.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-33"},"imported":[{"uid":"7ba8-56"}],"importedBy":[{"uid":"7ba8-55"}]},"7ba8-34":{"id":"/src/stories/renderDimension.tsx","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-35"},"imported":[{"uid":"7ba8-52"},{"uid":"7ba8-50"},{"uid":"7ba8-54"},{"uid":"7ba8-2"},{"uid":"7ba8-4"},{"uid":"7ba8-6"},{"uid":"7ba8-55"}],"importedBy":[{"uid":"7ba8-51"}]},"7ba8-36":{"id":"/src/utils/dimensions.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-37"},"imported":[],"importedBy":[{"uid":"7ba8-38"},{"uid":"7ba8-40"},{"uid":"7ba8-42"}]},"7ba8-38":{"id":"/src/stories/renderList.tsx","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-39"},"imported":[{"uid":"7ba8-52"},{"uid":"7ba8-50"},{"uid":"7ba8-54"},{"uid":"7ba8-4"},{"uid":"7ba8-6"},{"uid":"7ba8-36"},{"uid":"7ba8-55"}],"importedBy":[{"uid":"7ba8-51"}]},"7ba8-40":{"id":"/src/stories/renderMain.tsx","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-41"},"imported":[{"uid":"7ba8-52"},{"uid":"7ba8-50"},{"uid":"7ba8-4"},{"uid":"7ba8-6"},{"uid":"7ba8-36"},{"uid":"7ba8-55"}],"importedBy":[{"uid":"7ba8-51"}]},"7ba8-42":{"id":"/src/stories/renderRender.tsx","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-43"},"imported":[{"uid":"7ba8-50"},{"uid":"7ba8-4"},{"uid":"7ba8-6"},{"uid":"7ba8-36"},{"uid":"7ba8-55"}],"importedBy":[{"uid":"7ba8-51"}]},"7ba8-44":{"id":"/src/stories/story.tsx","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-45"},"imported":[{"uid":"7ba8-52"},{"uid":"7ba8-55"},{"uid":"7ba8-16"}],"importedBy":[{"uid":"7ba8-51"}]},"7ba8-46":{"id":"/src/rocketstories.tsx","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-47"},"imported":[{"uid":"7ba8-50"},{"uid":"7ba8-0"},{"uid":"7ba8-51"}],"importedBy":[{"uid":"7ba8-48"}]},"7ba8-48":{"id":"/src/index.ts","moduleParts":{"vitus-labs-rocketstories.js":"7ba8-49"},"imported":[{"uid":"7ba8-46"}],"importedBy":[],"isEntry":true},"7ba8-50":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"7ba8-46"},{"uid":"7ba8-0"},{"uid":"7ba8-34"},{"uid":"7ba8-38"},{"uid":"7ba8-40"},{"uid":"7ba8-42"},{"uid":"7ba8-2"},{"uid":"7ba8-6"},{"uid":"7ba8-16"},{"uid":"7ba8-10"},{"uid":"7ba8-18"},{"uid":"7ba8-22"},{"uid":"7ba8-30"}],"isExternal":true},"7ba8-51":{"id":"/src/stories/index.ts","moduleParts":{},"imported":[{"uid":"7ba8-34"},{"uid":"7ba8-38"},{"uid":"7ba8-40"},{"uid":"7ba8-42"},{"uid":"7ba8-44"}],"importedBy":[{"uid":"7ba8-46"}]},"7ba8-52":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"7ba8-0"},{"uid":"7ba8-34"},{"uid":"7ba8-38"},{"uid":"7ba8-40"},{"uid":"7ba8-44"},{"uid":"7ba8-2"}],"isExternal":true},"7ba8-53":{"id":"hoist-non-react-statics","moduleParts":{},"imported":[],"importedBy":[{"uid":"7ba8-0"}],"isExternal":true},"7ba8-54":{"id":"@vitus-labs/elements","moduleParts":{},"imported":[],"importedBy":[{"uid":"7ba8-34"},{"uid":"7ba8-38"}],"isExternal":true},"7ba8-55":{"id":"/src/utils/controls/index.ts","moduleParts":{},"imported":[{"uid":"7ba8-10"},{"uid":"7ba8-12"},{"uid":"7ba8-14"},{"uid":"7ba8-16"},{"uid":"7ba8-20"},{"uid":"7ba8-32"}],"importedBy":[{"uid":"7ba8-34"},{"uid":"7ba8-38"},{"uid":"7ba8-40"},{"uid":"7ba8-42"},{"uid":"7ba8-44"}]},"7ba8-56":{"id":"/src/controls/index.ts","moduleParts":{},"imported":[{"uid":"7ba8-22"},{"uid":"7ba8-24"},{"uid":"7ba8-26"},{"uid":"7ba8-28"},{"uid":"7ba8-30"}],"importedBy":[{"uid":"7ba8-32"}]}},"env":{"rollup":"2.70.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6428
6428
|
|
|
6429
6429
|
const run = () => {
|
|
6430
6430
|
const width = window.innerWidth;
|
|
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
|
|
|
6424
6424
|
</script>
|
|
6425
6425
|
<script>
|
|
6426
6426
|
/*<!--*/
|
|
6427
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-rocketstories.module.js","children":[{"name":"Users/vitbokisch/Dev/vitus-labs/ui-system/packages/rocketstyle/lib/vitus-labs-rocketstyle.module.js","uid":"78d5-54"},{"name":"src","children":[{"name":"components/NotFound.tsx","uid":"78d5-56"},{"name":"utils","children":[{"uid":"78d5-58","name":"theme.ts"},{"uid":"78d5-60","name":"code.ts"},{"name":"controls","children":[{"uid":"78d5-64","name":"attrs.ts"},{"uid":"78d5-66","name":"dimensionToControls.ts"},{"uid":"78d5-68","name":"disableControls.ts"},{"uid":"78d5-70","name":"filterDefaultValues.ts"},{"uid":"78d5-72","name":"constants.ts"},{"uid":"78d5-74","name":"makeControls.ts"},{"uid":"78d5-86","name":"valuesToControls.ts"}]},{"uid":"78d5-90","name":"dimensions.ts"}]},{"name":"constants/controls.ts","uid":"78d5-62"},{"name":"controls","children":[{"uid":"78d5-76","name":"element.ts"},{"uid":"78d5-78","name":"list.ts"},{"uid":"78d5-80","name":"overlay.ts"},{"uid":"78d5-82","name":"rocketstyle.ts"},{"uid":"78d5-84","name":"text.ts"}]},{"name":"stories","children":[{"uid":"78d5-88","name":"dimension.tsx"},{"uid":"78d5-92","name":"main.tsx"},{"uid":"78d5-94","name":"story.tsx"}]},{"uid":"78d5-96","name":"rocketstories.tsx"},{"uid":"78d5-98","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"78d5-54":{"renderedLength":628,"gzipLength":336,"brotliLength":0,"mainUid":"78d5-53"},"78d5-56":{"renderedLength":211,"gzipLength":183,"brotliLength":0,"mainUid":"78d5-55"},"78d5-58":{"renderedLength":113,"gzipLength":129,"brotliLength":0,"mainUid":"78d5-57"},"78d5-60":{"renderedLength":5159,"gzipLength":1163,"brotliLength":0,"mainUid":"78d5-59"},"78d5-62":{"renderedLength":246,"gzipLength":141,"brotliLength":0,"mainUid":"78d5-61"},"78d5-64":{"renderedLength":475,"gzipLength":261,"brotliLength":0,"mainUid":"78d5-63"},"78d5-66":{"renderedLength":454,"gzipLength":254,"brotliLength":0,"mainUid":"78d5-65"},"78d5-68":{"renderedLength":545,"gzipLength":275,"brotliLength":0,"mainUid":"78d5-67"},"78d5-70":{"renderedLength":215,"gzipLength":167,"brotliLength":0,"mainUid":"78d5-69"},"78d5-72":{"renderedLength":680,"gzipLength":286,"brotliLength":0,"mainUid":"78d5-71"},"78d5-74":{"renderedLength":556,"gzipLength":282,"brotliLength":0,"mainUid":"78d5-73"},"78d5-76":{"renderedLength":5514,"gzipLength":1011,"brotliLength":0,"mainUid":"78d5-75"},"78d5-78":{"renderedLength":1731,"gzipLength":525,"brotliLength":0,"mainUid":"78d5-77"},"78d5-80":{"renderedLength":2567,"gzipLength":578,"brotliLength":0,"mainUid":"78d5-79"},"78d5-82":{"renderedLength":687,"gzipLength":158,"brotliLength":0,"mainUid":"78d5-81"},"78d5-84":{"renderedLength":403,"gzipLength":149,"brotliLength":0,"mainUid":"78d5-83"},"78d5-86":{"renderedLength":2532,"gzipLength":726,"brotliLength":0,"mainUid":"78d5-85"},"78d5-88":{"renderedLength":5324,"gzipLength":1254,"brotliLength":0,"mainUid":"78d5-87"},"78d5-90":{"renderedLength":339,"gzipLength":238,"brotliLength":0,"mainUid":"78d5-89"},"78d5-92":{"renderedLength":2574,"gzipLength":713,"brotliLength":0,"mainUid":"78d5-91"},"78d5-94":{"renderedLength":582,"gzipLength":251,"brotliLength":0,"mainUid":"78d5-93"},"78d5-96":{"renderedLength":3770,"gzipLength":729,"brotliLength":0,"mainUid":"78d5-95"},"78d5-98":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"78d5-97"}},"nodeMetas":{"78d5-53":{"id":"/Users/vitbokisch/Dev/vitus-labs/ui-system/packages/rocketstyle/lib/vitus-labs-rocketstyle.module.js","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-54"},"imported":[{"uid":"78d5-99"},{"uid":"78d5-101"},{"uid":"78d5-102"}],"importedBy":[{"uid":"78d5-95"}]},"78d5-55":{"id":"/src/components/NotFound.tsx","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-56"},"imported":[{"uid":"78d5-101"},{"uid":"78d5-99"}],"importedBy":[{"uid":"78d5-87"}]},"78d5-57":{"id":"/src/utils/theme.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-58"},"imported":[],"importedBy":[{"uid":"78d5-87"},{"uid":"78d5-91"}]},"78d5-59":{"id":"/src/utils/code.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-60"},"imported":[{"uid":"78d5-99"}],"importedBy":[{"uid":"78d5-87"},{"uid":"78d5-91"}]},"78d5-61":{"id":"/src/constants/controls.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-62"},"imported":[],"importedBy":[{"uid":"78d5-63"},{"uid":"78d5-71"}]},"78d5-63":{"id":"/src/utils/controls/attrs.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-64"},"imported":[{"uid":"78d5-99"},{"uid":"78d5-61"}],"importedBy":[{"uid":"78d5-104"}]},"78d5-65":{"id":"/src/utils/controls/dimensionToControls.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-66"},"imported":[],"importedBy":[{"uid":"78d5-104"}]},"78d5-67":{"id":"/src/utils/controls/disableControls.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-68"},"imported":[],"importedBy":[{"uid":"78d5-104"}]},"78d5-69":{"id":"/src/utils/controls/filterDefaultValues.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-70"},"imported":[{"uid":"78d5-99"}],"importedBy":[{"uid":"78d5-93"},{"uid":"78d5-104"}]},"78d5-71":{"id":"/src/utils/controls/constants.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-72"},"imported":[{"uid":"78d5-99"},{"uid":"78d5-61"}],"importedBy":[{"uid":"78d5-73"}]},"78d5-73":{"id":"/src/utils/controls/makeControls.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-74"},"imported":[{"uid":"78d5-71"}],"importedBy":[{"uid":"78d5-104"}]},"78d5-75":{"id":"/src/controls/element.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-76"},"imported":[{"uid":"78d5-99"}],"importedBy":[{"uid":"78d5-105"}]},"78d5-77":{"id":"/src/controls/list.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-78"},"imported":[],"importedBy":[{"uid":"78d5-105"}]},"78d5-79":{"id":"/src/controls/overlay.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-80"},"imported":[],"importedBy":[{"uid":"78d5-105"}]},"78d5-81":{"id":"/src/controls/rocketstyle.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-82"},"imported":[],"importedBy":[{"uid":"78d5-105"}]},"78d5-83":{"id":"/src/controls/text.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-84"},"imported":[{"uid":"78d5-99"}],"importedBy":[{"uid":"78d5-105"}]},"78d5-85":{"id":"/src/utils/controls/valuesToControls.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-86"},"imported":[{"uid":"78d5-105"}],"importedBy":[{"uid":"78d5-104"}]},"78d5-87":{"id":"/src/stories/dimension.tsx","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-88"},"imported":[{"uid":"78d5-101"},{"uid":"78d5-99"},{"uid":"78d5-103"},{"uid":"78d5-55"},{"uid":"78d5-57"},{"uid":"78d5-59"},{"uid":"78d5-104"}],"importedBy":[{"uid":"78d5-100"}]},"78d5-89":{"id":"/src/utils/dimensions.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-90"},"imported":[],"importedBy":[{"uid":"78d5-91"}]},"78d5-91":{"id":"/src/stories/main.tsx","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-92"},"imported":[{"uid":"78d5-101"},{"uid":"78d5-99"},{"uid":"78d5-57"},{"uid":"78d5-59"},{"uid":"78d5-89"},{"uid":"78d5-104"}],"importedBy":[{"uid":"78d5-100"}]},"78d5-93":{"id":"/src/stories/story.tsx","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-94"},"imported":[{"uid":"78d5-101"},{"uid":"78d5-104"},{"uid":"78d5-69"}],"importedBy":[{"uid":"78d5-100"}]},"78d5-95":{"id":"/src/rocketstories.tsx","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-96"},"imported":[{"uid":"78d5-99"},{"uid":"78d5-53"},{"uid":"78d5-100"}],"importedBy":[{"uid":"78d5-97"}]},"78d5-97":{"id":"/src/index.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"78d5-98"},"imported":[{"uid":"78d5-95"}],"importedBy":[],"isEntry":true},"78d5-99":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"78d5-95"},{"uid":"78d5-53"},{"uid":"78d5-87"},{"uid":"78d5-91"},{"uid":"78d5-55"},{"uid":"78d5-59"},{"uid":"78d5-69"},{"uid":"78d5-63"},{"uid":"78d5-71"},{"uid":"78d5-75"},{"uid":"78d5-83"}],"isExternal":true},"78d5-100":{"id":"/src/stories/index.ts","moduleParts":{},"imported":[{"uid":"78d5-87"},{"uid":"78d5-91"},{"uid":"78d5-93"}],"importedBy":[{"uid":"78d5-95"}]},"78d5-101":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"78d5-53"},{"uid":"78d5-87"},{"uid":"78d5-91"},{"uid":"78d5-93"},{"uid":"78d5-55"}],"isExternal":true},"78d5-102":{"id":"hoist-non-react-statics","moduleParts":{},"imported":[],"importedBy":[{"uid":"78d5-53"}],"isExternal":true},"78d5-103":{"id":"@vitus-labs/elements","moduleParts":{},"imported":[],"importedBy":[{"uid":"78d5-87"}],"isExternal":true},"78d5-104":{"id":"/src/utils/controls/index.ts","moduleParts":{},"imported":[{"uid":"78d5-63"},{"uid":"78d5-65"},{"uid":"78d5-67"},{"uid":"78d5-69"},{"uid":"78d5-73"},{"uid":"78d5-85"}],"importedBy":[{"uid":"78d5-87"},{"uid":"78d5-91"},{"uid":"78d5-93"}]},"78d5-105":{"id":"/src/controls/index.ts","moduleParts":{},"imported":[{"uid":"78d5-75"},{"uid":"78d5-77"},{"uid":"78d5-79"},{"uid":"78d5-81"},{"uid":"78d5-83"}],"importedBy":[{"uid":"78d5-85"}]}},"env":{"rollup":"2.70.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6427
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-rocketstories.module.js","children":[{"name":"Users/vitbokisch/Dev/vitus-labs/ui-system/packages/rocketstyle/lib/vitus-labs-rocketstyle.module.js","uid":"7ba8-58"},{"name":"src","children":[{"name":"components/NotFound.tsx","uid":"7ba8-60"},{"name":"utils","children":[{"uid":"7ba8-62","name":"theme.ts"},{"uid":"7ba8-64","name":"code.ts"},{"name":"controls","children":[{"uid":"7ba8-68","name":"attrs.ts"},{"uid":"7ba8-70","name":"dimensionToControls.ts"},{"uid":"7ba8-72","name":"disableControls.ts"},{"uid":"7ba8-74","name":"filterDefaultValues.ts"},{"uid":"7ba8-76","name":"constants.ts"},{"uid":"7ba8-78","name":"makeControls.ts"},{"uid":"7ba8-90","name":"valuesToControls.ts"}]},{"uid":"7ba8-94","name":"dimensions.ts"}]},{"name":"constants/controls.ts","uid":"7ba8-66"},{"name":"controls","children":[{"uid":"7ba8-80","name":"element.ts"},{"uid":"7ba8-82","name":"list.ts"},{"uid":"7ba8-84","name":"overlay.ts"},{"uid":"7ba8-86","name":"rocketstyle.ts"},{"uid":"7ba8-88","name":"text.ts"}]},{"name":"stories","children":[{"uid":"7ba8-92","name":"renderDimension.tsx"},{"uid":"7ba8-96","name":"renderList.tsx"},{"uid":"7ba8-98","name":"renderMain.tsx"},{"uid":"7ba8-100","name":"renderRender.tsx"},{"uid":"7ba8-102","name":"story.tsx"}]},{"uid":"7ba8-104","name":"rocketstories.tsx"},{"uid":"7ba8-106","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"7ba8-58":{"renderedLength":712,"gzipLength":373,"brotliLength":0,"mainUid":"7ba8-57"},"7ba8-60":{"renderedLength":211,"gzipLength":183,"brotliLength":0,"mainUid":"7ba8-59"},"7ba8-62":{"renderedLength":113,"gzipLength":129,"brotliLength":0,"mainUid":"7ba8-61"},"7ba8-64":{"renderedLength":5159,"gzipLength":1163,"brotliLength":0,"mainUid":"7ba8-63"},"7ba8-66":{"renderedLength":246,"gzipLength":141,"brotliLength":0,"mainUid":"7ba8-65"},"7ba8-68":{"renderedLength":475,"gzipLength":261,"brotliLength":0,"mainUid":"7ba8-67"},"7ba8-70":{"renderedLength":467,"gzipLength":265,"brotliLength":0,"mainUid":"7ba8-69"},"7ba8-72":{"renderedLength":545,"gzipLength":275,"brotliLength":0,"mainUid":"7ba8-71"},"7ba8-74":{"renderedLength":215,"gzipLength":167,"brotliLength":0,"mainUid":"7ba8-73"},"7ba8-76":{"renderedLength":680,"gzipLength":286,"brotliLength":0,"mainUid":"7ba8-75"},"7ba8-78":{"renderedLength":599,"gzipLength":290,"brotliLength":0,"mainUid":"7ba8-77"},"7ba8-80":{"renderedLength":6303,"gzipLength":1219,"brotliLength":0,"mainUid":"7ba8-79"},"7ba8-82":{"renderedLength":1880,"gzipLength":610,"brotliLength":0,"mainUid":"7ba8-81"},"7ba8-84":{"renderedLength":2586,"gzipLength":611,"brotliLength":0,"mainUid":"7ba8-83"},"7ba8-86":{"renderedLength":1764,"gzipLength":377,"brotliLength":0,"mainUid":"7ba8-85"},"7ba8-88":{"renderedLength":403,"gzipLength":149,"brotliLength":0,"mainUid":"7ba8-87"},"7ba8-90":{"renderedLength":2360,"gzipLength":676,"brotliLength":0,"mainUid":"7ba8-89"},"7ba8-92":{"renderedLength":5428,"gzipLength":1252,"brotliLength":0,"mainUid":"7ba8-91"},"7ba8-94":{"renderedLength":339,"gzipLength":238,"brotliLength":0,"mainUid":"7ba8-93"},"7ba8-96":{"renderedLength":2599,"gzipLength":728,"brotliLength":0,"mainUid":"7ba8-95"},"7ba8-98":{"renderedLength":2849,"gzipLength":779,"brotliLength":0,"mainUid":"7ba8-97"},"7ba8-100":{"renderedLength":2866,"gzipLength":762,"brotliLength":0,"mainUid":"7ba8-99"},"7ba8-102":{"renderedLength":582,"gzipLength":251,"brotliLength":0,"mainUid":"7ba8-101"},"7ba8-104":{"renderedLength":3234,"gzipLength":947,"brotliLength":0,"mainUid":"7ba8-103"},"7ba8-106":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"7ba8-105"}},"nodeMetas":{"7ba8-57":{"id":"/Users/vitbokisch/Dev/vitus-labs/ui-system/packages/rocketstyle/lib/vitus-labs-rocketstyle.module.js","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-58"},"imported":[{"uid":"7ba8-107"},{"uid":"7ba8-109"},{"uid":"7ba8-110"}],"importedBy":[{"uid":"7ba8-103"}]},"7ba8-59":{"id":"/src/components/NotFound.tsx","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-60"},"imported":[{"uid":"7ba8-109"},{"uid":"7ba8-107"}],"importedBy":[{"uid":"7ba8-91"}]},"7ba8-61":{"id":"/src/utils/theme.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-62"},"imported":[],"importedBy":[{"uid":"7ba8-91"},{"uid":"7ba8-95"},{"uid":"7ba8-97"},{"uid":"7ba8-99"}]},"7ba8-63":{"id":"/src/utils/code.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-64"},"imported":[{"uid":"7ba8-107"}],"importedBy":[{"uid":"7ba8-91"},{"uid":"7ba8-95"},{"uid":"7ba8-97"},{"uid":"7ba8-99"}]},"7ba8-65":{"id":"/src/constants/controls.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-66"},"imported":[],"importedBy":[{"uid":"7ba8-67"},{"uid":"7ba8-75"}]},"7ba8-67":{"id":"/src/utils/controls/attrs.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-68"},"imported":[{"uid":"7ba8-107"},{"uid":"7ba8-65"}],"importedBy":[{"uid":"7ba8-112"}]},"7ba8-69":{"id":"/src/utils/controls/dimensionToControls.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-70"},"imported":[],"importedBy":[{"uid":"7ba8-112"}]},"7ba8-71":{"id":"/src/utils/controls/disableControls.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-72"},"imported":[],"importedBy":[{"uid":"7ba8-112"}]},"7ba8-73":{"id":"/src/utils/controls/filterDefaultValues.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-74"},"imported":[{"uid":"7ba8-107"}],"importedBy":[{"uid":"7ba8-101"},{"uid":"7ba8-112"}]},"7ba8-75":{"id":"/src/utils/controls/constants.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-76"},"imported":[{"uid":"7ba8-107"},{"uid":"7ba8-65"}],"importedBy":[{"uid":"7ba8-77"}]},"7ba8-77":{"id":"/src/utils/controls/makeControls.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-78"},"imported":[{"uid":"7ba8-75"}],"importedBy":[{"uid":"7ba8-112"}]},"7ba8-79":{"id":"/src/controls/element.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-80"},"imported":[{"uid":"7ba8-107"}],"importedBy":[{"uid":"7ba8-113"}]},"7ba8-81":{"id":"/src/controls/list.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-82"},"imported":[],"importedBy":[{"uid":"7ba8-113"}]},"7ba8-83":{"id":"/src/controls/overlay.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-84"},"imported":[],"importedBy":[{"uid":"7ba8-113"}]},"7ba8-85":{"id":"/src/controls/rocketstyle.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-86"},"imported":[],"importedBy":[{"uid":"7ba8-113"}]},"7ba8-87":{"id":"/src/controls/text.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-88"},"imported":[{"uid":"7ba8-107"}],"importedBy":[{"uid":"7ba8-113"}]},"7ba8-89":{"id":"/src/utils/controls/valuesToControls.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-90"},"imported":[{"uid":"7ba8-113"}],"importedBy":[{"uid":"7ba8-112"}]},"7ba8-91":{"id":"/src/stories/renderDimension.tsx","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-92"},"imported":[{"uid":"7ba8-109"},{"uid":"7ba8-107"},{"uid":"7ba8-111"},{"uid":"7ba8-59"},{"uid":"7ba8-61"},{"uid":"7ba8-63"},{"uid":"7ba8-112"}],"importedBy":[{"uid":"7ba8-108"}]},"7ba8-93":{"id":"/src/utils/dimensions.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-94"},"imported":[],"importedBy":[{"uid":"7ba8-95"},{"uid":"7ba8-97"},{"uid":"7ba8-99"}]},"7ba8-95":{"id":"/src/stories/renderList.tsx","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-96"},"imported":[{"uid":"7ba8-109"},{"uid":"7ba8-107"},{"uid":"7ba8-111"},{"uid":"7ba8-61"},{"uid":"7ba8-63"},{"uid":"7ba8-93"},{"uid":"7ba8-112"}],"importedBy":[{"uid":"7ba8-108"}]},"7ba8-97":{"id":"/src/stories/renderMain.tsx","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-98"},"imported":[{"uid":"7ba8-109"},{"uid":"7ba8-107"},{"uid":"7ba8-61"},{"uid":"7ba8-63"},{"uid":"7ba8-93"},{"uid":"7ba8-112"}],"importedBy":[{"uid":"7ba8-108"}]},"7ba8-99":{"id":"/src/stories/renderRender.tsx","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-100"},"imported":[{"uid":"7ba8-107"},{"uid":"7ba8-61"},{"uid":"7ba8-63"},{"uid":"7ba8-93"},{"uid":"7ba8-112"}],"importedBy":[{"uid":"7ba8-108"}]},"7ba8-101":{"id":"/src/stories/story.tsx","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-102"},"imported":[{"uid":"7ba8-109"},{"uid":"7ba8-112"},{"uid":"7ba8-73"}],"importedBy":[{"uid":"7ba8-108"}]},"7ba8-103":{"id":"/src/rocketstories.tsx","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-104"},"imported":[{"uid":"7ba8-107"},{"uid":"7ba8-57"},{"uid":"7ba8-108"}],"importedBy":[{"uid":"7ba8-105"}]},"7ba8-105":{"id":"/src/index.ts","moduleParts":{"vitus-labs-rocketstories.module.js":"7ba8-106"},"imported":[{"uid":"7ba8-103"}],"importedBy":[],"isEntry":true},"7ba8-107":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"7ba8-103"},{"uid":"7ba8-57"},{"uid":"7ba8-91"},{"uid":"7ba8-95"},{"uid":"7ba8-97"},{"uid":"7ba8-99"},{"uid":"7ba8-59"},{"uid":"7ba8-63"},{"uid":"7ba8-73"},{"uid":"7ba8-67"},{"uid":"7ba8-75"},{"uid":"7ba8-79"},{"uid":"7ba8-87"}],"isExternal":true},"7ba8-108":{"id":"/src/stories/index.ts","moduleParts":{},"imported":[{"uid":"7ba8-91"},{"uid":"7ba8-95"},{"uid":"7ba8-97"},{"uid":"7ba8-99"},{"uid":"7ba8-101"}],"importedBy":[{"uid":"7ba8-103"}]},"7ba8-109":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"7ba8-57"},{"uid":"7ba8-91"},{"uid":"7ba8-95"},{"uid":"7ba8-97"},{"uid":"7ba8-101"},{"uid":"7ba8-59"}],"isExternal":true},"7ba8-110":{"id":"hoist-non-react-statics","moduleParts":{},"imported":[],"importedBy":[{"uid":"7ba8-57"}],"isExternal":true},"7ba8-111":{"id":"@vitus-labs/elements","moduleParts":{},"imported":[],"importedBy":[{"uid":"7ba8-91"},{"uid":"7ba8-95"}],"isExternal":true},"7ba8-112":{"id":"/src/utils/controls/index.ts","moduleParts":{},"imported":[{"uid":"7ba8-67"},{"uid":"7ba8-69"},{"uid":"7ba8-71"},{"uid":"7ba8-73"},{"uid":"7ba8-77"},{"uid":"7ba8-89"}],"importedBy":[{"uid":"7ba8-91"},{"uid":"7ba8-95"},{"uid":"7ba8-97"},{"uid":"7ba8-99"},{"uid":"7ba8-101"}]},"7ba8-113":{"id":"/src/controls/index.ts","moduleParts":{},"imported":[{"uid":"7ba8-79"},{"uid":"7ba8-81"},{"uid":"7ba8-83"},{"uid":"7ba8-85"},{"uid":"7ba8-87"}],"importedBy":[{"uid":"7ba8-89"}]}},"env":{"rollup":"2.70.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6428
6428
|
|
|
6429
6429
|
const run = () => {
|
|
6430
6430
|
const width = window.innerWidth;
|
package/lib/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { ComponentType, VFC, ForwardRefExoticComponent } from 'react';
|
|
1
|
+
import { ComponentType, VFC, ForwardRefExoticComponent, ReactNode } from 'react';
|
|
2
|
+
import { ListProps } from '@vitus-labs/elements';
|
|
2
3
|
import { RocketComponentType } from '@vitus-labs/rocketstyle';
|
|
3
4
|
|
|
4
5
|
declare const CONTROL_TYPES: readonly ["tag", "text", "number", "range", "boolean", "color", "select", "multi-select", "object", "array", "radio", "inline-radio", "check", "inline-check"];
|
|
@@ -6,11 +7,11 @@ declare type T_CONTROL_TYPES = typeof CONTROL_TYPES[number];
|
|
|
6
7
|
|
|
7
8
|
declare type TObj = Record<string, unknown>;
|
|
8
9
|
declare type ExtractProps<TComponentOrTProps> = TComponentOrTProps extends ComponentType<infer TProps> ? TProps : TComponentOrTProps;
|
|
9
|
-
declare type StoryComponent = VFC<
|
|
10
|
-
args:
|
|
11
|
-
argTypes:
|
|
12
|
-
parameters:
|
|
13
|
-
}
|
|
10
|
+
declare type StoryComponent<P = {}> = VFC<P> & Partial<{
|
|
11
|
+
args: Record<string, unknown>;
|
|
12
|
+
argTypes: Record<string, unknown>;
|
|
13
|
+
parameters: Record<string, unknown>;
|
|
14
|
+
}>;
|
|
14
15
|
declare type ElementType<T extends TObj | unknown = any> = ComponentType<T> | ForwardRefExoticComponent<T>;
|
|
15
16
|
declare type RocketType = RocketComponentType & {
|
|
16
17
|
VITUS_LABS__COMPONENT?: string;
|
|
@@ -51,7 +52,10 @@ declare type AttrItemControl<T> = {
|
|
|
51
52
|
description?: string;
|
|
52
53
|
};
|
|
53
54
|
declare type ExtractDimensions<C extends RocketType> = keyof C['$$rocketstyle'];
|
|
55
|
+
declare type RocketDimensions = keyof RocketType['$$rocketstyle'];
|
|
56
|
+
declare type Decorator = (Story: any) => ReactNode;
|
|
54
57
|
declare type Configuration = {
|
|
58
|
+
component: RocketType | ElementType;
|
|
55
59
|
attrs: Record<string, any>;
|
|
56
60
|
prefix?: string;
|
|
57
61
|
name: string;
|
|
@@ -62,26 +66,28 @@ declare type Configuration = {
|
|
|
62
66
|
gap: number;
|
|
63
67
|
pseudo: boolean | null | undefined;
|
|
64
68
|
}>;
|
|
65
|
-
decorators:
|
|
69
|
+
decorators: Decorator[];
|
|
66
70
|
};
|
|
67
|
-
declare type RocketStoryConfiguration = Configuration & {
|
|
71
|
+
declare type RocketStoryConfiguration = Omit<Configuration, 'component'> & {
|
|
68
72
|
component: RocketType;
|
|
69
73
|
};
|
|
70
|
-
declare type StoryConfiguration = Configuration & {
|
|
74
|
+
declare type StoryConfiguration = Omit<Configuration, 'component'> & {
|
|
71
75
|
component: ElementType;
|
|
72
76
|
};
|
|
73
77
|
declare type Controls = Record<string, Control>;
|
|
74
|
-
declare type PartialControls = Record<string, Partial<Control>>;
|
|
78
|
+
declare type PartialControls = Record<string, Partial<Control>>;
|
|
79
|
+
declare type RenderStoryCallback<P extends TObj = {}> = (param: (props: P) => ReactNode) => VFC<P>;
|
|
80
|
+
declare type ListStoryOptions = Pick<ListProps, 'itemKey' | 'itemProps' | 'wrapComponent' | 'wrapProps' | 'valueName'> & {
|
|
81
|
+
data: ListProps['data'];
|
|
82
|
+
};
|
|
75
83
|
|
|
76
|
-
declare type
|
|
77
|
-
name: string;
|
|
78
|
-
component: T;
|
|
79
|
-
dimension: ExtractDimensions<T>;
|
|
80
|
-
attrs: Configuration['attrs'];
|
|
81
|
-
storyOptions: Configuration['storyOptions'];
|
|
84
|
+
declare type RenderDimension<P = {}> = (dimension: RocketDimensions, params: RocketStoryConfiguration & {
|
|
82
85
|
ignore: any;
|
|
83
|
-
}) => StoryComponent
|
|
84
|
-
|
|
86
|
+
}) => StoryComponent<P>;
|
|
87
|
+
|
|
88
|
+
declare type RenderList<P = {}> = (render: ListStoryOptions, params: RocketStoryConfiguration) => StoryComponent<P>;
|
|
89
|
+
|
|
90
|
+
declare type RenderMain<P = {}> = (params: RocketStoryConfiguration) => StoryComponent<P>;
|
|
85
91
|
|
|
86
92
|
declare type Story = ({ component, attrs, }: {
|
|
87
93
|
component: ComponentType;
|
|
@@ -92,36 +98,28 @@ declare type Story = ({ component, attrs, }: {
|
|
|
92
98
|
};
|
|
93
99
|
declare const story: Story;
|
|
94
100
|
|
|
95
|
-
declare type Init = <P extends Partial<Omit<
|
|
101
|
+
declare type Init = <P extends Partial<Omit<Configuration, 'component' | 'attrs'>>>(params: P) => <T extends Configuration['component']>(component: T) => T extends RocketType ? IRocketStories<ExtractProps<T>, T['$$rocketstyle']> : IRocketStories<ExtractProps<T>, unknown>;
|
|
96
102
|
declare const init: Init;
|
|
97
|
-
declare type Rocketstories = <
|
|
103
|
+
declare type Rocketstories = <C extends Configuration['component']>(component: C, options?: Partial<Omit<Configuration, 'component' | 'attrs'>>) => C extends RocketType ? IRocketStories<ExtractProps<C>, C['$$rocketstyle']> : IRocketStories<ExtractProps<C>, unknown>;
|
|
98
104
|
declare const rocketstories: Rocketstories;
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
105
|
+
interface IRocketStories<OA extends TObj = {}, RA extends TObj | unknown = unknown, SO extends TObj = {}> {
|
|
106
|
+
CONFIG: Configuration;
|
|
107
|
+
main: () => ReturnType<RenderMain<OA>> | ReturnType<typeof story>;
|
|
108
|
+
dimension: <P extends keyof RA>(dimension: P, options?: Partial<{
|
|
109
|
+
ignore: Array<RA[P]>;
|
|
110
|
+
}>) => ReturnType<RenderDimension<OA>> | null;
|
|
111
|
+
render: RenderStoryCallback<OA>;
|
|
112
|
+
list: (params: ListStoryOptions) => ReturnType<RenderList<OA>>;
|
|
113
|
+
init: () => {
|
|
114
|
+
component: Configuration['component'];
|
|
115
|
+
title: Configuration['name'];
|
|
116
|
+
decorators: Configuration['decorators'];
|
|
109
117
|
};
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
main: () => ReturnType<typeof story>;
|
|
117
|
-
dimension: <P extends keyof RA>(dimension: P, params?: Partial<{
|
|
118
|
-
ignore: any;
|
|
119
|
-
}>) => ReturnType<typeof makeDimensionStories>;
|
|
120
|
-
export: () => {
|
|
121
|
-
component: Element;
|
|
122
|
-
title: string;
|
|
123
|
-
decorators: RocketStoryConfiguration['decorators'];
|
|
124
|
-
};
|
|
125
|
-
};
|
|
118
|
+
storyOptions: (options: Configuration['storyOptions']) => IRocketStories<OA, RA, SO>;
|
|
119
|
+
config: (params: Partial<Omit<Configuration, 'attrs'>>) => IRocketStories<OA, RA, SO>;
|
|
120
|
+
attrs: <P extends Partial<OA>>(params: P) => IRocketStories<OA, RA, SO>;
|
|
121
|
+
setComponent: <P extends Configuration['component']>(param: P) => P extends RocketType ? IRocketStories<ExtractProps<P>, P['$$rocketstyle'], SO> : P extends ElementType ? IRocketStories<ExtractProps<P>, unknown, SO> : IRocketStories<{}, unknown, SO>;
|
|
122
|
+
decorators: <P extends Configuration['decorators']>(param: P) => IRocketStories<OA, RA, SO>;
|
|
123
|
+
}
|
|
126
124
|
|
|
127
|
-
export { AttrItemControl, Configuration, Control, ControlTypes, Controls,
|
|
125
|
+
export { AttrItemControl, Configuration, Control, ControlTypes, Controls, ElementType, ExtractDimensions, ExtractProps, IRocketStories, Init, PartialControls, RocketStoryConfiguration, RocketType, Rocketstories, StoryComponent, StoryConfiguration, StorybookControl, rocketstories as default, init };
|
|
@@ -1,180 +1,180 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
readonly tag: {
|
|
3
|
+
readonly group: "Element (Vitus-Labs)";
|
|
3
4
|
readonly type: "select";
|
|
4
5
|
readonly options: readonly ["a", "abbr", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "meter", "nav", "object", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "section", "select", "small", "source", "span", "strong", "sub", "summary", "sup", "svg", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "var", "video", "wbr"];
|
|
5
|
-
readonly group: "Element";
|
|
6
6
|
readonly valueType: "HTMLTag";
|
|
7
|
-
readonly description: "A prop which will change HTML tag of the element";
|
|
7
|
+
readonly description: "A prop which will change **HTML tag** of the element.";
|
|
8
8
|
};
|
|
9
9
|
readonly children: {
|
|
10
|
-
readonly
|
|
11
|
-
readonly group: "Element";
|
|
10
|
+
readonly group: "Element (Vitus-Labs)";
|
|
12
11
|
readonly valueType: "ReactNode";
|
|
12
|
+
readonly description: "React children. Priorities when rendering are **children** → **content** → **label**, therefore _label_ has the highest priority.";
|
|
13
13
|
};
|
|
14
14
|
readonly content: {
|
|
15
|
+
readonly group: "Element (Vitus-Labs)";
|
|
15
16
|
readonly type: "text";
|
|
16
17
|
readonly valueType: "ReactNode";
|
|
17
|
-
readonly
|
|
18
|
-
readonly description: "A prop which can be used instead of `children`";
|
|
18
|
+
readonly description: "A prop which can be used instead of _children_. Priorities when rendering are **children** → **content** → **label**, therefore _content_ has the middle priority.";
|
|
19
19
|
};
|
|
20
20
|
readonly label: {
|
|
21
|
+
readonly group: "Element (Vitus-Labs)";
|
|
21
22
|
readonly type: "text";
|
|
22
|
-
readonly group: "Element";
|
|
23
23
|
readonly valueType: "ReactNode";
|
|
24
|
-
readonly description: "A prop which can be used instead of
|
|
24
|
+
readonly description: "A prop which can be used instead of _children_. Priorities when rendering are **children** → **content** → **label**, therefore _label_ has the lowest priority.";
|
|
25
25
|
};
|
|
26
26
|
readonly block: {
|
|
27
|
+
readonly group: "Element (Vitus-Labs)";
|
|
27
28
|
readonly type: "boolean";
|
|
28
|
-
readonly
|
|
29
|
-
readonly
|
|
30
|
-
readonly description: "Whether should behave as `inline` or `block` element";
|
|
29
|
+
readonly valueType: "boolean | Record<string, boolean> | Array<boolean>";
|
|
30
|
+
readonly description: "Defines whether should behave as **inline** or **block** element.";
|
|
31
31
|
};
|
|
32
32
|
readonly direction: {
|
|
33
33
|
readonly value: "";
|
|
34
|
-
readonly description: "Define whether element should render horizontally or vertically
|
|
34
|
+
readonly description: "Define whether element should render **horizontally** or **vertically**.";
|
|
35
|
+
readonly group: string;
|
|
35
36
|
readonly type: string;
|
|
36
37
|
readonly options: string[];
|
|
37
|
-
readonly group: string;
|
|
38
38
|
readonly valueType: string;
|
|
39
39
|
};
|
|
40
40
|
readonly alignX: {
|
|
41
|
-
readonly description: "Define alignment of
|
|
41
|
+
readonly description: "Define alignment of **beforeContent**, **content**, and **afterContent** with respect to root element on **axis X**.";
|
|
42
|
+
readonly group: string;
|
|
42
43
|
readonly type: string;
|
|
43
44
|
readonly options: string[];
|
|
44
|
-
readonly group: string;
|
|
45
45
|
readonly value: string;
|
|
46
46
|
readonly valueType: string;
|
|
47
47
|
};
|
|
48
48
|
readonly alignY: {
|
|
49
|
-
readonly description: "Define alignment of
|
|
49
|
+
readonly description: "Define alignment of **beforeContent**, **content**, and **afterContent** with respect to the root element on **axis Y**.";
|
|
50
|
+
readonly group: string;
|
|
50
51
|
readonly type: string;
|
|
51
52
|
readonly options: string[];
|
|
52
53
|
readonly value: string;
|
|
53
|
-
readonly group: string;
|
|
54
54
|
readonly valueType: string;
|
|
55
55
|
};
|
|
56
56
|
readonly contentDirection: {
|
|
57
|
-
readonly description: "Define whether children in content wrapper should be rendered in
|
|
57
|
+
readonly description: "Define whether the children in **content** wrapper should be rendered in _line_ or in _rows_.";
|
|
58
|
+
readonly group: string;
|
|
58
59
|
readonly type: string;
|
|
59
60
|
readonly options: string[];
|
|
60
61
|
readonly value: string;
|
|
61
|
-
readonly group: string;
|
|
62
62
|
readonly valueType: string;
|
|
63
63
|
};
|
|
64
64
|
readonly contentAlignX: {
|
|
65
|
-
readonly description: "Define how children in content wrapper should be aligned";
|
|
65
|
+
readonly description: "Define how the children in **content** wrapper should be aligned on **axis X**.";
|
|
66
|
+
readonly group: string;
|
|
66
67
|
readonly type: string;
|
|
67
68
|
readonly options: string[];
|
|
68
|
-
readonly group: string;
|
|
69
69
|
readonly value: string;
|
|
70
70
|
readonly valueType: string;
|
|
71
71
|
};
|
|
72
72
|
readonly contentAlignY: {
|
|
73
|
-
readonly description: "Define how children in content wrapper should be aligned";
|
|
73
|
+
readonly description: "Define how the children in **content** wrapper should be aligned on **axis Y**.";
|
|
74
|
+
readonly group: string;
|
|
74
75
|
readonly type: string;
|
|
75
76
|
readonly options: string[];
|
|
76
77
|
readonly value: string;
|
|
77
|
-
readonly group: string;
|
|
78
78
|
readonly valueType: string;
|
|
79
79
|
};
|
|
80
80
|
readonly beforeContentDirection: {
|
|
81
|
-
readonly description: "Define whether children in beforeContent wrapper should be rendered in
|
|
81
|
+
readonly description: "Define whether children in **beforeContent** wrapper should be rendered in _line_ or in _rows_.";
|
|
82
|
+
readonly group: string;
|
|
82
83
|
readonly type: string;
|
|
83
84
|
readonly options: string[];
|
|
84
85
|
readonly value: string;
|
|
85
|
-
readonly group: string;
|
|
86
86
|
readonly valueType: string;
|
|
87
87
|
};
|
|
88
88
|
readonly beforeContentAlignX: {
|
|
89
|
-
readonly description: "Define how children in beforeContent wrapper should be aligned";
|
|
89
|
+
readonly description: "Define how children in **beforeContent** wrapper should be aligned on **axis X**.";
|
|
90
|
+
readonly group: string;
|
|
90
91
|
readonly type: string;
|
|
91
92
|
readonly options: string[];
|
|
92
|
-
readonly group: string;
|
|
93
93
|
readonly value: string;
|
|
94
94
|
readonly valueType: string;
|
|
95
95
|
};
|
|
96
96
|
readonly beforeContentAlignY: {
|
|
97
|
-
readonly description: "Define how children in beforeContent wrapper should be aligned";
|
|
97
|
+
readonly description: "Define how children in **beforeContent** wrapper should be aligned on **axis Y**.";
|
|
98
|
+
readonly group: string;
|
|
98
99
|
readonly type: string;
|
|
99
100
|
readonly options: string[];
|
|
100
101
|
readonly value: string;
|
|
101
|
-
readonly group: string;
|
|
102
102
|
readonly valueType: string;
|
|
103
103
|
};
|
|
104
104
|
readonly afterContentDirection: {
|
|
105
|
-
readonly description: "Define whether children in afterContent wrapper should be rendered in
|
|
105
|
+
readonly description: "Define whether children in **afterContent** wrapper should be rendered in _line_ or in _rows_.";
|
|
106
|
+
readonly group: string;
|
|
106
107
|
readonly type: string;
|
|
107
108
|
readonly options: string[];
|
|
108
109
|
readonly value: string;
|
|
109
|
-
readonly group: string;
|
|
110
110
|
readonly valueType: string;
|
|
111
111
|
};
|
|
112
112
|
readonly afterContentAlignX: {
|
|
113
|
-
readonly description: "Define how children in afterContent wrapper should be aligned";
|
|
113
|
+
readonly description: "Define how children in **afterContent** wrapper should be aligned on **axis X**.";
|
|
114
|
+
readonly group: string;
|
|
114
115
|
readonly type: string;
|
|
115
116
|
readonly options: string[];
|
|
116
|
-
readonly group: string;
|
|
117
117
|
readonly value: string;
|
|
118
118
|
readonly valueType: string;
|
|
119
119
|
};
|
|
120
120
|
readonly afterContentAlignY: {
|
|
121
|
-
readonly description: "Define how children in afterContent wrapper should be aligned";
|
|
121
|
+
readonly description: "Define how children in **afterContent** wrapper should be aligned on **axis Y**.";
|
|
122
|
+
readonly group: string;
|
|
122
123
|
readonly type: string;
|
|
123
124
|
readonly options: string[];
|
|
124
125
|
readonly value: string;
|
|
125
|
-
readonly group: string;
|
|
126
126
|
readonly valueType: string;
|
|
127
127
|
};
|
|
128
128
|
readonly equalCols: {
|
|
129
129
|
readonly type: "boolean";
|
|
130
|
-
readonly group: "Element";
|
|
131
|
-
readonly valueType: "boolean |
|
|
132
|
-
readonly description: "Whether should all inner elements have the same `width` / `height
|
|
130
|
+
readonly group: "Element (Vitus-Labs)";
|
|
131
|
+
readonly valueType: "boolean | Record<string,boolean> | Array<boolean>";
|
|
132
|
+
readonly description: "Whether should all inner elements have the same `width` / `height`.";
|
|
133
133
|
};
|
|
134
134
|
readonly gap: {
|
|
135
135
|
readonly type: "number";
|
|
136
|
-
readonly group: "Element";
|
|
137
|
-
readonly valueType: "number |
|
|
138
|
-
readonly description: "Defines space between
|
|
136
|
+
readonly group: "Element (Vitus-Labs)";
|
|
137
|
+
readonly valueType: "number | Record<string,number> | Array<number>";
|
|
138
|
+
readonly description: "Defines space gap **between** _beforeContent_, _content_ and _afterContent_ if one of _beforeContent_ or _afterContent_ contain _children_ to be rendered.";
|
|
139
139
|
};
|
|
140
140
|
readonly vertical: {
|
|
141
141
|
readonly type: "boolean";
|
|
142
|
-
readonly group: "Element";
|
|
143
|
-
readonly valueType: "boolean |
|
|
144
|
-
readonly description: "Define whether element should render horizontally or vertically";
|
|
142
|
+
readonly group: "Element (Vitus-Labs)";
|
|
143
|
+
readonly valueType: "boolean | Record<string,boolean> | Array<boolean>";
|
|
144
|
+
readonly description: "Define whether element should render horizontally or vertically.";
|
|
145
145
|
};
|
|
146
146
|
readonly beforeContent: {
|
|
147
|
-
readonly group: "Element";
|
|
147
|
+
readonly group: "Element (Vitus-Labs)";
|
|
148
148
|
readonly valueType: "ReactNode";
|
|
149
149
|
readonly description: "A children to be rendered inside `beforeContent` wrapper.";
|
|
150
150
|
};
|
|
151
151
|
readonly afterContent: {
|
|
152
|
-
readonly group: "Element";
|
|
152
|
+
readonly group: "Element (Vitus-Labs)";
|
|
153
153
|
readonly valueType: "ReactNode";
|
|
154
154
|
readonly description: "A children to be rendered inside `afterContent` wrapper.";
|
|
155
155
|
};
|
|
156
156
|
readonly css: {
|
|
157
|
-
readonly description: "If you need to add an additional styling to the
|
|
158
|
-
readonly type: string;
|
|
157
|
+
readonly description: "If you need to add an additional styling to the **root** element, you can do so by injecting styles using this prop.";
|
|
159
158
|
readonly group: string;
|
|
159
|
+
readonly type: string;
|
|
160
160
|
readonly valueType: string;
|
|
161
161
|
};
|
|
162
162
|
readonly contentCss: {
|
|
163
|
-
readonly description: "If you need to add an additional styling to the
|
|
164
|
-
readonly type: string;
|
|
163
|
+
readonly description: "If you need to add an additional styling to the **content** element, you can do so by injecting styles using this prop.";
|
|
165
164
|
readonly group: string;
|
|
165
|
+
readonly type: string;
|
|
166
166
|
readonly valueType: string;
|
|
167
167
|
};
|
|
168
168
|
readonly beforeContentCss: {
|
|
169
|
-
readonly description: "If you need to add an additional styling to the
|
|
170
|
-
readonly type: string;
|
|
169
|
+
readonly description: "If you need to add an additional styling to the **beforeContent** element, you can do so by injecting styles using this prop.";
|
|
171
170
|
readonly group: string;
|
|
171
|
+
readonly type: string;
|
|
172
172
|
readonly valueType: string;
|
|
173
173
|
};
|
|
174
174
|
readonly afterContentCss: {
|
|
175
|
-
readonly description: "If you need to add an additional styling to the
|
|
176
|
-
readonly type: string;
|
|
175
|
+
readonly description: "If you need to add an additional styling to the **afterContent** element, you can do so by injecting styles using this prop.";
|
|
177
176
|
readonly group: string;
|
|
177
|
+
readonly type: string;
|
|
178
178
|
readonly valueType: string;
|
|
179
179
|
};
|
|
180
180
|
};
|