@walkeros/explorer 3.1.0 → 3.1.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/dist/index.d.ts +1338 -69
- package/dist/index.js +1 -59
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +6 -6
- package/dist/__mocks__/@monaco-editor/react.d.ts +0 -3
- package/dist/__mocks__/@monaco-editor/react.d.ts.map +0 -1
- package/dist/__mocks__/@monaco-editor/react.js +0 -4
- package/dist/__mocks__/@monaco-editor/react.js.map +0 -1
- package/dist/components/atoms/box.d.ts +0 -27
- package/dist/components/atoms/box.d.ts.map +0 -1
- package/dist/components/atoms/box.js +0 -86
- package/dist/components/atoms/box.js.map +0 -1
- package/dist/components/atoms/box.stories.d.ts +0 -34
- package/dist/components/atoms/box.stories.d.ts.map +0 -1
- package/dist/components/atoms/box.stories.js +0 -104
- package/dist/components/atoms/box.stories.js.map +0 -1
- package/dist/components/atoms/button-group.d.ts +0 -17
- package/dist/components/atoms/button-group.d.ts.map +0 -1
- package/dist/components/atoms/button-group.js +0 -12
- package/dist/components/atoms/button-group.js.map +0 -1
- package/dist/components/atoms/button-group.stories.d.ts +0 -18
- package/dist/components/atoms/button-group.stories.d.ts.map +0 -1
- package/dist/components/atoms/button-group.stories.js +0 -39
- package/dist/components/atoms/button-group.stories.js.map +0 -1
- package/dist/components/atoms/button-link.d.ts +0 -12
- package/dist/components/atoms/button-link.d.ts.map +0 -1
- package/dist/components/atoms/button-link.js +0 -10
- package/dist/components/atoms/button-link.js.map +0 -1
- package/dist/components/atoms/button-link.stories.d.ts +0 -11
- package/dist/components/atoms/button-link.stories.d.ts.map +0 -1
- package/dist/components/atoms/button-link.stories.js +0 -50
- package/dist/components/atoms/button-link.stories.js.map +0 -1
- package/dist/components/atoms/button.d.ts +0 -15
- package/dist/components/atoms/button.d.ts.map +0 -1
- package/dist/components/atoms/button.js +0 -11
- package/dist/components/atoms/button.js.map +0 -1
- package/dist/components/atoms/button.stories.d.ts +0 -14
- package/dist/components/atoms/button.stories.d.ts.map +0 -1
- package/dist/components/atoms/button.stories.js +0 -25
- package/dist/components/atoms/button.stories.js.map +0 -1
- package/dist/components/atoms/code.d.ts +0 -92
- package/dist/components/atoms/code.d.ts.map +0 -1
- package/dist/components/atoms/code.js +0 -405
- package/dist/components/atoms/code.js.map +0 -1
- package/dist/components/atoms/code.stories.d.ts +0 -46
- package/dist/components/atoms/code.stories.d.ts.map +0 -1
- package/dist/components/atoms/code.stories.js +0 -156
- package/dist/components/atoms/code.stories.js.map +0 -1
- package/dist/components/atoms/footer.d.ts +0 -21
- package/dist/components/atoms/footer.d.ts.map +0 -1
- package/dist/components/atoms/footer.js +0 -19
- package/dist/components/atoms/footer.js.map +0 -1
- package/dist/components/atoms/footer.stories.d.ts +0 -14
- package/dist/components/atoms/footer.stories.d.ts.map +0 -1
- package/dist/components/atoms/footer.stories.js +0 -29
- package/dist/components/atoms/footer.stories.js.map +0 -1
- package/dist/components/atoms/grid.d.ts +0 -65
- package/dist/components/atoms/grid.d.ts.map +0 -1
- package/dist/components/atoms/grid.js +0 -169
- package/dist/components/atoms/grid.js.map +0 -1
- package/dist/components/atoms/grid.stories.d.ts +0 -18
- package/dist/components/atoms/grid.stories.d.ts.map +0 -1
- package/dist/components/atoms/grid.stories.js +0 -60
- package/dist/components/atoms/grid.stories.js.map +0 -1
- package/dist/components/atoms/header.d.ts +0 -7
- package/dist/components/atoms/header.d.ts.map +0 -1
- package/dist/components/atoms/header.js +0 -5
- package/dist/components/atoms/header.js.map +0 -1
- package/dist/components/atoms/header.stories.d.ts +0 -15
- package/dist/components/atoms/header.stories.d.ts.map +0 -1
- package/dist/components/atoms/header.stories.js +0 -37
- package/dist/components/atoms/header.stories.js.map +0 -1
- package/dist/components/atoms/icons/icon.stories.d.ts +0 -18
- package/dist/components/atoms/icons/icon.stories.d.ts.map +0 -1
- package/dist/components/atoms/icons/icon.stories.js +0 -37
- package/dist/components/atoms/icons/icon.stories.js.map +0 -1
- package/dist/components/atoms/icons/icons.d.ts +0 -2
- package/dist/components/atoms/icons/icons.d.ts.map +0 -1
- package/dist/components/atoms/icons/icons.js +0 -7
- package/dist/components/atoms/icons/icons.js.map +0 -1
- package/dist/components/atoms/icons/index.d.ts +0 -3
- package/dist/components/atoms/icons/index.d.ts.map +0 -1
- package/dist/components/atoms/icons/index.js +0 -3
- package/dist/components/atoms/icons/index.js.map +0 -1
- package/dist/components/atoms/mdx-code.d.ts +0 -33
- package/dist/components/atoms/mdx-code.d.ts.map +0 -1
- package/dist/components/atoms/mdx-code.js +0 -69
- package/dist/components/atoms/mdx-code.js.map +0 -1
- package/dist/components/atoms/preview-footer.d.ts +0 -32
- package/dist/components/atoms/preview-footer.d.ts.map +0 -1
- package/dist/components/atoms/preview-footer.js +0 -31
- package/dist/components/atoms/preview-footer.js.map +0 -1
- package/dist/components/atoms/spinner.d.ts +0 -17
- package/dist/components/atoms/spinner.d.ts.map +0 -1
- package/dist/components/atoms/spinner.js +0 -14
- package/dist/components/atoms/spinner.js.map +0 -1
- package/dist/components/atoms/spinner.stories.d.ts +0 -7
- package/dist/components/atoms/spinner.stories.d.ts.map +0 -1
- package/dist/components/atoms/spinner.stories.js +0 -9
- package/dist/components/atoms/spinner.stories.js.map +0 -1
- package/dist/components/atoms/toggle.d.ts +0 -9
- package/dist/components/atoms/toggle.d.ts.map +0 -1
- package/dist/components/atoms/toggle.js +0 -6
- package/dist/components/atoms/toggle.js.map +0 -1
- package/dist/components/demos/DestinationDemo.d.ts +0 -48
- package/dist/components/demos/DestinationDemo.d.ts.map +0 -1
- package/dist/components/demos/DestinationDemo.js +0 -105
- package/dist/components/demos/DestinationDemo.js.map +0 -1
- package/dist/components/demos/DestinationDemo.stories.d.ts +0 -17
- package/dist/components/demos/DestinationDemo.stories.d.ts.map +0 -1
- package/dist/components/demos/DestinationDemo.stories.js +0 -53
- package/dist/components/demos/DestinationDemo.stories.js.map +0 -1
- package/dist/components/demos/DestinationInitDemo.d.ts +0 -34
- package/dist/components/demos/DestinationInitDemo.d.ts.map +0 -1
- package/dist/components/demos/DestinationInitDemo.js +0 -73
- package/dist/components/demos/DestinationInitDemo.js.map +0 -1
- package/dist/components/demos/DestinationInitDemo.stories.d.ts +0 -17
- package/dist/components/demos/DestinationInitDemo.stories.d.ts.map +0 -1
- package/dist/components/demos/DestinationInitDemo.stories.js +0 -39
- package/dist/components/demos/DestinationInitDemo.stories.js.map +0 -1
- package/dist/components/demos/PromotionPlayground.d.ts +0 -30
- package/dist/components/demos/PromotionPlayground.d.ts.map +0 -1
- package/dist/components/demos/PromotionPlayground.js +0 -366
- package/dist/components/demos/PromotionPlayground.js.map +0 -1
- package/dist/components/demos/PromotionPlayground.stories.d.ts +0 -27
- package/dist/components/demos/PromotionPlayground.stories.d.ts.map +0 -1
- package/dist/components/demos/PromotionPlayground.stories.js +0 -32
- package/dist/components/demos/PromotionPlayground.stories.js.map +0 -1
- package/dist/components/molecules/architecture-flow/ArchitectureFlow.d.ts +0 -24
- package/dist/components/molecules/architecture-flow/ArchitectureFlow.d.ts.map +0 -1
- package/dist/components/molecules/architecture-flow/ArchitectureFlow.js +0 -10
- package/dist/components/molecules/architecture-flow/ArchitectureFlow.js.map +0 -1
- package/dist/components/molecules/architecture-flow/ArchitectureFlow.stories.d.ts +0 -7
- package/dist/components/molecules/architecture-flow/ArchitectureFlow.stories.d.ts.map +0 -1
- package/dist/components/molecules/architecture-flow/ArchitectureFlow.stories.js +0 -71
- package/dist/components/molecules/architecture-flow/ArchitectureFlow.stories.js.map +0 -1
- package/dist/components/molecules/architecture-flow/index.d.ts +0 -3
- package/dist/components/molecules/architecture-flow/index.d.ts.map +0 -1
- package/dist/components/molecules/architecture-flow/index.js +0 -2
- package/dist/components/molecules/architecture-flow/index.js.map +0 -1
- package/dist/components/molecules/code-box.d.ts +0 -75
- package/dist/components/molecules/code-box.d.ts.map +0 -1
- package/dist/components/molecules/code-box.js +0 -174
- package/dist/components/molecules/code-box.js.map +0 -1
- package/dist/components/molecules/code-box.stories.d.ts +0 -87
- package/dist/components/molecules/code-box.stories.d.ts.map +0 -1
- package/dist/components/molecules/code-box.stories.js +0 -300
- package/dist/components/molecules/code-box.stories.js.map +0 -1
- package/dist/components/molecules/code-snippet.d.ts +0 -58
- package/dist/components/molecules/code-snippet.d.ts.map +0 -1
- package/dist/components/molecules/code-snippet.js +0 -72
- package/dist/components/molecules/code-snippet.js.map +0 -1
- package/dist/components/molecules/code-snippet.stories.d.ts +0 -23
- package/dist/components/molecules/code-snippet.stories.d.ts.map +0 -1
- package/dist/components/molecules/code-snippet.stories.js +0 -87
- package/dist/components/molecules/code-snippet.stories.js.map +0 -1
- package/dist/components/molecules/dropdown.d.ts +0 -68
- package/dist/components/molecules/dropdown.d.ts.map +0 -1
- package/dist/components/molecules/dropdown.js +0 -47
- package/dist/components/molecules/dropdown.js.map +0 -1
- package/dist/components/molecules/dropdown.stories.d.ts +0 -7
- package/dist/components/molecules/dropdown.stories.d.ts.map +0 -1
- package/dist/components/molecules/dropdown.stories.js +0 -18
- package/dist/components/molecules/dropdown.stories.js.map +0 -1
- package/dist/components/molecules/flow-map/FlowMap.d.ts +0 -74
- package/dist/components/molecules/flow-map/FlowMap.d.ts.map +0 -1
- package/dist/components/molecules/flow-map/FlowMap.js +0 -1039
- package/dist/components/molecules/flow-map/FlowMap.js.map +0 -1
- package/dist/components/molecules/flow-map/FlowMap.stories.d.ts +0 -47
- package/dist/components/molecules/flow-map/FlowMap.stories.d.ts.map +0 -1
- package/dist/components/molecules/flow-map/FlowMap.stories.js +0 -355
- package/dist/components/molecules/flow-map/FlowMap.stories.js.map +0 -1
- package/dist/components/molecules/flow-map/FlowMap.transformers.stories.d.ts +0 -29
- package/dist/components/molecules/flow-map/FlowMap.transformers.stories.d.ts.map +0 -1
- package/dist/components/molecules/flow-map/FlowMap.transformers.stories.js +0 -117
- package/dist/components/molecules/flow-map/FlowMap.transformers.stories.js.map +0 -1
- package/dist/components/molecules/flow-map/index.d.ts +0 -3
- package/dist/components/molecules/flow-map/index.d.ts.map +0 -1
- package/dist/components/molecules/flow-map/index.js +0 -2
- package/dist/components/molecules/flow-map/index.js.map +0 -1
- package/dist/components/molecules/preview.d.ts +0 -23
- package/dist/components/molecules/preview.d.ts.map +0 -1
- package/dist/components/molecules/preview.js +0 -232
- package/dist/components/molecules/preview.js.map +0 -1
- package/dist/components/molecules/preview.stories.d.ts +0 -23
- package/dist/components/molecules/preview.stories.d.ts.map +0 -1
- package/dist/components/molecules/preview.stories.js +0 -186
- package/dist/components/molecules/preview.stories.js.map +0 -1
- package/dist/components/molecules/property-table.d.ts +0 -7
- package/dist/components/molecules/property-table.d.ts.map +0 -1
- package/dist/components/molecules/property-table.js +0 -88
- package/dist/components/molecules/property-table.js.map +0 -1
- package/dist/components/molecules/property-table.stories.d.ts +0 -24
- package/dist/components/molecules/property-table.stories.d.ts.map +0 -1
- package/dist/components/molecules/property-table.stories.js +0 -86
- package/dist/components/molecules/property-table.stories.js.map +0 -1
- package/dist/components/organisms/browser-box.d.ts +0 -31
- package/dist/components/organisms/browser-box.d.ts.map +0 -1
- package/dist/components/organisms/browser-box.js +0 -80
- package/dist/components/organisms/browser-box.js.map +0 -1
- package/dist/components/organisms/browser-box.stories.d.ts +0 -26
- package/dist/components/organisms/browser-box.stories.d.ts.map +0 -1
- package/dist/components/organisms/browser-box.stories.js +0 -102
- package/dist/components/organisms/browser-box.stories.js.map +0 -1
- package/dist/components/organisms/collector-box.d.ts +0 -24
- package/dist/components/organisms/collector-box.d.ts.map +0 -1
- package/dist/components/organisms/collector-box.js +0 -56
- package/dist/components/organisms/collector-box.js.map +0 -1
- package/dist/components/organisms/collector-box.stories.d.ts +0 -22
- package/dist/components/organisms/collector-box.stories.d.ts.map +0 -1
- package/dist/components/organisms/collector-box.stories.js +0 -59
- package/dist/components/organisms/collector-box.stories.js.map +0 -1
- package/dist/components/organisms/live-code.d.ts +0 -22
- package/dist/components/organisms/live-code.d.ts.map +0 -1
- package/dist/components/organisms/live-code.js +0 -50
- package/dist/components/organisms/live-code.js.map +0 -1
- package/dist/components/organisms/live-code.stories.d.ts +0 -24
- package/dist/components/organisms/live-code.stories.d.ts.map +0 -1
- package/dist/components/organisms/live-code.stories.js +0 -55
- package/dist/components/organisms/live-code.stories.js.map +0 -1
- package/dist/components/ui/button.d.ts +0 -4
- package/dist/components/ui/button.d.ts.map +0 -1
- package/dist/components/ui/button.js +0 -6
- package/dist/components/ui/button.js.map +0 -1
- package/dist/components/ui/icon.d.ts +0 -5
- package/dist/components/ui/icon.d.ts.map +0 -1
- package/dist/components/ui/icon.js +0 -5
- package/dist/components/ui/icon.js.map +0 -1
- package/dist/contexts/GridHeightContext.d.ts +0 -11
- package/dist/contexts/GridHeightContext.d.ts.map +0 -1
- package/dist/contexts/GridHeightContext.js +0 -14
- package/dist/contexts/GridHeightContext.js.map +0 -1
- package/dist/helpers/capture.d.ts +0 -83
- package/dist/helpers/capture.d.ts.map +0 -1
- package/dist/helpers/capture.js +0 -125
- package/dist/helpers/capture.js.map +0 -1
- package/dist/helpers/destinations.d.ts +0 -21
- package/dist/helpers/destinations.d.ts.map +0 -1
- package/dist/helpers/destinations.js +0 -46
- package/dist/helpers/destinations.js.map +0 -1
- package/dist/hooks/useDropdown.d.ts +0 -34
- package/dist/hooks/useDropdown.d.ts.map +0 -1
- package/dist/hooks/useDropdown.js +0 -66
- package/dist/hooks/useDropdown.js.map +0 -1
- package/dist/hooks/useMonacoHeight.d.ts +0 -31
- package/dist/hooks/useMonacoHeight.d.ts.map +0 -1
- package/dist/hooks/useMonacoHeight.js +0 -83
- package/dist/hooks/useMonacoHeight.js.map +0 -1
- package/dist/hooks/useTreeState.d.ts +0 -32
- package/dist/hooks/useTreeState.d.ts.map +0 -1
- package/dist/hooks/useTreeState.js +0 -94
- package/dist/hooks/useTreeState.js.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/lib/utils.d.ts +0 -7
- package/dist/lib/utils.d.ts.map +0 -1
- package/dist/lib/utils.js +0 -10
- package/dist/lib/utils.js.map +0 -1
- package/dist/providers/MDXProvider.d.ts +0 -40
- package/dist/providers/MDXProvider.d.ts.map +0 -1
- package/dist/providers/MDXProvider.js +0 -57
- package/dist/providers/MDXProvider.js.map +0 -1
- package/dist/themes/index.d.ts +0 -23
- package/dist/themes/index.d.ts.map +0 -1
- package/dist/themes/index.js +0 -29
- package/dist/themes/index.js.map +0 -1
- package/dist/themes/lighthouse.d.ts +0 -26
- package/dist/themes/lighthouse.d.ts.map +0 -1
- package/dist/themes/lighthouse.js +0 -230
- package/dist/themes/lighthouse.js.map +0 -1
- package/dist/themes/palenight.d.ts +0 -31
- package/dist/themes/palenight.d.ts.map +0 -1
- package/dist/themes/palenight.js +0 -236
- package/dist/themes/palenight.js.map +0 -1
- package/dist/themes/types.d.ts +0 -103
- package/dist/themes/types.d.ts.map +0 -1
- package/dist/themes/types.js +0 -8
- package/dist/themes/types.js.map +0 -1
- package/dist/types/intellisense.d.ts +0 -33
- package/dist/types/intellisense.d.ts.map +0 -1
- package/dist/types/intellisense.js +0 -2
- package/dist/types/intellisense.js.map +0 -1
- package/dist/utils/code-normalizer.d.ts +0 -11
- package/dist/utils/code-normalizer.d.ts.map +0 -1
- package/dist/utils/code-normalizer.js +0 -21
- package/dist/utils/code-normalizer.js.map +0 -1
- package/dist/utils/contract-path-walker.d.ts +0 -27
- package/dist/utils/contract-path-walker.d.ts.map +0 -1
- package/dist/utils/contract-path-walker.js +0 -145
- package/dist/utils/contract-path-walker.js.map +0 -1
- package/dist/utils/format-code.d.ts +0 -9
- package/dist/utils/format-code.d.ts.map +0 -1
- package/dist/utils/format-code.js +0 -77
- package/dist/utils/format-code.js.map +0 -1
- package/dist/utils/mapping-context-detector.d.ts +0 -17
- package/dist/utils/mapping-context-detector.d.ts.map +0 -1
- package/dist/utils/mapping-context-detector.js +0 -22
- package/dist/utils/mapping-context-detector.js.map +0 -1
- package/dist/utils/monaco-context-types.d.ts +0 -39
- package/dist/utils/monaco-context-types.d.ts.map +0 -1
- package/dist/utils/monaco-context-types.js +0 -426
- package/dist/utils/monaco-context-types.js.map +0 -1
- package/dist/utils/monaco-decorators.d.ts +0 -17
- package/dist/utils/monaco-decorators.d.ts.map +0 -1
- package/dist/utils/monaco-decorators.js +0 -81
- package/dist/utils/monaco-decorators.js.map +0 -1
- package/dist/utils/monaco-formatters.d.ts +0 -16
- package/dist/utils/monaco-formatters.d.ts.map +0 -1
- package/dist/utils/monaco-formatters.js +0 -139
- package/dist/utils/monaco-formatters.js.map +0 -1
- package/dist/utils/monaco-intellisense-flow-extractor.d.ts +0 -13
- package/dist/utils/monaco-intellisense-flow-extractor.d.ts.map +0 -1
- package/dist/utils/monaco-intellisense-flow-extractor.js +0 -168
- package/dist/utils/monaco-intellisense-flow-extractor.js.map +0 -1
- package/dist/utils/monaco-json-path.d.ts +0 -12
- package/dist/utils/monaco-json-path.d.ts.map +0 -1
- package/dist/utils/monaco-json-path.js +0 -68
- package/dist/utils/monaco-json-path.js.map +0 -1
- package/dist/utils/monaco-json-schema.d.ts +0 -45
- package/dist/utils/monaco-json-schema.d.ts.map +0 -1
- package/dist/utils/monaco-json-schema.js +0 -90
- package/dist/utils/monaco-json-schema.js.map +0 -1
- package/dist/utils/monaco-schema-contract.d.ts +0 -8
- package/dist/utils/monaco-schema-contract.d.ts.map +0 -1
- package/dist/utils/monaco-schema-contract.js +0 -73
- package/dist/utils/monaco-schema-contract.js.map +0 -1
- package/dist/utils/monaco-schema-enrichment.d.ts +0 -26
- package/dist/utils/monaco-schema-enrichment.d.ts.map +0 -1
- package/dist/utils/monaco-schema-enrichment.js +0 -31
- package/dist/utils/monaco-schema-enrichment.js.map +0 -1
- package/dist/utils/monaco-schema-flow-config.d.ts +0 -10
- package/dist/utils/monaco-schema-flow-config.d.ts.map +0 -1
- package/dist/utils/monaco-schema-flow-config.js +0 -201
- package/dist/utils/monaco-schema-flow-config.js.map +0 -1
- package/dist/utils/monaco-schema-variables.d.ts +0 -4
- package/dist/utils/monaco-schema-variables.d.ts.map +0 -1
- package/dist/utils/monaco-schema-variables.js +0 -26
- package/dist/utils/monaco-schema-variables.js.map +0 -1
- package/dist/utils/monaco-types.d.ts +0 -174
- package/dist/utils/monaco-types.d.ts.map +0 -1
- package/dist/utils/monaco-types.js +0 -378
- package/dist/utils/monaco-types.js.map +0 -1
- package/dist/utils/monaco-walkeros-completions.d.ts +0 -23
- package/dist/utils/monaco-walkeros-completions.d.ts.map +0 -1
- package/dist/utils/monaco-walkeros-completions.js +0 -258
- package/dist/utils/monaco-walkeros-completions.js.map +0 -1
- package/dist/utils/monaco-walkeros-decorations.d.ts +0 -29
- package/dist/utils/monaco-walkeros-decorations.d.ts.map +0 -1
- package/dist/utils/monaco-walkeros-decorations.js +0 -87
- package/dist/utils/monaco-walkeros-decorations.js.map +0 -1
- package/dist/utils/monaco-walkeros-markers.d.ts +0 -13
- package/dist/utils/monaco-walkeros-markers.d.ts.map +0 -1
- package/dist/utils/monaco-walkeros-markers.js +0 -69
- package/dist/utils/monaco-walkeros-markers.js.map +0 -1
- package/dist/utils/monaco-walkeros-providers.d.ts +0 -19
- package/dist/utils/monaco-walkeros-providers.d.ts.map +0 -1
- package/dist/utils/monaco-walkeros-providers.js +0 -284
- package/dist/utils/monaco-walkeros-providers.js.map +0 -1
- package/dist/utils/path-analyzer.d.ts +0 -88
- package/dist/utils/path-analyzer.d.ts.map +0 -1
- package/dist/utils/path-analyzer.js +0 -215
- package/dist/utils/path-analyzer.js.map +0 -1
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import { FlowMap } from './FlowMap';
|
|
2
|
-
const meta = {
|
|
3
|
-
title: 'Molecules/FlowMap/Transformers',
|
|
4
|
-
component: FlowMap,
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: 'centered',
|
|
7
|
-
},
|
|
8
|
-
};
|
|
9
|
-
export default meta;
|
|
10
|
-
/**
|
|
11
|
-
* Simple flow with a single pre-transformer between source and collector.
|
|
12
|
-
*/
|
|
13
|
-
export const SimplePreTransformer = {
|
|
14
|
-
args: {
|
|
15
|
-
sources: {
|
|
16
|
-
web: { label: 'Source', text: 'walker.js', next: 'validator' },
|
|
17
|
-
},
|
|
18
|
-
preTransformers: {
|
|
19
|
-
validator: { label: 'Validator', text: 'JSON Schema' },
|
|
20
|
-
},
|
|
21
|
-
collector: { label: 'Collector' },
|
|
22
|
-
destinations: {
|
|
23
|
-
ga4: { label: 'Destination', text: 'GA4' },
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
/**
|
|
28
|
-
* Full flow with both pre-transformers and post-transformers.
|
|
29
|
-
*/
|
|
30
|
-
export const BothPreAndPostTransformers = {
|
|
31
|
-
args: {
|
|
32
|
-
sources: {
|
|
33
|
-
web: { label: 'Source', text: 'walker.js', next: 'validator' },
|
|
34
|
-
},
|
|
35
|
-
preTransformers: {
|
|
36
|
-
validator: { label: 'Validator', next: 'enricher' },
|
|
37
|
-
enricher: { label: 'Enricher' },
|
|
38
|
-
},
|
|
39
|
-
collector: { label: 'Collector' },
|
|
40
|
-
postTransformers: {
|
|
41
|
-
consent: { label: 'Consent', next: 'redactor' },
|
|
42
|
-
redactor: { label: 'Redactor' },
|
|
43
|
-
},
|
|
44
|
-
destinations: {
|
|
45
|
-
ga4: { label: 'Destination', text: 'GA4', before: 'redactor' },
|
|
46
|
-
},
|
|
47
|
-
},
|
|
48
|
-
};
|
|
49
|
-
/**
|
|
50
|
-
* Full flow with stageBefore, stageAfter, and transformers.
|
|
51
|
-
*/
|
|
52
|
-
export const FullFlowWithContext = {
|
|
53
|
-
args: {
|
|
54
|
-
stageBefore: { label: 'Browser', text: 'Click event' },
|
|
55
|
-
sources: {
|
|
56
|
-
web: { label: 'Source', text: 'walker.js', next: 'validator' },
|
|
57
|
-
},
|
|
58
|
-
preTransformers: {
|
|
59
|
-
validator: { label: 'Validator' },
|
|
60
|
-
},
|
|
61
|
-
collector: { label: 'Collector' },
|
|
62
|
-
postTransformers: {
|
|
63
|
-
redactor: { label: 'Redactor' },
|
|
64
|
-
},
|
|
65
|
-
destinations: {
|
|
66
|
-
ga4: { label: 'Destination', text: 'GA4', before: 'redactor' },
|
|
67
|
-
},
|
|
68
|
-
stageAfter: { label: 'gtag', text: 'Reporting' },
|
|
69
|
-
},
|
|
70
|
-
};
|
|
71
|
-
/**
|
|
72
|
-
* Combined test: skip connections on BOTH left and right sides.
|
|
73
|
-
* Shows all 4 arrow cases: up/down on left, up/down on right.
|
|
74
|
-
* - Left: Web→Validator (down), App→Enricher (up)
|
|
75
|
-
* - Right: Consent→BigQuery (up), Redactor→GA4 (down)
|
|
76
|
-
*/
|
|
77
|
-
export const AllArrowDirections = {
|
|
78
|
-
args: {
|
|
79
|
-
sources: {
|
|
80
|
-
web: { label: 'Web', text: 'walker.js', next: 'validator' },
|
|
81
|
-
app: { label: 'App', text: 'SDK', next: 'enricher' },
|
|
82
|
-
},
|
|
83
|
-
preTransformers: {
|
|
84
|
-
validator: { label: 'Validator', next: 'enricher' },
|
|
85
|
-
enricher: { label: 'Enricher' },
|
|
86
|
-
},
|
|
87
|
-
collector: { label: 'Collector' },
|
|
88
|
-
postTransformers: {
|
|
89
|
-
consent: { label: 'Consent', next: 'redactor' },
|
|
90
|
-
redactor: { label: 'Redactor' },
|
|
91
|
-
},
|
|
92
|
-
destinations: {
|
|
93
|
-
bigquery: { label: 'BigQuery', before: 'consent' },
|
|
94
|
-
ga4: { label: 'GA4', before: 'redactor' },
|
|
95
|
-
},
|
|
96
|
-
},
|
|
97
|
-
};
|
|
98
|
-
/**
|
|
99
|
-
* Three pre-transformers in a chain.
|
|
100
|
-
*/
|
|
101
|
-
export const LongPreTransformerChain = {
|
|
102
|
-
args: {
|
|
103
|
-
sources: {
|
|
104
|
-
web: { label: 'Source', next: 'validator' },
|
|
105
|
-
},
|
|
106
|
-
preTransformers: {
|
|
107
|
-
validator: { label: 'Validator', next: 'enricher' },
|
|
108
|
-
enricher: { label: 'Enricher', next: 'filter' },
|
|
109
|
-
filter: { label: 'Filter' },
|
|
110
|
-
},
|
|
111
|
-
collector: { label: 'Collector' },
|
|
112
|
-
destinations: {
|
|
113
|
-
ga4: { label: 'Destination' },
|
|
114
|
-
},
|
|
115
|
-
},
|
|
116
|
-
};
|
|
117
|
-
//# sourceMappingURL=FlowMap.transformers.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FlowMap.transformers.stories.js","sourceRoot":"","sources":["../../../../src/components/molecules/flow-map/FlowMap.transformers.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/flow-map/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,UAAU,EACV,gBAAgB,GACjB,MAAM,WAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/flow-map/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { Elb } from '@walkeros/core';
|
|
2
|
-
export interface PreviewProps {
|
|
3
|
-
html: string;
|
|
4
|
-
css?: string;
|
|
5
|
-
elb?: Elb.Fn;
|
|
6
|
-
label?: string;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Preview - HTML preview wrapped in a Box with highlight buttons
|
|
10
|
-
*
|
|
11
|
-
* Renders HTML in an isolated iframe with highlight buttons footer.
|
|
12
|
-
* When elb is provided, initializes walkerOS browser source in iframe
|
|
13
|
-
* that pushes events to the parent collector.
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* // Read-only preview
|
|
17
|
-
* <Preview html={html} css={css} label="Preview" />
|
|
18
|
-
*
|
|
19
|
-
* // Interactive preview with event capture (elb from parent collector)
|
|
20
|
-
* <Preview html={html} css={css} elb={elb} label="Preview" />
|
|
21
|
-
*/
|
|
22
|
-
export declare function Preview({ html, css, elb, label, }: PreviewProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
//# sourceMappingURL=preview.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/preview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAwC,MAAM,gBAAgB,CAAC;AAgBhF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,GAAQ,EACR,GAAG,EACH,KAAiB,GAClB,EAAE,YAAY,2CAuPd"}
|
|
@@ -1,232 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useEffect, useRef, useCallback } from 'react';
|
|
3
|
-
import { sourceBrowser, } from '@walkeros/web-source-browser';
|
|
4
|
-
import { Box } from '../atoms/box';
|
|
5
|
-
import { PreviewFooter } from '../atoms/preview-footer';
|
|
6
|
-
/**
|
|
7
|
-
* Preview - HTML preview wrapped in a Box with highlight buttons
|
|
8
|
-
*
|
|
9
|
-
* Renders HTML in an isolated iframe with highlight buttons footer.
|
|
10
|
-
* When elb is provided, initializes walkerOS browser source in iframe
|
|
11
|
-
* that pushes events to the parent collector.
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* // Read-only preview
|
|
15
|
-
* <Preview html={html} css={css} label="Preview" />
|
|
16
|
-
*
|
|
17
|
-
* // Interactive preview with event capture (elb from parent collector)
|
|
18
|
-
* <Preview html={html} css={css} elb={elb} label="Preview" />
|
|
19
|
-
*/
|
|
20
|
-
export function Preview({ html, css = '', elb, label = 'Preview', }) {
|
|
21
|
-
const [highlights, setHighlights] = useState(new Set());
|
|
22
|
-
const iframeRef = useRef(null);
|
|
23
|
-
const updateTimeoutRef = useRef(undefined);
|
|
24
|
-
const elbRef = useRef(elb);
|
|
25
|
-
const sourceRef = useRef(null);
|
|
26
|
-
// Keep elbRef in sync
|
|
27
|
-
useEffect(() => {
|
|
28
|
-
elbRef.current = elb;
|
|
29
|
-
}, [elb]);
|
|
30
|
-
const toggleHighlight = (type) => {
|
|
31
|
-
setHighlights((prev) => {
|
|
32
|
-
const next = new Set(prev);
|
|
33
|
-
if (next.has(type)) {
|
|
34
|
-
next.delete(type);
|
|
35
|
-
}
|
|
36
|
-
else {
|
|
37
|
-
next.add(type);
|
|
38
|
-
}
|
|
39
|
-
return next;
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
const autoMarkProperties = useCallback((container) => {
|
|
43
|
-
const entities = container.querySelectorAll('[data-elb]');
|
|
44
|
-
entities.forEach((entity) => {
|
|
45
|
-
const entityName = entity.getAttribute('data-elb');
|
|
46
|
-
if (!entityName)
|
|
47
|
-
return;
|
|
48
|
-
const propertySelector = `[data-elb-${entityName}]`;
|
|
49
|
-
entity.querySelectorAll(propertySelector).forEach((el) => {
|
|
50
|
-
el.setAttribute('data-elbproperty', '');
|
|
51
|
-
});
|
|
52
|
-
});
|
|
53
|
-
}, []);
|
|
54
|
-
useEffect(() => {
|
|
55
|
-
if (updateTimeoutRef.current) {
|
|
56
|
-
clearTimeout(updateTimeoutRef.current);
|
|
57
|
-
}
|
|
58
|
-
updateTimeoutRef.current = setTimeout(() => {
|
|
59
|
-
const iframe = iframeRef.current;
|
|
60
|
-
if (!iframe || !iframe.contentDocument)
|
|
61
|
-
return;
|
|
62
|
-
const doc = iframe.contentDocument;
|
|
63
|
-
const highlightClasses = Array.from(highlights)
|
|
64
|
-
.map((type) => `highlight-${type}`)
|
|
65
|
-
.join(' ');
|
|
66
|
-
doc.open();
|
|
67
|
-
doc.write(`
|
|
68
|
-
<!DOCTYPE html>
|
|
69
|
-
<html>
|
|
70
|
-
<head>
|
|
71
|
-
<meta charset="utf-8">
|
|
72
|
-
<style>
|
|
73
|
-
/* Reset */
|
|
74
|
-
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
75
|
-
body {
|
|
76
|
-
padding: 1.5rem;
|
|
77
|
-
background: #f9fafb;
|
|
78
|
-
color: #111827;
|
|
79
|
-
min-height: 100vh;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
@media (prefers-color-scheme: dark) {
|
|
83
|
-
body {
|
|
84
|
-
background: #1f2937;
|
|
85
|
-
color: #e5e7eb;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
/* User CSS */
|
|
90
|
-
${css}
|
|
91
|
-
|
|
92
|
-
/* Highlight CSS - imported from highlight styles */
|
|
93
|
-
:root {
|
|
94
|
-
--highlight-globals: #4fc3f7cc;
|
|
95
|
-
--highlight-context: #ffbd44cc;
|
|
96
|
-
--highlight-entity: #00ca4ecc;
|
|
97
|
-
--highlight-property: #ff605ccc;
|
|
98
|
-
--highlight-action: #9900ffcc;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
body.elb-highlight.highlight-entity [data-elb] {
|
|
102
|
-
box-shadow: 0 0 0 2px var(--highlight-entity);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
body.elb-highlight.highlight-context [data-elbcontext] {
|
|
106
|
-
box-shadow: 0 0 0 2px var(--highlight-context);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
body.elb-highlight.highlight-property [data-elbproperty] {
|
|
110
|
-
box-shadow: 0 0 0 2px var(--highlight-property);
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
body.elb-highlight.highlight-action [data-elbaction] {
|
|
114
|
-
box-shadow: 0 0 0 2px var(--highlight-action);
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
/* Combined highlights */
|
|
118
|
-
body.elb-highlight.highlight-entity.highlight-action [data-elb][data-elbaction] {
|
|
119
|
-
box-shadow: 0 0 0 2px var(--highlight-action), 0 0 0 4px var(--highlight-entity);
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
body.elb-highlight.highlight-entity.highlight-context [data-elb][data-elbcontext] {
|
|
123
|
-
box-shadow: 0 0 0 2px var(--highlight-entity), 0 0 0 4px var(--highlight-context);
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
body.elb-highlight.highlight-action.highlight-context [data-elbaction][data-elbcontext] {
|
|
127
|
-
box-shadow: 0 0 0 2px var(--highlight-action), 0 0 0 4px var(--highlight-context);
|
|
128
|
-
}
|
|
129
|
-
</style>
|
|
130
|
-
</head>
|
|
131
|
-
<body class="elb-highlight ${highlightClasses}">
|
|
132
|
-
${html}
|
|
133
|
-
</body>
|
|
134
|
-
</html>
|
|
135
|
-
`);
|
|
136
|
-
doc.close();
|
|
137
|
-
autoMarkProperties(doc);
|
|
138
|
-
// Initialize browser source in iframe with parent's elb
|
|
139
|
-
if (elbRef.current && iframe.contentWindow && iframe.contentDocument) {
|
|
140
|
-
setTimeout(async () => {
|
|
141
|
-
// Cleanup previous source instance
|
|
142
|
-
if (sourceRef.current) {
|
|
143
|
-
try {
|
|
144
|
-
await sourceRef.current.instance.destroy?.(sourceRef.current.destroyContext);
|
|
145
|
-
}
|
|
146
|
-
catch {
|
|
147
|
-
// Ignore cleanup errors
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
try {
|
|
151
|
-
if (!iframe.contentWindow ||
|
|
152
|
-
!iframe.contentDocument ||
|
|
153
|
-
!elbRef.current) {
|
|
154
|
-
return;
|
|
155
|
-
}
|
|
156
|
-
// Create a noop logger that satisfies the Logger.Instance interface
|
|
157
|
-
const createNoopLogger = () => ({
|
|
158
|
-
error: () => { },
|
|
159
|
-
warn: () => { },
|
|
160
|
-
info: () => { },
|
|
161
|
-
debug: () => { },
|
|
162
|
-
json: () => { },
|
|
163
|
-
throw: (msg) => {
|
|
164
|
-
throw msg instanceof Error ? msg : new Error(msg);
|
|
165
|
-
},
|
|
166
|
-
scope: () => createNoopLogger(),
|
|
167
|
-
});
|
|
168
|
-
const noopLogger = createNoopLogger();
|
|
169
|
-
// Create a noop push function for env
|
|
170
|
-
const noopPush = async () => ({
|
|
171
|
-
ok: true,
|
|
172
|
-
destination: {},
|
|
173
|
-
});
|
|
174
|
-
// Initialize browser source directly with parent's elb
|
|
175
|
-
// This connects the iframe's DOM events to the parent collector
|
|
176
|
-
const config = {
|
|
177
|
-
settings: {
|
|
178
|
-
pageview: false,
|
|
179
|
-
prefix: 'data-elb',
|
|
180
|
-
elb: 'elb',
|
|
181
|
-
elbLayer: 'elbLayer',
|
|
182
|
-
// Use body as scope - trigger.ts compares `scope !== document` against
|
|
183
|
-
// main page's document, so iframe.contentDocument fails the Element cast
|
|
184
|
-
scope: iframe.contentDocument.body,
|
|
185
|
-
},
|
|
186
|
-
};
|
|
187
|
-
const env = {
|
|
188
|
-
elb: elbRef.current,
|
|
189
|
-
push: noopPush,
|
|
190
|
-
command: async () => ({ ok: true, destination: {} }),
|
|
191
|
-
logger: noopLogger,
|
|
192
|
-
window: iframe.contentWindow,
|
|
193
|
-
document: iframe.contentDocument,
|
|
194
|
-
};
|
|
195
|
-
const instance = await sourceBrowser({
|
|
196
|
-
id: 'preview',
|
|
197
|
-
collector: {}, // Not used when elb is provided directly
|
|
198
|
-
logger: noopLogger,
|
|
199
|
-
setIngest: async () => { },
|
|
200
|
-
setRespond: () => { },
|
|
201
|
-
config,
|
|
202
|
-
env,
|
|
203
|
-
});
|
|
204
|
-
sourceRef.current = {
|
|
205
|
-
instance,
|
|
206
|
-
destroyContext: {
|
|
207
|
-
id: 'preview',
|
|
208
|
-
config,
|
|
209
|
-
env,
|
|
210
|
-
logger: noopLogger,
|
|
211
|
-
},
|
|
212
|
-
};
|
|
213
|
-
}
|
|
214
|
-
catch {
|
|
215
|
-
// sourceBrowser init failed - events won't be captured
|
|
216
|
-
}
|
|
217
|
-
}, 50);
|
|
218
|
-
}
|
|
219
|
-
}, 200);
|
|
220
|
-
return () => {
|
|
221
|
-
if (updateTimeoutRef.current) {
|
|
222
|
-
clearTimeout(updateTimeoutRef.current);
|
|
223
|
-
}
|
|
224
|
-
// Cleanup source
|
|
225
|
-
if (sourceRef.current) {
|
|
226
|
-
sourceRef.current.instance.destroy?.(sourceRef.current.destroyContext);
|
|
227
|
-
}
|
|
228
|
-
};
|
|
229
|
-
}, [html, css, highlights, autoMarkProperties, elb]);
|
|
230
|
-
return (_jsx(Box, { header: label, footer: _jsx(PreviewFooter, { highlights: highlights, onToggle: toggleHighlight }), children: _jsx("div", { className: "elb-preview-content", children: _jsx("iframe", { ref: iframeRef, className: "elb-preview-iframe", title: "HTML Preview" }) }) }));
|
|
231
|
-
}
|
|
232
|
-
//# sourceMappingURL=preview.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"preview.js","sourceRoot":"","sources":["../../../src/components/molecules/preview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Preview } from './preview';
|
|
3
|
-
/**
|
|
4
|
-
* Preview - HTML preview component with data attribute highlighting
|
|
5
|
-
*
|
|
6
|
-
* Renders HTML in an isolated iframe with buttons to highlight different
|
|
7
|
-
* walkerOS data attributes (context, entity, property, action).
|
|
8
|
-
* Optionally captures events when onEvent callback is provided.
|
|
9
|
-
*/
|
|
10
|
-
declare const meta: Meta<typeof Preview>;
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof Preview>;
|
|
13
|
-
/**
|
|
14
|
-
* Default preview with product card HTML and styling
|
|
15
|
-
*
|
|
16
|
-
* Features highlight buttons to show walkerOS data attributes:
|
|
17
|
-
* - Context (purple)
|
|
18
|
-
* - Entity (blue)
|
|
19
|
-
* - Property (green)
|
|
20
|
-
* - Action (orange)
|
|
21
|
-
*/
|
|
22
|
-
export declare const Default: Story;
|
|
23
|
-
//# sourceMappingURL=preview.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"preview.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/preview.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAO9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AA4JtC;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
|
|
@@ -1,186 +0,0 @@
|
|
|
1
|
-
import { Preview } from './preview';
|
|
2
|
-
/**
|
|
3
|
-
* Preview - HTML preview component with data attribute highlighting
|
|
4
|
-
*
|
|
5
|
-
* Renders HTML in an isolated iframe with buttons to highlight different
|
|
6
|
-
* walkerOS data attributes (context, entity, property, action).
|
|
7
|
-
* Optionally captures events when onEvent callback is provided.
|
|
8
|
-
*/
|
|
9
|
-
const meta = {
|
|
10
|
-
component: Preview,
|
|
11
|
-
title: 'Molecules/Preview',
|
|
12
|
-
tags: ['autodocs'],
|
|
13
|
-
parameters: {
|
|
14
|
-
layout: 'padded',
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
export default meta;
|
|
18
|
-
const sampleHtml = `<div
|
|
19
|
-
data-elb="product"
|
|
20
|
-
data-elbaction="load:view"
|
|
21
|
-
data-elbcontext="stage:inspire"
|
|
22
|
-
class="product-card">
|
|
23
|
-
<figure class="product-image">
|
|
24
|
-
<div class="product-badge-container">
|
|
25
|
-
<div data-elb-product="badge:delicious" class="product-badge">delicious</div>
|
|
26
|
-
</div>
|
|
27
|
-
</figure>
|
|
28
|
-
<div class="product-body">
|
|
29
|
-
<h3 data-elb-product="name:#innerText" class="product-title">
|
|
30
|
-
Everyday Ruck Snack
|
|
31
|
-
</h3>
|
|
32
|
-
<div class="product-form-control">
|
|
33
|
-
<label class="product-label">Taste</label>
|
|
34
|
-
<select
|
|
35
|
-
data-elb-product="taste:#value"
|
|
36
|
-
class="product-select">
|
|
37
|
-
<option value="sweet">Sweet</option>
|
|
38
|
-
<option value="spicy">Spicy</option>
|
|
39
|
-
</select>
|
|
40
|
-
</div>
|
|
41
|
-
<p data-elb-product="price:2.50" class="product-price">
|
|
42
|
-
€ 2.50 <span data-elb-product="old_price:3.14" class="product-old-price">€ 3.14</span>
|
|
43
|
-
</p>
|
|
44
|
-
<div data-elbcontext="stage:hooked" class="product-actions">
|
|
45
|
-
<button data-elbaction="click:save" class="product-button product-button-secondary">
|
|
46
|
-
Add to Wishlist
|
|
47
|
-
</button>
|
|
48
|
-
<button data-elbaction="click:add" class="product-button product-button-primary">
|
|
49
|
-
Add to Cart
|
|
50
|
-
</button>
|
|
51
|
-
</div>
|
|
52
|
-
</div>
|
|
53
|
-
</div>`;
|
|
54
|
-
const sampleCss = `
|
|
55
|
-
* {
|
|
56
|
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.product-card {
|
|
60
|
-
width: 288px;
|
|
61
|
-
background: white;
|
|
62
|
-
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
|
|
63
|
-
border-radius: 8px;
|
|
64
|
-
overflow: hidden;
|
|
65
|
-
margin: 0 auto;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.product-image {
|
|
69
|
-
position: relative;
|
|
70
|
-
height: 200px;
|
|
71
|
-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
72
|
-
margin: 0;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.product-badge-container {
|
|
76
|
-
position: absolute;
|
|
77
|
-
top: 8px;
|
|
78
|
-
right: 8px;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.product-badge {
|
|
82
|
-
background: #01b5e2;
|
|
83
|
-
color: white;
|
|
84
|
-
padding: 4px 12px;
|
|
85
|
-
border-radius: 12px;
|
|
86
|
-
font-size: 0.75rem;
|
|
87
|
-
font-weight: 600;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.product-body {
|
|
91
|
-
padding: 16px;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.product-title {
|
|
95
|
-
font-size: 1.125rem;
|
|
96
|
-
font-weight: 600;
|
|
97
|
-
margin: 0 0 16px 0;
|
|
98
|
-
color: #1f2937;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.product-form-control {
|
|
102
|
-
margin-bottom: 16px;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.product-label {
|
|
106
|
-
display: block;
|
|
107
|
-
font-size: 0.875rem;
|
|
108
|
-
font-weight: 500;
|
|
109
|
-
margin-bottom: 4px;
|
|
110
|
-
color: #374151;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.product-select {
|
|
114
|
-
width: 100%;
|
|
115
|
-
padding: 8px;
|
|
116
|
-
border: 1px solid #d1d5db;
|
|
117
|
-
border-radius: 4px;
|
|
118
|
-
font-size: 0.875rem;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
.product-price {
|
|
122
|
-
font-size: 1.25rem;
|
|
123
|
-
font-weight: 700;
|
|
124
|
-
color: #1f2937;
|
|
125
|
-
margin: 0 0 16px 0;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.product-old-price {
|
|
129
|
-
font-size: 0.875rem;
|
|
130
|
-
color: #9ca3af;
|
|
131
|
-
text-decoration: line-through;
|
|
132
|
-
font-weight: 400;
|
|
133
|
-
margin-left: 8px;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
.product-actions {
|
|
137
|
-
display: flex;
|
|
138
|
-
gap: 8px;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
.product-button {
|
|
142
|
-
flex: 1;
|
|
143
|
-
padding: 10px;
|
|
144
|
-
border: none;
|
|
145
|
-
border-radius: 6px;
|
|
146
|
-
font-weight: 600;
|
|
147
|
-
font-size: 0.875rem;
|
|
148
|
-
cursor: pointer;
|
|
149
|
-
transition: all 0.2s;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.product-button-secondary {
|
|
153
|
-
background: #f3f4f6;
|
|
154
|
-
color: #4b5563;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
.product-button-secondary:hover {
|
|
158
|
-
background: #e5e7eb;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.product-button-primary {
|
|
162
|
-
background: #3b82f6;
|
|
163
|
-
color: white;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
.product-button-primary:hover {
|
|
167
|
-
background: #2563eb;
|
|
168
|
-
}
|
|
169
|
-
`;
|
|
170
|
-
/**
|
|
171
|
-
* Default preview with product card HTML and styling
|
|
172
|
-
*
|
|
173
|
-
* Features highlight buttons to show walkerOS data attributes:
|
|
174
|
-
* - Context (purple)
|
|
175
|
-
* - Entity (blue)
|
|
176
|
-
* - Property (green)
|
|
177
|
-
* - Action (orange)
|
|
178
|
-
*/
|
|
179
|
-
export const Default = {
|
|
180
|
-
args: {
|
|
181
|
-
label: 'Preview',
|
|
182
|
-
html: sampleHtml,
|
|
183
|
-
css: sampleCss,
|
|
184
|
-
},
|
|
185
|
-
};
|
|
186
|
-
//# sourceMappingURL=preview.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"preview.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/preview.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC;;;;;;GAMG;AACH,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmCZ,CAAC;AAER,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHjB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;CACF,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { RJSFSchema } from '@rjsf/utils';
|
|
2
|
-
export interface PropertyTableProps {
|
|
3
|
-
schema: RJSFSchema;
|
|
4
|
-
className?: string;
|
|
5
|
-
}
|
|
6
|
-
export declare function PropertyTable({ schema, className }: PropertyTableProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
//# sourceMappingURL=property-table.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"property-table.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/property-table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwKD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CA6HtE"}
|