@micromag/core 0.3.832 → 0.4.4

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 (64) hide show
  1. package/assets/css/styles.css +31 -31
  2. package/assets/css/vendor.css +4 -3
  3. package/es/components.d.ts +628 -0
  4. package/es/components.js +947 -2301
  5. package/es/contexts.d.ts +297 -0
  6. package/es/contexts.js +154 -341
  7. package/es/hooks.d.ts +333 -0
  8. package/es/hooks.js +22 -17
  9. package/es/index.d.ts +665 -0
  10. package/es/index.js +2 -772
  11. package/es/styles.css +35 -0
  12. package/es/utils.d.ts +214 -0
  13. package/lib/components.js +955 -2309
  14. package/lib/contexts.js +153 -340
  15. package/lib/hooks.js +21 -16
  16. package/lib/index.js +0 -771
  17. package/lib/styles.css +35 -0
  18. package/package.json +39 -46
  19. package/styles/bootstrap-overrides.css +111 -0
  20. package/styles/bootstrap-patches.css +486 -0
  21. package/styles/breadcrumb.module.css +5 -0
  22. package/styles/button.module.css +82 -0
  23. package/styles/buttons.module.css +3 -0
  24. package/styles/clear.module.css +23 -0
  25. package/styles/collapsable-panel.module.css +31 -0
  26. package/styles/conversation.module.css +37 -0
  27. package/styles/dialog.module.css +13 -0
  28. package/styles/empty.module.css +22 -0
  29. package/styles/form-panel.module.css +3 -0
  30. package/styles/form.module.css +22 -0
  31. package/styles/link.module.css +9 -0
  32. package/styles/map.module.css +43 -0
  33. package/styles/media.module.css +3 -0
  34. package/styles/modal.module.css +22 -0
  35. package/styles/modals.module.css +12 -0
  36. package/styles/navbar.module.css +9 -0
  37. package/styles/pagination.module.css +3 -0
  38. package/styles/panel.module.css +3 -0
  39. package/styles/panels.module.css +3 -0
  40. package/styles/placeholder-block.module.css +29 -0
  41. package/styles/placeholder-text.module.css +17 -0
  42. package/styles/placeholders.module.css +3 -0
  43. package/styles/preview.module.css +34 -0
  44. package/styles/quiz-answer.module.css +29 -0
  45. package/styles/screen-placeholder.module.css +5 -0
  46. package/styles/screen-sizer.module.css +14 -0
  47. package/styles/screen.module.css +52 -0
  48. package/styles/screens.module.css +16 -0
  49. package/styles/share-options.module.css +27 -0
  50. package/{scss/_placeholders.scss → styles/shared.module.css} +103 -97
  51. package/styles/slideshow.module.css +28 -0
  52. package/styles/spinner.module.css +43 -0
  53. package/styles/styles.css +1 -0
  54. package/styles/survey-answer.module.css +18 -0
  55. package/styles/tabs.module.css +4 -0
  56. package/styles/theme.css +84 -0
  57. package/styles/transition.module.css +9 -0
  58. package/{scss/vendor.scss → styles/vendor.css} +16 -30
  59. package/styles/video-360.module.css +15 -0
  60. package/scss/_mixins.scss +0 -34
  61. package/scss/_theme.scss +0 -114
  62. package/scss/_variables.scss +0 -12
  63. package/scss/styles.scss +0 -1
  64. package/scss/upload.scss +0 -1
@@ -0,0 +1,297 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as react from 'react';
3
+ export { RoutesContext, RoutesProvider, useRoutes, useUrlGenerator } from '@folklore/routes';
4
+ export { TrackingContext } from '@folklore/tracking';
5
+
6
+ declare const MODALS_NAMESPACE = "modals";
7
+ declare const FIELDS_NAMESPACE = "fields";
8
+ declare const FORMS_NAMESPACE = "forms";
9
+ declare const SCREENS_NAMESPACE = "screens";
10
+ declare const ELEMENTS_NAMESPACE = "elements";
11
+ declare const ComponentsContext: any;
12
+ /**
13
+ * Hooks
14
+ */
15
+ declare const useComponentsManager: (namespace?: any) => unknown;
16
+ declare const useComponents: (namespace?: any, defaultComponents?: {}) => any;
17
+ declare const useComponent: (name: any, defaultComponent?: any, namespace?: any) => any;
18
+ /**
19
+ * Fields hooks
20
+ */
21
+ declare const useFieldsComponentsManager: () => unknown;
22
+ declare const useFieldsComponents: (defaultComponents?: {}) => any;
23
+ declare const useFieldComponent: (name: any, defaultComponent?: any) => any;
24
+ /**
25
+ * Screens hooks
26
+ */
27
+ declare const useScreensComponentsManager: () => unknown;
28
+ declare const useScreensComponents: (defaultComponents?: {}) => any;
29
+ declare const useScreenComponent: (name: any, defaultComponent?: any) => any;
30
+ /**
31
+ * Forms hooks
32
+ */
33
+ declare const useFormsComponentsManager: () => unknown;
34
+ declare const useFormsComponents: (defaultComponents?: {}) => any;
35
+ declare const useFormComponent: (name: any, defaultComponent?: any) => any;
36
+ /**
37
+ * Modals hooks
38
+ */
39
+ declare const useModalsComponentsManager: () => unknown;
40
+ declare const useModalsComponents: (defaultComponents?: {}) => any;
41
+ declare const useModalComponent: (name: any, defaultComponent?: any) => any;
42
+ /**
43
+ * Elements hooks
44
+ */
45
+ declare const useElementsComponentsManager: () => unknown;
46
+ declare const useElementsComponents: (defaultComponents?: {}) => any;
47
+ declare const useElementComponent: (name: any, defaultComponent?: any) => any;
48
+ declare function ComponentsProvider({ components, manager, namespace, children, }: {
49
+ components?: {};
50
+ manager?: any;
51
+ namespace?: any;
52
+ children: any;
53
+ }): react_jsx_runtime.JSX.Element;
54
+
55
+ declare const ConsentContext: any;
56
+ declare const useConsent: () => unknown;
57
+ declare function ConsentProvider({ consent: providedConsent, consented: initialConsented, expiration, children, }: {
58
+ consent?: string[];
59
+ consented?: any;
60
+ expiration?: number;
61
+ children: any;
62
+ }): react_jsx_runtime.JSX.Element;
63
+
64
+ declare const EditorContext: any;
65
+ declare const useEditor: () => unknown;
66
+ declare const useGetColors: () => any;
67
+ declare function EditorProvider({ children }: {
68
+ children: any;
69
+ }): react_jsx_runtime.JSX.Element;
70
+
71
+ declare const FieldsContext: any;
72
+ declare const useFieldsManager: () => unknown;
73
+ declare const useFieldDefinition: (id: any) => any;
74
+ declare function FieldsProvider({ fields, manager, children }: {
75
+ fields?: any;
76
+ manager?: any;
77
+ children: any;
78
+ }): react_jsx_runtime.JSX.Element;
79
+
80
+ declare const FieldsValueContext: any;
81
+ declare const useFieldsValue: () => unknown;
82
+ declare function FieldsValueContextProvider({ value, children }: {
83
+ value?: any;
84
+ children: any;
85
+ }): react_jsx_runtime.JSX.Element;
86
+
87
+ declare const FieldContext: any;
88
+ declare const useFieldContext: () => unknown;
89
+ declare function FieldContextProvider({ context, children }: {
90
+ context?: any;
91
+ children: any;
92
+ }): react_jsx_runtime.JSX.Element;
93
+
94
+ declare const FontsContext: any;
95
+ declare const useGoogleFonts: ({ disabled, setFonts }?: {
96
+ disabled?: boolean;
97
+ setFonts?: any;
98
+ }) => any;
99
+ declare const useFonts: ({ withoutGoogleFonts }?: {
100
+ withoutGoogleFonts?: boolean;
101
+ }) => {
102
+ systemFonts: any;
103
+ googleFonts: any;
104
+ customFonts: any;
105
+ };
106
+ declare function FontsProvider({ systemFonts, customFonts, children, }: {
107
+ systemFonts?: string[];
108
+ customFonts?: any;
109
+ children: any;
110
+ }): react_jsx_runtime.JSX.Element;
111
+
112
+ declare const GoogleApiClientContext: any;
113
+ declare const useGoogleApiClient: () => unknown;
114
+ declare const withGoogleApiClient: (WrappedComponent: any) => {
115
+ (props: any): react_jsx_runtime.JSX.Element;
116
+ displayName: string;
117
+ };
118
+ declare function GoogleApiClientProvider({ children }: {
119
+ children: any;
120
+ }): react_jsx_runtime.JSX.Element;
121
+
122
+ declare const GoogleKeysContext: any;
123
+ declare const useGoogleKeys: () => unknown;
124
+ declare function GoogleKeysProvider({ children, apiKey }: {
125
+ children: any;
126
+ apiKey?: any;
127
+ }): react_jsx_runtime.JSX.Element;
128
+
129
+ declare const GoogleMapsClientContext: any;
130
+ declare const useGoogleMapsClient: () => unknown;
131
+ declare const withGoogleMapsClient: (WrappedComponent: any) => {
132
+ (props: any): react_jsx_runtime.JSX.Element;
133
+ displayName: string;
134
+ };
135
+ declare function GoogleMapsClientProvider({ children, locale, libraries }: {
136
+ children: any;
137
+ locale?: string;
138
+ libraries?: any;
139
+ }): react_jsx_runtime.JSX.Element;
140
+
141
+ declare const ModalsContext: any;
142
+ declare const useModals: () => unknown;
143
+ declare const withModals: (WrappedComponent: any) => {
144
+ (props: any): react_jsx_runtime.JSX.Element;
145
+ displayName: string;
146
+ };
147
+ declare function ModalsProvider({ children, container: initialContainer }: {
148
+ children: any;
149
+ container?: any;
150
+ }): react_jsx_runtime.JSX.Element;
151
+
152
+ declare const PanelsContext: any;
153
+ declare const usePanels: () => unknown;
154
+ declare const withPanels: (WrappedComponent: any) => {
155
+ (props: any): react_jsx_runtime.JSX.Element;
156
+ displayName: string;
157
+ };
158
+ declare function PanelsProvider({ children, container: initialContainer }: {
159
+ children: any;
160
+ container?: any;
161
+ }): react_jsx_runtime.JSX.Element;
162
+
163
+ declare const PlaybackContext: any;
164
+ declare const usePlaybackContext: () => unknown;
165
+ declare const usePlaybackMediaRef: (active?: boolean, background?: boolean) => {
166
+ ref: react.RefObject<any>;
167
+ isCurrent: boolean;
168
+ };
169
+ declare function PlaybackProvider({ muted: initialMuted, playing: initialPlaying, paused, controls: initialControls, controlsSuggestPlay: initialControlsSuggestPlay, controlsVisible: initialControlsVisible, controlsTheme: initialControlsTheme, currentQualityLevel: initialCurrentQualityLevel, children, }: {
170
+ muted?: boolean;
171
+ playing?: boolean;
172
+ paused?: boolean;
173
+ controls?: boolean;
174
+ controlsSuggestPlay?: boolean;
175
+ controlsVisible?: boolean;
176
+ controlsTheme?: {
177
+ seekBarOnly: boolean;
178
+ color: any;
179
+ progressColor: any;
180
+ };
181
+ currentQualityLevel?: any;
182
+ children: any;
183
+ }): react_jsx_runtime.JSX.Element;
184
+
185
+ declare const useRoutePush: () => (route: any, data: any, ...args: any[]) => void;
186
+ declare const useRouteBack: () => () => void;
187
+
188
+ declare const SettingsContext: any;
189
+ declare const useSettings: () => unknown;
190
+ declare const useSetting: (key: any, defaultValue?: any) => any;
191
+ declare function SettingsProvider({ children, settings }: {
192
+ children: any;
193
+ settings?: any;
194
+ }): react_jsx_runtime.JSX.Element;
195
+
196
+ declare const ScreenContext: any;
197
+ declare const useScreen: () => unknown;
198
+ declare const useScreenDefinition: () => any;
199
+ declare const useScreenData: () => any;
200
+ declare const useScreenRenderContext: () => {
201
+ renderContext: any;
202
+ isPlaceholder: boolean;
203
+ isPreview: boolean;
204
+ isEdit: boolean;
205
+ isView: boolean;
206
+ isStatic: boolean;
207
+ isCapture: boolean;
208
+ };
209
+ declare const useScreenState: () => any;
210
+ declare function ScreenProvider({ data, definition, renderContext, screenState, children, }: {
211
+ data?: any;
212
+ definition?: any;
213
+ renderContext?: any;
214
+ screenState?: any;
215
+ children: any;
216
+ }): react_jsx_runtime.JSX.Element;
217
+
218
+ declare const ScreensContext: any;
219
+ declare const useScreensManager: () => unknown;
220
+ declare function ScreensProvider({ screens, namespaces, filterNamespaces, manager, children, }: {
221
+ screens?: any;
222
+ namespaces?: any;
223
+ filterNamespaces?: boolean;
224
+ manager?: any;
225
+ children: any;
226
+ }): react_jsx_runtime.JSX.Element;
227
+
228
+ declare const ScreenSizeContext: any;
229
+ declare const useScreenSize: () => unknown;
230
+ declare function ScreenSizeProvider({ size, children }: {
231
+ size?: {};
232
+ children: any;
233
+ }): react_jsx_runtime.JSX.Element;
234
+
235
+ declare const StoryContext: any;
236
+ declare const useStoryContext: () => unknown;
237
+ declare const useStory: () => unknown;
238
+ declare function StoryProvider({ story, children }: {
239
+ story?: any;
240
+ children: any;
241
+ }): react_jsx_runtime.JSX.Element;
242
+
243
+ declare const useTracking: () => unknown;
244
+ declare function TrackingProvider({ variables, disabled, paused, children }: {
245
+ variables?: any;
246
+ disabled?: boolean;
247
+ paused?: boolean;
248
+ children: any;
249
+ }): react_jsx_runtime.JSX.Element;
250
+
251
+ declare const ViewerContext: any;
252
+ declare const useViewerContext: () => unknown;
253
+ declare const useViewerSize: () => {
254
+ width: any;
255
+ height: any;
256
+ };
257
+ declare const useViewerNavigation: () => {
258
+ gotoNextScreen: any;
259
+ gotoPreviousScreen: any;
260
+ };
261
+ declare const useViewerEvents: () => any;
262
+ declare const useViewerContainer: () => any;
263
+ declare const useViewerInteraction: () => {
264
+ disableInteraction: any;
265
+ enableInteraction: any;
266
+ };
267
+ declare const useViewerWebView: () => any;
268
+ declare function ViewerProvider({ children, containerRef, events, menuVisible, menuOverScreen, width, height, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, }: {
269
+ children: any;
270
+ containerRef: any;
271
+ events?: any;
272
+ menuVisible?: boolean;
273
+ menuOverScreen?: boolean;
274
+ width: any;
275
+ height: any;
276
+ topHeight?: number;
277
+ bottomHeight?: number;
278
+ bottomSidesWidth?: number;
279
+ gotoNextScreen?: () => void;
280
+ gotoPreviousScreen?: () => void;
281
+ disableInteraction?: () => void;
282
+ enableInteraction?: () => void;
283
+ }): react_jsx_runtime.JSX.Element;
284
+
285
+ declare const VisitorContext: any;
286
+ declare const useVisitorContext: () => {
287
+ visitor: any;
288
+ setVisitor: any;
289
+ };
290
+ declare const useVisitor: () => any;
291
+ declare const useSetVisitor: () => any;
292
+ declare function VisitorProvider({ visitor: providedVisitor, children }: {
293
+ visitor?: any;
294
+ children: any;
295
+ }): react_jsx_runtime.JSX.Element;
296
+
297
+ export { ComponentsContext, ComponentsProvider, ConsentContext, ConsentProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, SettingsContext, SettingsProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useConsent, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useSetting, useSettings, useStory, useStoryContext, useTracking, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };