Merge pull request #2293 from navikt/stories-editor-only

Noen stories editor-only

Author: bdahle

packages/nextjs/playwright/screenshot.spec.ts-snapshots/components-editor-only-editorhelp--arrow-down-desktop-linux-desktop-linux.png

@@ -6,7 +6,7 @@ import { PartsMapper } from './parts/PartsMapper';
 import { LayoutMapper } from './layouts/LayoutMapper';
 import { FragmentComponent } from './FragmentComponent';
 import { AuthDependantRender } from './_common/authDependantRender/AuthDependantRender';
-import { EditorHelp } from './_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from './_editor-only/editorHelp/EditorHelp';
 
 type Props = {
     componentProps?: ComponentProps;

packages/nextjs/playwright/screenshot.spec.ts-snapshots/components-editor-only-editorhelp--arrow-up-desktop-linux-desktop-linux.png

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FragmentComponentProps } from 'types/component-props/_component-common';
 import { ContentProps } from 'types/content-props/_content-common';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { ComponentEditorProps, ComponentMapper } from './ComponentMapper';
 
 type Props = {

packages/nextjs/playwright/screenshot.spec.ts-snapshots/components-editor-only-editorhelp--error-desktop-linux-desktop-linux.png

@@ -6,7 +6,7 @@ import { Shortcuts, useShortcuts } from 'utils/useShortcuts';
 import { usePageContentProps } from 'store/pageContext';
 import { getDecoratorParams } from 'utils/decorator-utils';
 import { innholdsTypeMap } from 'types/content-props/_content-common';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { PartConfigAccordion } from 'components/parts/accordion/AccordionPart';
 import { classNames } from 'utils/classnames';
 import { handleStickyScrollOffset } from 'utils/scroll-to';

packages/nextjs/playwright/screenshot.spec.ts-snapshots/components-editor-only-editorhelp--help-desktop-linux-desktop-linux.png

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LinkPanel } from '@navikt/ds-react';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { classNames } from 'utils/classnames';
 import { useLayoutConfig } from 'components/layouts/useLayoutConfig';
 import { LenkeBase } from 'components/_common/lenke/lenkeBase/LenkeBase';
@@ -19,7 +19,7 @@ type Props = {
 
 export const AreaCard = ({ path, title, area, linkGroup, className, ...rest }: Props) => {
     const { layoutConfig } = useLayoutConfig();
-    const analyticsLinkGroup= linkGroup ?? layoutConfig.title;
+    const analyticsLinkGroup = linkGroup ?? layoutConfig.title;
 
     if (!area) {
         return <EditorHelp text={'Velg en grafikk for kortet'} />;

packages/nextjs/playwright/screenshot.spec.ts-snapshots/components-editor-only-editorhelp--info-desktop-linux-desktop-linux.png

@@ -1,6 +1,6 @@
 import React from 'react';
 import { classNames } from 'utils/classnames';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { AreaCardGraphicsType } from 'components/parts/area-card/AreaCardPart';
 import { CasesAnimation } from './logged-in/cases/CasesAnimation';
 import { EmploymentStatusFormAnimation } from './logged-in/employment-status-form/EmploymentStatusFormAnimation';

packages/nextjs/playwright/screenshot.spec.ts-snapshots/components-editor-only-editorlinkwrapper--default-desktop-linux-desktop-linux.png

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BodyShort } from '@navikt/ds-react';
 import { CardProps, CardTargetProps, getCardProps } from 'components/_common/card/card-utils';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { usePageContentProps } from 'store/pageContext';
 
 import { MicroCard } from './MicroCard';

packages/nextjs/playwright/screenshot.spec.ts-snapshots/components-editor-only-layerseditorwarning--default-desktop-linux-desktop-linux.png

@@ -8,7 +8,7 @@ import { AnalyticsEvents } from 'utils/analytics';
 import { useLayoutConfig } from 'components/layouts/useLayoutConfig';
 import { ParsedHtml } from 'components/_common/parsedHtml/ParsedHtml';
 import Config from 'config';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { ChannelType, DefaultContactData } from 'components/parts/contact-option/ContactOptionPart';
 import { Icon } from 'components/_common/contact-option/icon/Icon';
 

packages/nextjs/src/components/ComponentMapper.tsx

@@ -7,7 +7,7 @@ import { getUrlFromContent } from 'utils/links-from-content';
 import { DateTimeKey } from 'types/datetime';
 import { ContentProps } from 'types/content-props/_content-common';
 import { getNestedValueFromKeyString } from 'utils/objects';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 const getDate = (content: ContentProps, dateLabelKey?: DateTimeKey): string => {
     const dateLabel = dateLabelKey && getNestedValueFromKeyString(content, dateLabelKey);

packages/nextjs/src/components/FragmentComponent.tsx

@@ -2,7 +2,7 @@ import React, { useId } from 'react';
 import { Heading } from '@navikt/ds-react';
 import { LinkProps } from 'types/link-props';
 import { LenkeStandalone } from 'components/_common/lenke/lenkeStandalone/LenkeStandalone';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { classNames } from 'utils/classnames';
 import { usePageContentProps } from 'store/pageContext';
 import { translator } from 'translations';

packages/nextjs/src/components/_common/accordion/Accordion.tsx

@@ -5,7 +5,7 @@ import { AnchorLink } from 'components/parts/page-navigation-menu/PageNavigation
 import { LenkeBase } from 'components/_common/lenke/lenkeBase/LenkeBase';
 import { classNames } from 'utils/classnames';
 import { AnalyticsEvents } from 'utils/analytics';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 import style from './PageNavigationMenu.module.scss';
 

packages/nextjs/src/components/_common/areaCard/AreaCard.tsx

@@ -18,7 +18,7 @@ import { processedHtmlMacroTag, ProcessedHtmlProps } from 'types/processed-html-
 import { headingToLevel, headingToSize, isHeadingTag } from 'types/typo-style';
 import { MacroType } from 'types/macro-props/_macros-common';
 import { MacroMapper } from 'components/macros/MacroMapper';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { LenkeInline } from 'components/_common/lenke/lenkeInline/LenkeInline';
 import { Table } from 'components/_common/table/Table';
 

packages/nextjs/src/components/_common/areaCard/graphics/AreaCardGraphics.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import { getCurrentConsent } from '@navikt/nav-dekoratoren-moduler';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 import style from './UxSignalsWidget.module.scss';
 

packages/nextjs/src/components/_common/card/MicroCard/MicroCards.tsx

@@ -1,7 +1,7 @@
 import { BodyLong } from '@navikt/ds-react';
 import { useEffect, useState } from 'react';
 import { AlertBox } from 'components/_common/alertBox/AlertBox';
-import { EditorLinkWrapper } from 'components/_editor-only/editor-link-wrapper/EditorLinkWrapper';
+import { EditorLinkWrapper } from 'components/_editor-only/editorLinkWrapper/EditorLinkWrapper';
 import { LenkeInline } from 'components/_common/lenke/lenkeInline/LenkeInline';
 import { ContentProps } from 'types/content-props/_content-common';
 import { isEditorFeatureEnabled } from 'components/_editor-only/site-info/feature-toggles/editor-feature-toggles-utils';

packages/nextjs/src/components/_common/contact-option/DefaultOption.tsx

@@ -0,0 +1,54 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PageContextProvider } from 'store/pageContext';
+import { EditorHelp } from './EditorHelp';
+
+const withMockedPageContent = (Story: any) => (
+    <PageContextProvider content={{ editorView: 'edit' }}>
+        <Story />
+    </PageContextProvider>
+);
+
+const meta = {
+    component: EditorHelp,
+    decorators: [withMockedPageContent],
+} satisfies Meta<typeof EditorHelp>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Info: Story = {
+    args: {
+        text: 'Help text',
+        globalWarningText: 'Global warning text',
+        type: 'info',
+    },
+};
+
+export const Error: Story = {
+    args: {
+        ...Info.args,
+        type: 'error',
+    },
+};
+
+export const Help: Story = {
+    args: {
+        ...Info.args,
+        type: 'help',
+    },
+};
+
+export const ArrowUp: Story = {
+    args: {
+        ...Info.args,
+        type: 'arrowUp',
+    },
+};
+
+export const ArrowDown: Story = {
+    args: {
+        ...Info.args,
+        type: 'arrowDown',
+    },
+};

packages/nextjs/src/components/_common/content-list/ContentList.tsx

@@ -3,7 +3,7 @@ import { BodyShort } from '@navikt/ds-react';
 import { usePageContentProps } from 'store/pageContext';
 import { StaticImage } from 'components/_common/image/StaticImage';
 import { classNames } from 'utils/classnames';
-import { EditorLinkWrapper } from 'components/_editor-only/editor-link-wrapper/EditorLinkWrapper';
+import { EditorLinkWrapper } from 'components/_editor-only/editorLinkWrapper/EditorLinkWrapper';
 import { LenkeInline } from 'components/_common/lenke/lenkeInline/LenkeInline';
 import { RenderToEditorGlobalWarnings } from 'components/_editor-only/global-warnings/EditorGlobalWarnings';
 

packages/nextjs/src/components/_common/lenkeliste/Lenkeliste.tsx

@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PageContextProvider } from 'store/pageContext';
+import { EditorLinkWrapper } from './EditorLinkWrapper';
+
+const withMockedPageContent = (Story: any) => (
+    <PageContextProvider content={{ editorView: 'edit' }}>
+        <Story />
+    </PageContextProvider>
+);
+
+const meta = {
+    component: EditorLinkWrapper,
+    decorators: [withMockedPageContent],
+} satisfies Meta<typeof EditorLinkWrapper>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    args: {
+        children: <a href="https://www.nav.no">nav.no</a>,
+    },
+};

packages/nextjs/src/components/_common/pageNavigationMenu/PageNavigationMenu.tsx

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { LayersEditorWarning } from './LayersEditorWarning';
+
+const meta = {
+    component: LayersEditorWarning,
+} satisfies Meta<typeof LayersEditorWarning>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};

packages/nextjs/src/components/_common/parsedHtml/ParsedHtml.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Heading } from '@navikt/ds-react';
-import { EditorLinkWrapper } from 'components/_editor-only/editor-link-wrapper/EditorLinkWrapper';
+import { EditorLinkWrapper } from 'components/_editor-only/editorLinkWrapper/EditorLinkWrapper';
 import { Button } from 'components/_common/button/Button';
 import { ReferencesLinks } from 'components/_editor-only/references-info/result/link/ReferencesLinks';
 import { removeDuplicates } from 'utils/arrays';

packages/nextjs/src/components/_common/uxsignalsWidget/UxSignalsWidget.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Heading } from '@navikt/ds-react';
 import { LenkeInline } from 'components/_common/lenke/lenkeInline/LenkeInline';
-import { EditorLinkWrapper } from 'components/_editor-only/editor-link-wrapper/EditorLinkWrapper';
+import { EditorLinkWrapper } from 'components/_editor-only/editorLinkWrapper/EditorLinkWrapper';
 import { ReferenceItem } from 'components/_editor-only/references-info/types';
 import { translator } from 'translations';
 import { adminOrigin } from 'utils/urls';

packages/nextjs/src/components/_editor-only/editor-hacks/auto-refresh-disable/AutoReloadDisableHack.tsx

@@ -1,8 +1,8 @@
 import React, { useId } from 'react';
 import { createPortal } from 'react-dom';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { LenkeInline } from 'components/_common/lenke/lenkeInline/LenkeInline';
-import { EditorLinkWrapper } from 'components/_editor-only/editor-link-wrapper/EditorLinkWrapper';
+import { EditorLinkWrapper } from 'components/_editor-only/editorLinkWrapper/EditorLinkWrapper';
 
 import style from './DuplicateIdsWarning.module.scss';
 

packages/nextjs/src/components/_editor-only/editor-help/EditorHelp.module.scss renamed to packages/nextjs/src/components/_editor-only/editorHelp/EditorHelp.module.scss

@@ -3,7 +3,7 @@ import { ContentProps } from 'types/content-props/_content-common';
 import { BEM, classNames } from 'utils/classnames';
 import { ComponentMapper } from 'components/ComponentMapper';
 import { RegionProps } from 'types/component-props/layouts';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 type Props = {
     pageProps: ContentProps;

packages/nextjs/src/components/_editor-only/editorHelp/EditorHelp.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AreapageSituationsProps } from 'types/component-props/layouts/areapage-situations';
 import { ContentProps } from 'types/content-props/_content-common';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { LayoutContainer } from 'components/layouts/LayoutContainer';
 import { Heading } from 'components/_common/headers/Heading';
 

packages/nextjs/src/components/_editor-only/editor-help/EditorHelp.tsx renamed to packages/nextjs/src/components/_editor-only/editorHelp/EditorHelp.tsx

@@ -4,7 +4,7 @@ import Region from 'components/layouts/Region';
 import { LayoutContainer } from 'components/layouts/LayoutContainer';
 import { ProductPageFlexColsLayoutProps } from 'types/component-props/layouts/product-flex-cols';
 import { Heading } from 'components/_common/headers/Heading';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 import style from './FlexColsLayout.module.scss';
 

packages/nextjs/src/components/_editor-only/editorLinkWrapper/EditorLinkWrapper.stories.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { FrontpageLoggedinSectionLayoutProps } from 'types/component-props/layouts/frontpage-loggedin-section';
 import { ContentProps } from 'types/content-props/_content-common';
 import { LayoutContainer } from 'components/layouts/LayoutContainer';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { Heading } from 'components/_common/headers/Heading';
 import Region from 'components/layouts/Region';
 import { AuthDependantRender } from 'components/_common/authDependantRender/AuthDependantRender';

packages/nextjs/src/components/_editor-only/editor-link-wrapper/EditorLinkWrapper.tsx renamed to packages/nextjs/src/components/_editor-only/editorLinkWrapper/EditorLinkWrapper.tsx

@@ -1,7 +1,7 @@
 import React, { Fragment } from 'react';
 import Region from 'components/layouts/Region';
 import { LayoutContainer } from 'components/layouts/LayoutContainer';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { ProductDetailType } from 'types/content-props/product-details';
 import {
     ProductDetailsPageProps,

packages/nextjs/src/components/_editor-only/layersEditorWarning/LayersEditorWarning.stories.tsx

@@ -7,7 +7,7 @@ import Region from 'components/layouts/Region';
 import { Heading } from 'components/_common/headers/Heading';
 import { XpImage } from 'components/_common/image/XpImage';
 import { FilterBar } from 'components/_common/filter-bar/FilterBar';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { classNames } from 'utils/classnames';
 
 import styleV1 from './SectionWithHeaderLayout.module.scss';

packages/nextjs/src/components/_editor-only/layers-editor-warning/LayersEditorWarning.tsx renamed to packages/nextjs/src/components/_editor-only/layersEditorWarning/LayersEditorWarning.tsx

@@ -1,5 +1,5 @@
 import { FormDetails } from 'components/_common/form-details/FormDetails';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { MacroFormDetailsProps } from 'types/macro-props/form-details';
 
 export const MacroFormDetails = ({ config }: MacroFormDetailsProps) => {

packages/nextjs/src/components/_editor-only/references-info/result/ReferencesInfoResult.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { usePageContentProps } from 'store/pageContext';
 import { MacroGlobalValueProps } from 'types/macro-props/global-value';
 import { formatNumber, isStringOnlyNumber } from 'utils/math';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 export const MacroGlobalValue = ({ config }: MacroGlobalValueProps) => {
     const { language } = usePageContentProps();

packages/nextjs/src/components/_editor-only/references-info/result/link/ReferencesLinks.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { headingToLevel, headingToSize } from 'types/typo-style';
 import { MacroHeaderWithAnchorProps } from 'types/macro-props/header-with-anchor';
 import { Heading } from 'components/_common/headers/Heading';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 import style from './MacroheaderWithAnchor.module.scss';
 

packages/nextjs/src/components/_editor-only/warnings/duplicate-ids-warning/DuplicateIdsWarning.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { MacroHtmlFragmentProps } from 'types/macro-props/html-fragment';
 import { ParsedHtml } from 'components/_common/parsedHtml/ParsedHtml';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 export const MacroHtmlFragment = ({ config }: MacroHtmlFragmentProps) => {
     if (!config?.html_fragment) {

packages/nextjs/src/components/layouts/Region.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { LenkeInline } from 'components/_common/lenke/lenkeInline/LenkeInline';
 import { MacroLinkToLayerProps } from 'types/macro-props/link-to-layer';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 export const MacroLinkToLayer = ({ config }: MacroLinkToLayerProps) => {
     if (!config?.link_to_layer) {

packages/nextjs/src/components/layouts/areapage-situations/AreapageSituationsLayout.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { MacroPayoutDatesProps } from 'types/macro-props/payout-dates';
 import { PayoutDates } from 'components/_common/payoutDates/PayoutDates';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 export const MacroPayoutDates = ({ config }: MacroPayoutDatesProps) => {
     const payoutDatesData = config?.payout_dates?.payoutDates?.data;

packages/nextjs/src/components/layouts/flex-cols/ProductPageFlexColsLayout.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { MacroProductCardMicroProps } from 'types/macro-props/product-card-micro';
 import { MicroCards } from 'components/_common/card/MicroCard/MicroCards';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 export const MacroProductCardMicro = ({ config }: MacroProductCardMicroProps) => {
     if (!config?.product_card_micro) {

packages/nextjs/src/components/layouts/frontpage-loggedin-section/FrontpageLoggedinSectionLayout.tsx

@@ -3,7 +3,7 @@ import { MacroProductCardMiniProps } from 'types/macro-props/product-card-mini';
 import { MiniCardV2 } from 'components/_common/card/MiniCardV2/MiniCardV2';
 import { getCardProps } from 'components/_common/card/card-utils';
 import { usePageContentProps } from 'store/pageContext';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 export const MacroProductCardMini = ({ config }: MacroProductCardMiniProps) => {
     const pageContext = usePageContentProps();

packages/nextjs/src/components/layouts/product-details-layout/ProductDetailsLayout.tsx

@@ -3,7 +3,7 @@ import { MacroSaksbehandlingstidProps } from 'types/macro-props/saksbehandlingst
 import { usePageContentProps } from 'store/pageContext';
 import { Language, translator } from 'translations';
 import { GlobalCaseTimeUnit } from 'types/content-props/global-values-props';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 
 export const getCaseTimeString = (
     value: number | string,

packages/nextjs/src/components/layouts/section-with-header/SectionWithHeaderLayout.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { usePageContentProps } from 'store/pageContext';
 import { formatNumber } from 'utils/math';
-import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
+import { EditorHelp } from 'components/_editor-only/editorHelp/EditorHelp';
 import { MacroTallProps } from 'types/macro-props/tall';
 
 export const MacroTall = ({ config }: MacroTallProps) => {