@nascentdigital/funnel-ui 4.5.7 → 4.6.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.
Files changed (99) hide show
  1. package/dist/client/fields/LazyVideo.js +2 -2
  2. package/dist/client/hooks/index.d.ts +1 -0
  3. package/dist/client/hooks/index.js +1 -0
  4. package/dist/client/hooks/useTrackedValue.d.ts +2 -0
  5. package/dist/client/hooks/useTrackedValue.js +23 -0
  6. package/dist/client/interaction/Carousel.d.ts +1 -1
  7. package/dist/client/interaction/Carousel.js +17 -1
  8. package/dist/server/HTMLContainer.d.ts +289 -0
  9. package/dist/server/HTMLContainer.js +20 -0
  10. package/dist/server/Page.js +1 -1
  11. package/dist/server/blocks/Block.d.ts +17 -8
  12. package/dist/server/blocks/Block.js +21 -24
  13. package/dist/server/blocks/MediaLayout.d.ts +4 -4
  14. package/dist/server/blocks/MediaLayout.js +20 -23
  15. package/dist/server/blocks/Message.d.ts +1 -1
  16. package/dist/server/blocks/RelatedPages.d.ts +3 -3
  17. package/dist/server/blocks/RelatedPages.js +2 -4
  18. package/dist/server/blocks/index.d.ts +0 -9
  19. package/dist/server/blocks/index.js +0 -9
  20. package/dist/server/fields/Visual.js +7 -3
  21. package/dist/server/index.d.ts +1 -1
  22. package/dist/server/index.js +1 -1
  23. package/dist/server/panels/BlockPanel.js +4 -3
  24. package/dist/server/panels/ListPanel.d.ts +1 -1
  25. package/dist/server/panels/ListPanel.js +1 -1
  26. package/dist/server/panels/index.d.ts +0 -1
  27. package/dist/server/panels/index.js +0 -1
  28. package/dist/server/schema/index.d.ts +0 -1
  29. package/dist/server/schema/index.js +0 -1
  30. package/dist/styles/blocks/_index.css +1 -9
  31. package/dist/styles/components/Carousel.css +1 -0
  32. package/dist/styles/entities/_index.css +1 -5
  33. package/dist/styles/fields/Visual.css +20 -14
  34. package/dist/styles/layouts/Layout.css +8 -0
  35. package/dist/styles/layouts/MasonryLayout.css +2 -10
  36. package/dist/styles/layouts/_index.css +1 -0
  37. package/dist/styles/panels/VisualPanel.css +18 -19
  38. package/dist/styles/panels/_index.css +0 -1
  39. package/package.json +2 -2
  40. package/dist/server/blocks/Clients.d.ts +0 -25
  41. package/dist/server/blocks/Clients.js +0 -38
  42. package/dist/server/blocks/Outcome.d.ts +0 -25
  43. package/dist/server/blocks/Outcome.js +0 -35
  44. package/dist/server/blocks/OutcomeDetail.d.ts +0 -306
  45. package/dist/server/blocks/OutcomeDetail.js +0 -63
  46. package/dist/server/blocks/Projects.d.ts +0 -35
  47. package/dist/server/blocks/Projects.js +0 -38
  48. package/dist/server/blocks/Stat.d.ts +0 -325
  49. package/dist/server/blocks/Stat.js +0 -107
  50. package/dist/server/blocks/Stats.d.ts +0 -24
  51. package/dist/server/blocks/Stats.js +0 -35
  52. package/dist/server/blocks/Testimonial.d.ts +0 -95
  53. package/dist/server/blocks/Testimonial.js +0 -103
  54. package/dist/server/blocks/Testimonials.d.ts +0 -41
  55. package/dist/server/blocks/Testimonials.js +0 -45
  56. package/dist/server/blocks/ValueProp.d.ts +0 -25
  57. package/dist/server/blocks/ValueProp.js +0 -39
  58. package/dist/server/blocks/summary/Statement.d.ts +0 -304
  59. package/dist/server/blocks/summary/Statement.js +0 -52
  60. package/dist/server/blocks/summary/Summary.d.ts +0 -19
  61. package/dist/server/blocks/summary/Summary.js +0 -34
  62. package/dist/server/blocks/summary/index.d.ts +0 -1
  63. package/dist/server/blocks/summary/index.js +0 -17
  64. package/dist/server/entities/Client.d.ts +0 -327
  65. package/dist/server/entities/Client.js +0 -118
  66. package/dist/server/entities/ClientBadge.d.ts +0 -293
  67. package/dist/server/entities/ClientBadge.js +0 -37
  68. package/dist/server/entities/Person.d.ts +0 -339
  69. package/dist/server/entities/Person.js +0 -148
  70. package/dist/server/entities/Project.d.ts +0 -329
  71. package/dist/server/entities/Project.js +0 -112
  72. package/dist/server/entities/UniqueSellingPoint.d.ts +0 -327
  73. package/dist/server/entities/UniqueSellingPoint.js +0 -119
  74. package/dist/server/entities/index.d.ts +0 -6
  75. package/dist/server/entities/index.js +0 -22
  76. package/dist/server/entities/previews/MessagePreview.d.ts +0 -299
  77. package/dist/server/entities/previews/MessagePreview.js +0 -41
  78. package/dist/server/entities/previews/PagePreview.d.ts +0 -10
  79. package/dist/server/entities/previews/PagePreview.js +0 -42
  80. package/dist/server/entities/previews/index.d.ts +0 -2
  81. package/dist/server/entities/previews/index.js +0 -18
  82. package/dist/server/panels/TestimonialPanel.d.ts +0 -73
  83. package/dist/server/panels/TestimonialPanel.js +0 -96
  84. package/dist/server/schema/CollectionSchema.d.ts +0 -4
  85. package/dist/server/schema/CollectionSchema.js +0 -15
  86. package/dist/styles/blocks/Clients.css +0 -9
  87. package/dist/styles/blocks/Outcome.css +0 -46
  88. package/dist/styles/blocks/Projects.css +0 -9
  89. package/dist/styles/blocks/RelatedPages.css +0 -13
  90. package/dist/styles/blocks/Stat.css +0 -45
  91. package/dist/styles/blocks/Stats.css +0 -9
  92. package/dist/styles/blocks/Summary.css +0 -15
  93. package/dist/styles/blocks/Testimonial.css +0 -6
  94. package/dist/styles/blocks/ValueProp.css +0 -9
  95. package/dist/styles/entities/ClientBadge.css +0 -14
  96. package/dist/styles/entities/Person.css +0 -76
  97. package/dist/styles/entities/Project.css +0 -50
  98. package/dist/styles/entities/UniqueSellingPoint.css +0 -54
  99. package/dist/styles/panels/TestimonialPanel.css +0 -68
@@ -1,327 +0,0 @@
1
- import { Schema } from '@nascentdigital/funnel-core';
2
- import { HTMLAttributes } from 'react';
3
- import { HTMLElements } from '../../types';
4
- import { Caption, Headline } from '../fields';
5
- export declare function UniqueSellingPoint<T extends UniqueSellingPoint.Tag>({ className, as, nameTag, headlineTag, captionTag, displayFields: displayFieldsRaw, usp, ...props }: UniqueSellingPoint.Props<T>): import("react").DetailedReactHTMLElement<{
6
- prefix?: string | undefined | undefined;
7
- content?: string | undefined | undefined;
8
- translate?: "yes" | "no" | undefined | undefined;
9
- color?: string | undefined | undefined;
10
- id?: string | undefined | undefined;
11
- onClick?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
12
- slot?: string | undefined | undefined;
13
- style?: import("react").CSSProperties | undefined;
14
- title?: string | undefined | undefined;
15
- onAnimationStart?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
16
- onDragStart?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
17
- onDragEnd?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
18
- onDrag?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
19
- defaultChecked?: boolean | undefined | undefined;
20
- defaultValue?: string | number | readonly string[] | undefined;
21
- suppressContentEditableWarning?: boolean | undefined | undefined;
22
- suppressHydrationWarning?: boolean | undefined | undefined;
23
- accessKey?: string | undefined | undefined;
24
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
25
- autoFocus?: boolean | undefined | undefined;
26
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
27
- contextMenu?: string | undefined | undefined;
28
- dir?: string | undefined | undefined;
29
- draggable?: (boolean | "true" | "false") | undefined;
30
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
31
- hidden?: boolean | undefined | undefined;
32
- lang?: string | undefined | undefined;
33
- nonce?: string | undefined | undefined;
34
- spellCheck?: (boolean | "true" | "false") | undefined;
35
- tabIndex?: number | undefined | undefined;
36
- radioGroup?: string | undefined | undefined;
37
- role?: import("react").AriaRole | undefined;
38
- about?: string | undefined | undefined;
39
- datatype?: string | undefined | undefined;
40
- inlist?: any;
41
- property?: string | undefined | undefined;
42
- rel?: string | undefined | undefined;
43
- resource?: string | undefined | undefined;
44
- rev?: string | undefined | undefined;
45
- typeof?: string | undefined | undefined;
46
- vocab?: string | undefined | undefined;
47
- autoCorrect?: string | undefined | undefined;
48
- autoSave?: string | undefined | undefined;
49
- itemProp?: string | undefined | undefined;
50
- itemScope?: boolean | undefined | undefined;
51
- itemType?: string | undefined | undefined;
52
- itemID?: string | undefined | undefined;
53
- itemRef?: string | undefined | undefined;
54
- results?: number | undefined | undefined;
55
- security?: string | undefined | undefined;
56
- unselectable?: "on" | "off" | undefined | undefined;
57
- popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
58
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
59
- popoverTarget?: string | undefined | undefined;
60
- inert?: boolean | undefined | undefined;
61
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
62
- is?: string | undefined | undefined;
63
- exportparts?: string | undefined | undefined;
64
- part?: string | undefined | undefined;
65
- "aria-activedescendant"?: string | undefined | undefined;
66
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
67
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
68
- "aria-braillelabel"?: string | undefined | undefined;
69
- "aria-brailleroledescription"?: string | undefined | undefined;
70
- "aria-busy"?: (boolean | "true" | "false") | undefined;
71
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
72
- "aria-colcount"?: number | undefined | undefined;
73
- "aria-colindex"?: number | undefined | undefined;
74
- "aria-colindextext"?: string | undefined | undefined;
75
- "aria-colspan"?: number | undefined | undefined;
76
- "aria-controls"?: string | undefined | undefined;
77
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
78
- "aria-describedby"?: string | undefined | undefined;
79
- "aria-description"?: string | undefined | undefined;
80
- "aria-details"?: string | undefined | undefined;
81
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
82
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
83
- "aria-errormessage"?: string | undefined | undefined;
84
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
85
- "aria-flowto"?: string | undefined | undefined;
86
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
87
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
88
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
89
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
90
- "aria-keyshortcuts"?: string | undefined | undefined;
91
- "aria-label"?: string | undefined | undefined;
92
- "aria-labelledby"?: string | undefined | undefined;
93
- "aria-level"?: number | undefined | undefined;
94
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
95
- "aria-modal"?: (boolean | "true" | "false") | undefined;
96
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
97
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
98
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
99
- "aria-owns"?: string | undefined | undefined;
100
- "aria-placeholder"?: string | undefined | undefined;
101
- "aria-posinset"?: number | undefined | undefined;
102
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
103
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
104
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
105
- "aria-required"?: (boolean | "true" | "false") | undefined;
106
- "aria-roledescription"?: string | undefined | undefined;
107
- "aria-rowcount"?: number | undefined | undefined;
108
- "aria-rowindex"?: number | undefined | undefined;
109
- "aria-rowindextext"?: string | undefined | undefined;
110
- "aria-rowspan"?: number | undefined | undefined;
111
- "aria-selected"?: (boolean | "true" | "false") | undefined;
112
- "aria-setsize"?: number | undefined | undefined;
113
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
114
- "aria-valuemax"?: number | undefined | undefined;
115
- "aria-valuemin"?: number | undefined | undefined;
116
- "aria-valuenow"?: number | undefined | undefined;
117
- "aria-valuetext"?: string | undefined | undefined;
118
- dangerouslySetInnerHTML?: {
119
- __html: string | TrustedHTML;
120
- } | undefined | undefined;
121
- onCopy?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
122
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
123
- onCut?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
124
- onCutCapture?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
125
- onPaste?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
126
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
127
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
128
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
129
- onCompositionStart?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
130
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
131
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
132
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
133
- onFocus?: import("react").FocusEventHandler<HTMLElements.Standard[T]> | undefined;
134
- onFocusCapture?: import("react").FocusEventHandler<HTMLElements.Standard[T]> | undefined;
135
- onBlur?: import("react").FocusEventHandler<HTMLElements.Standard[T]> | undefined;
136
- onBlurCapture?: import("react").FocusEventHandler<HTMLElements.Standard[T]> | undefined;
137
- onChange?: import("react").ChangeEventHandler<HTMLElements.Standard[T], Element> | undefined;
138
- onChangeCapture?: import("react").ChangeEventHandler<HTMLElements.Standard[T], Element> | undefined;
139
- onBeforeInput?: import("react").InputEventHandler<HTMLElements.Standard[T]> | undefined;
140
- onBeforeInputCapture?: import("react").InputEventHandler<HTMLElements.Standard[T]> | undefined;
141
- onInput?: import("react").InputEventHandler<HTMLElements.Standard[T]> | undefined;
142
- onInputCapture?: import("react").InputEventHandler<HTMLElements.Standard[T]> | undefined;
143
- onReset?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
144
- onResetCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
145
- onSubmit?: import("react").SubmitEventHandler<HTMLElements.Standard[T]> | undefined;
146
- onSubmitCapture?: import("react").SubmitEventHandler<HTMLElements.Standard[T]> | undefined;
147
- onInvalid?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
148
- onInvalidCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
149
- onLoad?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
150
- onLoadCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
151
- onError?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
152
- onErrorCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
153
- onKeyDown?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
154
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
155
- onKeyPress?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
156
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
157
- onKeyUp?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
158
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
159
- onAbort?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
160
- onAbortCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
161
- onCanPlay?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
162
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
163
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
164
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
165
- onDurationChange?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
166
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
167
- onEmptied?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
168
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
169
- onEncrypted?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
170
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
171
- onEnded?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
172
- onEndedCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
173
- onLoadedData?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
174
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
175
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
176
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
177
- onLoadStart?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
178
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
179
- onPause?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
180
- onPauseCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
181
- onPlay?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
182
- onPlayCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
183
- onPlaying?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
184
- onPlayingCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
185
- onProgress?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
186
- onProgressCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
187
- onRateChange?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
188
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
189
- onSeeked?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
190
- onSeekedCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
191
- onSeeking?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
192
- onSeekingCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
193
- onStalled?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
194
- onStalledCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
195
- onSuspend?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
196
- onSuspendCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
197
- onTimeUpdate?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
198
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
199
- onVolumeChange?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
200
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
201
- onWaiting?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
202
- onWaitingCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
203
- onAuxClick?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
204
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
205
- onClickCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
206
- onContextMenu?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
207
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
208
- onDoubleClick?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
209
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
210
- onDragCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
211
- onDragEndCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
212
- onDragEnter?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
213
- onDragEnterCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
214
- onDragExit?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
215
- onDragExitCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
216
- onDragLeave?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
217
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
218
- onDragOver?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
219
- onDragOverCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
220
- onDragStartCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
221
- onDrop?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
222
- onDropCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
223
- onMouseDown?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
224
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
225
- onMouseEnter?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
226
- onMouseLeave?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
227
- onMouseMove?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
228
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
229
- onMouseOut?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
230
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
231
- onMouseOver?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
232
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
233
- onMouseUp?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
234
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
235
- onSelect?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
236
- onSelectCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
237
- onTouchCancel?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
238
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
239
- onTouchEnd?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
240
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
241
- onTouchMove?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
242
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
243
- onTouchStart?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
244
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
245
- onPointerDown?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
246
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
247
- onPointerMove?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
248
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
249
- onPointerUp?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
250
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
251
- onPointerCancel?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
252
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
253
- onPointerEnter?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
254
- onPointerLeave?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
255
- onPointerOver?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
256
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
257
- onPointerOut?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
258
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
259
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
260
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
261
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
262
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
263
- onScroll?: import("react").UIEventHandler<HTMLElements.Standard[T]> | undefined;
264
- onScrollCapture?: import("react").UIEventHandler<HTMLElements.Standard[T]> | undefined;
265
- onScrollEnd?: import("react").UIEventHandler<HTMLElements.Standard[T]> | undefined;
266
- onScrollEndCapture?: import("react").UIEventHandler<HTMLElements.Standard[T]> | undefined;
267
- onWheel?: import("react").WheelEventHandler<HTMLElements.Standard[T]> | undefined;
268
- onWheelCapture?: import("react").WheelEventHandler<HTMLElements.Standard[T]> | undefined;
269
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
270
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
271
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
272
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
273
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
274
- onToggle?: import("react").ToggleEventHandler<HTMLElements.Standard[T]> | undefined;
275
- onBeforeToggle?: import("react").ToggleEventHandler<HTMLElements.Standard[T]> | undefined;
276
- onTransitionCancel?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
277
- onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
278
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
279
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
280
- onTransitionRun?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
281
- onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
282
- onTransitionStart?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
283
- onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
284
- className: string;
285
- }, HTMLElement> | null;
286
- export declare namespace UniqueSellingPoint {
287
- const schema: Schema.Collection<{
288
- icon: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
289
- image: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
290
- headline: Schema.RichTextField;
291
- caption: Schema.Optional<Schema.RichTextField>;
292
- link: Schema.Optional<Schema.LinkField>;
293
- }>;
294
- type Props<T extends Tag> = Omit<HTMLAttributes<HTMLElements.Standard[T]>, 'children'> & {
295
- as: T;
296
- nameTag?: HTMLElements.Standard.Text;
297
- headlineTag?: Headline.Tag;
298
- captionTag?: Caption.Tag;
299
- displayFields?: ReadonlyArray<DisplayFields.Id>;
300
- usp: Model;
301
- };
302
- namespace Props {
303
- type Configuration = Pick<Partial<Props<Tag>>, 'as' | 'nameTag' | 'headlineTag' | 'captionTag' | 'displayFields'>;
304
- }
305
- type Tag = HTMLElements.Standard.Container;
306
- type Model = Schema.Collection.LinkedData<typeof schema>;
307
- class DisplayFields {
308
- private readonly _fields;
309
- private constructor();
310
- get hasVisual(): boolean;
311
- get hasIcon(): boolean;
312
- get hasImage(): boolean;
313
- get hasCopy(): boolean;
314
- get hasName(): boolean;
315
- get hasHeadline(): boolean;
316
- get hasCaption(): boolean;
317
- get hasLink(): boolean;
318
- static for(fields?: ReadonlyArray<DisplayFields.Id>): DisplayFields;
319
- }
320
- namespace DisplayFields {
321
- type Id = keyof Model['fields'];
322
- namespace Id {
323
- const values: ReadonlyArray<Id>;
324
- }
325
- function exclude(...ids: ReadonlyArray<Id>): ("image" | "name" | "link" | "caption" | "icon" | "headline")[];
326
- }
327
- }
@@ -1,119 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.UniqueSellingPoint = UniqueSellingPoint;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- const funnel_core_1 = require("@nascentdigital/funnel-core");
20
- const classnames_1 = __importDefault(require("classnames"));
21
- const react_1 = require("react");
22
- const fields_1 = require("../fields");
23
- // component
24
- function UniqueSellingPoint(_a) {
25
- var { className, as, nameTag = 'span', headlineTag = 'h3', captionTag = 'div', displayFields: displayFieldsRaw, usp } = _a, props = __rest(_a, ["className", "as", "nameTag", "headlineTag", "captionTag", "displayFields", "usp"]);
26
- // dont render if missing model
27
- if (!usp) {
28
- console.warn('[UniqueSellingPoint] attempted to render without usp model');
29
- return null;
30
- }
31
- // render content
32
- const { name, fields } = usp;
33
- const { icon: iconRaw, image: imageRaw, headline: headlineRaw, caption: captionRaw, link: linkRaw } = fields !== null && fields !== void 0 ? fields : {};
34
- const icon = iconRaw === null || iconRaw === void 0 ? void 0 : iconRaw.value;
35
- const image = imageRaw === null || imageRaw === void 0 ? void 0 : imageRaw.value;
36
- const headline = headlineRaw === null || headlineRaw === void 0 ? void 0 : headlineRaw.value;
37
- const caption = captionRaw === null || captionRaw === void 0 ? void 0 : captionRaw.value;
38
- const link = linkRaw === null || linkRaw === void 0 ? void 0 : linkRaw.value;
39
- const displayFields = UniqueSellingPoint.DisplayFields.for(displayFieldsRaw);
40
- // render
41
- return (0, react_1.createElement)(as, Object.assign({ className: (0, classnames_1.default)(className, 'nd-UniqueSellingPoint') }, props), (0, jsx_runtime_1.jsxs)("div", { className: "nd-UniqueSellingPoint-content", children: [displayFields.hasVisual && (icon || image) &&
42
- (0, jsx_runtime_1.jsxs)("div", { className: "nd-UniqueSellingPoint-visualWrap", children: [icon && displayFields.hasIcon &&
43
- (0, jsx_runtime_1.jsx)(fields_1.Icon, { className: "nd-UniqueSellingPoint-icon", icon: icon }), image && displayFields.hasImage &&
44
- (0, jsx_runtime_1.jsx)(fields_1.Visual, { className: "nd-UniqueSellingPoint-image", visual: image })] }), displayFields.hasCopy &&
45
- (0, jsx_runtime_1.jsx)("div", { className: "nd-UniqueSellingPoint-copyWrap", children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-UniqueSellingPoint-copy", children: [displayFields.hasName && (0, react_1.createElement)(nameTag, { className: 'nd-UniqueSellingPoint-name' }, name), displayFields.hasHeadline &&
46
- (0, jsx_runtime_1.jsx)(fields_1.Headline, { as: headlineTag, className: "nd-UniqueSellingPoint-headline", headline: headline }), caption && displayFields.hasCaption &&
47
- (0, jsx_runtime_1.jsx)(fields_1.Caption, { as: captionTag, className: "nd-UniqueSellingPoint-caption", caption: caption }), link && displayFields.hasLink &&
48
- (0, jsx_runtime_1.jsx)(fields_1.Link, { className: "nd-UniqueSellingPoint-link", link: link })] }) })] }));
49
- }
50
- // extension
51
- (function (UniqueSellingPoint) {
52
- // schema
53
- UniqueSellingPoint.schema = funnel_core_1.Schema.Collection.create({
54
- type: '_nd-usp',
55
- name: 'Unique Selling Point',
56
- description: 'A usp that has promotes a product, service or other brand asset.',
57
- version: 1,
58
- fields: {
59
- icon: fields_1.Icon.schema.rename('Icon').optional(),
60
- image: fields_1.Visual.schema
61
- .rename('Image')
62
- .modify({
63
- tags: ['hero', 'product', 'lifestyle', 'brand', 'background', 'education', 'promo']
64
- })
65
- .optional(),
66
- headline: fields_1.Headline.schema,
67
- caption: fields_1.Caption.schema.optional(),
68
- link: funnel_core_1.Schema.Field.link({ name: 'Link' }).optional()
69
- }
70
- });
71
- // display fields
72
- class DisplayFields {
73
- constructor(fields) {
74
- // initialize instance variables
75
- this._fields = new Set(fields.length === 0
76
- ? DisplayFields.Id.values
77
- : fields);
78
- }
79
- get hasVisual() {
80
- return this.hasIcon || this.hasImage;
81
- }
82
- get hasIcon() {
83
- return this._fields.has('icon');
84
- }
85
- get hasImage() {
86
- return this._fields.has('image');
87
- }
88
- get hasCopy() {
89
- return this.hasName || this.hasHeadline || this.hasCaption || this.hasLink;
90
- }
91
- get hasName() {
92
- return this._fields.has('name');
93
- }
94
- get hasHeadline() {
95
- return this._fields.has('headline');
96
- }
97
- get hasCaption() {
98
- return this._fields.has('caption');
99
- }
100
- get hasLink() {
101
- return this._fields.has('link');
102
- }
103
- static for(fields = []) {
104
- return new DisplayFields(fields);
105
- }
106
- }
107
- UniqueSellingPoint.DisplayFields = DisplayFields;
108
- (function (DisplayFields) {
109
- let Id;
110
- (function (Id) {
111
- Id.values = ['icon', 'image', 'name', 'headline', 'caption', 'link'];
112
- })(Id = DisplayFields.Id || (DisplayFields.Id = {}));
113
- // helpers
114
- function exclude(...ids) {
115
- return Id.values.filter(id => !ids.includes(id));
116
- }
117
- DisplayFields.exclude = exclude;
118
- })(DisplayFields = UniqueSellingPoint.DisplayFields || (UniqueSellingPoint.DisplayFields = {}));
119
- })(UniqueSellingPoint || (exports.UniqueSellingPoint = UniqueSellingPoint = {}));
@@ -1,6 +0,0 @@
1
- export * from './previews';
2
- export * from './Client';
3
- export * from './ClientBadge';
4
- export * from './Person';
5
- export * from './Project';
6
- export * from './UniqueSellingPoint';
@@ -1,22 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./previews"), exports);
18
- __exportStar(require("./Client"), exports);
19
- __exportStar(require("./ClientBadge"), exports);
20
- __exportStar(require("./Person"), exports);
21
- __exportStar(require("./Project"), exports);
22
- __exportStar(require("./UniqueSellingPoint"), exports);