mondaycom · talkor · Aug 15, 2024 · Aug 11, 2024 · Aug 11, 2024 · Aug 11, 2024
diff --git a/packages/core/plop/general/component-stories-js.txt b/packages/core/plop/general/component-stories-js.txt
@@ -5,7 +5,6 @@ import styles from "./{{properCase componentName}}.stories.module.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: {{properCase componentName}},
-  enumPropNamesArray: [], // List enum props here
   iconPropNamesArray: [], // List props that are typed as icons here
   actionPropsArray: [] // List the component's actions here
 });

diff --git a/packages/core/src/components/Avatar/__stories__/Avatar.stories.tsx b/packages/core/src/components/Avatar/__stories__/Avatar.stories.tsx
@@ -11,7 +11,6 @@ import "./Avatar.stories.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: Avatar,
-  enumPropNamesArray: ["type", "size"],
   iconPropNamesArray: ["icon"]
 });
 

diff --git a/packages/core/src/components/Badge/__stories__/Badge.stories.tsx b/packages/core/src/components/Badge/__stories__/Badge.stories.tsx
@@ -11,9 +11,6 @@ import { createComponentTemplate, StoryDescription } from "vibe-storybook-compon
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: Badge,
-  enumPropNamesArray: ["anchor", "alignment", "type"],
-  iconPropNamesArray: [],
-  actionPropsArray: [],
   ignoreControlsPropNamesArray: ["children"]
 });
 

diff --git a/packages/core/src/components/Box/__stories__/Box.stories.tsx b/packages/core/src/components/Box/__stories__/Box.stories.tsx
@@ -4,33 +4,7 @@ import { createStoryMetaSettingsDecorator } from "../../../storybook";
 import styles from "./Box.stories.module.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: Box,
-  enumPropNamesArray: [
-    "className",
-    "id",
-    "children",
-    "disabled",
-    "border",
-    "borderColor",
-    "rounded",
-    "shadow",
-    "margin",
-    "marginX",
-    "marginY",
-    "marginTop",
-    "marginEnd",
-    "marginBottom",
-    "marginStart",
-    "padding",
-    "paddingX",
-    "paddingY",
-    "paddingTop",
-    "paddingEnd",
-    "paddingBottom",
-    "paddingStart",
-    "backgroundColor",
-    "textColor"
-  ]
+  component: Box
 });
 
 export default {

diff --git a/packages/core/src/components/BreadcrumbsBar/__stories__/BreadcrumbsBar.stories.tsx b/packages/core/src/components/BreadcrumbsBar/__stories__/BreadcrumbsBar.stories.tsx
@@ -8,8 +8,7 @@ import { createStoryMetaSettingsDecorator } from "../../../storybook/functions/c
 import "./BreadcrumbsBar.stories.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: BreadcrumbsBar,
-  enumPropNamesArray: ["type"]
+  component: BreadcrumbsBar
 });
 
 const breadcrumbsBarTemplate = (args: BreadcrumbBarProps) => {

diff --git a/packages/core/src/components/Button/__stories__/Button.stories.tsx b/packages/core/src/components/Button/__stories__/Button.stories.tsx
@@ -11,7 +11,6 @@ type Story = StoryObj<typeof Button>;
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: Button,
-  enumPropNamesArray: ["kind", "size", "color", "type"],
   iconPropNamesArray: ["leftIcon", "rightIcon", "successIcon"],
   actionPropsArray: ["onClick"]
 });

diff --git a/packages/core/src/components/ButtonGroup/__stories__/ButtonGroup.stories.tsx b/packages/core/src/components/ButtonGroup/__stories__/ButtonGroup.stories.tsx
@@ -9,7 +9,6 @@ type Story = StoryObj<typeof ButtonGroup>;
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: ButtonGroup,
-  enumPropNamesArray: ["kind", "size"],
   actionPropsArray: ["onSelect"]
 });
 

diff --git a/packages/core/src/components/Chips/__stories__/Chips.stories.tsx b/packages/core/src/components/Chips/__stories__/Chips.stories.tsx
@@ -16,7 +16,6 @@ import styles from "./Chips.stories.module.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: Chips,
-  enumPropNamesArray: ["color"],
   iconPropNamesArray: ["rightIcon", "leftIcon"],
   actionPropsArray: ["onDelete", "onMouseDown", "onClick"]
 });

diff --git a/packages/core/src/components/ColorPicker/__stories__/ColorPicker.stories.tsx b/packages/core/src/components/ColorPicker/__stories__/ColorPicker.stories.tsx
@@ -7,7 +7,6 @@ import { createComponentTemplate } from "vibe-storybook-components";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: ColorPicker,
-  enumPropNamesArray: ["colorStyle", "colorSize", "colorShape"],
   iconPropNamesArray: ["ColorIndicatorIcon", "SelectedIndicatorIcon", "NoColorIcon"],
   actionPropsArray: [{ name: "onSave", linkedToPropValue: "value" }]
 });

diff --git a/packages/core/src/components/Combobox/__stories__/Combobox.stories.tsx b/packages/core/src/components/Combobox/__stories__/Combobox.stories.tsx
@@ -18,7 +18,6 @@ import "./Combobox.stories.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: Combobox,
-  enumPropNamesArray: ["size"],
   iconPropNamesArray: ["searchIcon"],
   actionPropsArray: ["onOptionHover", "onOptionLeave", "onFilterChanged"]
 });

diff --git a/packages/core/src/components/Counter/__stories__/Counter.stories.tsx b/packages/core/src/components/Counter/__stories__/Counter.stories.tsx
@@ -10,8 +10,7 @@ import Avatar from "../../Avatar/Avatar";
 import "./Counter.stories.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: Counter,
-  enumPropNamesArray: ["size", "color", "kind"]
+  component: Counter
 });
 
 const counterTemplate = createComponentTemplate(Counter);

diff --git a/packages/core/src/components/Dialog/__stories__/Dialog.stories.tsx b/packages/core/src/components/Dialog/__stories__/Dialog.stories.tsx
@@ -16,10 +16,7 @@ import { HideShowEvent } from "../DialogConstants";
 import { DialogProps } from "../Dialog";
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: Dialog,
-  enumPropNamesArray: [], // List enum props here
-  iconPropNamesArray: [], // List props that are typed as icons here
-  actionPropsArray: [] // List the component's actions here
+  component: Dialog
 });
 
 const showHideArgTypes = {

diff --git a/...core/src/components/DialogContentContainer/__stories__/DialogContentContainer.stories.tsx b/...core/src/components/DialogContentContainer/__stories__/DialogContentContainer.stories.tsx
@@ -6,7 +6,6 @@ import DialogContentContainerExample from "./DialogContentContainerExample";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: DialogContentContainer,
-  enumPropNamesArray: ["type", "size"],
   ignoreControlsPropNamesArray: ["children"]
 });
 

diff --git a/packages/core/src/components/Divider/__stories__/Divider.stories.tsx b/packages/core/src/components/Divider/__stories__/Divider.stories.tsx
@@ -4,8 +4,7 @@ import { createStoryMetaSettingsDecorator } from "../../../storybook";
 import styles from "./Divider.stories.module.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: Divider,
-  enumPropNamesArray: ["direction"]
+  component: Divider
 });
 
 const dividerTemplate = (args: DividerProps) => (

diff --git a/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.js b/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.js
@@ -14,7 +14,6 @@ import { fakeFetchUsers } from "./Dropdown.stories.helpers";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: Dropdown,
-  enumPropNamesArray: ["size", "menuPosition", "menuPlacement"],
   actionPropsArray: [
     "onMenuOpen",
     "onMenuClose",

diff --git a/packages/core/src/components/EditableHeading/EditableHeading.tsx b/packages/core/src/components/EditableHeading/EditableHeading.tsx
@@ -12,11 +12,9 @@ import EditableTypography, { EditableTypographyImplementationProps } from "../Ed
 export interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {
   /**
    * Sets the Heading type
-   * @type {HeadingType}
    * */
   type?: HeadingType;
   /** Sets the Heading weight
-   * @type {HeadingWeight}
    */
   weight?: HeadingWeight;
 }

diff --git a/packages/core/src/components/EditableHeading/__stories__/EditableHeading.stories.tsx b/packages/core/src/components/EditableHeading/__stories__/EditableHeading.stories.tsx
@@ -7,7 +7,6 @@ import styles from "./EditableHeading.stories.module.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: EditableHeading,
-  enumPropNamesArray: ["weight", "type"],
   actionPropsArray: ["onChange"]
 });
 

diff --git a/packages/core/src/components/EditableText/EditableText.tsx b/packages/core/src/components/EditableText/EditableText.tsx
@@ -13,11 +13,9 @@ import cx from "classnames";
 export interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {
   /**
    * Sets the Text type
-   * @type {TextType}
    * */
   type?: TextType;
   /** Sets the Text weight
-   * @type {TextWeight}
    */
   weight?: TextWeight;
 }

diff --git a/packages/core/src/components/EditableText/__stories__/EditableText.stories.tsx b/packages/core/src/components/EditableText/__stories__/EditableText.stories.tsx
@@ -7,7 +7,6 @@ import styles from "./EditableText.stories.module.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: EditableText,
-  enumPropNamesArray: ["weight", "type"],
   actionPropsArray: ["onChange"]
 });
 

diff --git a/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.tsx b/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.tsx
@@ -10,9 +10,6 @@ import styles from "./ExpandCollapse.stories.module.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: ExpandCollapse,
-  enumPropNamesArray: [],
-  iconPropNamesArray: [],
-  actionPropsArray: [],
   ignoreControlsPropNamesArray: ["headerComponentRenderer"]
 });
 

diff --git a/packages/core/src/components/Flex/__stories__/Flex.stories.tsx b/packages/core/src/components/Flex/__stories__/Flex.stories.tsx
@@ -9,7 +9,6 @@ import styles from "./Flex.stories.module.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: Flex,
-  enumPropNamesArray: ["justify", "align"],
   actionPropsArray: ["onClick"]
 });
 

diff --git a/packages/core/src/components/Heading/__stories__/Heading.stories.tsx b/packages/core/src/components/Heading/__stories__/Heading.stories.tsx
@@ -13,9 +13,7 @@ import { Custom } from "../../Icon/Icons";
 import styles from "./Heading.stories.module.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: Heading,
-  iconPropNamesArray: [], // List props that are typed as icons here
-  actionPropsArray: [] // List the component's actions here
+  component: Heading
 });
 
 const textTemplate = createComponentTemplate(Heading);

diff --git a/packages/core/src/components/IconButton/IconButton.tsx b/packages/core/src/components/IconButton/IconButton.tsx
@@ -78,7 +78,7 @@ export interface IconButtonProps extends VibeComponentProps {
    */
   tooltipContent?: string;
   /**
-   * Kind of button - like <Button />
+   * Kind of button - like Button
    */
   kind?: ButtonType;
   active?: boolean;

diff --git a/packages/core/src/components/IconButton/__stories__/IconButton.stories.tsx b/packages/core/src/components/IconButton/__stories__/IconButton.stories.tsx
@@ -16,7 +16,6 @@ type Story = StoryObj<typeof IconButton>;
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: IconButton,
-  enumPropNamesArray: ["kind", "size", "color"],
   iconPropNamesArray: ["icon"],
   actionPropsArray: ["onClick"]
 });

diff --git a/packages/core/src/components/Label/__stories__/Label.stories.tsx b/packages/core/src/components/Label/__stories__/Label.stories.tsx
@@ -11,8 +11,7 @@ import { Decorator, StoryObj } from "@storybook/react";
 type Story = StoryObj<typeof Label>;
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: Label,
-  enumPropNamesArray: ["kind", "color"]
+  component: Label
 });
 
 export default {

diff --git a/packages/core/src/components/Link/__stories__/Link.stories.tsx b/packages/core/src/components/Link/__stories__/Link.stories.tsx
@@ -7,7 +7,6 @@ import "./Link.stories.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: Link,
-  enumPropNamesArray: ["iconPosition", "target"],
   iconPropNamesArray: ["icon"]
 });
 

diff --git a/packages/core/src/components/Loader/__stories__/Loader.stories.tsx b/packages/core/src/components/Loader/__stories__/Loader.stories.tsx
@@ -7,8 +7,7 @@ import { useCallback, useState } from "react";
 import "./Loader.stories.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: Loader,
-  enumPropNamesArray: ["size", "color"]
+  component: Loader
 });
 
 export default {

diff --git a/packages/core/src/components/Menu/MenuGridItem/__stories__/MenuGridItem.stories.tsx b/packages/core/src/components/Menu/MenuGridItem/__stories__/MenuGridItem.stories.tsx
@@ -7,10 +7,7 @@ import MenuGridItem, { MenuGridItemProps } from "../MenuGridItem";
 import "./MenuGridItem.stories.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: MenuGridItem,
-  enumPropNamesArray: [], // List enum props here
-  iconPropNamesArray: [], // List props that are typed as icons here
-  actionPropsArray: [] // List the component's actions here
+  component: MenuGridItem
 });
 
 export default {

diff --git a/packages/core/src/components/Menu/MenuItem/__stories__/MenuItem.stories.tsx b/packages/core/src/components/Menu/MenuItem/__stories__/MenuItem.stories.tsx
@@ -9,7 +9,6 @@ type Story = StoryObj<MenuItemProps>;
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: MenuItem,
-  enumPropNamesArray: ["tooltipPosition"],
   iconPropNamesArray: ["icon"]
 });
 

diff --git a/packages/core/src/components/Menu/MenuItemButton/__stories__/MenuItemButton.stories.tsx b/packages/core/src/components/Menu/MenuItemButton/__stories__/MenuItemButton.stories.tsx
@@ -7,7 +7,6 @@ import { Invite } from "../../../Icon/Icons";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: MenuItemButton,
-  enumPropNamesArray: ["kind", "tooltipPosition"],
   iconPropNamesArray: ["leftIcon", "rightIcon"]
 });
 

diff --git a/packages/core/src/components/Menu/MenuTitle/__stories__/MenuTitle.stories.tsx b/packages/core/src/components/Menu/MenuTitle/__stories__/MenuTitle.stories.tsx
@@ -6,8 +6,7 @@ import Menu from "../../Menu/Menu";
 import MenuItem from "../../MenuItem/MenuItem";
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: MenuTitle,
-  enumPropNamesArray: ["captionPosition"]
+  component: MenuTitle
 });
 
 export default {

diff --git a/packages/core/src/components/Modal/__stories__/Modal.stories.tsx b/packages/core/src/components/Modal/__stories__/Modal.stories.tsx
@@ -10,8 +10,7 @@ import ModalFooterButtons from "../ModalFooter/ModalFooterButtons/ModalFooterBut
 import { Upgrade } from "../../Icon/Icons";
 const metaSettings = createStoryMetaSettingsDecorator({
   component: Modal,
-  enumPropNamesArray: ["width"], // List enum props here
-  actionPropsArray: ["onClose"] // List the component's actions here
+  actionPropsArray: ["onClose"]
 });
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

diff --git a/...e/src/components/ProgressBars/LinearProgressBar/__stories__/LinearProgressBar.stories.tsx b/...e/src/components/ProgressBars/LinearProgressBar/__stories__/LinearProgressBar.stories.tsx
@@ -9,8 +9,7 @@ import BreadcrumbsBar from "../../../BreadcrumbsBar/BreadcrumbsBar";
 import "./LinearProgressBar.stories.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: LinearProgressBar,
-  enumPropNamesArray: ["size", "barStyle"]
+  component: LinearProgressBar
 });
 
 export default {

diff --git a/packages/core/src/components/Slider/__stories__/Slider.stories.tsx b/packages/core/src/components/Slider/__stories__/Slider.stories.tsx
@@ -7,8 +7,7 @@ import { Sound, Video } from "../../Icon/Icons";
 import "./Slider.stories.scss";
 
 const argTypes = createStoryMetaSettingsDecorator({
-  component: Slider,
-  enumPropNamesArray: ["color", "size"]
+  component: Slider
 });
 
 export default {

diff --git a/packages/core/src/components/SplitButton/__stories__/SplitButton.stories.tsx b/packages/core/src/components/SplitButton/__stories__/SplitButton.stories.tsx
@@ -13,14 +13,7 @@ import "./SplitButton.stories.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: SplitButton,
-  enumPropNamesArray: [
-    "kind",
-    "dialogPaddingSize",
-    {
-      propName: "secondaryDialogPosition",
-      enumName: "secondaryPositions"
-    }
-  ],
+
   iconPropNamesArray: ["leftIcon", "rightIcon"],
   actionPropsArray: ["secondaryDialogContent", "onSecondaryDialogDidShow", "onSecondaryDialogDidHide", "onClick"]
 });

diff --git a/packages/core/src/components/Steps/__stories__/Steps.stories.tsx b/packages/core/src/components/Steps/__stories__/Steps.stories.tsx
@@ -9,7 +9,6 @@ import "./Steps.stories.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: Steps,
-  enumPropNamesArray: ["type"],
   actionPropsArray: ["onChangeActiveStep"]
 });
 

diff --git a/packages/core/src/components/Tabs/TabPanels/__stories__/TabPanels.stories.tsx b/packages/core/src/components/Tabs/TabPanels/__stories__/TabPanels.stories.tsx
@@ -4,8 +4,7 @@ import TabPanel, { TabPanelProps } from "../../TabPanel/TabPanel";
 import TabPanels from "../TabPanels";
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: TabPanels,
-  enumPropNamesArray: ["animationDirection"]
+  component: TabPanels
 });
 
 export default {

diff --git a/packages/core/src/components/Text/__stories__/Text.stories.tsx b/packages/core/src/components/Text/__stories__/Text.stories.tsx
@@ -9,10 +9,7 @@ import { textOverflowSuite } from "../__tests__/Text.interactions";
 import styles from "./Text.stories.module.scss";
 
 const metaSettings = createStoryMetaSettingsDecorator({
-  component: Text,
-  enumPropNamesArray: ["types", "weights", "colors", { propName: "align", enumName: "align" }], // List enum props here
-  iconPropNamesArray: [], // List props that are typed as icons here
-  actionPropsArray: [] // List the component's actions here
+  component: Text
 });
 
 export default {

diff --git a/packages/core/src/components/TextField/__stories__/TextField.stories.tsx b/packages/core/src/components/TextField/__stories__/TextField.stories.tsx
@@ -11,7 +11,6 @@ type Story = StoryObj<typeof TextField>;
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: TextField,
-  enumPropNamesArray: ["type", "size"],
   iconPropNamesArray: ["secondaryIconName", "iconName", "labelIconName"]
 });