From 645109716132cccf47375fa47c500c876c5ab879 Mon Sep 17 00:00:00 2001 From: Tal Koren Date: Wed, 29 May 2024 17:51:38 +0300 Subject: [PATCH] chore: import missing react (#2151) --- packages/core/.eslintrc.js | 13 ------------- .../Accordion/__stories__/Accordion.stories.js | 1 + .../__stories__/AlertBanner.stories.helpers.tsx | 1 + .../AlertBanner/__stories__/AlertBanner.stories.js | 1 + .../__stories__/AttentionBox.stories.helpers.tsx | 1 + .../__stories__/AttentionBox.stories.js | 1 + .../Avatar/__stories__/Avatar.stories.helpers.tsx | 1 + .../AvatarGroup/__stories__/AvatarGroup.stories.js | 1 + .../components/Badge/__stories__/Badge.stories.tsx | 1 + .../Box/__stories__/Box.stories.helpers.tsx | 1 + .../src/components/Box/__stories__/Box.stories.tsx | 1 + .../__stories__/BreadcrumbItem.stories.tsx | 1 + .../__stories__/BreadcrumbsBar.stories.helpers.tsx | 1 + .../__stories__/BreadcrumbsBar.stories.js | 1 + .../Button/__stories__/Button.stories.helpers.tsx | 1 + .../__stories__/ButtonGroup.stories.helpers.tsx | 1 + .../__stories__/Checkbox.stories.helpers.tsx | 1 + .../Chips/__stories__/Chips.stories.helpers.tsx | 1 + .../components/Chips/__stories__/Chips.stories.js | 1 + .../__stories__/Clickable.stories.helpers.tsx | 1 + .../Clickable/__stories__/Clickable.stories.js | 1 + .../__stories__/Combobox.stories.helpers.tsx | 1 + .../Combobox/__stories__/Combobox.stories.js | 2 +- .../Combobox/__stories__/OptionRenderer.jsx | 1 + .../Counter/__stories__/Counter.stories.helpers.tsx | 1 + .../DatePicker/__stories__/DatePicker.stories.js | 2 +- .../Dialog/__stories__/Dialog.stories.helpers.tsx | 1 + .../components/Dialog/__stories__/Dialog.stories.js | 1 + .../__stories__/DialogContentContainer.stories.tsx | 1 + .../Divider/__stories__/Divider.stories.tsx | 1 + .../__stories__/Dropdown.stories.helpers.tsx | 1 + .../Dropdown/__stories__/Dropdown.stories.js | 2 +- .../__stories__/EditableHeading.stories.helpers.tsx | 1 + .../__stories__/EditableHeading.stories.js | 1 + .../__stories__/EditableText.stories.helpers.tsx | 1 + .../__stories__/EditableText.stories.js | 1 + .../__stories__/ExpandCollapse.stories.helpers.tsx | 1 + .../__stories__/ExpandCollapse.stories.tsx | 1 + .../components/Flex/__stories__/Flex.stories.tsx | 1 + ...GridKeyboardNavigationContext.stories.helpers.js | 4 ++-- .../useGridKeyboardNavigationContext.stories.js | 2 +- .../Heading/__stories__/Heading.stories.helpers.tsx | 1 + .../Heading/__stories__/Heading.stories.js | 1 + .../components/Icon/__stories__/Icon.stories.tsx | 1 + .../__stories__/IconButton.stories.helpers.tsx | 1 + .../IconButton/__stories__/IconButton.stories.tsx | 1 + .../Label/__stories__/Label.stories.helpers.tsx | 1 + .../components/Label/__stories__/Label.stories.tsx | 1 + .../__stories__/LegacyEditableHeading.stories.js | 1 + .../__stories__/LegacyHeading.stories.helpers.tsx | 1 + .../__stories__/LegacyHeading.stories.tsx | 1 + .../__stories__/LegacySearch.stories.helpers.tsx | 1 + .../__stories__/LegacySearch.stories.tsx | 1 + .../Link/__stories__/Link.stories.helpers.tsx | 1 + .../components/Link/__stories__/Link.stories.tsx | 1 + .../List/__stories__/List.stories.helpers.tsx | 1 + .../components/List/__stories__/List.stories.tsx | 1 + .../ListItem/__stories__/ListItem.stories.tsx | 1 + .../Loader/__stories__/Loader.stories.helpers.tsx | 1 + .../Loader/__stories__/Loader.stories.tsx | 1 + .../components/Menu/Menu/hooks/useMouseLeave.tsx | 2 +- .../MenuDivider/__stories__/MenuDivider.stories.tsx | 1 + .../__stories__/MenuGridItem.stories.helpers.tsx | 1 + .../__stories__/MenuGridItem.stories.js | 1 + .../__stories__/MenuItemButton.stories.helpers.tsx | 1 + .../components/Modal/__stories__/Modal.stories.js | 2 +- .../__stories__/MultiStepIndicator.stories.tsx | 1 + .../LinearProgressBar.stories.helpers.tsx | 1 + .../__stories__/RadioButton.stories.helpers.tsx | 1 + .../__stories__/ResponsiveList.stories.js | 1 + .../Search/__stories__/Search.stories.tsx | 1 + .../__stories__/Skeleton.stories.helpers.tsx | 1 + .../Skeleton/__stories__/Skeleton.stories.js | 2 +- .../Slider/__stories__/Slider.stories.helpers.tsx | 1 + .../components/Slider/__stories__/Slider.stories.js | 1 + .../SplitButton/__stories__/SplitButton.stories.js | 1 + .../Steps/__stories__/Steps.stories.helpers.js | 2 +- .../components/Steps/__stories__/Steps.stories.js | 2 +- .../Table/__stories__/Table.stories.helpers.tsx | 1 + .../Table/Table/__stories__/Table.stories.js | 2 +- .../components/Tabs/Tab/__stories__/Tab.stories.tsx | 1 + .../Tabs/TabPanels/__stories__/TabPanels.stories.js | 1 + .../Tabs/__stories__/Tabs.stories.helpers.tsx | 1 + .../Text/__stories__/Text.stories.helpers.tsx | 1 + .../src/components/Text/__stories__/Text.stories.js | 1 + .../TextArea/__stories__/TextArea.stories.tsx | 1 + .../TextField/__stories__/TextField.stories.tsx | 1 + .../__stories__/ThemeProvider.stories.helpers.tsx | 2 +- .../__stories__/ThemeProvider.stories.js | 2 +- .../Tipseen/__stories__/Tipseen.stories.helpers.js | 1 + .../Tipseen/__stories__/Tipseen.stories.js | 2 +- .../Toast/__stories__/Toast.stories.helpers.tsx | 1 + .../Toggle/__stories__/Toggle.stories.helpers.tsx | 1 + .../Toggle/__stories__/Toggle.stories.tsx | 1 + .../Tooltip/__stories__/Tooltip.stories.helpers.tsx | 1 + .../__stories__/VirtualizedGrid.stories.js | 2 +- .../__stories__/VirtualizedList.stories.helpers.js | 2 +- .../__stories__/VirtualizedList.stories.js | 2 +- .../useActiveDescendantListFocus.stories.js | 2 +- .../__stories__/useAfterFirstRender.stories.tsx | 1 + .../__stories__/useClickOutside.stories.tsx | 1 + .../useClickableProps.stories.helpers.tsx | 1 + .../__stories__/useClickableProps.stories.js | 2 +- .../__stories__/useDebounceEvent.stories.js | 2 +- .../__stories__/useDisableScroll.stories.tsx | 1 + .../__stories__/useEventListener.stories.tsx | 1 + .../useGridKeyboardNavigation.stories.js | 2 +- .../hooks/useHover/__stories__/useHover.stories.js | 1 + .../useIsOverflowing.stories.helpers.tsx | 1 + .../__stories__/useIsOverflowing.stories.tsx | 1 + .../useKeyEvent/__stories__/useKeyEvent.stories.tsx | 1 + .../__stories__/useListenFocusTriggers.stories.js | 2 +- .../__stories__/useMediaQuery.stories.tsx | 1 + .../usePrevious/__stories__/usePrevious.stories.tsx | 1 + .../useSetFocus/__stories__/useSetFocus.stories.tsx | 1 + .../useSwitch/__stories__/useSwitch.stories.tsx | 1 + .../useTimeout/__stories__/useTimeout.stories.tsx | 1 + .../useVibeMediaQuery.stories.helpers.tsx | 1 + .../__stories__/useVibeMediaQuery.stories.tsx | 1 + .../components/canvas-wrapper/CanvasWrapper.tsx | 1 + .../components/coming-soon/coming-soon.jsx | 1 + .../component-name/component-name-decorator.jsx | 1 + .../components/props-table/props-table.jsx | 1 + .../component-description-map.tsx | 1 + .../accordion-description/accordion-description.jsx | 2 +- .../descriptions/alert-banner-description.jsx | 2 +- .../descriptions/attention-box-description.jsx | 2 +- .../descriptions/avatar-description.jsx | 2 +- .../descriptions/avatar-group-description.jsx | 2 +- .../descriptions/badge-description.jsx | 2 +- .../descriptions/box-description.jsx | 2 +- .../descriptions/breadcrumbs-description.jsx | 2 +- .../descriptions/button-description.jsx | 2 +- .../descriptions/button-group-description.jsx | 2 +- .../descriptions/checkbox-description.jsx | 2 +- .../descriptions/chips-description.jsx | 2 +- .../clickable-description/clickable-description.jsx | 2 +- .../descriptions/color-picker-description.tsx | 1 + .../colors-description/colors-description.jsx | 2 +- .../descriptions/combobox-description.jsx | 2 +- .../descriptions/counter-description.jsx | 2 +- .../descriptions/dialog-content-container.jsx | 2 +- .../dialog-description/dialog-description.tsx | 1 + .../related-components/descriptions/divider.jsx | 2 +- .../descriptions/dropdown-description.jsx | 2 +- .../descriptions/editable-heading-description.jsx | 2 +- .../descriptions/editable-text-description.tsx | 1 + .../descriptions/flex-description.jsx | 2 +- .../descriptions/heading-description.jsx | 2 +- .../descriptions/hidden-text-description.jsx | 2 +- .../descriptions/icon-button-description.jsx | 2 +- .../descriptions/icon-description.jsx | 2 +- .../descriptions/icons-description.jsx | 2 +- .../descriptions/label-description.jsx | 2 +- .../linear-progress-bar-description.jsx | 2 +- .../descriptions/link-description.jsx | 2 +- .../descriptions/list-description.jsx | 2 +- .../descriptions/menu-button-description.jsx | 2 +- .../descriptions/menu-description.jsx | 2 +- .../multi-step-indicator-description.jsx | 2 +- .../descriptions/radio-button-description.jsx | 2 +- .../descriptions/search-description.jsx | 2 +- .../shadow-description/shadow-description.jsx | 2 +- .../descriptions/skeleton-description.jsx | 2 +- .../descriptions/slider-description.jsx | 2 +- .../spacing-description/spacing-description.jsx | 2 +- .../descriptions/spinner-description.jsx | 2 +- .../descriptions/split-button-description.jsx | 2 +- .../descriptions/steps-description.jsx | 2 +- .../descriptions/tab-description.jsx | 2 +- .../descriptions/table-description.tsx | 1 + .../descriptions/text-description.jsx | 2 +- .../descriptions/text-field-description.jsx | 2 +- .../descriptions/tipseen-description.jsx | 2 +- .../descriptions/toast-description.jsx | 2 +- .../descriptions/toggle-description.jsx | 2 +- .../descriptions/tooltip-description.jsx | 2 +- .../typography-description.jsx | 2 +- .../virtualized-grid-description.jsx | 2 +- .../virtualized-list-description.jsx | 2 +- .../related-components-decorator.jsx | 1 + .../decorators/withGlobalStyle/withGlobalStyle.tsx | 1 + .../decorators/withLiveEdit/withLiveEdit.tsx | 1 + .../dropdown-in-modals.stories.helpers.js | 1 + .../dropdown-in-modals.stories.js | 2 +- .../accessibility/accessibility.stories.helpers.tsx | 1 + .../principles/principlesAccesability.jsx | 1 + .../catalog/Catalog/Catalog.stories.templates.tsx | 1 + .../EmptyState/Catalog.stories.EmptyState.tsx | 1 + .../catalog/catalog.stories.tsx | 1 + .../colors/background-colors/background-colors.jsx | 1 + .../colors/border-colors/border-colors.jsx | 1 + .../colors-description/colors-description.jsx | 2 +- .../content-color-cell/content-color-cell.jsx | 1 + .../colors/content-color-row/content-color-row.jsx | 1 + .../colors/content-colors/content-colors.jsx | 1 + .../colors/semantic-colors/semantic-colors.jsx | 1 + .../colors/text-colors/text-colors.jsx | 1 + .../animation-information-box.jsx | 1 + .../animation-overviews/animation-overviews.jsx | 1 + .../motion/animation-types/animation-types.jsx | 1 + .../duration-expressive-tokens.jsx | 1 + .../duration-productive-tokens.jsx | 1 + .../duration-token-table/duration-token-table.jsx | 1 + .../motion/easing-overview/easing-overview.jsx | 1 + .../motion/easing-overviews/easing-overviews.jsx | 1 + .../easing-token-table/easing-token-table.jsx | 1 + .../token-Information-box/token-information-box.jsx | 1 + .../card-shadow-example/card-shadow-example.jsx | 1 + .../drag-shadow-example/drag-shadow-example.jsx | 1 + .../shadow-levels/shadow-example/shadow-example.jsx | 1 + .../shadow/shadow-levels/shadow-levels.jsx | 1 + .../spacing/spacing-sizes/spacing-sizes.jsx | 1 + .../spacing/spacing.stories.helpers.tsx | 1 + .../typography/typograpghy.stories.helpers.tsx | 1 + .../abilities-description/abilities-description.jsx | 1 + .../ability-description/ability-description.jsx | 1 + .../welcome/contributor/contributor.jsx | 1 + .../welcome/contributors/contributors.jsx | 1 + .../welcome/intro/intro.jsx | 1 + .../other-contributors-list.tsx | 1 + .../welcome/principle/principle.jsx | 1 + .../welcome/principles/principles.jsx | 1 + .../welcome/welcome-header/welcome-header.jsx | 1 + 224 files changed, 224 insertions(+), 90 deletions(-) diff --git a/packages/core/.eslintrc.js b/packages/core/.eslintrc.js index 95865259ed..a35aa28ca0 100644 --- a/packages/core/.eslintrc.js +++ b/packages/core/.eslintrc.js @@ -110,19 +110,6 @@ module.exports = { "react-hooks/rules-of-hooks": "off", "react/jsx-key": "off" } - }, - // TODO This entire block should be removed and fixed, unless we move to React 17+ - { - files: [ - "**/__stories__/**/*.{js,jsx,ts,tsx}", - "src/storybook/stand-alone-documentaion/**/*.{js,jsx,ts,tsx}", - "src/storybook/patterns/**/*.{js,jsx,ts,tsx}", - "src/storybook/components/**/*.{js,jsx,ts,tsx}", - "src/storybook/decorators/**/*.{js,jsx,ts,tsx}" - ], - rules: { - "react/react-in-jsx-scope": "off" - } } ], env: { diff --git a/packages/core/src/components/Accordion/Accordion/__stories__/Accordion.stories.js b/packages/core/src/components/Accordion/Accordion/__stories__/Accordion.stories.js index 29a6ce5f02..e72d73382b 100644 --- a/packages/core/src/components/Accordion/Accordion/__stories__/Accordion.stories.js +++ b/packages/core/src/components/Accordion/Accordion/__stories__/Accordion.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import Accordion from "../Accordion"; import AccordionItem from "../../AccordionItem/AccordionItem"; import Checkbox from "../../../Checkbox/Checkbox"; diff --git a/packages/core/src/components/AlertBanner/__stories__/AlertBanner.stories.helpers.tsx b/packages/core/src/components/AlertBanner/__stories__/AlertBanner.stories.helpers.tsx index 51d57648bb..705acd7a99 100644 --- a/packages/core/src/components/AlertBanner/__stories__/AlertBanner.stories.helpers.tsx +++ b/packages/core/src/components/AlertBanner/__stories__/AlertBanner.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipWhenToUse = () => ( diff --git a/packages/core/src/components/AlertBanner/__stories__/AlertBanner.stories.js b/packages/core/src/components/AlertBanner/__stories__/AlertBanner.stories.js index c08cd194ee..caa7fe534d 100644 --- a/packages/core/src/components/AlertBanner/__stories__/AlertBanner.stories.js +++ b/packages/core/src/components/AlertBanner/__stories__/AlertBanner.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import AlertBanner from "../AlertBanner"; import AlertBannerText from "../AlertBannerText/AlertBannerText"; import AlertBannerLink from "../AlertBannerLink/AlertBannerLink"; diff --git a/packages/core/src/components/AttentionBox/__stories__/AttentionBox.stories.helpers.tsx b/packages/core/src/components/AttentionBox/__stories__/AttentionBox.stories.helpers.tsx index 4f8e85c4f6..0b65ea45a4 100644 --- a/packages/core/src/components/AttentionBox/__stories__/AttentionBox.stories.helpers.tsx +++ b/packages/core/src/components/AttentionBox/__stories__/AttentionBox.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipCheckYourself = () => ( diff --git a/packages/core/src/components/AttentionBox/__stories__/AttentionBox.stories.js b/packages/core/src/components/AttentionBox/__stories__/AttentionBox.stories.js index 9181d9ebc5..77c3b3c6b8 100644 --- a/packages/core/src/components/AttentionBox/__stories__/AttentionBox.stories.js +++ b/packages/core/src/components/AttentionBox/__stories__/AttentionBox.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import { useCallback } from "react"; import AttentionBox from "../AttentionBox"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; diff --git a/packages/core/src/components/Avatar/__stories__/Avatar.stories.helpers.tsx b/packages/core/src/components/Avatar/__stories__/Avatar.stories.helpers.tsx index 0b7264a40c..2427f5cd3b 100644 --- a/packages/core/src/components/Avatar/__stories__/Avatar.stories.helpers.tsx +++ b/packages/core/src/components/Avatar/__stories__/Avatar.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipMultipleAvatarsTogether = () => ( diff --git a/packages/core/src/components/AvatarGroup/__stories__/AvatarGroup.stories.js b/packages/core/src/components/AvatarGroup/__stories__/AvatarGroup.stories.js index 81e5ccf681..f31d59665a 100644 --- a/packages/core/src/components/AvatarGroup/__stories__/AvatarGroup.stories.js +++ b/packages/core/src/components/AvatarGroup/__stories__/AvatarGroup.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import { useCallback, useState } from "react"; import { StoryDescription } from "vibe-storybook-components"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; diff --git a/packages/core/src/components/Badge/__stories__/Badge.stories.tsx b/packages/core/src/components/Badge/__stories__/Badge.stories.tsx index a54102c915..dc93f086fd 100644 --- a/packages/core/src/components/Badge/__stories__/Badge.stories.tsx +++ b/packages/core/src/components/Badge/__stories__/Badge.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import Badge from "../Badge"; import person from "./assets/person.png"; import { ExternalPage, WhatsNew } from "../../Icon/Icons"; diff --git a/packages/core/src/components/Box/__stories__/Box.stories.helpers.tsx b/packages/core/src/components/Box/__stories__/Box.stories.helpers.tsx index 50635670bb..431347368f 100644 --- a/packages/core/src/components/Box/__stories__/Box.stories.helpers.tsx +++ b/packages/core/src/components/Box/__stories__/Box.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { Tip } from "vibe-storybook-components"; export const TipBenefits = () => ( diff --git a/packages/core/src/components/Box/__stories__/Box.stories.tsx b/packages/core/src/components/Box/__stories__/Box.stories.tsx index 2e1c9804ab..80ac98108e 100644 --- a/packages/core/src/components/Box/__stories__/Box.stories.tsx +++ b/packages/core/src/components/Box/__stories__/Box.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import Box, { BoxProps } from "../Box"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import styles from "./Box.stories.module.scss"; diff --git a/packages/core/src/components/BreadcrumbsBar/BreadcrumbItem/__stories__/BreadcrumbItem.stories.tsx b/packages/core/src/components/BreadcrumbsBar/BreadcrumbItem/__stories__/BreadcrumbItem.stories.tsx index 7655c7999c..12f91bcdb4 100644 --- a/packages/core/src/components/BreadcrumbsBar/BreadcrumbItem/__stories__/BreadcrumbItem.stories.tsx +++ b/packages/core/src/components/BreadcrumbsBar/BreadcrumbItem/__stories__/BreadcrumbItem.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { createStoryMetaSettingsDecorator } from "../../../../storybook"; import { createComponentTemplate } from "vibe-storybook-components"; import BreadcrumbsBar from "../../BreadcrumbsBar"; diff --git a/packages/core/src/components/BreadcrumbsBar/__stories__/BreadcrumbsBar.stories.helpers.tsx b/packages/core/src/components/BreadcrumbsBar/__stories__/BreadcrumbsBar.stories.helpers.tsx index 07245e6ab7..239a3dc726 100644 --- a/packages/core/src/components/BreadcrumbsBar/__stories__/BreadcrumbsBar.stories.helpers.tsx +++ b/packages/core/src/components/BreadcrumbsBar/__stories__/BreadcrumbsBar.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipCheckYourself = () => ( diff --git a/packages/core/src/components/BreadcrumbsBar/__stories__/BreadcrumbsBar.stories.js b/packages/core/src/components/BreadcrumbsBar/__stories__/BreadcrumbsBar.stories.js index 1560b5327f..4002e278d8 100644 --- a/packages/core/src/components/BreadcrumbsBar/__stories__/BreadcrumbsBar.stories.js +++ b/packages/core/src/components/BreadcrumbsBar/__stories__/BreadcrumbsBar.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import BreadcrumbsBar from "../BreadcrumbsBar"; import BreadcrumbItem from "../BreadcrumbItem/BreadcrumbItem.tsx"; import Avatar from "../../Avatar/Avatar"; diff --git a/packages/core/src/components/Button/__stories__/Button.stories.helpers.tsx b/packages/core/src/components/Button/__stories__/Button.stories.helpers.tsx index 3cd71a5731..548c048fd5 100644 --- a/packages/core/src/components/Button/__stories__/Button.stories.helpers.tsx +++ b/packages/core/src/components/Button/__stories__/Button.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipIconButton = () => ( diff --git a/packages/core/src/components/ButtonGroup/__stories__/ButtonGroup.stories.helpers.tsx b/packages/core/src/components/ButtonGroup/__stories__/ButtonGroup.stories.helpers.tsx index f91d099aa0..52bc2d1c3a 100644 --- a/packages/core/src/components/ButtonGroup/__stories__/ButtonGroup.stories.helpers.tsx +++ b/packages/core/src/components/ButtonGroup/__stories__/ButtonGroup.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipCheckYourself = () => ( diff --git a/packages/core/src/components/Checkbox/__stories__/Checkbox.stories.helpers.tsx b/packages/core/src/components/Checkbox/__stories__/Checkbox.stories.helpers.tsx index 730294dfe7..7a9290730e 100644 --- a/packages/core/src/components/Checkbox/__stories__/Checkbox.stories.helpers.tsx +++ b/packages/core/src/components/Checkbox/__stories__/Checkbox.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipAmIUsingTheRightComponent = () => ( diff --git a/packages/core/src/components/Chips/__stories__/Chips.stories.helpers.tsx b/packages/core/src/components/Chips/__stories__/Chips.stories.helpers.tsx index 27952774af..1f388dc82e 100644 --- a/packages/core/src/components/Chips/__stories__/Chips.stories.helpers.tsx +++ b/packages/core/src/components/Chips/__stories__/Chips.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipLabel = () => ( diff --git a/packages/core/src/components/Chips/__stories__/Chips.stories.js b/packages/core/src/components/Chips/__stories__/Chips.stories.js index e46e1a4bce..dfd5c794f7 100644 --- a/packages/core/src/components/Chips/__stories__/Chips.stories.js +++ b/packages/core/src/components/Chips/__stories__/Chips.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import { chunk as _chunk } from "lodash-es"; import Flex from "../../Flex/Flex"; import Chips from "../Chips"; diff --git a/packages/core/src/components/Clickable/__stories__/Clickable.stories.helpers.tsx b/packages/core/src/components/Clickable/__stories__/Clickable.stories.helpers.tsx index e63547414d..6382e74a85 100644 --- a/packages/core/src/components/Clickable/__stories__/Clickable.stories.helpers.tsx +++ b/packages/core/src/components/Clickable/__stories__/Clickable.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipHookSolution = () => ( diff --git a/packages/core/src/components/Clickable/__stories__/Clickable.stories.js b/packages/core/src/components/Clickable/__stories__/Clickable.stories.js index 4f2b32062b..0fd2c33d5f 100644 --- a/packages/core/src/components/Clickable/__stories__/Clickable.stories.js +++ b/packages/core/src/components/Clickable/__stories__/Clickable.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import Clickable from "../Clickable"; import Flex from "../../Flex/Flex"; import { statesPlaySuite } from "../__tests__/Clickable.interactions"; diff --git a/packages/core/src/components/Combobox/__stories__/Combobox.stories.helpers.tsx b/packages/core/src/components/Combobox/__stories__/Combobox.stories.helpers.tsx index 2dac370084..eb17f917f7 100644 --- a/packages/core/src/components/Combobox/__stories__/Combobox.stories.helpers.tsx +++ b/packages/core/src/components/Combobox/__stories__/Combobox.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipOtherComponents = () => ( diff --git a/packages/core/src/components/Combobox/__stories__/Combobox.stories.js b/packages/core/src/components/Combobox/__stories__/Combobox.stories.js index e9a985cd8c..0a49facc5a 100644 --- a/packages/core/src/components/Combobox/__stories__/Combobox.stories.js +++ b/packages/core/src/components/Combobox/__stories__/Combobox.stories.js @@ -1,4 +1,4 @@ -import { useMemo, useState } from "react"; +import React, { useMemo, useState } from "react"; import { StoryDescription } from "vibe-storybook-components"; import Combobox from "../Combobox"; import person1 from "./assets/person1.png"; diff --git a/packages/core/src/components/Combobox/__stories__/OptionRenderer.jsx b/packages/core/src/components/Combobox/__stories__/OptionRenderer.jsx index c6b1be20d4..3733182716 100644 --- a/packages/core/src/components/Combobox/__stories__/OptionRenderer.jsx +++ b/packages/core/src/components/Combobox/__stories__/OptionRenderer.jsx @@ -1,3 +1,4 @@ +import React from "react"; import Avatar from "../../Avatar/Avatar"; export const optionRenderer = ({ src, id, label, position }) => { diff --git a/packages/core/src/components/Counter/__stories__/Counter.stories.helpers.tsx b/packages/core/src/components/Counter/__stories__/Counter.stories.helpers.tsx index d48fd8a262..f0fd0ac02f 100644 --- a/packages/core/src/components/Counter/__stories__/Counter.stories.helpers.tsx +++ b/packages/core/src/components/Counter/__stories__/Counter.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip, UsageGuidelines } from "vibe-storybook-components"; export const TipCheckYourself = () => ( diff --git a/packages/core/src/components/DatePicker/__stories__/DatePicker.stories.js b/packages/core/src/components/DatePicker/__stories__/DatePicker.stories.js index 46ed5b1876..3dccde57ce 100644 --- a/packages/core/src/components/DatePicker/__stories__/DatePicker.stories.js +++ b/packages/core/src/components/DatePicker/__stories__/DatePicker.stories.js @@ -1,4 +1,4 @@ -import { useState } from "react"; +import React, { useState } from "react"; import moment from "moment"; import DatePicker from "../DatePicker"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; diff --git a/packages/core/src/components/Dialog/__stories__/Dialog.stories.helpers.tsx b/packages/core/src/components/Dialog/__stories__/Dialog.stories.helpers.tsx index 661c42038b..0190c99f93 100644 --- a/packages/core/src/components/Dialog/__stories__/Dialog.stories.helpers.tsx +++ b/packages/core/src/components/Dialog/__stories__/Dialog.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { Link, StorybookLink, Tip } from "vibe-storybook-components"; export const TipDialogContentContainer = () => ( diff --git a/packages/core/src/components/Dialog/__stories__/Dialog.stories.js b/packages/core/src/components/Dialog/__stories__/Dialog.stories.js index db2617d8e0..55cd06e9d8 100644 --- a/packages/core/src/components/Dialog/__stories__/Dialog.stories.js +++ b/packages/core/src/components/Dialog/__stories__/Dialog.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import { Button, Dialog, DialogContentContainer, Flex, IconButton } from "../../../components"; import { ExampleContent } from "./helpers"; diff --git a/packages/core/src/components/DialogContentContainer/__stories__/DialogContentContainer.stories.tsx b/packages/core/src/components/DialogContentContainer/__stories__/DialogContentContainer.stories.tsx index e91b403681..c400be8700 100644 --- a/packages/core/src/components/DialogContentContainer/__stories__/DialogContentContainer.stories.tsx +++ b/packages/core/src/components/DialogContentContainer/__stories__/DialogContentContainer.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import DialogContentContainer from "../DialogContentContainer"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import { createComponentTemplate } from "vibe-storybook-components"; diff --git a/packages/core/src/components/Divider/__stories__/Divider.stories.tsx b/packages/core/src/components/Divider/__stories__/Divider.stories.tsx index b6c9880ebe..38bbc99d41 100644 --- a/packages/core/src/components/Divider/__stories__/Divider.stories.tsx +++ b/packages/core/src/components/Divider/__stories__/Divider.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import Divider, { DividerProps } from "../Divider"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import styles from "./Divider.stories.module.scss"; diff --git a/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.helpers.tsx b/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.helpers.tsx index 1536e02774..0c904b396c 100644 --- a/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.helpers.tsx +++ b/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipDevTipPopover = () => ( diff --git a/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.js b/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.js index fb65d3e7c4..35b9739f00 100644 --- a/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.js +++ b/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.js @@ -1,4 +1,4 @@ -import { useCallback, useMemo, useRef, useState } from "react"; +import React, { useCallback, useMemo, useRef, useState } from "react"; import { StoryDescription } from "vibe-storybook-components"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import { multiInteractionTests, overviewPlaySuite } from "../__tests__/Dropdown.interactions"; diff --git a/packages/core/src/components/EditableHeading/__stories__/EditableHeading.stories.helpers.tsx b/packages/core/src/components/EditableHeading/__stories__/EditableHeading.stories.helpers.tsx index 35038806c7..83435f7406 100644 --- a/packages/core/src/components/EditableHeading/__stories__/EditableHeading.stories.helpers.tsx +++ b/packages/core/src/components/EditableHeading/__stories__/EditableHeading.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipEditableText = () => ( diff --git a/packages/core/src/components/EditableHeading/__stories__/EditableHeading.stories.js b/packages/core/src/components/EditableHeading/__stories__/EditableHeading.stories.js index 2654ce1858..44d999c46a 100644 --- a/packages/core/src/components/EditableHeading/__stories__/EditableHeading.stories.js +++ b/packages/core/src/components/EditableHeading/__stories__/EditableHeading.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import EditableHeading from "../EditableHeading"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import { createComponentTemplate } from "vibe-storybook-components"; diff --git a/packages/core/src/components/EditableText/__stories__/EditableText.stories.helpers.tsx b/packages/core/src/components/EditableText/__stories__/EditableText.stories.helpers.tsx index 05ba2f3574..e6b3d6d86a 100644 --- a/packages/core/src/components/EditableText/__stories__/EditableText.stories.helpers.tsx +++ b/packages/core/src/components/EditableText/__stories__/EditableText.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipTextField = () => ( diff --git a/packages/core/src/components/EditableText/__stories__/EditableText.stories.js b/packages/core/src/components/EditableText/__stories__/EditableText.stories.js index ef481c36a0..cf8718c2de 100644 --- a/packages/core/src/components/EditableText/__stories__/EditableText.stories.js +++ b/packages/core/src/components/EditableText/__stories__/EditableText.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import { createComponentTemplate } from "vibe-storybook-components"; import EditableText from "../EditableText"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; diff --git a/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.helpers.tsx b/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.helpers.tsx index beae6b0cb7..9b58749ee4 100644 --- a/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.helpers.tsx +++ b/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipCombineMultiple = () => ( diff --git a/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.tsx b/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.tsx index 444633f259..3856d07fe6 100644 --- a/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.tsx +++ b/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useState } from "react"; import { createComponentTemplate } from "vibe-storybook-components"; import ExpandCollapse from "../ExpandCollapse"; diff --git a/packages/core/src/components/Flex/__stories__/Flex.stories.tsx b/packages/core/src/components/Flex/__stories__/Flex.stories.tsx index 6be804bd7e..8f23170d0f 100644 --- a/packages/core/src/components/Flex/__stories__/Flex.stories.tsx +++ b/packages/core/src/components/Flex/__stories__/Flex.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import Flex, { FlexProps } from "../Flex"; import { Add, Filter, Person, Search, Sort } from "../../Icon/Icons"; import Button from "../../Button/Button"; diff --git a/packages/core/src/components/GridKeyboardNavigationContext/__stories__/useGridKeyboardNavigationContext.stories.helpers.js b/packages/core/src/components/GridKeyboardNavigationContext/__stories__/useGridKeyboardNavigationContext.stories.helpers.js index b2e848681e..e9efddce15 100644 --- a/packages/core/src/components/GridKeyboardNavigationContext/__stories__/useGridKeyboardNavigationContext.stories.helpers.js +++ b/packages/core/src/components/GridKeyboardNavigationContext/__stories__/useGridKeyboardNavigationContext.stories.helpers.js @@ -1,5 +1,5 @@ import { range } from "lodash-es"; -import { forwardRef, useMemo, useCallback, useRef } from "react"; +import React, { forwardRef, useMemo, useCallback, useRef } from "react"; import cx from "classnames"; import { action } from "@storybook/addon-actions"; import { Button, Flex } from "../.."; @@ -19,8 +19,8 @@ export const DummyNavigableGrid = forwardRef( const getItemByIndex = useCallback(index => items[index], [items]); const { activeIndex, onSelectionAction } = useGridKeyboardNavigation({ ref, - numberOfItemsInLine, itemsCount, + numberOfItemsInLine, getItemByIndex, onItemClicked: ON_CLICK, disabledIndexes diff --git a/packages/core/src/components/GridKeyboardNavigationContext/__stories__/useGridKeyboardNavigationContext.stories.js b/packages/core/src/components/GridKeyboardNavigationContext/__stories__/useGridKeyboardNavigationContext.stories.js index dc2ef08062..47007f98a9 100644 --- a/packages/core/src/components/GridKeyboardNavigationContext/__stories__/useGridKeyboardNavigationContext.stories.js +++ b/packages/core/src/components/GridKeyboardNavigationContext/__stories__/useGridKeyboardNavigationContext.stories.js @@ -1,4 +1,4 @@ -import { useRef } from "react"; +import React, { useRef } from "react"; import { GridKeyboardNavigationContext, useGridKeyboardNavigationContext } from "../GridKeyboardNavigationContext"; import { createStoryMetaSettingsDecorator } from "../../../storybook/functions/createStoryMetaSettingsDecorator"; import { diff --git a/packages/core/src/components/Heading/__stories__/Heading.stories.helpers.tsx b/packages/core/src/components/Heading/__stories__/Heading.stories.helpers.tsx index 6cb842693b..a75ce6c07a 100644 --- a/packages/core/src/components/Heading/__stories__/Heading.stories.helpers.tsx +++ b/packages/core/src/components/Heading/__stories__/Heading.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipEditableHeading = () => ( diff --git a/packages/core/src/components/Heading/__stories__/Heading.stories.js b/packages/core/src/components/Heading/__stories__/Heading.stories.js index 3d7a7bc0b5..4bb064245c 100644 --- a/packages/core/src/components/Heading/__stories__/Heading.stories.js +++ b/packages/core/src/components/Heading/__stories__/Heading.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import Flex from "../../Flex/Flex"; import { createComponentTemplate } from "vibe-storybook-components"; diff --git a/packages/core/src/components/Icon/__stories__/Icon.stories.tsx b/packages/core/src/components/Icon/__stories__/Icon.stories.tsx index f146eebdbf..c5e0da41f5 100644 --- a/packages/core/src/components/Icon/__stories__/Icon.stories.tsx +++ b/packages/core/src/components/Icon/__stories__/Icon.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import Icon from "../Icon"; import Bolt from "../Icons/components/Bolt"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; diff --git a/packages/core/src/components/IconButton/__stories__/IconButton.stories.helpers.tsx b/packages/core/src/components/IconButton/__stories__/IconButton.stories.helpers.tsx index 7a2a351fe5..0b69a83760 100644 --- a/packages/core/src/components/IconButton/__stories__/IconButton.stories.helpers.tsx +++ b/packages/core/src/components/IconButton/__stories__/IconButton.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipCheckYourself = () => ( diff --git a/packages/core/src/components/IconButton/__stories__/IconButton.stories.tsx b/packages/core/src/components/IconButton/__stories__/IconButton.stories.tsx index ab0cc2b753..2d7362c058 100644 --- a/packages/core/src/components/IconButton/__stories__/IconButton.stories.tsx +++ b/packages/core/src/components/IconButton/__stories__/IconButton.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { createComponentTemplate, Link } from "vibe-storybook-components"; import IconButton from "../IconButton"; import Text from "../../Text/Text"; diff --git a/packages/core/src/components/Label/__stories__/Label.stories.helpers.tsx b/packages/core/src/components/Label/__stories__/Label.stories.helpers.tsx index 6a7938ba18..1c5c64a399 100644 --- a/packages/core/src/components/Label/__stories__/Label.stories.helpers.tsx +++ b/packages/core/src/components/Label/__stories__/Label.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipCheckYourself = () => ( diff --git a/packages/core/src/components/Label/__stories__/Label.stories.tsx b/packages/core/src/components/Label/__stories__/Label.stories.tsx index 1276b39473..5a71f0937b 100644 --- a/packages/core/src/components/Label/__stories__/Label.stories.tsx +++ b/packages/core/src/components/Label/__stories__/Label.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import Label from "../Label"; import Button from "../../Button/Button"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; diff --git a/packages/core/src/components/LegacyEditableHeading/__stories__/LegacyEditableHeading.stories.js b/packages/core/src/components/LegacyEditableHeading/__stories__/LegacyEditableHeading.stories.js index e858454f95..8870c8992c 100644 --- a/packages/core/src/components/LegacyEditableHeading/__stories__/LegacyEditableHeading.stories.js +++ b/packages/core/src/components/LegacyEditableHeading/__stories__/LegacyEditableHeading.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import EditableHeading from "../LegacyEditableHeading"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import { overviewPlaySuite } from "../__tests__/LegacyEditableHeading-interactions"; diff --git a/packages/core/src/components/LegacyHeading/__stories__/LegacyHeading.stories.helpers.tsx b/packages/core/src/components/LegacyHeading/__stories__/LegacyHeading.stories.helpers.tsx index 4b2610e21f..022d7fc897 100644 --- a/packages/core/src/components/LegacyHeading/__stories__/LegacyHeading.stories.helpers.tsx +++ b/packages/core/src/components/LegacyHeading/__stories__/LegacyHeading.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipEditableHeading = () => ( diff --git a/packages/core/src/components/LegacyHeading/__stories__/LegacyHeading.stories.tsx b/packages/core/src/components/LegacyHeading/__stories__/LegacyHeading.stories.tsx index 627683b10c..b1af7e363c 100644 --- a/packages/core/src/components/LegacyHeading/__stories__/LegacyHeading.stories.tsx +++ b/packages/core/src/components/LegacyHeading/__stories__/LegacyHeading.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import Heading from "../LegacyHeading"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import Divider from "../../Divider/Divider"; diff --git a/packages/core/src/components/LegacySearch/__stories__/LegacySearch.stories.helpers.tsx b/packages/core/src/components/LegacySearch/__stories__/LegacySearch.stories.helpers.tsx index c7588f173d..b9de39281b 100644 --- a/packages/core/src/components/LegacySearch/__stories__/LegacySearch.stories.helpers.tsx +++ b/packages/core/src/components/LegacySearch/__stories__/LegacySearch.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipCombobox = () => ( diff --git a/packages/core/src/components/LegacySearch/__stories__/LegacySearch.stories.tsx b/packages/core/src/components/LegacySearch/__stories__/LegacySearch.stories.tsx index 60087255d4..31d9d9fdcd 100644 --- a/packages/core/src/components/LegacySearch/__stories__/LegacySearch.stories.tsx +++ b/packages/core/src/components/LegacySearch/__stories__/LegacySearch.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { createComponentTemplate } from "vibe-storybook-components"; import Search from "../LegacySearch"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; diff --git a/packages/core/src/components/Link/__stories__/Link.stories.helpers.tsx b/packages/core/src/components/Link/__stories__/Link.stories.helpers.tsx index 6876e7d795..9aecfdc8ce 100644 --- a/packages/core/src/components/Link/__stories__/Link.stories.helpers.tsx +++ b/packages/core/src/components/Link/__stories__/Link.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipButton = () => ( diff --git a/packages/core/src/components/Link/__stories__/Link.stories.tsx b/packages/core/src/components/Link/__stories__/Link.stories.tsx index e77de20258..ad19ca0203 100644 --- a/packages/core/src/components/Link/__stories__/Link.stories.tsx +++ b/packages/core/src/components/Link/__stories__/Link.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import Link from "../Link"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import { ExternalPage, Info, Link as IconLink } from "../../Icon/Icons"; diff --git a/packages/core/src/components/List/__stories__/List.stories.helpers.tsx b/packages/core/src/components/List/__stories__/List.stories.helpers.tsx index bebc6fedec..bb5930fbcb 100644 --- a/packages/core/src/components/List/__stories__/List.stories.helpers.tsx +++ b/packages/core/src/components/List/__stories__/List.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipCheckYourself = () => ( diff --git a/packages/core/src/components/List/__stories__/List.stories.tsx b/packages/core/src/components/List/__stories__/List.stories.tsx index 170f1937ba..f6f9133fa0 100644 --- a/packages/core/src/components/List/__stories__/List.stories.tsx +++ b/packages/core/src/components/List/__stories__/List.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import List, { ListProps } from "../List"; import Board from "../../Icon/Icons/components/Board"; import Team from "../../Icon/Icons/components/Team"; diff --git a/packages/core/src/components/ListItem/__stories__/ListItem.stories.tsx b/packages/core/src/components/ListItem/__stories__/ListItem.stories.tsx index 912d67ed1f..4c6411e8c6 100644 --- a/packages/core/src/components/ListItem/__stories__/ListItem.stories.tsx +++ b/packages/core/src/components/ListItem/__stories__/ListItem.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { createComponentTemplate } from "vibe-storybook-components"; import ListItem from "../../ListItem/ListItem"; import ListItemIcon from "../../ListItemIcon/ListItemIcon"; diff --git a/packages/core/src/components/Loader/__stories__/Loader.stories.helpers.tsx b/packages/core/src/components/Loader/__stories__/Loader.stories.helpers.tsx index 1a428f1dcc..398ebe84de 100644 --- a/packages/core/src/components/Loader/__stories__/Loader.stories.helpers.tsx +++ b/packages/core/src/components/Loader/__stories__/Loader.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipSkeleton = () => ( diff --git a/packages/core/src/components/Loader/__stories__/Loader.stories.tsx b/packages/core/src/components/Loader/__stories__/Loader.stories.tsx index 7b29e6211e..30d24b8db3 100644 --- a/packages/core/src/components/Loader/__stories__/Loader.stories.tsx +++ b/packages/core/src/components/Loader/__stories__/Loader.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { createComponentTemplate, StoryDescription } from "vibe-storybook-components"; import Loader from "../Loader"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; diff --git a/packages/core/src/components/Menu/Menu/hooks/useMouseLeave.tsx b/packages/core/src/components/Menu/Menu/hooks/useMouseLeave.tsx index 631f978671..af961a6a37 100644 --- a/packages/core/src/components/Menu/Menu/hooks/useMouseLeave.tsx +++ b/packages/core/src/components/Menu/Menu/hooks/useMouseLeave.tsx @@ -1,4 +1,4 @@ -import { useLayoutEffect } from "react"; +import React, { useLayoutEffect } from "react"; import useIsMouseEnter from "../../../../hooks/useIsMouseEnter"; import usePrevious from "../../../../hooks/usePrevious"; diff --git a/packages/core/src/components/Menu/MenuDivider/__stories__/MenuDivider.stories.tsx b/packages/core/src/components/Menu/MenuDivider/__stories__/MenuDivider.stories.tsx index 10095fcc04..62a5b2ce61 100644 --- a/packages/core/src/components/Menu/MenuDivider/__stories__/MenuDivider.stories.tsx +++ b/packages/core/src/components/Menu/MenuDivider/__stories__/MenuDivider.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import MenuDivider from "../MenuDivider"; import { createComponentTemplate } from "vibe-storybook-components"; import Menu from "../../Menu/Menu"; diff --git a/packages/core/src/components/Menu/MenuGridItem/__stories__/MenuGridItem.stories.helpers.tsx b/packages/core/src/components/Menu/MenuGridItem/__stories__/MenuGridItem.stories.helpers.tsx index 2777e7fc19..aebe3cea41 100644 --- a/packages/core/src/components/Menu/MenuGridItem/__stories__/MenuGridItem.stories.helpers.tsx +++ b/packages/core/src/components/Menu/MenuGridItem/__stories__/MenuGridItem.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { Tip } from "vibe-storybook-components"; // TODO add links to the components mentioned in the tip diff --git a/packages/core/src/components/Menu/MenuGridItem/__stories__/MenuGridItem.stories.js b/packages/core/src/components/Menu/MenuGridItem/__stories__/MenuGridItem.stories.js index e10b8ee8a7..7dcbd26a7e 100644 --- a/packages/core/src/components/Menu/MenuGridItem/__stories__/MenuGridItem.stories.js +++ b/packages/core/src/components/Menu/MenuGridItem/__stories__/MenuGridItem.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import { createStoryMetaSettingsDecorator } from "../../../../storybook"; import { DialogContentContainer, Menu, MenuItem, MenuTitle } from "../../.."; import { DummyNavigableGrid } from "../../../GridKeyboardNavigationContext/__stories__/useGridKeyboardNavigationContext.stories.helpers"; diff --git a/packages/core/src/components/Menu/MenuItemButton/__stories__/MenuItemButton.stories.helpers.tsx b/packages/core/src/components/Menu/MenuItemButton/__stories__/MenuItemButton.stories.helpers.tsx index 4b044b8f1c..22517e4c69 100644 --- a/packages/core/src/components/Menu/MenuItemButton/__stories__/MenuItemButton.stories.helpers.tsx +++ b/packages/core/src/components/Menu/MenuItemButton/__stories__/MenuItemButton.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { Tip } from "vibe-storybook-components"; // TODO add links to the components mentioned in the tip diff --git a/packages/core/src/components/Modal/__stories__/Modal.stories.js b/packages/core/src/components/Modal/__stories__/Modal.stories.js index 62b8383745..987ef8e139 100644 --- a/packages/core/src/components/Modal/__stories__/Modal.stories.js +++ b/packages/core/src/components/Modal/__stories__/Modal.stories.js @@ -1,4 +1,4 @@ -import { useCallback, useRef, useState } from "react"; +import React, { useCallback, useRef, useState } from "react"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import ModalContent from "../ModalContent/ModalContent"; import ModalFooter from "../ModalFooter/ModalFooter"; diff --git a/packages/core/src/components/MultiStepIndicator/__stories__/MultiStepIndicator.stories.tsx b/packages/core/src/components/MultiStepIndicator/__stories__/MultiStepIndicator.stories.tsx index 92072c6d7f..1e68433adb 100644 --- a/packages/core/src/components/MultiStepIndicator/__stories__/MultiStepIndicator.stories.tsx +++ b/packages/core/src/components/MultiStepIndicator/__stories__/MultiStepIndicator.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useCallback, useEffect, useMemo, useState } from "react"; import MultiStepIndicator from "../MultiStepIndicator"; import { StepStatus } from "../MultiStepConstants"; diff --git a/packages/core/src/components/ProgressBars/LinearProgressBar/__stories__/LinearProgressBar.stories.helpers.tsx b/packages/core/src/components/ProgressBars/LinearProgressBar/__stories__/LinearProgressBar.stories.helpers.tsx index d3469c3740..362237f4eb 100644 --- a/packages/core/src/components/ProgressBars/LinearProgressBar/__stories__/LinearProgressBar.stories.helpers.tsx +++ b/packages/core/src/components/ProgressBars/LinearProgressBar/__stories__/LinearProgressBar.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; import DialogContentContainer from "../../../DialogContentContainer/DialogContentContainer"; import LinearProgressBar from "../LinearProgressBar"; diff --git a/packages/core/src/components/RadioButton/__stories__/RadioButton.stories.helpers.tsx b/packages/core/src/components/RadioButton/__stories__/RadioButton.stories.helpers.tsx index d40dd48f3a..02ac653a69 100644 --- a/packages/core/src/components/RadioButton/__stories__/RadioButton.stories.helpers.tsx +++ b/packages/core/src/components/RadioButton/__stories__/RadioButton.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipDropdown = () => ( diff --git a/packages/core/src/components/ResponsiveList/__stories__/ResponsiveList.stories.js b/packages/core/src/components/ResponsiveList/__stories__/ResponsiveList.stories.js index cd740137ce..0d8e1bf444 100644 --- a/packages/core/src/components/ResponsiveList/__stories__/ResponsiveList.stories.js +++ b/packages/core/src/components/ResponsiveList/__stories__/ResponsiveList.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import { ResizableBox } from "react-resizable"; import { Activity, Alert, API, Bolt, Broom, Group, Moon, Sun, Open } from "../../Icon/Icons"; import ResponsiveList from "../ResponsiveList"; diff --git a/packages/core/src/components/Search/__stories__/Search.stories.tsx b/packages/core/src/components/Search/__stories__/Search.stories.tsx index ac099a0ff9..5d1649b9c7 100644 --- a/packages/core/src/components/Search/__stories__/Search.stories.tsx +++ b/packages/core/src/components/Search/__stories__/Search.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { createComponentTemplate } from "vibe-storybook-components"; import Search from "../Search"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; diff --git a/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.helpers.tsx b/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.helpers.tsx index 1efa597d9c..4d6fd466ff 100644 --- a/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.helpers.tsx +++ b/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipLoader = () => ( diff --git a/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.js b/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.js index d3ca253a30..e03ee4636f 100644 --- a/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.js +++ b/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.js @@ -1,4 +1,4 @@ -import { useCallback, useState } from "react"; +import React, { useCallback, useState } from "react"; import Skeleton from "../Skeleton"; import Avatar from "../../Avatar/Avatar"; import person from "./assets/person.png"; diff --git a/packages/core/src/components/Slider/__stories__/Slider.stories.helpers.tsx b/packages/core/src/components/Slider/__stories__/Slider.stories.helpers.tsx index 41ccd59b56..130f0638d1 100644 --- a/packages/core/src/components/Slider/__stories__/Slider.stories.helpers.tsx +++ b/packages/core/src/components/Slider/__stories__/Slider.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipMultiStepIndicator = () => ( diff --git a/packages/core/src/components/Slider/__stories__/Slider.stories.js b/packages/core/src/components/Slider/__stories__/Slider.stories.js index 1a8fea975d..609df477db 100644 --- a/packages/core/src/components/Slider/__stories__/Slider.stories.js +++ b/packages/core/src/components/Slider/__stories__/Slider.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import { createComponentTemplate, VerticalStories } from "vibe-storybook-components"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import Slider from "../Slider"; diff --git a/packages/core/src/components/SplitButton/__stories__/SplitButton.stories.js b/packages/core/src/components/SplitButton/__stories__/SplitButton.stories.js index 72dc8a3117..f8d16ea7f6 100644 --- a/packages/core/src/components/SplitButton/__stories__/SplitButton.stories.js +++ b/packages/core/src/components/SplitButton/__stories__/SplitButton.stories.js @@ -1,3 +1,4 @@ +import React from "react"; /* eslint-disable react/no-children-prop */ import { createComponentTemplate } from "vibe-storybook-components"; import SplitButton from "../SplitButton"; diff --git a/packages/core/src/components/Steps/__stories__/Steps.stories.helpers.js b/packages/core/src/components/Steps/__stories__/Steps.stories.helpers.js index eec63e5ee2..a1098a5926 100644 --- a/packages/core/src/components/Steps/__stories__/Steps.stories.helpers.js +++ b/packages/core/src/components/Steps/__stories__/Steps.stories.helpers.js @@ -1,4 +1,4 @@ -import { useCallback, useState } from "react"; +import React, { useCallback, useState } from "react"; import Steps from "../Steps"; // eslint-disable-next-line react/jsx-key diff --git a/packages/core/src/components/Steps/__stories__/Steps.stories.js b/packages/core/src/components/Steps/__stories__/Steps.stories.js index cf2b37e189..5065facf07 100644 --- a/packages/core/src/components/Steps/__stories__/Steps.stories.js +++ b/packages/core/src/components/Steps/__stories__/Steps.stories.js @@ -1,4 +1,4 @@ -import { useCallback, useState } from "react"; +import React, { useCallback, useState } from "react"; import Steps from "../Steps"; import Button from "../../Button/Button"; import Tipseen from "../../Tipseen/Tipseen"; diff --git a/packages/core/src/components/Table/Table/__stories__/Table.stories.helpers.tsx b/packages/core/src/components/Table/Table/__stories__/Table.stories.helpers.tsx index 0c86de33fd..0b816ea137 100644 --- a/packages/core/src/components/Table/Table/__stories__/Table.stories.helpers.tsx +++ b/packages/core/src/components/Table/Table/__stories__/Table.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import Avatar from "../../../Avatar/Avatar"; import { Calendar, Doc, Status } from "../../../Icon/Icons"; import { LabelColor } from "../../../Label/LabelConstants"; diff --git a/packages/core/src/components/Table/Table/__stories__/Table.stories.js b/packages/core/src/components/Table/Table/__stories__/Table.stories.js index a5b3ed927a..ef76e47ca4 100644 --- a/packages/core/src/components/Table/Table/__stories__/Table.stories.js +++ b/packages/core/src/components/Table/Table/__stories__/Table.stories.js @@ -1,4 +1,4 @@ -import { useState } from "react"; +import React, { useState } from "react"; import Table from "../Table"; import TableHeader from "../../TableHeader/TableHeader"; import TableHeaderCell from "../../TableHeaderCell/TableHeaderCell"; diff --git a/packages/core/src/components/Tabs/Tab/__stories__/Tab.stories.tsx b/packages/core/src/components/Tabs/Tab/__stories__/Tab.stories.tsx index 623c8ac3ed..2d8a56eb8d 100644 --- a/packages/core/src/components/Tabs/Tab/__stories__/Tab.stories.tsx +++ b/packages/core/src/components/Tabs/Tab/__stories__/Tab.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { createComponentTemplate } from "vibe-storybook-components"; import Tab from "../../Tab/Tab"; import { Email } from "../../../Icon/Icons"; diff --git a/packages/core/src/components/Tabs/TabPanels/__stories__/TabPanels.stories.js b/packages/core/src/components/Tabs/TabPanels/__stories__/TabPanels.stories.js index 8197fe9aa4..4e70c3067a 100644 --- a/packages/core/src/components/Tabs/TabPanels/__stories__/TabPanels.stories.js +++ b/packages/core/src/components/Tabs/TabPanels/__stories__/TabPanels.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import { createStoryMetaSettingsDecorator } from "../../../../storybook/functions/createStoryMetaSettingsDecorator"; import TabPanel from "../../TabPanel/TabPanel"; import TabPanels from "../TabPanels"; diff --git a/packages/core/src/components/Tabs/__stories__/Tabs.stories.helpers.tsx b/packages/core/src/components/Tabs/__stories__/Tabs.stories.helpers.tsx index fb3289167e..c0822c857e 100644 --- a/packages/core/src/components/Tabs/__stories__/Tabs.stories.helpers.tsx +++ b/packages/core/src/components/Tabs/__stories__/Tabs.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipButtonGroup = () => ( diff --git a/packages/core/src/components/Text/__stories__/Text.stories.helpers.tsx b/packages/core/src/components/Text/__stories__/Text.stories.helpers.tsx index 5bed944717..171443d3ea 100644 --- a/packages/core/src/components/Text/__stories__/Text.stories.helpers.tsx +++ b/packages/core/src/components/Text/__stories__/Text.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipHeading = () => ( diff --git a/packages/core/src/components/Text/__stories__/Text.stories.js b/packages/core/src/components/Text/__stories__/Text.stories.js index 602bc3b19f..a53a3391e9 100644 --- a/packages/core/src/components/Text/__stories__/Text.stories.js +++ b/packages/core/src/components/Text/__stories__/Text.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import cx from "classnames"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import Text from "../Text"; diff --git a/packages/core/src/components/TextArea/__stories__/TextArea.stories.tsx b/packages/core/src/components/TextArea/__stories__/TextArea.stories.tsx index 9f9ce84603..55a42ea397 100644 --- a/packages/core/src/components/TextArea/__stories__/TextArea.stories.tsx +++ b/packages/core/src/components/TextArea/__stories__/TextArea.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { createComponentTemplate } from "vibe-storybook-components"; import TextArea from "../TextArea"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; diff --git a/packages/core/src/components/TextField/__stories__/TextField.stories.tsx b/packages/core/src/components/TextField/__stories__/TextField.stories.tsx index 898259a2df..1cb02ae66b 100644 --- a/packages/core/src/components/TextField/__stories__/TextField.stories.tsx +++ b/packages/core/src/components/TextField/__stories__/TextField.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import TextField from "../TextField"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; import { createComponentTemplate } from "vibe-storybook-components"; diff --git a/packages/core/src/components/ThemeProvider/__stories__/ThemeProvider.stories.helpers.tsx b/packages/core/src/components/ThemeProvider/__stories__/ThemeProvider.stories.helpers.tsx index 410dc6a647..284e5724f3 100644 --- a/packages/core/src/components/ThemeProvider/__stories__/ThemeProvider.stories.helpers.tsx +++ b/packages/core/src/components/ThemeProvider/__stories__/ThemeProvider.stories.helpers.tsx @@ -1,4 +1,4 @@ -import { useState } from "react"; +import React, { useState } from "react"; import ThemeProvider, { ThemeProviderProps } from "../ThemeProvider"; import Button from "../../Button/Button"; import Dropdown from "../../Dropdown/Dropdown"; diff --git a/packages/core/src/components/ThemeProvider/__stories__/ThemeProvider.stories.js b/packages/core/src/components/ThemeProvider/__stories__/ThemeProvider.stories.js index 6804b2f084..9cb2031ca3 100644 --- a/packages/core/src/components/ThemeProvider/__stories__/ThemeProvider.stories.js +++ b/packages/core/src/components/ThemeProvider/__stories__/ThemeProvider.stories.js @@ -1,4 +1,4 @@ -import { useState } from "react"; +import React, { useState } from "react"; import { Source } from "@storybook/blocks"; import ThemeProvider from "../ThemeProvider"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; diff --git a/packages/core/src/components/Tipseen/__stories__/Tipseen.stories.helpers.js b/packages/core/src/components/Tipseen/__stories__/Tipseen.stories.helpers.js index f0d7f0324b..fd91b1a827 100644 --- a/packages/core/src/components/Tipseen/__stories__/Tipseen.stories.helpers.js +++ b/packages/core/src/components/Tipseen/__stories__/Tipseen.stories.helpers.js @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const modifiers = [ diff --git a/packages/core/src/components/Tipseen/__stories__/Tipseen.stories.js b/packages/core/src/components/Tipseen/__stories__/Tipseen.stories.js index 9b742da1f8..d6ef32b329 100644 --- a/packages/core/src/components/Tipseen/__stories__/Tipseen.stories.js +++ b/packages/core/src/components/Tipseen/__stories__/Tipseen.stories.js @@ -1,4 +1,4 @@ -import { useCallback, useState } from "react"; +import React, { useCallback, useState } from "react"; import Tipseen from "../Tipseen"; import TipseenContent from "../TipseenContent"; import TipseenWizard from "../TipseenWizard"; diff --git a/packages/core/src/components/Toast/__stories__/Toast.stories.helpers.tsx b/packages/core/src/components/Toast/__stories__/Toast.stories.helpers.tsx index 4413f99f37..81f6a1686a 100644 --- a/packages/core/src/components/Toast/__stories__/Toast.stories.helpers.tsx +++ b/packages/core/src/components/Toast/__stories__/Toast.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipAlertBanner = () => ( diff --git a/packages/core/src/components/Toggle/__stories__/Toggle.stories.helpers.tsx b/packages/core/src/components/Toggle/__stories__/Toggle.stories.helpers.tsx index 8e0fdde301..55316aef22 100644 --- a/packages/core/src/components/Toggle/__stories__/Toggle.stories.helpers.tsx +++ b/packages/core/src/components/Toggle/__stories__/Toggle.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipOtherComponents = () => ( diff --git a/packages/core/src/components/Toggle/__stories__/Toggle.stories.tsx b/packages/core/src/components/Toggle/__stories__/Toggle.stories.tsx index 3d534ab91b..18782b8723 100644 --- a/packages/core/src/components/Toggle/__stories__/Toggle.stories.tsx +++ b/packages/core/src/components/Toggle/__stories__/Toggle.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { createComponentTemplate, MultipleStoryElementsWrapper } from "vibe-storybook-components"; import Toggle from "../Toggle"; import { createStoryMetaSettingsDecorator } from "../../../storybook"; diff --git a/packages/core/src/components/Tooltip/__stories__/Tooltip.stories.helpers.tsx b/packages/core/src/components/Tooltip/__stories__/Tooltip.stories.helpers.tsx index 212e94a7e3..971fd7c28a 100644 --- a/packages/core/src/components/Tooltip/__stories__/Tooltip.stories.helpers.tsx +++ b/packages/core/src/components/Tooltip/__stories__/Tooltip.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const modifiers = [ diff --git a/packages/core/src/components/VirtualizedGrid/__stories__/VirtualizedGrid.stories.js b/packages/core/src/components/VirtualizedGrid/__stories__/VirtualizedGrid.stories.js index bc493bee6e..64d0e26029 100644 --- a/packages/core/src/components/VirtualizedGrid/__stories__/VirtualizedGrid.stories.js +++ b/packages/core/src/components/VirtualizedGrid/__stories__/VirtualizedGrid.stories.js @@ -1,4 +1,4 @@ -import { useCallback, useMemo, useState } from "react"; +import React, { useCallback, useMemo, useState } from "react"; import VirtualizedGrid from "../VirtualizedGrid"; import Button from "../../Button/Button"; import { generateItems, itemRenderer } from "./VirtualizedGrid.stories.helpers"; diff --git a/packages/core/src/components/VirtualizedList/__stories__/VirtualizedList.stories.helpers.js b/packages/core/src/components/VirtualizedList/__stories__/VirtualizedList.stories.helpers.js index e476a51e92..4aa265d882 100644 --- a/packages/core/src/components/VirtualizedList/__stories__/VirtualizedList.stories.helpers.js +++ b/packages/core/src/components/VirtualizedList/__stories__/VirtualizedList.stories.helpers.js @@ -1,5 +1,5 @@ // eslint-disable-next-line default-param-last - +import React from "react"; import { Tip } from "vibe-storybook-components"; export const generateItems = (defaultItemSize = 30, itemsCount, layout) => { diff --git a/packages/core/src/components/VirtualizedList/__stories__/VirtualizedList.stories.js b/packages/core/src/components/VirtualizedList/__stories__/VirtualizedList.stories.js index dfcccc25db..0bf4bbc584 100644 --- a/packages/core/src/components/VirtualizedList/__stories__/VirtualizedList.stories.js +++ b/packages/core/src/components/VirtualizedList/__stories__/VirtualizedList.stories.js @@ -1,4 +1,4 @@ -import { useCallback } from "react"; +import React, { useCallback } from "react"; import VirtualizedList from "../VirtualizedList"; import { generateItems } from "./VirtualizedList.stories.helpers"; import { Flex } from "../../"; diff --git a/packages/core/src/hooks/useActiveDescendantListFocus/__stories__/useActiveDescendantListFocus.stories.js b/packages/core/src/hooks/useActiveDescendantListFocus/__stories__/useActiveDescendantListFocus.stories.js index e342b375c1..97b4e3c12b 100644 --- a/packages/core/src/hooks/useActiveDescendantListFocus/__stories__/useActiveDescendantListFocus.stories.js +++ b/packages/core/src/hooks/useActiveDescendantListFocus/__stories__/useActiveDescendantListFocus.stories.js @@ -1,6 +1,6 @@ /* eslint-disable jsx-a11y/click-events-have-key-events */ /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */ -import { useCallback, useRef } from "react"; +import React, { useCallback, useRef } from "react"; import cx from "classnames"; import Flex from "../../../components/Flex/Flex"; import Search from "../../../components/Search/Search"; diff --git a/packages/core/src/hooks/useAfterFirstRender/__stories__/useAfterFirstRender.stories.tsx b/packages/core/src/hooks/useAfterFirstRender/__stories__/useAfterFirstRender.stories.tsx index bfcb9a739e..ecec1d5e8e 100644 --- a/packages/core/src/hooks/useAfterFirstRender/__stories__/useAfterFirstRender.stories.tsx +++ b/packages/core/src/hooks/useAfterFirstRender/__stories__/useAfterFirstRender.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import useAfterFirstRender from ".."; export default { diff --git a/packages/core/src/hooks/useClickOutside/__stories__/useClickOutside.stories.tsx b/packages/core/src/hooks/useClickOutside/__stories__/useClickOutside.stories.tsx index f5e0c8f339..84bc8923af 100644 --- a/packages/core/src/hooks/useClickOutside/__stories__/useClickOutside.stories.tsx +++ b/packages/core/src/hooks/useClickOutside/__stories__/useClickOutside.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useCallback, useRef, useState } from "react"; import useClickOutside from ".."; import "../../__stories__/general-hooks-stories.scss"; diff --git a/packages/core/src/hooks/useClickableProps/__stories__/useClickableProps.stories.helpers.tsx b/packages/core/src/hooks/useClickableProps/__stories__/useClickableProps.stories.helpers.tsx index 999cf4b13f..64811aa529 100644 --- a/packages/core/src/hooks/useClickableProps/__stories__/useClickableProps.stories.helpers.tsx +++ b/packages/core/src/hooks/useClickableProps/__stories__/useClickableProps.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipClickable = () => ( diff --git a/packages/core/src/hooks/useClickableProps/__stories__/useClickableProps.stories.js b/packages/core/src/hooks/useClickableProps/__stories__/useClickableProps.stories.js index f52d0ea837..4b6c8cfef0 100644 --- a/packages/core/src/hooks/useClickableProps/__stories__/useClickableProps.stories.js +++ b/packages/core/src/hooks/useClickableProps/__stories__/useClickableProps.stories.js @@ -1,4 +1,4 @@ -import { useCallback, useRef } from "react"; +import React, { useCallback, useRef } from "react"; import useClickableProps from "../useClickableProps"; import "./useClickableProps.stories.scss"; diff --git a/packages/core/src/hooks/useDebounceEvent/__stories__/useDebounceEvent.stories.js b/packages/core/src/hooks/useDebounceEvent/__stories__/useDebounceEvent.stories.js index 43b501df18..abea1c77d7 100644 --- a/packages/core/src/hooks/useDebounceEvent/__stories__/useDebounceEvent.stories.js +++ b/packages/core/src/hooks/useDebounceEvent/__stories__/useDebounceEvent.stories.js @@ -1,4 +1,4 @@ -import { useState } from "react"; +import React, { useState } from "react"; import useDebounceEvent from ".."; import "../../__stories__/general-hooks-stories.scss"; diff --git a/packages/core/src/hooks/useDisableScroll/__stories__/useDisableScroll.stories.tsx b/packages/core/src/hooks/useDisableScroll/__stories__/useDisableScroll.stories.tsx index 6768bdd8c1..880c1c9bf5 100644 --- a/packages/core/src/hooks/useDisableScroll/__stories__/useDisableScroll.stories.tsx +++ b/packages/core/src/hooks/useDisableScroll/__stories__/useDisableScroll.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; /* eslint-disable react/button-has-type */ import useDisableScroll from ".."; diff --git a/packages/core/src/hooks/useEventListener/__stories__/useEventListener.stories.tsx b/packages/core/src/hooks/useEventListener/__stories__/useEventListener.stories.tsx index 808a372541..80c384984c 100644 --- a/packages/core/src/hooks/useEventListener/__stories__/useEventListener.stories.tsx +++ b/packages/core/src/hooks/useEventListener/__stories__/useEventListener.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useCallback, useRef, useState } from "react"; import useEventListener from ".."; import "../../__stories__/general-hooks-stories.scss"; diff --git a/packages/core/src/hooks/useGridKeyboardNavigation/__stories__/useGridKeyboardNavigation.stories.js b/packages/core/src/hooks/useGridKeyboardNavigation/__stories__/useGridKeyboardNavigation.stories.js index 2ca859cb61..12a65b22c7 100644 --- a/packages/core/src/hooks/useGridKeyboardNavigation/__stories__/useGridKeyboardNavigation.stories.js +++ b/packages/core/src/hooks/useGridKeyboardNavigation/__stories__/useGridKeyboardNavigation.stories.js @@ -1,4 +1,4 @@ -import { useRef, useCallback, useState, useMemo } from "react"; +import React, { useRef, useCallback, useState, useMemo } from "react"; import { action } from "@storybook/addon-actions"; import cx from "classnames"; import { range } from "lodash-es"; diff --git a/packages/core/src/hooks/useHover/__stories__/useHover.stories.js b/packages/core/src/hooks/useHover/__stories__/useHover.stories.js index 732b33e121..6cf801b998 100644 --- a/packages/core/src/hooks/useHover/__stories__/useHover.stories.js +++ b/packages/core/src/hooks/useHover/__stories__/useHover.stories.js @@ -1,3 +1,4 @@ +import React from "react"; import cx from "classnames"; import useHover from "../useHover"; import "../../__stories__/general-hooks-stories.scss"; diff --git a/packages/core/src/hooks/useIsOverflowing/__stories__/useIsOverflowing.stories.helpers.tsx b/packages/core/src/hooks/useIsOverflowing/__stories__/useIsOverflowing.stories.helpers.tsx index a370a2dce7..e2ecf37a57 100644 --- a/packages/core/src/hooks/useIsOverflowing/__stories__/useIsOverflowing.stories.helpers.tsx +++ b/packages/core/src/hooks/useIsOverflowing/__stories__/useIsOverflowing.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { StorybookLink, Tip } from "vibe-storybook-components"; export const TipTooltip = () => ( diff --git a/packages/core/src/hooks/useIsOverflowing/__stories__/useIsOverflowing.stories.tsx b/packages/core/src/hooks/useIsOverflowing/__stories__/useIsOverflowing.stories.tsx index 371a8796e4..31aa9f2eb2 100644 --- a/packages/core/src/hooks/useIsOverflowing/__stories__/useIsOverflowing.stories.tsx +++ b/packages/core/src/hooks/useIsOverflowing/__stories__/useIsOverflowing.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useRef, useState } from "react"; import useIsOverflowing from "../useIsOverflowing"; import { EditableInput, Flex, Tooltip } from "../../../components"; diff --git a/packages/core/src/hooks/useKeyEvent/__stories__/useKeyEvent.stories.tsx b/packages/core/src/hooks/useKeyEvent/__stories__/useKeyEvent.stories.tsx index 074fd213ab..6f156678bd 100644 --- a/packages/core/src/hooks/useKeyEvent/__stories__/useKeyEvent.stories.tsx +++ b/packages/core/src/hooks/useKeyEvent/__stories__/useKeyEvent.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useState } from "react"; import useKeyEvent from ".."; import "../../__stories__/general-hooks-stories.scss"; diff --git a/packages/core/src/hooks/useListenFocusTriggers/__stories__/useListenFocusTriggers.stories.js b/packages/core/src/hooks/useListenFocusTriggers/__stories__/useListenFocusTriggers.stories.js index 1b33f604de..55683f3d41 100644 --- a/packages/core/src/hooks/useListenFocusTriggers/__stories__/useListenFocusTriggers.stories.js +++ b/packages/core/src/hooks/useListenFocusTriggers/__stories__/useListenFocusTriggers.stories.js @@ -1,4 +1,4 @@ -import { useCallback, useRef, useState } from "react"; +import React, { useCallback, useRef, useState } from "react"; import useListenFocusTriggers from "../index"; import { Button, Flex } from "../../../components"; import "../../__stories__/general-hooks-stories.scss"; diff --git a/packages/core/src/hooks/useMediaQuery/__stories__/useMediaQuery.stories.tsx b/packages/core/src/hooks/useMediaQuery/__stories__/useMediaQuery.stories.tsx index 6b760713ca..5f3bc37fd9 100644 --- a/packages/core/src/hooks/useMediaQuery/__stories__/useMediaQuery.stories.tsx +++ b/packages/core/src/hooks/useMediaQuery/__stories__/useMediaQuery.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import useMediaQuery from ".."; import "../../__stories__/general-hooks-stories.scss"; diff --git a/packages/core/src/hooks/usePrevious/__stories__/usePrevious.stories.tsx b/packages/core/src/hooks/usePrevious/__stories__/usePrevious.stories.tsx index 5f0fd87834..1a4781ec14 100644 --- a/packages/core/src/hooks/usePrevious/__stories__/usePrevious.stories.tsx +++ b/packages/core/src/hooks/usePrevious/__stories__/usePrevious.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useState } from "react"; import usePrevious from "../index"; import { Button, Counter, Flex } from "../../../components"; diff --git a/packages/core/src/hooks/useSetFocus/__stories__/useSetFocus.stories.tsx b/packages/core/src/hooks/useSetFocus/__stories__/useSetFocus.stories.tsx index e35c31e865..5f4e4bd55d 100644 --- a/packages/core/src/hooks/useSetFocus/__stories__/useSetFocus.stories.tsx +++ b/packages/core/src/hooks/useSetFocus/__stories__/useSetFocus.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useRef } from "react"; import { Button, Flex, InputField } from "../../../components"; import useSetFocus from "../../useSetFocus/index"; diff --git a/packages/core/src/hooks/useSwitch/__stories__/useSwitch.stories.tsx b/packages/core/src/hooks/useSwitch/__stories__/useSwitch.stories.tsx index 7a67331e27..70c6b4b472 100644 --- a/packages/core/src/hooks/useSwitch/__stories__/useSwitch.stories.tsx +++ b/packages/core/src/hooks/useSwitch/__stories__/useSwitch.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import useSwitch from "../index"; import { Toggle, Flex } from "../../../components"; diff --git a/packages/core/src/hooks/useTimeout/__stories__/useTimeout.stories.tsx b/packages/core/src/hooks/useTimeout/__stories__/useTimeout.stories.tsx index 5a60631dab..26a46eef14 100644 --- a/packages/core/src/hooks/useTimeout/__stories__/useTimeout.stories.tsx +++ b/packages/core/src/hooks/useTimeout/__stories__/useTimeout.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useCallback } from "react"; import useTimeout from ".."; diff --git a/packages/core/src/hooks/useVibeMediaQuery/__stories__/useVibeMediaQuery.stories.helpers.tsx b/packages/core/src/hooks/useVibeMediaQuery/__stories__/useVibeMediaQuery.stories.helpers.tsx index 8145400d66..cc3cfc2125 100644 --- a/packages/core/src/hooks/useVibeMediaQuery/__stories__/useVibeMediaQuery.stories.helpers.tsx +++ b/packages/core/src/hooks/useVibeMediaQuery/__stories__/useVibeMediaQuery.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { TokenTable } from "vibe-storybook-components"; export const TableMediaQuery = () => { diff --git a/packages/core/src/hooks/useVibeMediaQuery/__stories__/useVibeMediaQuery.stories.tsx b/packages/core/src/hooks/useVibeMediaQuery/__stories__/useVibeMediaQuery.stories.tsx index 6ad07d570b..9572560d83 100644 --- a/packages/core/src/hooks/useVibeMediaQuery/__stories__/useVibeMediaQuery.stories.tsx +++ b/packages/core/src/hooks/useVibeMediaQuery/__stories__/useVibeMediaQuery.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import useVibeMediaQuery from ".."; import "../../__stories__/general-hooks-stories.scss"; import styles from "./useVibeMediaQuery.module.scss"; diff --git a/packages/core/src/storybook/components/canvas-wrapper/CanvasWrapper.tsx b/packages/core/src/storybook/components/canvas-wrapper/CanvasWrapper.tsx index 9de26ffd43..a955ec47fd 100644 --- a/packages/core/src/storybook/components/canvas-wrapper/CanvasWrapper.tsx +++ b/packages/core/src/storybook/components/canvas-wrapper/CanvasWrapper.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { Canvas, useOf } from "@storybook/blocks"; import { ComponentProps, FC, useMemo, useState } from "react"; import styles from "./CanvasWrapper.module.scss"; diff --git a/packages/core/src/storybook/components/coming-soon/coming-soon.jsx b/packages/core/src/storybook/components/coming-soon/coming-soon.jsx index 4633c8790c..a5664f817c 100644 --- a/packages/core/src/storybook/components/coming-soon/coming-soon.jsx +++ b/packages/core/src/storybook/components/coming-soon/coming-soon.jsx @@ -1,3 +1,4 @@ +import React from "react"; import Heading from "../../../components/LegacyHeading/LegacyHeading"; import { comingSoon } from "./assets"; import classes from "./coming-soon.module.scss"; diff --git a/packages/core/src/storybook/components/component-name/component-name-decorator.jsx b/packages/core/src/storybook/components/component-name/component-name-decorator.jsx index bd45a33363..2f3eb564fd 100644 --- a/packages/core/src/storybook/components/component-name/component-name-decorator.jsx +++ b/packages/core/src/storybook/components/component-name/component-name-decorator.jsx @@ -1,3 +1,4 @@ +import React from "react"; import cx from "classnames"; import { ComponentName } from "vibe-storybook-components"; import "./component-name-decorator.scss"; diff --git a/packages/core/src/storybook/components/props-table/props-table.jsx b/packages/core/src/storybook/components/props-table/props-table.jsx index 7f33ef3e5b..ee851ccc74 100644 --- a/packages/core/src/storybook/components/props-table/props-table.jsx +++ b/packages/core/src/storybook/components/props-table/props-table.jsx @@ -1,3 +1,4 @@ +import React from "react"; // import { Controls } from "@storybook/blocks"; // Controls are not supporting subcomponents yet, so using deprecated ArgsTable - https://github.com/storybookjs/storybook/issues/20782 import { ArgsTable } from "@storybook/blocks"; diff --git a/packages/core/src/storybook/components/related-components/component-description-map.tsx b/packages/core/src/storybook/components/related-components/component-description-map.tsx index fa3e7d0702..a60aeb2245 100644 --- a/packages/core/src/storybook/components/related-components/component-description-map.tsx +++ b/packages/core/src/storybook/components/related-components/component-description-map.tsx @@ -1,3 +1,4 @@ +import React from "react"; /* eslint-disable react/jsx-key */ import { SplitButtonDescription } from "./descriptions/split-button-description"; import { ButtonGroupDescription } from "./descriptions/button-group-description"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/accordion-description/accordion-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/accordion-description/accordion-description.jsx index 95be9ee4ca..0f13bc2ff8 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/accordion-description/accordion-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/accordion-description/accordion-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import { AccordionItem, Accordion } from "../../../../../components"; import styles from "./accordion-description.module.scss"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/alert-banner-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/alert-banner-description.jsx index 423caef067..ca721e2799 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/alert-banner-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/alert-banner-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import AlertBanner from "../../../../components/AlertBanner/AlertBanner"; import AlertBannerText from "../../../../components/AlertBanner/AlertBannerText/AlertBannerText"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/attention-box-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/attention-box-description.jsx index 6e7427d627..3a81fa123d 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/attention-box-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/attention-box-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import AttentionBox from "../../../../components/AttentionBox/AttentionBox"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/avatar-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/avatar-description.jsx index f5788aa6f1..7ab608ca1a 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/avatar-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/avatar-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import { person1 } from "../../../../components/Avatar/__stories__/assets"; import Avatar from "../../../../components/Avatar/Avatar"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/avatar-group-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/avatar-group-description.jsx index 7778d7c32d..b8a68eff62 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/avatar-group-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/avatar-group-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import { person1, person2, person3, person4 } from "../../../../components/Avatar/__stories__/assets"; import { AvatarGroup, Avatar } from "../../../../components"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/badge-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/badge-description.jsx index d61de2a962..cddd0a1a7c 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/badge-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/badge-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Badge from "../../../../components/Badge/Badge"; import Button from "../../../../components/Button/Button"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/box-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/box-description.jsx index 67da694ed8..c454befc6e 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/box-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/box-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Box from "../../../../components/Box/Box"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/breadcrumbs-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/breadcrumbs-description.jsx index bc77d4bad0..5bf666059f 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/breadcrumbs-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/breadcrumbs-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import BreadcrumbsBar from "../../../../components/BreadcrumbsBar/BreadcrumbsBar"; import BreadcrumbItem from "../../../../components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/button-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/button-description.jsx index ac44d9bc43..5d12b7f76d 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/button-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/button-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Button from "../../../../components/Button/Button"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/button-group-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/button-group-description.jsx index 0a10f437e5..312a1c31ca 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/button-group-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/button-group-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import ButtonGroup from "../../../../components/ButtonGroup/ButtonGroup"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/checkbox-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/checkbox-description.jsx index 4410abed58..2f727fbf07 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/checkbox-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/checkbox-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Checkbox from "../../../../components/Checkbox/Checkbox"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/chips-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/chips-description.jsx index 57e0699080..4e910dc477 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/chips-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/chips-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Chips from "../../../../components/Chips/Chips"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/clickable-description/clickable-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/clickable-description/clickable-description.jsx index f519b150b4..bc7488f142 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/clickable-description/clickable-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/clickable-description/clickable-description.jsx @@ -1,5 +1,5 @@ /* eslint-disable no-alert */ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Clickable from "../../../../../components/Clickable/Clickable"; import classes from "./clickable-description.stories.module.scss"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/color-picker-description.tsx b/packages/core/src/storybook/components/related-components/descriptions/color-picker-description.tsx index 8ce5c274d2..ad3ebe063a 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/color-picker-description.tsx +++ b/packages/core/src/storybook/components/related-components/descriptions/color-picker-description.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import ColorPicker from "../../../../components/ColorPicker/ColorPicker"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/colors-description/colors-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/colors-description/colors-description.jsx index 19dc37b35d..4f423c8dbf 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/colors-description/colors-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/colors-description/colors-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import "./colors-description.scss"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/combobox-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/combobox-description.jsx index a6987ca218..8774d66983 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/combobox-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/combobox-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import DialogContentContainer from "../../../../components/DialogContentContainer/DialogContentContainer"; import Combobox from "../../../../components/Combobox/Combobox"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/counter-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/counter-description.jsx index 5d34de79be..604999d847 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/counter-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/counter-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Counter from "../../../../components/Counter/Counter"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/dialog-content-container.jsx b/packages/core/src/storybook/components/related-components/descriptions/dialog-content-container.jsx index 0894e550f6..aec18d9203 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/dialog-content-container.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/dialog-content-container.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import DialogContentContainer from "../../../../components/DialogContentContainer/DialogContentContainer"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/dialog-description/dialog-description.tsx b/packages/core/src/storybook/components/related-components/descriptions/dialog-description/dialog-description.tsx index 3664c65d1e..203237fcfb 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/dialog-description/dialog-description.tsx +++ b/packages/core/src/storybook/components/related-components/descriptions/dialog-description/dialog-description.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Dialog from "../../../../../components/Dialog/Dialog"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/divider.jsx b/packages/core/src/storybook/components/related-components/descriptions/divider.jsx index d581eb06a0..3e5960eb1e 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/divider.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/divider.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Divider from "../../../../components/Divider/Divider"; import Menu from "../../../../components/Menu/Menu/Menu"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/dropdown-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/dropdown-description.jsx index 80c8434d92..73e7d07603 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/dropdown-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/dropdown-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Dropdown from "../../../../components/Dropdown/Dropdown"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/editable-heading-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/editable-heading-description.jsx index 374c9a4884..ec5aca3db6 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/editable-heading-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/editable-heading-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import EditableHeading from "../../../../components/EditableHeading/EditableHeading"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/editable-text-description.tsx b/packages/core/src/storybook/components/related-components/descriptions/editable-text-description.tsx index ac7f504ea0..f519f3f548 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/editable-text-description.tsx +++ b/packages/core/src/storybook/components/related-components/descriptions/editable-text-description.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import EditableText from "../../../../components/EditableText/EditableText"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/flex-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/flex-description.jsx index 47f7e66472..14a81dc74d 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/flex-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/flex-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import { Flex, Button } from "../../../../components"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/heading-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/heading-description.jsx index 23c218c9c1..4c4dc4a915 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/heading-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/heading-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Heading from "../../../../components/Heading/Heading"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/hidden-text-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/hidden-text-description.jsx index 68fdaf8aac..9676fb1e61 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/hidden-text-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/hidden-text-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import HiddenText from "../../../../components/HiddenText/HiddenText"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/icon-button-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/icon-button-description.jsx index 7a4fa44549..d234163919 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/icon-button-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/icon-button-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import IconButton from "../../../../components/IconButton/IconButton"; import Bolt from "../../../../components/Icon/Icons/components/Bolt"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/icon-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/icon-description.jsx index 1b7985af33..474f32640e 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/icon-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/icon-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Bolt from "../../../../components/Icon/Icons/components/Bolt"; import Icon from "../../../../components/Icon/Icon"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/icons-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/icons-description.jsx index 40aa4448ef..2ff204cf29 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/icons-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/icons-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import { Update, Locked, Lines } from "../../../../components/Icon/Icons"; import Icon from "../../../../components/Icon/Icon"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/label-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/label-description.jsx index d3fe7ac438..26cab15bf6 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/label-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/label-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Label from "../../../../components/Label/Label"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/linear-progress-bar-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/linear-progress-bar-description.jsx index 74b9379186..f82bf9c179 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/linear-progress-bar-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/linear-progress-bar-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import LinearProgressBar from "../../../../components/ProgressBars/LinearProgressBar/LinearProgressBar"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/link-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/link-description.jsx index 202eb06989..e37fdb7143 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/link-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/link-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Link from "../../../../components/Link/Link"; import { ExternalPage } from "../../../../components/Icon/Icons"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/list-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/list-description.jsx index e29033897d..b88e216bbb 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/list-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/list-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import DialogContentContainer from "../../../../components/DialogContentContainer/DialogContentContainer"; import ListItem from "../../../../components/ListItem/ListItem"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/menu-button-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/menu-button-description.jsx index 982c1b83a1..17e698098f 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/menu-button-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/menu-button-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import MenuButton from "../../../../components/MenuButton/MenuButton"; import Menu from "../../../../components/Menu/Menu/Menu"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/menu-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/menu-description.jsx index 5af8e5e597..fbd4afd911 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/menu-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/menu-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import DialogContentContainer from "../../../../components/DialogContentContainer/DialogContentContainer"; import MenuItem from "../../../../components/Menu/MenuItem/MenuItem"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/multi-step-indicator-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/multi-step-indicator-description.jsx index f39c6fbd52..c35f15d690 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/multi-step-indicator-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/multi-step-indicator-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import MultiStepIndicator from "../../../../components/MultiStepIndicator/MultiStepIndicator"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/radio-button-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/radio-button-description.jsx index 8d6d4835ef..93a747500a 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/radio-button-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/radio-button-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import RadioButton from "../../../../components/RadioButton/RadioButton"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/search-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/search-description.jsx index a3b2ae24b3..3c6de624e2 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/search-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/search-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Search from "../../../../components/Search/Search"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/shadow-description/shadow-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/shadow-description/shadow-description.jsx index eb410d8324..c35384f9c4 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/shadow-description/shadow-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/shadow-description/shadow-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import classes from "./shadow-description.module.scss"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/skeleton-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/skeleton-description.jsx index 930ab28837..70a703a4dd 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/skeleton-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/skeleton-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Skeleton from "../../../../components/Skeleton/Skeleton"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/slider-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/slider-description.jsx index d17dc35383..225dbce53d 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/slider-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/slider-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Slider from "../../../../components/Slider/Slider"; export const SliderDescription = () => { diff --git a/packages/core/src/storybook/components/related-components/descriptions/spacing-description/spacing-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/spacing-description/spacing-description.jsx index 3a5ef9f35e..0a7005d7ad 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/spacing-description/spacing-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/spacing-description/spacing-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import classes from "./spacing-description.module.scss"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/spinner-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/spinner-description.jsx index 7d927110d3..b896d1f662 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/spinner-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/spinner-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Loader from "../../../../components/Loader/Loader"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/split-button-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/split-button-description.jsx index 6a0e6023eb..2e3ee1942d 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/split-button-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/split-button-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import SplitButton from "../../../../components/SplitButton/SplitButton"; import SplitButtonMenu from "../../../../components/SplitButton/SplitButtonMenu/SplitButtonMenu"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/steps-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/steps-description.jsx index a62ad54437..157f66d117 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/steps-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/steps-description.jsx @@ -1,4 +1,4 @@ -import { useMemo, useState, useCallback } from "react"; +import React, { useMemo, useState, useCallback } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Steps from "../../../../components/Steps/Steps"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/tab-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/tab-description.jsx index 0cce8b548c..69261bad26 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/tab-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/tab-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Tab from "../../../../components/Tabs/Tab/Tab"; import TabList from "../../../../components/Tabs/TabList/TabList"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/table-description.tsx b/packages/core/src/storybook/components/related-components/descriptions/table-description.tsx index f0fadb18f0..f4233c5566 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/table-description.tsx +++ b/packages/core/src/storybook/components/related-components/descriptions/table-description.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import { Calendar, Doc, Status } from "../../../../components/Icon/Icons"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/text-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/text-description.jsx index 3036a7924f..ffe9ae4162 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/text-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/text-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Text from "../../../../components/Text/Text"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/text-field-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/text-field-description.jsx index b8a6342c84..cba295e86d 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/text-field-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/text-field-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import TextField from "../../../../components/TextField/TextField"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/tipseen-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/tipseen-description.jsx index a17daa1025..36e0caffa2 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/tipseen-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/tipseen-description.jsx @@ -1,4 +1,4 @@ -import { useMemo, useState, useCallback } from "react"; +import React, { useMemo, useState, useCallback } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Tipseen from "../../../../components/Tipseen/Tipseen"; import TipseenWizard from "../../../../components/Tipseen/TipseenWizard"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/toast-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/toast-description.jsx index 2673ab303f..cc7a3bcc93 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/toast-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/toast-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import ToastLineWrapper from "../../../../components/Toast/__stories__/ToastLineWrapper"; import Toast from "../../../../components/Toast/Toast"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/toggle-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/toggle-description.jsx index 7db755fef4..2dec06bad6 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/toggle-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/toggle-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Toggle from "../../../../components/Toggle/Toggle"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/tooltip-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/tooltip-description.jsx index c849f111ff..6ab4e13be7 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/tooltip-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/tooltip-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import Tooltip from "../../../../components/Tooltip/Tooltip"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/typography-description/typography-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/typography-description/typography-description.jsx index eea0c62501..a4d3dcf64e 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/typography-description/typography-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/typography-description/typography-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import { Heading } from "../../../../../components"; diff --git a/packages/core/src/storybook/components/related-components/descriptions/virtualized-grid-description/virtualized-grid-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/virtualized-grid-description/virtualized-grid-description.jsx index ac90a27cde..2cf567c3e6 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/virtualized-grid-description/virtualized-grid-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/virtualized-grid-description/virtualized-grid-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import VirtualizedGrid from "../../../../../components/VirtualizedGrid/VirtualizedGrid"; import { diff --git a/packages/core/src/storybook/components/related-components/descriptions/virtualized-list-description/virtualized-list-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/virtualized-list-description/virtualized-list-description.jsx index f6023f01d4..ae2c09951d 100644 --- a/packages/core/src/storybook/components/related-components/descriptions/virtualized-list-description/virtualized-list-description.jsx +++ b/packages/core/src/storybook/components/related-components/descriptions/virtualized-list-description/virtualized-list-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { RelatedComponent } from "vibe-storybook-components"; import VirtualizedList from "../../../../../components/VirtualizedList/VirtualizedList"; import { generateItems } from "../../../../../components/VirtualizedList/__stories__/VirtualizedList.stories.helpers"; diff --git a/packages/core/src/storybook/components/related-components/related-components-decorator.jsx b/packages/core/src/storybook/components/related-components/related-components-decorator.jsx index 7af45cb8e6..ccb479f8ac 100644 --- a/packages/core/src/storybook/components/related-components/related-components-decorator.jsx +++ b/packages/core/src/storybook/components/related-components/related-components-decorator.jsx @@ -1,3 +1,4 @@ +import React from "react"; import PropTypes from "prop-types"; import { RelatedComponents } from "vibe-storybook-components"; import { DESCRIPTION_COMPONENTS_MAP } from "./component-description-map"; diff --git a/packages/core/src/storybook/decorators/withGlobalStyle/withGlobalStyle.tsx b/packages/core/src/storybook/decorators/withGlobalStyle/withGlobalStyle.tsx index 38c239f49d..f350765869 100644 --- a/packages/core/src/storybook/decorators/withGlobalStyle/withGlobalStyle.tsx +++ b/packages/core/src/storybook/decorators/withGlobalStyle/withGlobalStyle.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { MultipleStoryElementsWrapper } from "vibe-storybook-components"; import cx from "classnames"; import styles from "./withGlobalStyle.module.scss"; diff --git a/packages/core/src/storybook/decorators/withLiveEdit/withLiveEdit.tsx b/packages/core/src/storybook/decorators/withLiveEdit/withLiveEdit.tsx index 639c36513e..9e9d7dacb3 100644 --- a/packages/core/src/storybook/decorators/withLiveEdit/withLiveEdit.tsx +++ b/packages/core/src/storybook/decorators/withLiveEdit/withLiveEdit.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { Decorator, StoryContext } from "@storybook/react"; import { useMemo } from "react"; import { githubDark } from "@uiw/codemirror-theme-github"; diff --git a/packages/core/src/storybook/patterns/dropdown-in-modals/dropdown-in-modals.stories.helpers.js b/packages/core/src/storybook/patterns/dropdown-in-modals/dropdown-in-modals.stories.helpers.js index 58d13d10a8..1227af851a 100644 --- a/packages/core/src/storybook/patterns/dropdown-in-modals/dropdown-in-modals.stories.helpers.js +++ b/packages/core/src/storybook/patterns/dropdown-in-modals/dropdown-in-modals.stories.helpers.js @@ -1,3 +1,4 @@ +import React from "react"; import { Tip } from "vibe-storybook-components"; export const TipKnowIssue = () => ( diff --git a/packages/core/src/storybook/patterns/dropdown-in-modals/dropdown-in-modals.stories.js b/packages/core/src/storybook/patterns/dropdown-in-modals/dropdown-in-modals.stories.js index e727a1e86b..c8dccd5a47 100644 --- a/packages/core/src/storybook/patterns/dropdown-in-modals/dropdown-in-modals.stories.js +++ b/packages/core/src/storybook/patterns/dropdown-in-modals/dropdown-in-modals.stories.js @@ -1,4 +1,4 @@ -import { useCallback, useState, useMemo } from "react"; +import React, { useCallback, useState, useMemo } from "react"; import ModalContent from "../../../components/Modal/ModalContent/ModalContent"; import Dropdown from "../../../components/Dropdown/Dropdown"; import Modal from "../../../components/Modal/Modal"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/accessibility/accessibility.stories.helpers.tsx b/packages/core/src/storybook/stand-alone-documentaion/accessibility/accessibility.stories.helpers.tsx index f3d1b7a3a7..7b0b07ff0f 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/accessibility/accessibility.stories.helpers.tsx +++ b/packages/core/src/storybook/stand-alone-documentaion/accessibility/accessibility.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { Link, Tip } from "vibe-storybook-components"; import { accessibilityCheckList } from "./assets"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/accessibility/principles/principlesAccesability.jsx b/packages/core/src/storybook/stand-alone-documentaion/accessibility/principles/principlesAccesability.jsx index e5d50d9b88..d1a4e4bba2 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/accessibility/principles/principlesAccesability.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/accessibility/principles/principlesAccesability.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { principleClarity, principleSpeed, principleIntuative, principleDelight } from "../assets"; import { Principle } from "../../welcome/principle/principle"; import "../../welcome/principles/principles.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/catalog/Catalog/Catalog.stories.templates.tsx b/packages/core/src/storybook/stand-alone-documentaion/catalog/Catalog/Catalog.stories.templates.tsx index b366656235..6004d535ae 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/catalog/Catalog/Catalog.stories.templates.tsx +++ b/packages/core/src/storybook/stand-alone-documentaion/catalog/Catalog/Catalog.stories.templates.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { useState } from "react"; import { RelatedComponentsDecorator } from "../../../components"; import { RelatedComponents } from "vibe-storybook-components"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/catalog/EmptyState/Catalog.stories.EmptyState.tsx b/packages/core/src/storybook/stand-alone-documentaion/catalog/EmptyState/Catalog.stories.EmptyState.tsx index bdb70e3134..455e67bbbb 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/catalog/EmptyState/Catalog.stories.EmptyState.tsx +++ b/packages/core/src/storybook/stand-alone-documentaion/catalog/EmptyState/Catalog.stories.EmptyState.tsx @@ -1,3 +1,4 @@ +import React from "react"; import emptyStateExample from "../../../stories-common-assets/emptyStateExample.svg"; import { Heading } from "../../../../next/next"; import { Text } from "../../../../components"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/catalog/catalog.stories.tsx b/packages/core/src/storybook/stand-alone-documentaion/catalog/catalog.stories.tsx index 9e05daaf71..18695c0917 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/catalog/catalog.stories.tsx +++ b/packages/core/src/storybook/stand-alone-documentaion/catalog/catalog.stories.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { CatalogTemplate } from "./Catalog/Catalog.stories.templates"; import { Meta, StoryObj } from "@storybook/react"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/colors/background-colors/background-colors.jsx b/packages/core/src/storybook/stand-alone-documentaion/colors/background-colors/background-colors.jsx index 082577db0b..ff2914b042 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/colors/background-colors/background-colors.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/colors/background-colors/background-colors.jsx @@ -1,3 +1,4 @@ +import React from "react"; import ColorsDescription from "../colors-description/colors-description"; const colorKeys = [ diff --git a/packages/core/src/storybook/stand-alone-documentaion/colors/border-colors/border-colors.jsx b/packages/core/src/storybook/stand-alone-documentaion/colors/border-colors/border-colors.jsx index bb69589cc0..a95cd62202 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/colors/border-colors/border-colors.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/colors/border-colors/border-colors.jsx @@ -1,3 +1,4 @@ +import React from "react"; import ColorsDescription from "../colors-description/colors-description"; const colorKeys = ["ui-border-color", "layout-border-color"]; diff --git a/packages/core/src/storybook/stand-alone-documentaion/colors/colors-description/colors-description.jsx b/packages/core/src/storybook/stand-alone-documentaion/colors/colors-description/colors-description.jsx index 81a620f415..9200d398ae 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/colors/colors-description/colors-description.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/colors/colors-description/colors-description.jsx @@ -1,4 +1,4 @@ -import { useMemo } from "react"; +import React, { useMemo } from "react"; import { ColorDescription } from "vibe-storybook-components"; import { colorsHashMap } from "../../../../utils/colors-vars-map"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/colors/content-color-cell/content-color-cell.jsx b/packages/core/src/storybook/stand-alone-documentaion/colors/content-color-cell/content-color-cell.jsx index d6734a8c35..b52ffec91d 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/colors/content-color-cell/content-color-cell.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/colors/content-color-cell/content-color-cell.jsx @@ -1,3 +1,4 @@ +import React from "react"; import classes from "./content-color-cell.module.scss"; export const ContentColorCell = ({ children, style }) => { diff --git a/packages/core/src/storybook/stand-alone-documentaion/colors/content-color-row/content-color-row.jsx b/packages/core/src/storybook/stand-alone-documentaion/colors/content-color-row/content-color-row.jsx index 8c4548db24..81ee1cef13 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/colors/content-color-row/content-color-row.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/colors/content-color-row/content-color-row.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { useMemo } from "react"; import ColorUtils from "../../../../utils/colors-utils"; import { ContentColorCell } from "../content-color-cell/content-color-cell"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/colors/content-colors/content-colors.jsx b/packages/core/src/storybook/stand-alone-documentaion/colors/content-colors/content-colors.jsx index fae7c454d3..dd7842ca02 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/colors/content-colors/content-colors.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/colors/content-colors/content-colors.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { useMemo } from "react"; import { ContentColorRow } from "../content-color-row/content-color-row"; import { ContentColorByName } from "../../../../utils/colors-vars-map"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/colors/semantic-colors/semantic-colors.jsx b/packages/core/src/storybook/stand-alone-documentaion/colors/semantic-colors/semantic-colors.jsx index 2238b303ae..e8b5f0dae8 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/colors/semantic-colors/semantic-colors.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/colors/semantic-colors/semantic-colors.jsx @@ -1,3 +1,4 @@ +import React from "react"; import ColorsDescription from "../colors-description/colors-description"; const colorKeys = [ diff --git a/packages/core/src/storybook/stand-alone-documentaion/colors/text-colors/text-colors.jsx b/packages/core/src/storybook/stand-alone-documentaion/colors/text-colors/text-colors.jsx index 18027cf18d..8f13712351 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/colors/text-colors/text-colors.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/colors/text-colors/text-colors.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { useMemo } from "react"; import { ColorsDescription } from "../colors-description/colors-description"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/motion/animation-information-box/animation-information-box.jsx b/packages/core/src/storybook/stand-alone-documentaion/motion/animation-information-box/animation-information-box.jsx index 8f095b78ab..d9b49da934 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/motion/animation-information-box/animation-information-box.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/motion/animation-information-box/animation-information-box.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { InformationBox } from "vibe-storybook-components"; import styles from "./animation-information-box.module.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/motion/animation-overviews/animation-overviews.jsx b/packages/core/src/storybook/stand-alone-documentaion/motion/animation-overviews/animation-overviews.jsx index d9bca773f5..999ce6da72 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/motion/animation-overviews/animation-overviews.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/motion/animation-overviews/animation-overviews.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { AnimationInformationBox } from "../animation-information-box/animation-information-box"; import { Delight, Feedback, Focus, Orientation } from "../assets"; import styles from "./animation-overviews.module.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/motion/animation-types/animation-types.jsx b/packages/core/src/storybook/stand-alone-documentaion/motion/animation-types/animation-types.jsx index 606b577870..e855cc5d5f 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/motion/animation-types/animation-types.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/motion/animation-types/animation-types.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { AnimationInformationBox } from "../animation-information-box/animation-information-box"; import { TypeCss, TypeEmpty, TypeLike, TypeStatus } from "../assets"; import styles from "./animation-types.module.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/motion/duration-expressive-tokens/duration-expressive-tokens.jsx b/packages/core/src/storybook/stand-alone-documentaion/motion/duration-expressive-tokens/duration-expressive-tokens.jsx index e006b905de..dcae8d2e5c 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/motion/duration-expressive-tokens/duration-expressive-tokens.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/motion/duration-expressive-tokens/duration-expressive-tokens.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { TokenInformationBox } from "../token-Information-box/token-information-box"; import { DurationExpressiveShort, DurationExpressiveLong } from "../assets"; import styles from "./duaration-expressive-tokens.module.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/motion/duration-productive-tokens/duration-productive-tokens.jsx b/packages/core/src/storybook/stand-alone-documentaion/motion/duration-productive-tokens/duration-productive-tokens.jsx index 025fa531d4..6087b2c87c 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/motion/duration-productive-tokens/duration-productive-tokens.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/motion/duration-productive-tokens/duration-productive-tokens.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { TokenInformationBox } from "../token-Information-box/token-information-box"; import { DurationProductiveShort, DurationProductiveMedium, DurationProductiveLong } from "../assets"; import styles from "./duaration-productive-tokens.module.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/motion/duration-token-table/duration-token-table.jsx b/packages/core/src/storybook/stand-alone-documentaion/motion/duration-token-table/duration-token-table.jsx index a1e1983b6a..eb34db2027 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/motion/duration-token-table/duration-token-table.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/motion/duration-token-table/duration-token-table.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { TokenTable } from "vibe-storybook-components"; export const DurationTokenTable = () => { diff --git a/packages/core/src/storybook/stand-alone-documentaion/motion/easing-overview/easing-overview.jsx b/packages/core/src/storybook/stand-alone-documentaion/motion/easing-overview/easing-overview.jsx index 42da15c0b4..6882104f3e 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/motion/easing-overview/easing-overview.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/motion/easing-overview/easing-overview.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { TokenInformationBox } from "../token-Information-box/token-information-box"; import { Flex } from "../../../../components"; import styles from "./easing-overview.module.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/motion/easing-overviews/easing-overviews.jsx b/packages/core/src/storybook/stand-alone-documentaion/motion/easing-overviews/easing-overviews.jsx index bace13cf96..731cf03651 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/motion/easing-overviews/easing-overviews.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/motion/easing-overviews/easing-overviews.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { EasingOverview } from "../easing-overview/easing-overview"; import { EmphesizeElasticEasing, diff --git a/packages/core/src/storybook/stand-alone-documentaion/motion/easing-token-table/easing-token-table.jsx b/packages/core/src/storybook/stand-alone-documentaion/motion/easing-token-table/easing-token-table.jsx index 9a41be627c..cd66ad77d7 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/motion/easing-token-table/easing-token-table.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/motion/easing-token-table/easing-token-table.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { TokenTable } from "vibe-storybook-components"; export const EasingTokenTable = () => { diff --git a/packages/core/src/storybook/stand-alone-documentaion/motion/token-Information-box/token-information-box.jsx b/packages/core/src/storybook/stand-alone-documentaion/motion/token-Information-box/token-information-box.jsx index cbd6ccad78..80152f3c1c 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/motion/token-Information-box/token-information-box.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/motion/token-Information-box/token-information-box.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { InformationBox } from "vibe-storybook-components"; export const TokenInformationBox = ({ className, videoSrc, title, description, tokenInfo, tokenDescription }) => { diff --git a/packages/core/src/storybook/stand-alone-documentaion/shadow/card-shadow-example/card-shadow-example.jsx b/packages/core/src/storybook/stand-alone-documentaion/shadow/card-shadow-example/card-shadow-example.jsx index ed9e443007..8ba2d7e4b9 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/shadow/card-shadow-example/card-shadow-example.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/shadow/card-shadow-example/card-shadow-example.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { Frame } from "vibe-storybook-components"; import { Button, Heading } from "../../../../components"; import { peopleColumn } from "../assets"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/shadow/drag-shadow-example/drag-shadow-example.jsx b/packages/core/src/storybook/stand-alone-documentaion/shadow/drag-shadow-example/drag-shadow-example.jsx index 7b615b2860..7e50a6d2fe 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/shadow/drag-shadow-example/drag-shadow-example.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/shadow/drag-shadow-example/drag-shadow-example.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { Frame } from "vibe-storybook-components"; import Icon from "../../../../components/Icon/Icon"; import Drag from "../../../../components/Icon/Icons/components/Drag"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/shadow/shadow-levels/shadow-example/shadow-example.jsx b/packages/core/src/storybook/stand-alone-documentaion/shadow/shadow-levels/shadow-example/shadow-example.jsx index 3c397f2877..e589fa3dd6 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/shadow/shadow-levels/shadow-example/shadow-example.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/shadow/shadow-levels/shadow-example/shadow-example.jsx @@ -1,3 +1,4 @@ +import React from "react"; import cx from "classnames"; import { capitalize } from "lodash-es"; import { useMemo } from "react"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/shadow/shadow-levels/shadow-levels.jsx b/packages/core/src/storybook/stand-alone-documentaion/shadow/shadow-levels/shadow-levels.jsx index a9bb538ecc..5107c36072 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/shadow/shadow-levels/shadow-levels.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/shadow/shadow-levels/shadow-levels.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { Frame } from "vibe-storybook-components"; import { ShadowExample } from "./shadow-example/shadow-example"; import "./shadow-levels.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/spacing/spacing-sizes/spacing-sizes.jsx b/packages/core/src/storybook/stand-alone-documentaion/spacing/spacing-sizes/spacing-sizes.jsx index 2b3cd97ec1..7698388f79 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/spacing/spacing-sizes/spacing-sizes.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/spacing/spacing-sizes/spacing-sizes.jsx @@ -1,3 +1,4 @@ +import React from "react"; import SpacingComponent from "./spacing-component/spacing-component"; import "./spacing-sizes.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/spacing/spacing.stories.helpers.tsx b/packages/core/src/storybook/stand-alone-documentaion/spacing/spacing.stories.helpers.tsx index a9677dc1cc..9328ce1c8f 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/spacing/spacing.stories.helpers.tsx +++ b/packages/core/src/storybook/stand-alone-documentaion/spacing/spacing.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { Tip } from "vibe-storybook-components"; export const TipApplyingSpacing = () => ( diff --git a/packages/core/src/storybook/stand-alone-documentaion/typography/typograpghy.stories.helpers.tsx b/packages/core/src/storybook/stand-alone-documentaion/typography/typograpghy.stories.helpers.tsx index 78f2d38c03..8e2f0116b8 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/typography/typograpghy.stories.helpers.tsx +++ b/packages/core/src/storybook/stand-alone-documentaion/typography/typograpghy.stories.helpers.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { Link, Tip } from "vibe-storybook-components"; export const TipHowToUseFonts = () => ( diff --git a/packages/core/src/storybook/stand-alone-documentaion/welcome/abilities-description/abilities-description.jsx b/packages/core/src/storybook/stand-alone-documentaion/welcome/abilities-description/abilities-description.jsx index dfc61d52e5..76be068171 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/welcome/abilities-description/abilities-description.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/welcome/abilities-description/abilities-description.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { AbilityDescription } from "../ability-description/ability-description"; import { components, foundations, gettingStarted } from "../assets"; import "./abilities-description.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/welcome/ability-description/ability-description.jsx b/packages/core/src/storybook/stand-alone-documentaion/welcome/ability-description/ability-description.jsx index 2ea077c88f..253af79fb3 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/welcome/ability-description/ability-description.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/welcome/ability-description/ability-description.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { BEMClass } from "../../../../helpers/bem-helper"; import Link from "../../../../components/Link/Link"; import "./ability-description.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/welcome/contributor/contributor.jsx b/packages/core/src/storybook/stand-alone-documentaion/welcome/contributor/contributor.jsx index e9086b20df..043dc41800 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/welcome/contributor/contributor.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/welcome/contributor/contributor.jsx @@ -1,3 +1,4 @@ +import React from "react"; import cx from "classnames"; import { InformationBox, InformationBoxTitle, Link } from "vibe-storybook-components"; import { elementColorsNames } from "../../../../utils/colors-vars-map"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/welcome/contributors/contributors.jsx b/packages/core/src/storybook/stand-alone-documentaion/welcome/contributors/contributors.jsx index ae047e3a49..dc999a6f5f 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/welcome/contributors/contributors.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/welcome/contributors/contributors.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { Contributor } from "../contributor/contributor"; import { Orr, Hadas, Meirav, Sergey, Yael } from "../assets"; import "./contributors.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/welcome/intro/intro.jsx b/packages/core/src/storybook/stand-alone-documentaion/welcome/intro/intro.jsx index c0fcda0872..c714c348ae 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/welcome/intro/intro.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/welcome/intro/intro.jsx @@ -1,3 +1,4 @@ +import React from "react"; import "./intro.scss"; export const WelcomeIntro = () => ( diff --git a/packages/core/src/storybook/stand-alone-documentaion/welcome/other-contributors-list/other-contributors-list.tsx b/packages/core/src/storybook/stand-alone-documentaion/welcome/other-contributors-list/other-contributors-list.tsx index 2a664ba6ee..c760834d8c 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/welcome/other-contributors-list/other-contributors-list.tsx +++ b/packages/core/src/storybook/stand-alone-documentaion/welcome/other-contributors-list/other-contributors-list.tsx @@ -1,3 +1,4 @@ +import React from "react"; import { GithubContributorsList, ContributorsList, Paragraph } from "vibe-storybook-components"; import styles from "./other-contributors-list.module.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/welcome/principle/principle.jsx b/packages/core/src/storybook/stand-alone-documentaion/welcome/principle/principle.jsx index 699ff61d39..7654dd41b1 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/welcome/principle/principle.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/welcome/principle/principle.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { InformationBox } from "vibe-storybook-components"; import "./principle.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/welcome/principles/principles.jsx b/packages/core/src/storybook/stand-alone-documentaion/welcome/principles/principles.jsx index 217ba1d07a..5782d50ab0 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/welcome/principles/principles.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/welcome/principles/principles.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { clarity, delight, speed, path } from "../assets"; import { Principle } from "../principle/principle"; import "./principles.scss"; diff --git a/packages/core/src/storybook/stand-alone-documentaion/welcome/welcome-header/welcome-header.jsx b/packages/core/src/storybook/stand-alone-documentaion/welcome/welcome-header/welcome-header.jsx index 833f40db12..c7e8185817 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/welcome/welcome-header/welcome-header.jsx +++ b/packages/core/src/storybook/stand-alone-documentaion/welcome/welcome-header/welcome-header.jsx @@ -1,3 +1,4 @@ +import React from "react"; import { ComponentNameDecorator } from "../../../components"; import "./welcome-header.scss";