@nascentdigital/funnel-ui 4.5.6 → 4.6.0

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