@vitus-labs/rocketstories 0.20.0 → 0.21.0-alpha.3
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 +397 -1033
- package/lib/analysis/vitus-labs-rocketstories.module.js.html +397 -1033
- package/lib/analysis/vitus-labs-rocketstories.umd.js.html +397 -1033
- package/lib/index.d.ts +1 -1
- package/lib/types/controls/element.d.ts +1 -1
- package/lib/types/controls/text.d.ts +1 -1
- package/lib/types/rocketstories.d.ts +1 -1
- package/lib/types/utils/controls/constants.d.ts +1 -1
- package/lib/vitus-labs-rocketstories.js +47 -51
- package/lib/vitus-labs-rocketstories.js.map +1 -1
- package/lib/vitus-labs-rocketstories.module.js +47 -51
- package/lib/vitus-labs-rocketstories.module.js.map +1 -1
- package/lib/vitus-labs-rocketstories.umd.js +47 -51
- package/lib/vitus-labs-rocketstories.umd.js.map +1 -1
- package/package.json +10 -10
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
/* eslint-disable no-underscore-dangle */
|
|
52
52
|
const getTheme = () => window.__VITUS_LABS_STORIES__.decorators.theme;
|
|
53
53
|
|
|
54
|
-
/* eslint-disable
|
|
54
|
+
/* eslint-disable no-param-reassign */
|
|
55
55
|
const parseProps = (props) => Object.entries(props).reduce((acc, [key, value]) => {
|
|
56
56
|
if (value === null)
|
|
57
57
|
return acc;
|
|
@@ -223,7 +223,6 @@
|
|
|
223
223
|
'inline-check',
|
|
224
224
|
];
|
|
225
225
|
|
|
226
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
227
226
|
const isValidControl = (value) => typeof value === 'object' &&
|
|
228
227
|
value !== null &&
|
|
229
228
|
CONTROL_TYPES.includes(value.type);
|
|
@@ -685,7 +684,6 @@
|
|
|
685
684
|
},
|
|
686
685
|
};
|
|
687
686
|
|
|
688
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
689
687
|
const isColor = (value) => {
|
|
690
688
|
const s = new Option().style;
|
|
691
689
|
s.color = value;
|
|
@@ -762,6 +760,7 @@
|
|
|
762
760
|
};
|
|
763
761
|
};
|
|
764
762
|
|
|
763
|
+
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
|
765
764
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
766
765
|
// @ts-ignore
|
|
767
766
|
const makeDimensionStories = ({ name, component: component$1, dimension, attrs = {}, storyOptions = {}, ignore,
|
|
@@ -811,53 +810,51 @@
|
|
|
811
810
|
// STORY COMPONENT
|
|
812
811
|
// ------------------------------------------------------
|
|
813
812
|
const WrapElement = core.isEmpty(storyOptions) ? React.Fragment : elements.Element;
|
|
814
|
-
const Enhanced = (props) => {
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
React__default["default"].createElement("
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
React__default["default"].createElement("
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
React__default["default"].createElement("
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
React__default["default"].createElement("
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
[dimension]: isMultiKey ? [item] : item,
|
|
858
|
-
})));
|
|
813
|
+
const Enhanced = (props) => (React__default["default"].createElement(WrapElement, { block: true, contentDirection: storyOptions.direction, contentAlignX: storyOptions.alignX, contentAlignY: storyOptions.alignY,
|
|
814
|
+
// @ts-ignore
|
|
815
|
+
style: { gap: storyOptions.gap } }, Object.keys(currentDimension).map((item) => {
|
|
816
|
+
const shouldBeIgnored = ignore.includes(item);
|
|
817
|
+
const key = `${dimension}-${item}`;
|
|
818
|
+
// do not render ignored dimension keys
|
|
819
|
+
if (shouldBeIgnored)
|
|
820
|
+
return null;
|
|
821
|
+
if (storyOptions.pseudo) {
|
|
822
|
+
return (React__default["default"].createElement(WrapElement, { key: key, "data-story": key, contentDirection: storyOptions.direction === 'rows' ? 'inline' : 'rows', contentAlignX: storyOptions.alignX, contentAlignY: storyOptions.alignY,
|
|
823
|
+
// @ts-ignore
|
|
824
|
+
style: { gap: storyOptions.gap / 2 } },
|
|
825
|
+
React__default["default"].createElement("div", null,
|
|
826
|
+
React__default["default"].createElement(elements.Text, { paragraph: true }, "Base"),
|
|
827
|
+
React.createElement(component$1, {
|
|
828
|
+
...props,
|
|
829
|
+
[dimension]: isMultiKey ? [item] : item,
|
|
830
|
+
})),
|
|
831
|
+
React__default["default"].createElement("div", null,
|
|
832
|
+
React__default["default"].createElement(elements.Text, { paragraph: true }, "Hover"),
|
|
833
|
+
React.createElement(component$1, {
|
|
834
|
+
...props,
|
|
835
|
+
[dimension]: isMultiKey ? [item] : item,
|
|
836
|
+
hover: true,
|
|
837
|
+
})),
|
|
838
|
+
React__default["default"].createElement("div", null,
|
|
839
|
+
React__default["default"].createElement(elements.Text, { paragraph: true }, "Pressed"),
|
|
840
|
+
React.createElement(component$1, {
|
|
841
|
+
...props,
|
|
842
|
+
[dimension]: isMultiKey ? [item] : item,
|
|
843
|
+
pressed: true,
|
|
844
|
+
})),
|
|
845
|
+
React__default["default"].createElement("div", null,
|
|
846
|
+
React__default["default"].createElement(elements.Text, { paragraph: true }, "Active"),
|
|
847
|
+
React.createElement(component$1, {
|
|
848
|
+
...props,
|
|
849
|
+
[dimension]: isMultiKey ? [item] : item,
|
|
850
|
+
active: true,
|
|
851
|
+
}))));
|
|
852
|
+
}
|
|
853
|
+
return (React__default["default"].createElement(WrapElement, { key: key, "data-story": `${dimension}-${item}`, ...storyOptions, contentDirection: "rows" }, React.createElement(component$1, {
|
|
854
|
+
...props,
|
|
855
|
+
[dimension]: isMultiKey ? [item] : item,
|
|
859
856
|
})));
|
|
860
|
-
};
|
|
857
|
+
})));
|
|
861
858
|
Enhanced.args = args;
|
|
862
859
|
Enhanced.argTypes = {
|
|
863
860
|
...storybookControls,
|
|
@@ -947,7 +944,6 @@
|
|
|
947
944
|
return Enhanced;
|
|
948
945
|
};
|
|
949
946
|
|
|
950
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
951
947
|
const story = ({ component, attrs }) => {
|
|
952
948
|
const definedControls = filterControls(attrs);
|
|
953
949
|
const values = filterValues(attrs);
|
|
@@ -1037,7 +1033,7 @@
|
|
|
1037
1033
|
}),
|
|
1038
1034
|
// generate main story
|
|
1039
1035
|
main: () => mainStory(result),
|
|
1040
|
-
//define storyOptions
|
|
1036
|
+
// define storyOptions
|
|
1041
1037
|
storyOptions: (storyOptions) => createRocketstories({ storyOptions }, result),
|
|
1042
1038
|
// generate stories of defined dimension
|
|
1043
1039
|
dimension: (dimension, params = {}) => {
|