@automattic/onboarding 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/index.scss +16 -0
- package/.storybook/main.ts +15 -0
- package/.storybook/preview.ts +5 -0
- package/CHANGELOG.md +5 -0
- package/dist/cjs/action-buttons/index.js +1 -13
- package/dist/cjs/action-buttons/index.js.map +1 -1
- package/dist/cjs/action-buttons/style.scss +4 -40
- package/dist/cjs/cart/create-cart-manager-client.js +3 -3
- package/dist/cjs/cart/create-cart-manager-client.js.map +1 -1
- package/dist/cjs/cart/index.js +45 -67
- package/dist/cjs/cart/index.js.map +1 -1
- package/dist/cjs/confetti/index.js +1 -1
- package/dist/cjs/confetti/index.js.map +1 -1
- package/dist/cjs/flow-progress/use-flow-progress.js +0 -57
- package/dist/cjs/flow-progress/use-flow-progress.js.map +1 -1
- package/dist/cjs/hooks/use-persisted-state.js +61 -0
- package/dist/cjs/hooks/use-persisted-state.js.map +1 -0
- package/dist/cjs/hooray/index.js +1 -1
- package/dist/cjs/index.js +11 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/mshots-image/index.js +34 -15
- package/dist/cjs/mshots-image/index.js.map +1 -1
- package/dist/cjs/mshots-image/style.scss +1 -0
- package/dist/cjs/navigator/hooks/index.js +2 -1
- package/dist/cjs/navigator/hooks/index.js.map +1 -1
- package/dist/cjs/navigator/navigator-buttons/index.js +2 -2
- package/dist/cjs/navigator/navigator-buttons/index.js.map +1 -1
- package/dist/cjs/navigator/navigator-header/index.js.map +1 -1
- package/dist/cjs/navigator/navigator-screens/hooks/index.js +3 -2
- package/dist/cjs/navigator/navigator-screens/hooks/index.js.map +1 -1
- package/dist/cjs/navigator/navigator-screens/hooks/use-navigator-screens.js +1 -1
- package/dist/cjs/navigator/navigator-screens/hooks/use-navigator-screens.js.map +1 -1
- package/dist/cjs/navigator/navigator-screens/navigator-screens.js +7 -2
- package/dist/cjs/navigator/navigator-screens/navigator-screens.js.map +1 -1
- package/dist/cjs/select-card-checkbox/index.js +4 -3
- package/dist/cjs/select-card-checkbox/index.js.map +1 -1
- package/dist/cjs/select-card-checkbox/style.scss +11 -14
- package/dist/cjs/select-card-checkbox-v2/index.js +15 -0
- package/dist/cjs/select-card-checkbox-v2/index.js.map +1 -0
- package/dist/cjs/select-card-checkbox-v2/style.scss +25 -0
- package/dist/cjs/select-items/index.js +2 -1
- package/dist/cjs/select-items/index.js.map +1 -1
- package/dist/cjs/select-items/style.scss +2 -1
- package/dist/cjs/setup-tailored-site-after-creation.js +9 -37
- package/dist/cjs/setup-tailored-site-after-creation.js.map +1 -1
- package/dist/cjs/step-container/index.js +10 -12
- package/dist/cjs/step-container/index.js.map +1 -1
- package/dist/cjs/step-container/style.scss +35 -77
- package/dist/cjs/step-container-v2/components/ContentRow/ContentRow.js +14 -0
- package/dist/cjs/step-container-v2/components/ContentRow/ContentRow.js.map +1 -0
- package/dist/cjs/step-container-v2/components/ContentRow/style.scss +26 -0
- package/dist/cjs/step-container-v2/components/ContentWrapper/ContentWrapper.js +19 -0
- package/dist/cjs/step-container-v2/components/ContentWrapper/ContentWrapper.js.map +1 -0
- package/dist/cjs/step-container-v2/components/ContentWrapper/style.scss +70 -0
- package/dist/cjs/step-container-v2/components/Heading/Heading.js +17 -0
- package/dist/cjs/step-container-v2/components/Heading/Heading.js.map +1 -0
- package/dist/cjs/step-container-v2/components/Heading/style.scss +47 -0
- package/dist/cjs/step-container-v2/components/StepContainerV2/StepContainerV2.js +36 -0
- package/dist/cjs/step-container-v2/components/StepContainerV2/StepContainerV2.js.map +1 -0
- package/dist/cjs/step-container-v2/components/StepContainerV2/context.js +13 -0
- package/dist/cjs/step-container-v2/components/StepContainerV2/context.js.map +1 -0
- package/dist/cjs/step-container-v2/components/StepContainerV2/style.scss +21 -0
- package/dist/cjs/step-container-v2/components/StepCounter/StepCounter.js +17 -0
- package/dist/cjs/step-container-v2/components/StepCounter/StepCounter.js.map +1 -0
- package/dist/cjs/step-container-v2/components/StepCounter/style.scss +4 -0
- package/dist/cjs/step-container-v2/components/StickyBottomBar/StickyBottomBar.js +17 -0
- package/dist/cjs/step-container-v2/components/StickyBottomBar/StickyBottomBar.js.map +1 -0
- package/dist/cjs/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.js +31 -0
- package/dist/cjs/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.js.map +1 -0
- package/dist/cjs/step-container-v2/components/StickyBottomBar/style.scss +56 -0
- package/dist/cjs/step-container-v2/components/TopBar/TopBar.js +55 -0
- package/dist/cjs/step-container-v2/components/TopBar/TopBar.js.map +1 -0
- package/dist/cjs/step-container-v2/components/TopBar/TopBarRenderer.js +32 -0
- package/dist/cjs/step-container-v2/components/TopBar/TopBarRenderer.js.map +1 -0
- package/dist/cjs/step-container-v2/components/TopBar/style.scss +75 -0
- package/dist/cjs/step-container-v2/components/buttons/BackButton/BackButton.js +29 -0
- package/dist/cjs/step-container-v2/components/buttons/BackButton/BackButton.js.map +1 -0
- package/dist/cjs/step-container-v2/components/buttons/BackButton/style.scss +16 -0
- package/dist/cjs/step-container-v2/components/buttons/LinkButton/LinkButton.js +18 -0
- package/dist/cjs/step-container-v2/components/buttons/LinkButton/LinkButton.js.map +1 -0
- package/dist/cjs/step-container-v2/components/buttons/LinkButton/style.scss +6 -0
- package/dist/cjs/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.js +18 -0
- package/dist/cjs/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.js.map +1 -0
- package/dist/cjs/step-container-v2/components/buttons/PrimaryButton/style.scss +6 -0
- package/dist/cjs/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.js +18 -0
- package/dist/cjs/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.js.map +1 -0
- package/dist/cjs/step-container-v2/components/buttons/SecondaryButton/style.scss +6 -0
- package/dist/cjs/step-container-v2/components/buttons/SkipButton/SkipButton.js +28 -0
- package/dist/cjs/step-container-v2/components/buttons/SkipButton/SkipButton.js.map +1 -0
- package/dist/cjs/step-container-v2/contexts/StepContainerV2Context.js +17 -0
- package/dist/cjs/step-container-v2/contexts/StepContainerV2Context.js.map +1 -0
- package/dist/cjs/step-container-v2/helpers/decorateButtonWithTracksEventRecording.js +18 -0
- package/dist/cjs/step-container-v2/helpers/decorateButtonWithTracksEventRecording.js.map +1 -0
- package/dist/cjs/step-container-v2/helpers/normalizeButtonProps.js +13 -0
- package/dist/cjs/step-container-v2/helpers/normalizeButtonProps.js.map +1 -0
- package/dist/cjs/step-container-v2/helpers/wireframe-placeholder.js +18 -0
- package/dist/cjs/step-container-v2/helpers/wireframe-placeholder.js.map +1 -0
- package/dist/cjs/step-container-v2/helpers/withStepContainerV2ContextDecorator.js +15 -0
- package/dist/cjs/step-container-v2/helpers/withStepContainerV2ContextDecorator.js.map +1 -0
- package/dist/cjs/step-container-v2/index.js +41 -0
- package/dist/cjs/step-container-v2/index.js.map +1 -0
- package/dist/cjs/step-container-v2/types.js +3 -0
- package/dist/cjs/step-container-v2/types.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.js +26 -0
- package/dist/cjs/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.js +52 -0
- package/dist/cjs/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.js +26 -0
- package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.js +25 -0
- package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/style.scss +14 -0
- package/dist/cjs/step-container-v2/wireframes/Loading/Loading.js +30 -0
- package/dist/cjs/step-container-v2/wireframes/Loading/Loading.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/Loading/Loading.stories.js +29 -0
- package/dist/cjs/step-container-v2/wireframes/Loading/Loading.stories.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/Loading/style.scss +22 -0
- package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.js +17 -0
- package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.js +17 -0
- package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/style.scss +5 -0
- package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.js +38 -0
- package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.js +28 -0
- package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/style.scss +15 -0
- package/dist/cjs/step-container-v2/wireframes/WideLayout/WideLayout.js +17 -0
- package/dist/cjs/step-container-v2/wireframes/WideLayout/WideLayout.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/WideLayout/WideLayout.stories.js +41 -0
- package/dist/cjs/step-container-v2/wireframes/WideLayout/WideLayout.stories.js.map +1 -0
- package/dist/cjs/step-navigation-link/index.js +2 -2
- package/dist/cjs/step-navigation-link/index.js.map +1 -1
- package/dist/cjs/step-navigation-link/style.scss +5 -3
- package/dist/cjs/titles/styles.scss +2 -2
- package/dist/cjs/upload-and-set-site-logo.js +4 -5
- package/dist/cjs/upload-and-set-site-logo.js.map +1 -1
- package/dist/cjs/utils/contrastChecker.js +1 -22
- package/dist/cjs/utils/contrastChecker.js.map +1 -1
- package/dist/cjs/utils/flows.js +73 -117
- package/dist/cjs/utils/flows.js.map +1 -1
- package/dist/cjs/utils/is-domain.js +1 -2
- package/dist/cjs/utils/is-domain.js.map +1 -1
- package/dist/cjs/utils/use-data-loss-warning.js +1 -2
- package/dist/cjs/utils/use-data-loss-warning.js.map +1 -1
- package/dist/cjs/wpcom-request.js +24 -0
- package/dist/cjs/wpcom-request.js.map +1 -0
- package/dist/esm/action-buttons/index.js +1 -11
- package/dist/esm/action-buttons/index.js.map +1 -1
- package/dist/esm/action-buttons/style.scss +4 -40
- package/dist/esm/cart/create-cart-manager-client.js +1 -1
- package/dist/esm/cart/create-cart-manager-client.js.map +1 -1
- package/dist/esm/cart/index.js +40 -61
- package/dist/esm/cart/index.js.map +1 -1
- package/dist/esm/confetti/index.js +1 -1
- package/dist/esm/confetti/index.js.map +1 -1
- package/dist/esm/flow-progress/use-flow-progress.js +1 -58
- package/dist/esm/flow-progress/use-flow-progress.js.map +1 -1
- package/dist/esm/hooks/use-persisted-state.js +57 -0
- package/dist/esm/hooks/use-persisted-state.js.map +1 -0
- package/dist/esm/hooray/index.js +1 -1
- package/dist/esm/index.js +6 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/mshots-image/index.js +33 -13
- package/dist/esm/mshots-image/index.js.map +1 -1
- package/dist/esm/mshots-image/style.scss +1 -0
- package/dist/esm/navigator/navigator-buttons/index.js.map +1 -1
- package/dist/esm/navigator/navigator-header/index.js.map +1 -1
- package/dist/esm/navigator/navigator-screens/hooks/use-navigator-screens.js +1 -1
- package/dist/esm/navigator/navigator-screens/hooks/use-navigator-screens.js.map +1 -1
- package/dist/esm/navigator/navigator-screens/navigator-screens.js +8 -3
- package/dist/esm/navigator/navigator-screens/navigator-screens.js.map +1 -1
- package/dist/esm/select-card-checkbox/index.js +4 -3
- package/dist/esm/select-card-checkbox/index.js.map +1 -1
- package/dist/esm/select-card-checkbox/style.scss +11 -14
- package/dist/esm/select-card-checkbox-v2/index.js +12 -0
- package/dist/esm/select-card-checkbox-v2/index.js.map +1 -0
- package/dist/esm/select-card-checkbox-v2/style.scss +25 -0
- package/dist/esm/select-items/index.js +3 -2
- package/dist/esm/select-items/index.js.map +1 -1
- package/dist/esm/select-items/style.scss +2 -1
- package/dist/esm/setup-tailored-site-after-creation.js +9 -37
- package/dist/esm/setup-tailored-site-after-creation.js.map +1 -1
- package/dist/esm/step-container/index.js +11 -13
- package/dist/esm/step-container/index.js.map +1 -1
- package/dist/esm/step-container/style.scss +35 -77
- package/dist/esm/step-container-v2/components/ContentRow/ContentRow.js +9 -0
- package/dist/esm/step-container-v2/components/ContentRow/ContentRow.js.map +1 -0
- package/dist/esm/step-container-v2/components/ContentRow/style.scss +26 -0
- package/dist/esm/step-container-v2/components/ContentWrapper/ContentWrapper.js +14 -0
- package/dist/esm/step-container-v2/components/ContentWrapper/ContentWrapper.js.map +1 -0
- package/dist/esm/step-container-v2/components/ContentWrapper/style.scss +70 -0
- package/dist/esm/step-container-v2/components/Heading/Heading.js +12 -0
- package/dist/esm/step-container-v2/components/Heading/Heading.js.map +1 -0
- package/dist/esm/step-container-v2/components/Heading/style.scss +47 -0
- package/dist/esm/step-container-v2/components/StepContainerV2/StepContainerV2.js +32 -0
- package/dist/esm/step-container-v2/components/StepContainerV2/StepContainerV2.js.map +1 -0
- package/dist/esm/step-container-v2/components/StepContainerV2/context.js +10 -0
- package/dist/esm/step-container-v2/components/StepContainerV2/context.js.map +1 -0
- package/dist/esm/step-container-v2/components/StepContainerV2/style.scss +21 -0
- package/dist/esm/step-container-v2/components/StepCounter/StepCounter.js +13 -0
- package/dist/esm/step-container-v2/components/StepCounter/StepCounter.js.map +1 -0
- package/dist/esm/step-container-v2/components/StepCounter/style.scss +4 -0
- package/dist/esm/step-container-v2/components/StickyBottomBar/StickyBottomBar.js +12 -0
- package/dist/esm/step-container-v2/components/StickyBottomBar/StickyBottomBar.js.map +1 -0
- package/dist/esm/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.js +27 -0
- package/dist/esm/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.js.map +1 -0
- package/dist/esm/step-container-v2/components/StickyBottomBar/style.scss +56 -0
- package/dist/esm/step-container-v2/components/TopBar/TopBar.js +49 -0
- package/dist/esm/step-container-v2/components/TopBar/TopBar.js.map +1 -0
- package/dist/esm/step-container-v2/components/TopBar/TopBarRenderer.js +27 -0
- package/dist/esm/step-container-v2/components/TopBar/TopBarRenderer.js.map +1 -0
- package/dist/esm/step-container-v2/components/TopBar/style.scss +75 -0
- package/dist/esm/step-container-v2/components/buttons/BackButton/BackButton.js +25 -0
- package/dist/esm/step-container-v2/components/buttons/BackButton/BackButton.js.map +1 -0
- package/dist/esm/step-container-v2/components/buttons/BackButton/style.scss +16 -0
- package/dist/esm/step-container-v2/components/buttons/LinkButton/LinkButton.js +14 -0
- package/dist/esm/step-container-v2/components/buttons/LinkButton/LinkButton.js.map +1 -0
- package/dist/esm/step-container-v2/components/buttons/LinkButton/style.scss +6 -0
- package/dist/esm/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.js +14 -0
- package/dist/esm/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.js.map +1 -0
- package/dist/esm/step-container-v2/components/buttons/PrimaryButton/style.scss +6 -0
- package/dist/esm/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.js +14 -0
- package/dist/esm/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.js.map +1 -0
- package/dist/esm/step-container-v2/components/buttons/SecondaryButton/style.scss +6 -0
- package/dist/esm/step-container-v2/components/buttons/SkipButton/SkipButton.js +24 -0
- package/dist/esm/step-container-v2/components/buttons/SkipButton/SkipButton.js.map +1 -0
- package/dist/esm/step-container-v2/contexts/StepContainerV2Context.js +13 -0
- package/dist/esm/step-container-v2/contexts/StepContainerV2Context.js.map +1 -0
- package/dist/esm/step-container-v2/helpers/decorateButtonWithTracksEventRecording.js +14 -0
- package/dist/esm/step-container-v2/helpers/decorateButtonWithTracksEventRecording.js.map +1 -0
- package/dist/esm/step-container-v2/helpers/normalizeButtonProps.js +8 -0
- package/dist/esm/step-container-v2/helpers/normalizeButtonProps.js.map +1 -0
- package/dist/esm/step-container-v2/helpers/wireframe-placeholder.js +15 -0
- package/dist/esm/step-container-v2/helpers/wireframe-placeholder.js.map +1 -0
- package/dist/esm/step-container-v2/helpers/withStepContainerV2ContextDecorator.js +11 -0
- package/dist/esm/step-container-v2/helpers/withStepContainerV2ContextDecorator.js.map +1 -0
- package/dist/esm/step-container-v2/index.js +22 -0
- package/dist/esm/step-container-v2/index.js.map +1 -0
- package/dist/esm/step-container-v2/types.js +2 -0
- package/dist/esm/step-container-v2/types.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.js +22 -0
- package/dist/esm/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.js +45 -0
- package/dist/esm/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.js +23 -0
- package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.js +21 -0
- package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/style.scss +14 -0
- package/dist/esm/step-container-v2/wireframes/Loading/Loading.js +26 -0
- package/dist/esm/step-container-v2/wireframes/Loading/Loading.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/Loading/Loading.stories.js +22 -0
- package/dist/esm/step-container-v2/wireframes/Loading/Loading.stories.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/Loading/style.scss +22 -0
- package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.js +12 -0
- package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.js +13 -0
- package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/style.scss +5 -0
- package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.js +33 -0
- package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.js +22 -0
- package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/style.scss +15 -0
- package/dist/esm/step-container-v2/wireframes/WideLayout/WideLayout.js +13 -0
- package/dist/esm/step-container-v2/wireframes/WideLayout/WideLayout.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/WideLayout/WideLayout.stories.js +36 -0
- package/dist/esm/step-container-v2/wireframes/WideLayout/WideLayout.stories.js.map +1 -0
- package/dist/esm/step-navigation-link/index.js +2 -2
- package/dist/esm/step-navigation-link/index.js.map +1 -1
- package/dist/esm/step-navigation-link/style.scss +5 -3
- package/dist/esm/titles/styles.scss +2 -2
- package/dist/esm/upload-and-set-site-logo.js +1 -1
- package/dist/esm/upload-and-set-site-logo.js.map +1 -1
- package/dist/esm/utils/contrastChecker.js +0 -20
- package/dist/esm/utils/contrastChecker.js.map +1 -1
- package/dist/esm/utils/flows.js +57 -96
- package/dist/esm/utils/flows.js.map +1 -1
- package/dist/esm/wpcom-request.js +18 -0
- package/dist/esm/wpcom-request.js.map +1 -0
- package/dist/styles/mixins.scss +4 -4
- package/dist/styles/variables.scss +2 -2
- package/dist/tsconfig-cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/action-buttons/index.d.ts +0 -4
- package/dist/types/action-buttons/index.d.ts.map +1 -1
- package/dist/types/cart/index.d.ts +7 -4
- package/dist/types/cart/index.d.ts.map +1 -1
- package/dist/types/flow-progress/use-flow-progress.d.ts.map +1 -1
- package/dist/types/hooks/use-persisted-state.d.ts +26 -0
- package/dist/types/hooks/use-persisted-state.d.ts.map +1 -0
- package/dist/types/index.d.ts +6 -5
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/intent-screen/index.d.ts.map +1 -1
- package/dist/types/mshots-image/index.d.ts +2 -1
- package/dist/types/mshots-image/index.d.ts.map +1 -1
- package/dist/types/navigator/hooks/use-navigator-listener.d.ts.map +1 -1
- package/dist/types/navigator/navigator-buttons/index.d.ts +1 -1
- package/dist/types/navigator/navigator-buttons/index.d.ts.map +1 -1
- package/dist/types/navigator/navigator-header/index.d.ts +1 -1
- package/dist/types/navigator/navigator-header/index.d.ts.map +1 -1
- package/dist/types/navigator/navigator-item-group/index.d.ts +0 -1
- package/dist/types/navigator/navigator-item-group/index.d.ts.map +1 -1
- package/dist/types/navigator/navigator-listener/index.d.ts.map +1 -1
- package/dist/types/navigator/navigator-screen/index.d.ts.map +1 -1
- package/dist/types/navigator/navigator-screens/hooks/use-navigator-buttons.d.ts.map +1 -1
- package/dist/types/navigator/navigator-screens/hooks/use-navigator-screens.d.ts.map +1 -1
- package/dist/types/navigator/navigator-screens/navigator-screens.d.ts +4 -2
- package/dist/types/navigator/navigator-screens/navigator-screens.d.ts.map +1 -1
- package/dist/types/navigator/navigator-screens/types.d.ts +1 -1
- package/dist/types/navigator/navigator-screens/types.d.ts.map +1 -1
- package/dist/types/progress/index.d.ts.map +1 -1
- package/dist/types/select-card-checkbox/index.d.ts +3 -1
- package/dist/types/select-card-checkbox/index.d.ts.map +1 -1
- package/dist/types/select-card-checkbox-v2/index.d.ts +12 -0
- package/dist/types/select-card-checkbox-v2/index.d.ts.map +1 -0
- package/dist/types/select-items/index.d.ts +1 -1
- package/dist/types/select-items/index.d.ts.map +1 -1
- package/dist/types/setup-tailored-site-after-creation.d.ts +1 -1
- package/dist/types/setup-tailored-site-after-creation.d.ts.map +1 -1
- package/dist/types/step-container/index.d.ts +3 -4
- package/dist/types/step-container/index.d.ts.map +1 -1
- package/dist/types/step-container-v2/components/ContentRow/ContentRow.d.ts +9 -0
- package/dist/types/step-container-v2/components/ContentRow/ContentRow.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/ContentWrapper/ContentWrapper.d.ts +15 -0
- package/dist/types/step-container-v2/components/ContentWrapper/ContentWrapper.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/Heading/Heading.d.ts +11 -0
- package/dist/types/step-container-v2/components/Heading/Heading.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/StepContainerV2/StepContainerV2.d.ts +7 -0
- package/dist/types/step-container-v2/components/StepContainerV2/StepContainerV2.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/StepContainerV2/context.d.ts +12 -0
- package/dist/types/step-container-v2/components/StepContainerV2/context.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/StepCounter/StepCounter.d.ts +7 -0
- package/dist/types/step-container-v2/components/StepCounter/StepCounter.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/StickyBottomBar/StickyBottomBar.d.ts +14 -0
- package/dist/types/step-container-v2/components/StickyBottomBar/StickyBottomBar.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.d.ts +5 -0
- package/dist/types/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/TopBar/TopBar.d.ts +25 -0
- package/dist/types/step-container-v2/components/TopBar/TopBar.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/TopBar/TopBarRenderer.d.ts +6 -0
- package/dist/types/step-container-v2/components/TopBar/TopBarRenderer.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/buttons/BackButton/BackButton.d.ts +6 -0
- package/dist/types/step-container-v2/components/buttons/BackButton/BackButton.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/buttons/LinkButton/LinkButton.d.ts +4 -0
- package/dist/types/step-container-v2/components/buttons/LinkButton/LinkButton.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.d.ts +4 -0
- package/dist/types/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.d.ts +4 -0
- package/dist/types/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/buttons/SkipButton/SkipButton.d.ts +9 -0
- package/dist/types/step-container-v2/components/buttons/SkipButton/SkipButton.d.ts.map +1 -0
- package/dist/types/step-container-v2/contexts/StepContainerV2Context.d.ts +10 -0
- package/dist/types/step-container-v2/contexts/StepContainerV2Context.d.ts.map +1 -0
- package/dist/types/step-container-v2/helpers/decorateButtonWithTracksEventRecording.d.ts +8 -0
- package/dist/types/step-container-v2/helpers/decorateButtonWithTracksEventRecording.d.ts.map +1 -0
- package/dist/types/step-container-v2/helpers/normalizeButtonProps.d.ts +5 -0
- package/dist/types/step-container-v2/helpers/normalizeButtonProps.d.ts.map +1 -0
- package/dist/types/step-container-v2/helpers/wireframe-placeholder.d.ts +7 -0
- package/dist/types/step-container-v2/helpers/wireframe-placeholder.d.ts.map +1 -0
- package/dist/types/step-container-v2/helpers/withStepContainerV2ContextDecorator.d.ts +2 -0
- package/dist/types/step-container-v2/helpers/withStepContainerV2ContextDecorator.d.ts.map +1 -0
- package/dist/types/step-container-v2/index.d.ts +22 -0
- package/dist/types/step-container-v2/index.d.ts.map +1 -0
- package/dist/types/step-container-v2/types.d.ts +4 -0
- package/dist/types/step-container-v2/types.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.d.ts +16 -0
- package/dist/types/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.d.ts +9 -0
- package/dist/types/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.d.ts +18 -0
- package/dist/types/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.d.ts +6 -0
- package/dist/types/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/Loading/Loading.d.ts +12 -0
- package/dist/types/step-container-v2/wireframes/Loading/Loading.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/Loading/Loading.stories.d.ts +9 -0
- package/dist/types/step-container-v2/wireframes/Loading/Loading.stories.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.d.ts +10 -0
- package/dist/types/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.d.ts +6 -0
- package/dist/types/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.d.ts +20 -0
- package/dist/types/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.d.ts +8 -0
- package/dist/types/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/WideLayout/WideLayout.d.ts +13 -0
- package/dist/types/step-container-v2/wireframes/WideLayout/WideLayout.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/WideLayout/WideLayout.stories.d.ts +9 -0
- package/dist/types/step-container-v2/wireframes/WideLayout/WideLayout.stories.d.ts.map +1 -0
- package/dist/types/step-navigation-link/index.d.ts +1 -1
- package/dist/types/step-navigation-link/index.d.ts.map +1 -1
- package/dist/types/upload-and-set-site-logo.d.ts +1 -1
- package/dist/types/upload-and-set-site-logo.d.ts.map +1 -1
- package/dist/types/utils/contrastChecker.d.ts +0 -10
- package/dist/types/utils/contrastChecker.d.ts.map +1 -1
- package/dist/types/utils/domain-suggester.d.ts.map +1 -1
- package/dist/types/utils/flows.d.ts +37 -46
- package/dist/types/utils/flows.d.ts.map +1 -1
- package/dist/types/wpcom-request.d.ts +7 -0
- package/dist/types/wpcom-request.d.ts.map +1 -0
- package/jest.config.js +0 -1
- package/package.json +44 -23
- package/src/action-buttons/index.tsx +0 -40
- package/src/action-buttons/style.scss +4 -40
- package/src/cart/create-cart-manager-client.ts +1 -1
- package/src/cart/index.tsx +60 -103
- package/src/cart/test/index.ts +14 -14
- package/src/confetti/index.tsx +1 -1
- package/src/flow-progress/use-flow-progress.ts +1 -66
- package/src/hooks/test/index.ts +54 -0
- package/src/hooks/use-persisted-state.ts +85 -0
- package/src/hooray/index.tsx +1 -1
- package/src/index.ts +7 -12
- package/src/intent-screen/test/index.tsx +10 -7
- package/src/mshots-image/index.tsx +52 -21
- package/src/mshots-image/style.scss +1 -0
- package/src/navigator/navigator-buttons/index.tsx +1 -0
- package/src/navigator/navigator-header/index.tsx +1 -0
- package/src/navigator/navigator-screens/hooks/use-navigator-screens.tsx +5 -1
- package/src/navigator/navigator-screens/navigator-screens.tsx +17 -0
- package/src/navigator/navigator-screens/types.ts +1 -0
- package/src/select-card-checkbox/index.tsx +10 -4
- package/src/select-card-checkbox/style.scss +11 -14
- package/src/select-card-checkbox-v2/index.tsx +51 -0
- package/src/select-card-checkbox-v2/style.scss +25 -0
- package/src/select-card-checkbox-v2/test/index.test.tsx +49 -0
- package/src/select-items/index.tsx +10 -4
- package/src/select-items/style.scss +2 -1
- package/src/setup-tailored-site-after-creation.ts +16 -60
- package/src/step-container/index.tsx +21 -42
- package/src/step-container/style.scss +35 -77
- package/src/step-container-v2/README.md +235 -0
- package/src/step-container-v2/components/ContentRow/ContentRow.tsx +27 -0
- package/src/step-container-v2/components/ContentRow/style.scss +26 -0
- package/src/step-container-v2/components/ContentWrapper/ContentWrapper.tsx +41 -0
- package/src/step-container-v2/components/ContentWrapper/style.scss +70 -0
- package/src/step-container-v2/components/Heading/Heading.tsx +31 -0
- package/src/step-container-v2/components/Heading/style.scss +47 -0
- package/src/step-container-v2/components/StepContainerV2/StepContainerV2.tsx +55 -0
- package/src/step-container-v2/components/StepContainerV2/context.ts +25 -0
- package/src/step-container-v2/components/StepContainerV2/style.scss +21 -0
- package/src/step-container-v2/components/StepCounter/StepCounter.tsx +32 -0
- package/src/step-container-v2/components/StepCounter/style.scss +4 -0
- package/src/step-container-v2/components/StickyBottomBar/StickyBottomBar.tsx +46 -0
- package/src/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.tsx +41 -0
- package/src/step-container-v2/components/StickyBottomBar/style.scss +56 -0
- package/src/step-container-v2/components/TopBar/TopBar.tsx +116 -0
- package/src/step-container-v2/components/TopBar/TopBarRenderer.tsx +43 -0
- package/src/step-container-v2/components/TopBar/style.scss +75 -0
- package/src/step-container-v2/components/buttons/BackButton/BackButton.tsx +32 -0
- package/src/step-container-v2/components/buttons/BackButton/style.scss +16 -0
- package/src/step-container-v2/components/buttons/LinkButton/LinkButton.tsx +17 -0
- package/src/step-container-v2/components/buttons/LinkButton/style.scss +6 -0
- package/src/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.tsx +17 -0
- package/src/step-container-v2/components/buttons/PrimaryButton/style.scss +6 -0
- package/src/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.tsx +17 -0
- package/src/step-container-v2/components/buttons/SecondaryButton/style.scss +6 -0
- package/src/step-container-v2/components/buttons/SkipButton/SkipButton.tsx +30 -0
- package/src/step-container-v2/contexts/StepContainerV2Context.ts +23 -0
- package/src/step-container-v2/helpers/decorateButtonWithTracksEventRecording.ts +28 -0
- package/src/step-container-v2/helpers/normalizeButtonProps.ts +14 -0
- package/src/step-container-v2/helpers/wireframe-placeholder.tsx +28 -0
- package/src/step-container-v2/helpers/withStepContainerV2ContextDecorator.tsx +16 -0
- package/src/step-container-v2/index.tsx +24 -0
- package/src/step-container-v2/types.ts +4 -0
- package/src/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.tsx +122 -0
- package/src/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.tsx +66 -0
- package/src/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.tsx +51 -0
- package/src/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.tsx +69 -0
- package/src/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/style.scss +14 -0
- package/src/step-container-v2/wireframes/Loading/Loading.stories.tsx +27 -0
- package/src/step-container-v2/wireframes/Loading/Loading.tsx +52 -0
- package/src/step-container-v2/wireframes/Loading/style.scss +22 -0
- package/src/step-container-v2/wireframes/Loading/test/Loading.test.tsx +42 -0
- package/src/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.tsx +21 -0
- package/src/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.tsx +31 -0
- package/src/step-container-v2/wireframes/PlaygroundLayout/style.scss +5 -0
- package/src/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.tsx +93 -0
- package/src/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.tsx +93 -0
- package/src/step-container-v2/wireframes/TwoColumnLayout/style.scss +15 -0
- package/src/step-container-v2/wireframes/WideLayout/WideLayout.stories.tsx +83 -0
- package/src/step-container-v2/wireframes/WideLayout/WideLayout.tsx +44 -0
- package/src/step-navigation-link/index.tsx +3 -0
- package/src/step-navigation-link/style.scss +5 -3
- package/src/style-imports.d.ts +3 -0
- package/src/titles/styles.scss +2 -2
- package/src/upload-and-set-site-logo.ts +1 -1
- package/src/utils/contrastChecker.ts +0 -35
- package/src/utils/flows.ts +67 -123
- package/src/wpcom-request.ts +26 -0
- package/styles/mixins.scss +4 -4
- package/styles/variables.scss +2 -2
- package/tsconfig.json +1 -0
- package/dist/cjs/feature-icon/index.js +0 -19
- package/dist/cjs/feature-icon/index.js.map +0 -1
- package/dist/cjs/flow-progress/index.js +0 -14
- package/dist/cjs/flow-progress/index.js.map +0 -1
- package/dist/cjs/flow-progress/style.scss +0 -5
- package/dist/cjs/notice/index.js +0 -12
- package/dist/cjs/notice/index.js.map +0 -1
- package/dist/cjs/notice/style.scss +0 -19
- package/dist/cjs/select-card-radio/index.js +0 -21
- package/dist/cjs/select-card-radio/index.js.map +0 -1
- package/dist/cjs/select-card-radio/style.scss +0 -44
- package/dist/cjs/sensei-logo/index.js +0 -8
- package/dist/cjs/sensei-logo/index.js.map +0 -1
- package/dist/cjs/videopress-logo/index.js +0 -8
- package/dist/cjs/videopress-logo/index.js.map +0 -1
- package/dist/esm/feature-icon/index.js +0 -16
- package/dist/esm/feature-icon/index.js.map +0 -1
- package/dist/esm/flow-progress/index.js +0 -12
- package/dist/esm/flow-progress/index.js.map +0 -1
- package/dist/esm/flow-progress/style.scss +0 -5
- package/dist/esm/notice/index.js +0 -9
- package/dist/esm/notice/index.js.map +0 -1
- package/dist/esm/notice/style.scss +0 -19
- package/dist/esm/select-card-radio/index.js +0 -15
- package/dist/esm/select-card-radio/index.js.map +0 -1
- package/dist/esm/select-card-radio/style.scss +0 -44
- package/dist/esm/sensei-logo/index.js +0 -6
- package/dist/esm/sensei-logo/index.js.map +0 -1
- package/dist/esm/videopress-logo/index.js +0 -6
- package/dist/esm/videopress-logo/index.js.map +0 -1
- package/dist/types/feature-icon/index.d.ts +0 -9
- package/dist/types/feature-icon/index.d.ts.map +0 -1
- package/dist/types/flow-progress/index.d.ts +0 -9
- package/dist/types/flow-progress/index.d.ts.map +0 -1
- package/dist/types/notice/index.d.ts +0 -7
- package/dist/types/notice/index.d.ts.map +0 -1
- package/dist/types/select-card-radio/index.d.ts +0 -22
- package/dist/types/select-card-radio/index.d.ts.map +0 -1
- package/dist/types/sensei-logo/index.d.ts +0 -8
- package/dist/types/sensei-logo/index.d.ts.map +0 -1
- package/dist/types/videopress-logo/index.d.ts +0 -8
- package/dist/types/videopress-logo/index.d.ts.map +0 -1
- package/src/feature-icon/index.tsx +0 -102
- package/src/flow-progress/index.tsx +0 -22
- package/src/flow-progress/style.scss +0 -5
- package/src/notice/index.tsx +0 -16
- package/src/notice/style.scss +0 -19
- package/src/select-card-radio/index.tsx +0 -64
- package/src/select-card-radio/style.scss +0 -44
- package/src/select-card-radio/test/index.tsx +0 -50
- package/src/sensei-logo/index.tsx +0 -30
- package/src/videopress-logo/index.tsx +0 -36
package/dist/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SelectCardCheckbox = exports.
|
|
3
|
+
exports.setRequester = exports.SelectCardCheckboxV2 = exports.SelectCardCheckbox = exports.clearStepPersistedState = exports.useStepPersistedState = exports.MShotsImage = exports.StepNavigationLink = exports.Step = exports.StepContainer = exports.SelectItemsAlt = exports.SelectItems = exports.IntentScreen = exports.Confetti = exports.Hooray = exports.Progress = exports.uploadAndSetSiteLogo = exports.base64ImageToBlob = exports.setupSiteAfterCreation = exports.setThemeOnSite = exports.replaceProductsInCart = exports.addProductsToCart = exports.getNewSiteParams = exports.createSite = exports.NextButton = exports.BackButton = exports.ActionButtons = exports.useFlowProgress = exports.SubTitle = exports.Title = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
var titles_1 = require("./titles");
|
|
6
6
|
Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return titles_1.Title; } });
|
|
@@ -11,11 +11,9 @@ var action_buttons_1 = require("./action-buttons");
|
|
|
11
11
|
Object.defineProperty(exports, "ActionButtons", { enumerable: true, get: function () { return tslib_1.__importDefault(action_buttons_1).default; } });
|
|
12
12
|
Object.defineProperty(exports, "BackButton", { enumerable: true, get: function () { return action_buttons_1.BackButton; } });
|
|
13
13
|
Object.defineProperty(exports, "NextButton", { enumerable: true, get: function () { return action_buttons_1.NextButton; } });
|
|
14
|
-
Object.defineProperty(exports, "SkipButton", { enumerable: true, get: function () { return action_buttons_1.SkipButton; } });
|
|
15
|
-
Object.defineProperty(exports, "ArrowButton", { enumerable: true, get: function () { return action_buttons_1.ArrowButton; } });
|
|
16
14
|
var cart_1 = require("./cart");
|
|
17
|
-
Object.defineProperty(exports, "
|
|
18
|
-
Object.defineProperty(exports, "
|
|
15
|
+
Object.defineProperty(exports, "createSite", { enumerable: true, get: function () { return cart_1.createSite; } });
|
|
16
|
+
Object.defineProperty(exports, "getNewSiteParams", { enumerable: true, get: function () { return cart_1.getNewSiteParams; } });
|
|
19
17
|
Object.defineProperty(exports, "addProductsToCart", { enumerable: true, get: function () { return cart_1.addProductsToCart; } });
|
|
20
18
|
Object.defineProperty(exports, "replaceProductsInCart", { enumerable: true, get: function () { return cart_1.replaceProductsInCart; } });
|
|
21
19
|
Object.defineProperty(exports, "setThemeOnSite", { enumerable: true, get: function () { return cart_1.setThemeOnSite; } });
|
|
@@ -24,8 +22,6 @@ Object.defineProperty(exports, "setupSiteAfterCreation", { enumerable: true, get
|
|
|
24
22
|
Object.defineProperty(exports, "base64ImageToBlob", { enumerable: true, get: function () { return setup_tailored_site_after_creation_1.base64ImageToBlob; } });
|
|
25
23
|
var upload_and_set_site_logo_1 = require("./upload-and-set-site-logo");
|
|
26
24
|
Object.defineProperty(exports, "uploadAndSetSiteLogo", { enumerable: true, get: function () { return upload_and_set_site_logo_1.uploadAndSetSiteLogo; } });
|
|
27
|
-
var feature_icon_1 = require("./feature-icon");
|
|
28
|
-
Object.defineProperty(exports, "FeatureIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(feature_icon_1).default; } });
|
|
29
25
|
var progress_1 = require("./progress");
|
|
30
26
|
Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return tslib_1.__importDefault(progress_1).default; } });
|
|
31
27
|
var hooray_1 = require("./hooray");
|
|
@@ -40,15 +36,20 @@ var select_items_alt_1 = require("./select-items-alt");
|
|
|
40
36
|
Object.defineProperty(exports, "SelectItemsAlt", { enumerable: true, get: function () { return tslib_1.__importDefault(select_items_alt_1).default; } });
|
|
41
37
|
var step_container_1 = require("./step-container");
|
|
42
38
|
Object.defineProperty(exports, "StepContainer", { enumerable: true, get: function () { return tslib_1.__importDefault(step_container_1).default; } });
|
|
39
|
+
exports.Step = tslib_1.__importStar(require("./step-container-v2"));
|
|
43
40
|
var step_navigation_link_1 = require("./step-navigation-link");
|
|
44
41
|
Object.defineProperty(exports, "StepNavigationLink", { enumerable: true, get: function () { return tslib_1.__importDefault(step_navigation_link_1).default; } });
|
|
45
42
|
var mshots_image_1 = require("./mshots-image");
|
|
46
43
|
Object.defineProperty(exports, "MShotsImage", { enumerable: true, get: function () { return tslib_1.__importDefault(mshots_image_1).default; } });
|
|
44
|
+
var use_persisted_state_1 = require("./hooks/use-persisted-state");
|
|
45
|
+
Object.defineProperty(exports, "useStepPersistedState", { enumerable: true, get: function () { return use_persisted_state_1.useStepPersistedState; } });
|
|
46
|
+
Object.defineProperty(exports, "clearStepPersistedState", { enumerable: true, get: function () { return use_persisted_state_1.clearStepPersistedState; } });
|
|
47
47
|
tslib_1.__exportStar(require("./navigator"), exports);
|
|
48
|
-
var notice_1 = require("./notice");
|
|
49
|
-
Object.defineProperty(exports, "Notice", { enumerable: true, get: function () { return tslib_1.__importDefault(notice_1).default; } });
|
|
50
48
|
var select_card_checkbox_1 = require("./select-card-checkbox");
|
|
51
49
|
Object.defineProperty(exports, "SelectCardCheckbox", { enumerable: true, get: function () { return tslib_1.__importDefault(select_card_checkbox_1).default; } });
|
|
50
|
+
var select_card_checkbox_v2_1 = require("./select-card-checkbox-v2");
|
|
51
|
+
Object.defineProperty(exports, "SelectCardCheckboxV2", { enumerable: true, get: function () { return tslib_1.__importDefault(select_card_checkbox_v2_1).default; } });
|
|
52
52
|
tslib_1.__exportStar(require("./utils"), exports);
|
|
53
|
-
|
|
53
|
+
var wpcom_request_1 = require("./wpcom-request");
|
|
54
|
+
Object.defineProperty(exports, "setRequester", { enumerable: true, get: function () { return wpcom_request_1.setRequester; } });
|
|
54
55
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,mCAA2C;AAAlC,+FAAA,KAAK,OAAA;AAAE,kGAAA,QAAQ,OAAA;AACxB,uEAAoE;AAA3D,oHAAA,eAAe,OAAA;AACxB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,mCAA2C;AAAlC,+FAAA,KAAK,OAAA;AAAE,kGAAA,QAAQ,OAAA;AACxB,uEAAoE;AAA3D,oHAAA,eAAe,OAAA;AACxB,mDAAoF;AAA3E,wIAAA,OAAO,OAAiB;AAAE,4GAAA,UAAU,OAAA;AAAE,4GAAA,UAAU,OAAA;AACzD,+BAMgB;AALf,kGAAA,UAAU,OAAA;AACV,wGAAA,gBAAgB,OAAA;AAChB,yGAAA,iBAAiB,OAAA;AACjB,6GAAA,qBAAqB,OAAA;AACrB,sGAAA,cAAc,OAAA;AAEf,2FAAiG;AAAxF,4IAAA,sBAAsB,OAAA;AAAE,uIAAA,iBAAiB,OAAA;AAClD,uEAAkE;AAAzD,gIAAA,oBAAoB,OAAA;AAC7B,uCAAiD;AAAxC,6HAAA,OAAO,OAAY;AAC5B,mCAA6C;AAApC,yHAAA,OAAO,OAAU;AAC1B,uCAAiD;AAAxC,6HAAA,OAAO,OAAY;AAC5B,iDAA0D;AAAjD,sIAAA,OAAO,OAAgB;AAChC,+CAAwD;AAA/C,oIAAA,OAAO,OAAe;AAC/B,uDAA+D;AAAtD,2IAAA,OAAO,OAAkB;AAClC,mDAA4D;AAAnD,wIAAA,OAAO,OAAiB;AACjC,oEAA4C;AAC5C,+DAAuE;AAA9D,mJAAA,OAAO,OAAsB;AACtC,+CAAwD;AAA/C,oIAAA,OAAO,OAAe;AAC/B,mEAA6F;AAApF,4HAAA,qBAAqB,OAAA;AAAE,8HAAA,uBAAuB,OAAA;AACvD,sDAA4B;AAC5B,+DAAuE;AAA9D,mJAAA,OAAO,OAAsB;AACtC,qEAA4E;AAAnE,wJAAA,OAAO,OAAwB;AACxC,kDAAwB;AAIxB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.mshotsUrl =
|
|
3
|
+
exports.mshotsUrl = mshotsUrl;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const url_1 = require("@wordpress/url");
|
|
@@ -17,7 +17,6 @@ function mshotsUrl(targetUrl, options, count = 0) {
|
|
|
17
17
|
});
|
|
18
18
|
return mshotsRequest;
|
|
19
19
|
}
|
|
20
|
-
exports.mshotsUrl = mshotsUrl;
|
|
21
20
|
const MAXTRIES = 10;
|
|
22
21
|
// This custom react hook returns null while the image is loading and the page
|
|
23
22
|
// (not image) URL once loading is complete.
|
|
@@ -104,7 +103,7 @@ const useMshotsImg = (src, options, imgRef) => {
|
|
|
104
103
|
return loadedImg;
|
|
105
104
|
};
|
|
106
105
|
// Temporary for A/B test.
|
|
107
|
-
const useMshotsImgTreatment = (src, options) => {
|
|
106
|
+
const useMshotsImgTreatment = (src, options, shouldShowImage) => {
|
|
108
107
|
const [loadedImg, setLoadedImg] = (0, react_1.useState)();
|
|
109
108
|
const [count, setCount] = (0, react_1.useState)(0);
|
|
110
109
|
const previousSrc = (0, react_1.useRef)(src);
|
|
@@ -119,6 +118,9 @@ const useMshotsImgTreatment = (src, options) => {
|
|
|
119
118
|
// to browser caching. Getting this wrong looks like the url resolving
|
|
120
119
|
// before the image is ready.
|
|
121
120
|
(0, react_1.useEffect)(() => {
|
|
121
|
+
if (!shouldShowImage) {
|
|
122
|
+
return;
|
|
123
|
+
}
|
|
122
124
|
// If there's been a "props" change we need to reset everything:
|
|
123
125
|
if (options !== previousOptions.current ||
|
|
124
126
|
(src !== previousSrc.current && imgRef.current)) {
|
|
@@ -172,10 +174,10 @@ const useMshotsImgTreatment = (src, options) => {
|
|
|
172
174
|
}
|
|
173
175
|
clearTimeout(timeoutIdRef.current);
|
|
174
176
|
};
|
|
175
|
-
}, [src, count, options]);
|
|
177
|
+
}, [src, count, options, shouldShowImage]);
|
|
176
178
|
return loadedImg;
|
|
177
179
|
};
|
|
178
|
-
const MShotsImageControl = ({ url, 'aria-labelledby': labelledby, alt, options, scrollable = false, }) => {
|
|
180
|
+
const MShotsImageControl = ({ url, 'aria-labelledby': labelledby, alt, options, scrollable = false, loading = 'lazy', }) => {
|
|
179
181
|
const imgRef = (0, react_1.useRef)(null);
|
|
180
182
|
const currentlyLoadedUrl = useMshotsImg(url, options, imgRef);
|
|
181
183
|
const src = imgRef.current?.src || '';
|
|
@@ -191,17 +193,34 @@ const MShotsImageControl = ({ url, 'aria-labelledby': labelledby, alt, options,
|
|
|
191
193
|
...(scrollable ? scrollableStyles : {}),
|
|
192
194
|
};
|
|
193
195
|
const className = (0, clsx_1.default)('mshots-image__container', scrollable && 'hover-scroll', visible ? 'mshots-image-visible' : 'mshots-image__loader');
|
|
194
|
-
|
|
195
|
-
return scrollable ? ((0, jsx_runtime_1.jsx)("div", { className: className, style: style, "aria-labelledby": labelledby, children: (0, jsx_runtime_1.jsx)("img", { ref: imgRef, className: "mshots-dummy-image", "aria-hidden": "true", alt: "" }) })) : ((0, jsx_runtime_1.jsx)("img", { ref: imgRef, className, style, src, alt, "aria-labelledby": labelledby, alt: alt }));
|
|
196
|
-
} // else, prettier doesn't like having an else after a return
|
|
197
|
-
return scrollable ? ((0, jsx_runtime_1.jsx)("div", { className: className, style: style, "aria-labelledby": labelledby, children: (0, jsx_runtime_1.jsx)("img", { ref: imgRef, loading: "lazy", className: "mshots-dummy-image", "aria-hidden": "true", alt: "" }) })) : ((0, jsx_runtime_1.jsx)("img", { loading: "lazy", ref: imgRef, className, style, src, alt, "aria-labelledby": labelledby, alt: alt }));
|
|
196
|
+
return scrollable ? ((0, jsx_runtime_1.jsx)("div", { className: className, style: style, "aria-labelledby": labelledby, children: (0, jsx_runtime_1.jsx)("img", { ref: imgRef, loading: loading, className: "mshots-dummy-image", "aria-hidden": "true", alt: "" }) })) : ((0, jsx_runtime_1.jsx)("img", { loading: loading, ref: imgRef, className, style, src, alt, "aria-labelledby": labelledby }));
|
|
198
197
|
};
|
|
199
198
|
// Temporary for A/B test.
|
|
200
|
-
const MShotsImageTreatment = ({ url, 'aria-labelledby': labelledby, alt, options, scrollable = false, }) => {
|
|
201
|
-
const
|
|
199
|
+
const MShotsImageTreatment = ({ url, 'aria-labelledby': labelledby, alt, options, scrollable = false, loading = 'lazy', }) => {
|
|
200
|
+
const [shouldShowImage, setShouldShowImage] = (0, react_1.useState)(loading === 'eager');
|
|
201
|
+
const divRef = (0, react_1.useRef)(null);
|
|
202
|
+
const imgRef = (0, react_1.useRef)(null);
|
|
203
|
+
const maybeImage = useMshotsImgTreatment(url, options, shouldShowImage);
|
|
202
204
|
const src = maybeImage?.src || '';
|
|
203
205
|
const visible = !!src;
|
|
204
206
|
const backgroundImage = maybeImage?.src && `url( ${maybeImage?.src} )`;
|
|
207
|
+
(0, react_1.useEffect)(() => {
|
|
208
|
+
if (loading === 'lazy' && !shouldShowImage) {
|
|
209
|
+
const observer = new IntersectionObserver((entries) => {
|
|
210
|
+
if (entries[0]?.isIntersecting) {
|
|
211
|
+
setShouldShowImage(true);
|
|
212
|
+
observer.disconnect();
|
|
213
|
+
}
|
|
214
|
+
});
|
|
215
|
+
const elementToObserve = scrollable || !visible ? divRef.current : imgRef.current;
|
|
216
|
+
if (elementToObserve) {
|
|
217
|
+
observer.observe(elementToObserve);
|
|
218
|
+
}
|
|
219
|
+
return () => {
|
|
220
|
+
observer.disconnect();
|
|
221
|
+
};
|
|
222
|
+
}
|
|
223
|
+
}, [loading, shouldShowImage, scrollable, visible]);
|
|
205
224
|
const animationScrollSpeedInPixelsPerSecond = 400;
|
|
206
225
|
const animationDuration = (maybeImage?.naturalHeight || 600) / animationScrollSpeedInPixelsPerSecond;
|
|
207
226
|
const scrollableStyles = {
|
|
@@ -215,7 +234,7 @@ const MShotsImageTreatment = ({ url, 'aria-labelledby': labelledby, alt, options
|
|
|
215
234
|
// The "! visible" here is only to dodge a particularly specific css
|
|
216
235
|
// rule effecting the placeholder while loading static images:
|
|
217
236
|
// '.design-picker .design-picker__image-frame img { ..., height: auto }'
|
|
218
|
-
return scrollable || !visible ? ((0, jsx_runtime_1.jsx)("div", { className: className, style: style, "aria-labelledby": labelledby })) : ((0, jsx_runtime_1.jsx)("img", { className, style, src, alt, "aria-labelledby": labelledby
|
|
237
|
+
return scrollable || !visible ? ((0, jsx_runtime_1.jsx)("div", { ref: divRef, className: className, style: style, "aria-labelledby": labelledby })) : ((0, jsx_runtime_1.jsx)("img", { ref: imgRef, className, style, src, alt, loading, "aria-labelledby": labelledby }));
|
|
219
238
|
};
|
|
220
239
|
// For hover-scroll, we use a div with a background image (rather than an img element)
|
|
221
240
|
// in order to use transitions between `top` and `bottom` on the
|
|
@@ -223,12 +242,12 @@ const MShotsImageTreatment = ({ url, 'aria-labelledby': labelledby, alt, options
|
|
|
223
242
|
// The "normal" top & bottom properties are problematic individually because we
|
|
224
243
|
// don't know how big the images will be, and using both gets the
|
|
225
244
|
// right positions but with no transition (as they're different properties).
|
|
226
|
-
const MShotsImage = ({ url, 'aria-labelledby': labelledby, alt, options, scrollable = false, }) => {
|
|
245
|
+
const MShotsImage = ({ url, 'aria-labelledby': labelledby, alt, options, scrollable = false, loading = 'lazy', }) => {
|
|
227
246
|
// Return MShotsImageControl or MShotsImageTreatment depending on options.oldHighResImageLoading
|
|
228
247
|
if (options?.oldHighResImageLoading) {
|
|
229
|
-
return ((0, jsx_runtime_1.jsx)(MShotsImageTreatment, { url: url, "aria-labelledby": labelledby, alt: alt, options: options, scrollable: scrollable }));
|
|
248
|
+
return ((0, jsx_runtime_1.jsx)(MShotsImageTreatment, { url: url, "aria-labelledby": labelledby, alt: alt, options: options, scrollable: scrollable, loading: loading }));
|
|
230
249
|
}
|
|
231
|
-
return ((0, jsx_runtime_1.jsx)(MShotsImageControl, { url: url, "aria-labelledby": labelledby, alt: alt, options: options, scrollable: scrollable }));
|
|
250
|
+
return ((0, jsx_runtime_1.jsx)(MShotsImageControl, { url: url, "aria-labelledby": labelledby, alt: alt, options: options, scrollable: scrollable, loading: loading }));
|
|
232
251
|
};
|
|
233
252
|
exports.default = MShotsImage;
|
|
234
253
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/mshots-image/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/mshots-image/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useNavigatorListener = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
4
5
|
var use_navigator_listener_1 = require("./use-navigator-listener");
|
|
5
|
-
Object.defineProperty(exports, "useNavigatorListener", { enumerable: true, get: function () { return __importDefault(use_navigator_listener_1).default; } });
|
|
6
|
+
Object.defineProperty(exports, "useNavigatorListener", { enumerable: true, get: function () { return tslib_1.__importDefault(use_navigator_listener_1).default; } });
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/hooks/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/hooks/index.tsx"],"names":[],"mappings":";;;;AAAA,mEAA2E;AAAlE,uJAAA,OAAO,OAAwB"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.NavigatorButtonAsItem =
|
|
3
|
+
exports.NavigatorButtonAsItem = void 0;
|
|
4
|
+
exports.NavigatorItem = NavigatorItem;
|
|
4
5
|
const tslib_1 = require("tslib");
|
|
5
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
7
|
const components_1 = require("@wordpress/components");
|
|
@@ -15,7 +16,6 @@ function NavigatorItem({ icon, checked, active, children, ...props }) {
|
|
|
15
16
|
'navigator-item--active': active,
|
|
16
17
|
}), children: (0, jsx_runtime_1.jsxs)(components_1.__experimentalHStack, { justify: "space-between", children: [content, (0, jsx_runtime_1.jsx)(icons_1.Icon, { icon: forwardIcon, size: 24 })] }) }));
|
|
17
18
|
}
|
|
18
|
-
exports.NavigatorItem = NavigatorItem;
|
|
19
19
|
const NavigatorButtonAsItem = ({ ...props }) => {
|
|
20
20
|
return (0, jsx_runtime_1.jsx)(components_1.__experimentalNavigatorButton, { as: NavigatorItem, ...props });
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-buttons/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-buttons/index.tsx"],"names":[],"mappings":";;;AAyBA,sCA6BC;;;AAtDD,sDAK+B;AAC/B,0CAAwC;AACxC,4CAA0E;AAC1E,wDAAwB;AAExB,wBAAsB;AAetB,SAAgB,aAAa,CAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAsB;IAC/F,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CACtB,wBAAC,iCAAM,IAAC,OAAO,EAAC,YAAY,aAC3B,uBAAC,YAAI,IAAC,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAG,OAAO,CAAC,CAAC,CAAC,aAAK,CAAC,CAAC,CAAC,IAAI,EAAG,IAAI,EAAG,EAAE,GAAK,EACrF,uBAAC,qBAAQ,IAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,kBAC9D,QAAQ,GACA,IACH,CACT,CAAC,CAAC,CAAC,CACH,uBAAC,qBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,kBAC7B,QAAQ,GACA,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,YAAK,GAAE,CAAC,CAAC,CAAC,mBAAW,CAAC,CAAC,CAAC,oBAAY,CAAC;IAEzD,OAAO,CACN,uBAAC,+BAAI,OACC,KAAK,EACV,SAAS,EAAG,IAAA,cAAI,EAAE,gBAAgB,EAAE;YACnC,wBAAwB,EAAE,MAAM;SAChC,CAAE,YAEH,wBAAC,iCAAM,IAAC,OAAO,EAAC,eAAe,aAC5B,OAAO,EACT,uBAAC,YAAI,IAAC,IAAI,EAAG,WAAW,EAAG,IAAI,EAAG,EAAE,GAAK,IACjC,GACH,CACP,CAAC;AACH,CAAC;AAEM,MAAM,qBAAqB,GAAG,CAAE,EAAE,GAAG,KAAK,EAA8B,EAAG,EAAE;IACnF,OAAO,uBAAC,0CAAe,IAAC,EAAE,EAAG,aAAa,KAAQ,KAAK,GAAK,CAAC;AAC9D,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-header/index.tsx"],"names":[],"mappings":";;;AAAA,uDAA0D;AAC1D,sDAG+B;AAC/B,+CAA6D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-header/index.tsx"],"names":[],"mappings":";;;AAAA,uDAA0D;AAC1D,sDAG+B;AAC/B,+CAA6D;AAE7D,wBAAsB;AAStB,MAAM,eAAe,GAAG,CAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAS,EAAG,EAAE;IAC7E,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,OAAO,CACN,iCAAK,SAAS,EAAC,kBAAkB,aAChC,wBAAC,iCAAM,IAAC,SAAS,EAAC,2BAA2B,EAAC,OAAO,EAAG,CAAC,EAAG,OAAO,EAAC,YAAY,aAC7E,CAAE,QAAQ,IAAI,CACf,uBAAC,8CAAmB,IACnB,EAAE,EAAG,mBAAM,EACX,KAAK,EAAG,SAAS,CAAE,MAAM,CAAE,EAC3B,UAAU,sBACG,SAAS,CAAE,+BAA+B,CAAE,EACzD,OAAO,EAAG,MAAM,YAEhB,uBAAC,qBAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAG,EAAE,GAAK,GACvB,CACtB,EACD,yCAAM,KAAK,GAAO,IACV,EACP,WAAW,IAAI,8BAAG,SAAS,EAAC,+BAA+B,YAAG,WAAW,GAAM,IAC5E,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useNavigatorScreens = exports.useNavigatorButtons = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
4
5
|
var use_navigator_buttons_1 = require("./use-navigator-buttons");
|
|
5
|
-
Object.defineProperty(exports, "useNavigatorButtons", { enumerable: true, get: function () { return __importDefault(use_navigator_buttons_1).default; } });
|
|
6
|
+
Object.defineProperty(exports, "useNavigatorButtons", { enumerable: true, get: function () { return tslib_1.__importDefault(use_navigator_buttons_1).default; } });
|
|
6
7
|
var use_navigator_screens_1 = require("./use-navigator-screens");
|
|
7
|
-
Object.defineProperty(exports, "useNavigatorScreens", { enumerable: true, get: function () { return __importDefault(use_navigator_screens_1).default; } });
|
|
8
|
+
Object.defineProperty(exports, "useNavigatorScreens", { enumerable: true, get: function () { return tslib_1.__importDefault(use_navigator_screens_1).default; } });
|
|
8
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/navigator/navigator-screens/hooks/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/navigator/navigator-screens/hooks/index.tsx"],"names":[],"mappings":";;;;AAAA,iEAAyE;AAAhE,qJAAA,OAAO,OAAuB;AACvC,iEAAyE;AAAhE,qJAAA,OAAO,OAAuB"}
|
|
@@ -8,7 +8,7 @@ const i18n_calypso_1 = require("i18n-calypso");
|
|
|
8
8
|
const navigator_header_1 = tslib_1.__importDefault(require("../../navigator-header"));
|
|
9
9
|
const useNavigatorScreens = (screens) => {
|
|
10
10
|
const translate = (0, i18n_calypso_1.useTranslate)();
|
|
11
|
-
return screens.map(({ slug, path, label, title, description, hideBack, content, actionText, onSubmit, onBack, }) => ((0, jsx_runtime_1.jsx)(components_2.__experimentalNavigatorScreen, { path: path, style: { animationDuration: '0s' }, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(navigator_header_1.default, { title: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: title ?? label }), description: description, hideBack: hideBack, onBack: () => onBack?.(slug) }), content, (0, jsx_runtime_1.jsxs)("div", { className: "navigator-screen__footer", children: [(0, jsx_runtime_1.jsxs)(components_2.__experimentalNavigatorBackButton, { className: "navigator-screen__footer-back-button", as: components_1.Button, title: translate('Back'), borderless: true, "aria-label": translate('Navigate to the previous view'), onClick: () => onBack?.(slug), children: [(0, jsx_runtime_1.jsx)(components_1.Gridicon, { icon: "chevron-left", size: 18 }), translate('Back')] }), (0, jsx_runtime_1.jsx)(components_2.__experimentalNavigatorBackButton, { as: components_1.Button, primary: true, onClick: () => onSubmit?.(slug), children: actionText })] })] }) }, path)));
|
|
11
|
+
return screens.map(({ slug, path, label, title, description, hideBack, content, actionText, onSubmit, onBack, }) => ((0, jsx_runtime_1.jsx)(components_2.__experimentalNavigatorScreen, { path: path, style: { animationDuration: '0s', transitionDuration: '0s' }, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(navigator_header_1.default, { title: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: title ?? label }), description: description, hideBack: hideBack, onBack: () => onBack?.(slug) }), content, (0, jsx_runtime_1.jsxs)("div", { className: "navigator-screen__footer", children: [(0, jsx_runtime_1.jsxs)(components_2.__experimentalNavigatorBackButton, { className: "navigator-screen__footer-back-button", as: components_1.Button, title: translate('Back'), borderless: true, "aria-label": translate('Navigate to the previous view'), onClick: () => onBack?.(slug), children: [(0, jsx_runtime_1.jsx)(components_1.Gridicon, { icon: "chevron-left", size: 18 }), translate('Back')] }), (0, jsx_runtime_1.jsx)(components_2.__experimentalNavigatorBackButton, { as: components_1.Button, primary: true, onClick: () => onSubmit?.(slug), children: actionText })] })] }) }, path)));
|
|
12
12
|
};
|
|
13
13
|
exports.default = useNavigatorScreens;
|
|
14
14
|
//# sourceMappingURL=use-navigator-screens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-navigator-screens.js","sourceRoot":"","sources":["../../../../../src/navigator/navigator-screens/hooks/use-navigator-screens.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0D;AAC1D,sDAG+B;AAC/B,+CAA4C;AAC5C,sFAAqD;AAGrD,MAAM,mBAAmB,GAAG,CAAE,OAAgC,EAAG,EAAE;IAClE,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,OAAO,OAAO,CAAC,GAAG,CACjB,CAAE,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,UAAU,EACV,QAAQ,EACR,MAAM,GACN,EAAG,EAAE,CAAC,CACN,uBAAC,0CAAe,
|
|
1
|
+
{"version":3,"file":"use-navigator-screens.js","sourceRoot":"","sources":["../../../../../src/navigator/navigator-screens/hooks/use-navigator-screens.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0D;AAC1D,sDAG+B;AAC/B,+CAA4C;AAC5C,sFAAqD;AAGrD,MAAM,mBAAmB,GAAG,CAAE,OAAgC,EAAG,EAAE;IAClE,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,OAAO,OAAO,CAAC,GAAG,CACjB,CAAE,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,UAAU,EACV,QAAQ,EACR,MAAM,GACN,EAAG,EAAE,CAAC,CACN,uBAAC,0CAAe,IAEf,IAAI,EAAG,IAAI,EACX,KAAK,EAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,YAE7D,6DACC,uBAAC,0BAAe,IACf,KAAK,EAAG,2DAAI,KAAK,IAAI,KAAK,GAAK,EAC/B,WAAW,EAAG,WAAW,EACzB,QAAQ,EAAG,QAAQ,EACnB,MAAM,EAAG,GAAG,EAAE,CAAC,MAAM,EAAE,CAAE,IAAI,CAAE,GAC9B,EACA,OAAO,EACT,iCAAK,SAAS,EAAC,0BAA0B,aACxC,wBAAC,8CAAmB,IACnB,SAAS,EAAC,sCAAsC,EAChD,EAAE,EAAG,mBAAM,EACX,KAAK,EAAG,SAAS,CAAE,MAAM,CAAE,EAC3B,UAAU,sBACG,SAAS,CAAE,+BAA+B,CAAE,EACzD,OAAO,EAAG,GAAG,EAAE,CAAC,MAAM,EAAE,CAAE,IAAI,CAAE,aAEhC,uBAAC,qBAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAG,EAAE,GAAK,EAC1C,SAAS,CAAE,MAAM,CAAE,IACA,EACtB,uBAAC,8CAAmB,IAAC,EAAE,EAAG,mBAAM,EAAG,OAAO,QAAC,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAE,IAAI,CAAE,YAC1E,UAAU,GACS,IACjB,IACJ,IA5BG,IAAI,CA6BO,CAClB,CACD,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
|
|
@@ -6,13 +6,18 @@ const components_1 = require("@wordpress/components");
|
|
|
6
6
|
const navigator_listener_1 = tslib_1.__importDefault(require("../navigator-listener"));
|
|
7
7
|
const hooks_1 = require("./hooks");
|
|
8
8
|
require("./navigator-screens.scss");
|
|
9
|
-
const
|
|
9
|
+
const NavigatorRefSetter = ({ navigatorRef, }) => {
|
|
10
|
+
const navigator = (0, components_1.useNavigator)();
|
|
11
|
+
navigatorRef.current = navigator;
|
|
12
|
+
return null;
|
|
13
|
+
};
|
|
14
|
+
const NavigatorScreens = ({ children, screens, initialPath = '/', navigatorRef, onNavigatorPathChange, }) => {
|
|
10
15
|
const navigatorScreens = (0, hooks_1.useNavigatorScreens)(screens);
|
|
11
16
|
// We don't need navigator if there is only one screen
|
|
12
17
|
if (screens.length === 1) {
|
|
13
18
|
return children;
|
|
14
19
|
}
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(components_1.__experimentalNavigatorProvider, { initialPath: initialPath, children: [(0, jsx_runtime_1.jsx)(components_1.__experimentalNavigatorScreen, { path: initialPath, children: children }), navigatorScreens, onNavigatorPathChange && ((0, jsx_runtime_1.jsx)(navigator_listener_1.default, { onNavigatorPathChange: onNavigatorPathChange }))] }));
|
|
20
|
+
return ((0, jsx_runtime_1.jsxs)(components_1.__experimentalNavigatorProvider, { initialPath: initialPath, children: [(0, jsx_runtime_1.jsx)(components_1.__experimentalNavigatorScreen, { path: initialPath, children: children }), navigatorScreens, (0, jsx_runtime_1.jsx)(NavigatorRefSetter, { navigatorRef: navigatorRef }), onNavigatorPathChange && ((0, jsx_runtime_1.jsx)(navigator_listener_1.default, { onNavigatorPathChange: onNavigatorPathChange }))] }));
|
|
16
21
|
};
|
|
17
22
|
exports.default = NavigatorScreens;
|
|
18
23
|
//# sourceMappingURL=navigator-screens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigator-screens.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-screens/navigator-screens.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"navigator-screens.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-screens/navigator-screens.tsx"],"names":[],"mappings":";;;;AAAA,sDAI+B;AAG/B,uFAAsD;AACtD,mCAA8C;AAE9C,oCAAkC;AAElC,MAAM,kBAAkB,GAAG,CAAE,EAC5B,YAAY,GAGZ,EAAG,EAAE;IACL,MAAM,SAAS,GAAG,IAAA,yBAAY,GAAE,CAAC;IACjC,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;IAEjC,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAUF,MAAM,gBAAgB,GAAG,CAAE,EAC1B,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,GAAG,EACjB,YAAY,EACZ,qBAAqB,GACd,EAAG,EAAE;IACZ,MAAM,gBAAgB,GAAG,IAAA,2BAAmB,EAAE,OAAO,CAAE,CAAC;IAExD,sDAAsD;IACtD,IAAK,OAAO,CAAC,MAAM,KAAK,CAAC,EAAG,CAAC;QAC5B,OAAO,QAAQ,CAAC;IACjB,CAAC;IAED,OAAO,CACN,wBAAC,4CAAiB,IAAC,WAAW,EAAG,WAAW,aAC3C,uBAAC,0CAAe,IAAC,IAAI,EAAG,WAAW,YAAK,QAAQ,GAAoB,EAClE,gBAAgB,EAClB,uBAAC,kBAAkB,IAAC,YAAY,EAAG,YAAY,GAAK,EAClD,qBAAqB,IAAI,CAC1B,uBAAC,4BAAiB,IAAC,qBAAqB,EAAG,qBAAqB,GAAK,CACrE,IACkB,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -6,12 +6,13 @@ const components_1 = require("@wordpress/components");
|
|
|
6
6
|
const compose_1 = require("@wordpress/compose");
|
|
7
7
|
const clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
8
8
|
require("./style.scss");
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated Use SelectCardCheckboxV2 instead because it triggers onChange event twice and has accessibility issues
|
|
11
|
+
*/
|
|
9
12
|
const SelectCardCheckbox = ({ children, className, onChange, checked, }) => {
|
|
10
13
|
const instanceId = (0, compose_1.useInstanceId)(components_1.CheckboxControl);
|
|
11
14
|
const id = `select-card-checkbox-${instanceId}`;
|
|
12
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('select-card-checkbox__container', className, {
|
|
13
|
-
'is-checked': checked,
|
|
14
|
-
}), onClick: () => onChange(!checked), role: "presentation", children: [(0, jsx_runtime_1.jsx)(components_1.CheckboxControl, { checked: checked, id: id, onChange: onChange }), (0, jsx_runtime_1.jsx)("label", { className: "select-card-checkbox__label", htmlFor: id, children: children })] }));
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('select-card-checkbox__container', className), onClick: () => onChange(!checked), role: "presentation", children: [(0, jsx_runtime_1.jsx)(components_1.CheckboxControl, { __nextHasNoMarginBottom: true, checked: checked, id: id, onChange: onChange }), (0, jsx_runtime_1.jsx)("label", { className: "select-card-checkbox__label", htmlFor: id, children: children })] }));
|
|
15
16
|
};
|
|
16
17
|
exports.default = SelectCardCheckbox;
|
|
17
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-card-checkbox/index.tsx"],"names":[],"mappings":";;;;AAAA,sDAAwD;AACxD,gDAAmD;AACnD,wDAAwB;AACxB,wBAAsB;AAStB,MAAM,kBAAkB,GAAG,CAAE,EAC5B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,GACkB,EAAG,EAAE;IAC9B,MAAM,UAAU,GAAG,IAAA,uBAAa,EAAE,4BAAe,CAAE,CAAC;IACpD,MAAM,EAAE,GAAG,wBAAyB,UAAW,EAAE,CAAC;IAElD,OAAO,CACN,iCACC,SAAS,EAAG,IAAA,cAAI,EAAE,iCAAiC,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-card-checkbox/index.tsx"],"names":[],"mappings":";;;;AAAA,sDAAwD;AACxD,gDAAmD;AACnD,wDAAwB;AACxB,wBAAsB;AAStB;;GAEG;AACH,MAAM,kBAAkB,GAAG,CAAE,EAC5B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,GACkB,EAAG,EAAE;IAC9B,MAAM,UAAU,GAAG,IAAA,uBAAa,EAAE,4BAAe,CAAE,CAAC;IACpD,MAAM,EAAE,GAAG,wBAAyB,UAAW,EAAE,CAAC;IAElD,OAAO,CACN,iCACC,SAAS,EAAG,IAAA,cAAI,EAAE,iCAAiC,EAAE,SAAS,CAAE,EAChE,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,CAAE,OAAO,CAAE,EACrC,IAAI,EAAC,cAAc,aAEnB,uBAAC,4BAAe,IACf,uBAAuB,QACvB,OAAO,EAAG,OAAO,EACjB,EAAE,EAAG,EAAE,EACP,QAAQ,EAAG,QAAQ,GAClB,EACF,kCAAO,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAG,EAAE,YACxD,QAAQ,GACH,IACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
.select-card-checkbox__container {
|
|
2
|
-
border: 1px solid
|
|
2
|
+
border: 1px solid var(--color-surface-backdrop);
|
|
3
|
+
background: var(--color-surface-backdrop);
|
|
3
4
|
border-radius: 4px;
|
|
4
|
-
padding:
|
|
5
|
+
padding: 16px;
|
|
5
6
|
font-size: 0.875rem;
|
|
6
7
|
cursor: pointer;
|
|
7
8
|
display: flex;
|
|
8
9
|
align-items: center;
|
|
9
10
|
|
|
11
|
+
.components-checkbox-control {
|
|
12
|
+
--checkbox-input-margin: 16px;
|
|
13
|
+
}
|
|
14
|
+
|
|
10
15
|
.select-card-checkbox__label {
|
|
11
16
|
pointer-events: none;
|
|
12
17
|
user-select: none;
|
|
@@ -14,17 +19,9 @@
|
|
|
14
19
|
align-items: center;
|
|
15
20
|
}
|
|
16
21
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
background:
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.components-base-control__field {
|
|
24
|
-
margin-bottom: 0;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.components-checkbox-control__input[type="checkbox"] {
|
|
28
|
-
border-color: #a7aaad;
|
|
22
|
+
&:hover,
|
|
23
|
+
&:has(:checked) {
|
|
24
|
+
background: var(--color-accent-5);
|
|
25
|
+
border-color: var(--color-accent);
|
|
29
26
|
}
|
|
30
27
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const components_1 = require("@wordpress/components");
|
|
6
|
+
const clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
require("./style.scss");
|
|
9
|
+
const SelectCardCheckboxV2 = ({ children, className, onChange, disabled = false, checked = false, isBusy = false, }) => {
|
|
10
|
+
const instanceId = (0, react_1.useId)();
|
|
11
|
+
const id = `select-card-checkbox-v2-${instanceId}`;
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)(components_1.__experimentalHStack, { spacing: 2, as: "label", className: (0, clsx_1.default)('select-card-checkbox-v2', className, { 'is-busy': isBusy }), htmlFor: id, alignment: "left", "aria-checked": checked, "aria-labelledby": `select-card-checkbox-v2-label-${instanceId}`, children: [(0, jsx_runtime_1.jsxs)(components_1.__experimentalHStack, { alignment: "left", spacing: 2, as: "span", children: [(0, jsx_runtime_1.jsx)(components_1.CheckboxControl, { __nextHasNoMarginBottom: true, checked: checked, id: id, onChange: onChange, disabled: disabled || isBusy }), (0, jsx_runtime_1.jsx)("span", { id: `select-card-checkbox-v2-label-${instanceId}`, children: children })] }), isBusy && (0, jsx_runtime_1.jsx)(components_1.Spinner, {})] }));
|
|
13
|
+
};
|
|
14
|
+
exports.default = SelectCardCheckboxV2;
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-card-checkbox-v2/index.tsx"],"names":[],"mappings":";;;;AAAA,sDAAiG;AACjG,wDAAwB;AACxB,iCAA8B;AAC9B,wBAAsB;AAWtB,MAAM,oBAAoB,GAAG,CAAE,EAC9B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,KAAK,GACW,EAAG,EAAE;IAC9B,MAAM,UAAU,GAAG,IAAA,aAAK,GAAE,CAAC;IAC3B,MAAM,EAAE,GAAG,2BAA4B,UAAW,EAAE,CAAC;IAErD,OAAO,CACN,wBAAC,iCAAM,IACN,OAAO,EAAG,CAAC,EACX,EAAE,EAAC,OAAO,EACV,SAAS,EAAG,IAAA,cAAI,EAAE,yBAAyB,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAE,EAC/E,OAAO,EAAG,EAAE,EACZ,SAAS,EAAC,MAAM,kBACD,OAAO,qBACJ,iCAAkC,UAAW,EAAE,aAEjE,wBAAC,iCAAM,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAG,CAAC,EAAG,EAAE,EAAC,MAAM,aAC/C,uBAAC,4BAAe,IACf,uBAAuB,QACvB,OAAO,EAAG,OAAO,EACjB,EAAE,EAAG,EAAE,EACP,QAAQ,EAAG,QAAQ,EACnB,QAAQ,EAAG,QAAQ,IAAI,MAAM,GAC5B,EACF,iCAAM,EAAE,EAAG,iCAAkC,UAAW,EAAE,YAAK,QAAQ,GAAS,IACxE,EACP,MAAM,IAAI,uBAAC,oBAAO,KAAG,IACf,CACT,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import "@wordpress/base-styles/mixins";
|
|
2
|
+
|
|
3
|
+
.select-card-checkbox-v2 {
|
|
4
|
+
border: 1px solid var(--color-surface-backdrop);
|
|
5
|
+
background: var(--color-surface-backdrop);
|
|
6
|
+
border-radius: 4px;
|
|
7
|
+
padding: 16px;
|
|
8
|
+
font-size: 0.875rem;
|
|
9
|
+
cursor: pointer;
|
|
10
|
+
|
|
11
|
+
&.is-busy {
|
|
12
|
+
cursor: progress;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
&:has(:checked) {
|
|
16
|
+
background: var(--color-accent-5);
|
|
17
|
+
border-color: var(--color-accent);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&:has(:focus-visible) {
|
|
21
|
+
@include button-style__focus();
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
|
|
@@ -3,11 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const components_1 = require("@automattic/components");
|
|
6
|
+
const components_2 = require("@wordpress/components");
|
|
6
7
|
const icons_1 = require("@wordpress/icons");
|
|
7
8
|
const clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
8
9
|
require("./style.scss");
|
|
9
10
|
function SelectItems({ className, items, onSelect, preventWidows }) {
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('select-items', className), children: items.map(({ key, title, badge, description, icon, titleIcon, actionText, value,
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('select-items', className), children: items.map(({ key, title, badge, description, icon, titleIcon, actionText, value, allItemClickable, 'aria-label': ariaLabel, }) => ((0, jsx_runtime_1.jsxs)("div", { className: "select-items__item", children: [!titleIcon && ((0, jsx_runtime_1.jsx)(icons_1.Icon, { className: "select-items__item-icon", icon: icon, size: 24 })), (0, jsx_runtime_1.jsxs)("div", { className: "select-items__item-info-wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { className: "select-items__item-info", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "select-items__item-title", children: [titleIcon && ((0, jsx_runtime_1.jsx)(icons_1.Icon, { className: "select-items__item-icon", icon: titleIcon, size: 24 })), (0, jsx_runtime_1.jsx)("span", { className: "select-items__item-title-text", children: preventWidows(title) }), badge && ((0, jsx_runtime_1.jsx)("span", { className: "select-items__item-title-badge", children: (0, jsx_runtime_1.jsx)(components_1.Badge, { className: "free-domain__primary-badge", type: "info-green", children: preventWidows(badge) }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: "select-items__item-description", children: preventWidows(description) })] }), actionText && ((0, jsx_runtime_1.jsx)(components_2.Button, { label: `${title}. ${actionText}`, variant: "secondary", className: "select-items__item-button", onClick: () => onSelect(value), "aria-hidden": allItemClickable ? 'true' : 'false', tabIndex: allItemClickable ? -1 : 0, children: actionText }))] }), allItemClickable && ((0, jsx_runtime_1.jsx)("button", { className: "select-items__item-clickable", onClick: () => onSelect(value), "aria-label": ariaLabel || `${title}. ${description}` }))] }, key))) }));
|
|
11
12
|
}
|
|
12
13
|
exports.default = SelectItems;
|
|
13
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-items/index.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-items/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAC/C,sDAA+C;AAC/C,4CAAwC;AACxC,wDAAwB;AACxB,wBAAsB;AAyBtB,SAAS,WAAW,CAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAc;IACnF,OAAO,CACN,gCAAK,SAAS,EAAG,IAAA,cAAI,EAAE,cAAc,EAAE,SAAS,CAAE,YAC/C,KAAK,CAAC,GAAG,CACV,CAAE,EACD,GAAG,EACH,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,YAAY,EAAE,SAAS,GACvB,EAAG,EAAE,CAAC,CACN,iCAAiB,SAAS,EAAC,oBAAoB,aAC5C,CAAE,SAAS,IAAI,CAChB,uBAAC,YAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAG,IAAI,EAAG,IAAI,EAAG,EAAE,GAAK,CACtE,EACD,iCAAK,SAAS,EAAC,iCAAiC,aAC/C,iCAAK,SAAS,EAAC,yBAAyB,iBAAa,MAAM,aAC1D,gCAAI,SAAS,EAAC,0BAA0B,aACrC,SAAS,IAAI,CACd,uBAAC,YAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAG,SAAS,EAAG,IAAI,EAAG,EAAE,GAAK,CAC3E,EACD,iCAAM,SAAS,EAAC,+BAA+B,YAAG,aAAa,CAAE,KAAK,CAAE,GAAS,EAC/E,KAAK,IAAI,CACV,iCAAM,SAAS,EAAC,gCAAgC,YAC/C,uBAAC,kBAAK,IAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,YAAY,YAC5D,aAAa,CAAE,KAAK,CAAE,GACjB,GACF,CACP,IACG,EACL,gCAAK,SAAS,EAAC,gCAAgC,YAC5C,aAAa,CAAE,WAAW,CAAE,GACzB,IACD,EACJ,UAAU,IAAI,CACf,uBAAC,mBAAM,IACN,KAAK,EAAG,GAAI,KAAM,KAAM,UAAW,EAAE,EACrC,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,KAAK,CAAE,iBACnB,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACjD,QAAQ,EAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAElC,UAAU,GACJ,CACT,IACI,EACJ,gBAAgB,IAAI,CACrB,mCACC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,KAAK,CAAE,gBACpB,SAAS,IAAI,GAAI,KAAM,KAAM,WAAY,EAAE,GACvD,CACF,KA1CS,GAAG,CA2CR,CACN,CACD,GACI,CACN,CAAC;AACH,CAAC;AAED,kBAAe,WAAW,CAAC"}
|
|
@@ -76,10 +76,11 @@
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
|
|
79
|
+
.select-items__item-button {
|
|
80
80
|
margin-top: 24px;
|
|
81
81
|
border-radius: 4px;
|
|
82
82
|
min-width: 130px;
|
|
83
|
+
background-color: var(--color-surface);
|
|
83
84
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
84
85
|
border: 1px solid rgb(195, 196, 199);
|
|
85
86
|
color: #101517;
|