@micromag/core 0.2.403 → 0.2.412

package/es/components.js

@@ -3320,6 +3320,8 @@ var VideoLoop = function VideoLoop(_ref) {
   }));
 };
 
+var styles$6 = {"container":"micromag-core-screens-screen-placeholder-container"};
+
 /* eslint-disable react/jsx-props-no-spreading */
 var propTypes$9 = {
   screen: PropTypes.storyComponent.isRequired,
@@ -3388,8 +3390,6 @@ Screen.propTypes = propTypes$9;
 Screen.defaultProps = defaultProps$9;
 var Screen$1 = /*#__PURE__*/React.memo(Screen);
 
-var styles$6 = {"container":"micromag-core-screens-screen-placeholder-container"};
-
 var propTypes$8 = {
   screen: PropTypes.component.isRequired,
   layout: PropTypes$1.string,

package/es/contexts.js

@@ -1673,10 +1673,22 @@ var ViewerContext = /*#__PURE__*/React.createContext(defaultValue);
 var useViewer = function useViewer() {
   return useContext(ViewerContext);
 };
+var useViewerNavigation = function useViewerNavigation() {
+  var _useViewer = useViewer(),
+      gotoNextScreen = _useViewer.gotoNextScreen,
+      gotoPreviousScreen = _useViewer.gotoPreviousScreen;
+
+  return {
+    gotoNextScreen: gotoNextScreen,
+    gotoPreviousScreen: gotoPreviousScreen
+  };
+};
 var propTypes = {
   children: PropTypes.node.isRequired,
   menuVisible: PropTypes.bool,
-  menuSize: PropTypes.number
+  menuSize: PropTypes.number,
+  gotoNextScreen: PropTypes.func.isRequired,
+  gotoPreviousScreen: PropTypes.func.isRequired
 };
 
 var defaultProps = _objectSpread({}, defaultValue);
@@ -1684,13 +1696,17 @@ var defaultProps = _objectSpread({}, defaultValue);
 var ViewerProvider = function ViewerProvider(_ref) {
   var children = _ref.children,
       menuVisible = _ref.menuVisible,
-      menuSize = _ref.menuSize;
+      menuSize = _ref.menuSize,
+      gotoNextScreen = _ref.gotoNextScreen,
+      gotoPreviousScreen = _ref.gotoPreviousScreen;
   var value = useMemo(function () {
     return {
       menuVisible: menuVisible,
-      menuSize: menuSize
+      menuSize: menuSize,
+      gotoNextScreen: gotoNextScreen,
+      gotoPreviousScreen: gotoPreviousScreen
     };
-  }, [menuVisible, menuSize]);
+  }, [menuVisible, menuSize, gotoNextScreen, gotoPreviousScreen]);
   return /*#__PURE__*/React.createElement(ViewerContext.Provider, {
     value: value
   }, children);
@@ -1698,4 +1714,4 @@ var ViewerProvider = function ViewerProvider(_ref) {
 ViewerProvider.propTypes = propTypes;
 ViewerProvider.defaultProps = defaultProps;
 
-export { ComponentsContext, ComponentsProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, RoutesContext, RoutesProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, UppyContext, UppyProvider, UserInteractionContext, UserInteractionProvider, ViewerContext, ViewerProvider, useComponent, useComponents, useComponentsManager, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, useRouteBack, useRoutePush, useRoutes, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreensComponents, useScreensComponentsManager, useScreensManager, useStory, useStoryContext, useTracking, useUppy, useUrlGenerator, useUserInteracted, useViewer, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };
+export { ComponentsContext, ComponentsProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, RoutesContext, RoutesProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, UppyContext, UppyProvider, UserInteractionContext, UserInteractionProvider, ViewerContext, ViewerProvider, useComponent, useComponents, useComponentsManager, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, useRouteBack, useRoutePush, useRoutes, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreensComponents, useScreensComponentsManager, useScreensManager, useStory, useStoryContext, useTracking, useUppy, useUrlGenerator, useUserInteracted, useViewer, useViewerNavigation, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };

package/lib/components.js

@@ -3343,6 +3343,8 @@ var VideoLoop = function VideoLoop(_ref) {
   }));
 };
 
+var styles$6 = {"container":"micromag-core-screens-screen-placeholder-container"};
+
 /* eslint-disable react/jsx-props-no-spreading */
 var propTypes$9 = {
   screen: core.PropTypes.storyComponent.isRequired,
@@ -3411,8 +3413,6 @@ Screen.propTypes = propTypes$9;
 Screen.defaultProps = defaultProps$9;
 var Screen$1 = /*#__PURE__*/React__default["default"].memo(Screen);
 
-var styles$6 = {"container":"micromag-core-screens-screen-placeholder-container"};
-
 var propTypes$8 = {
   screen: core.PropTypes.component.isRequired,
   layout: PropTypes__default["default"].string,

package/lib/contexts.js

@@ -1707,10 +1707,22 @@ var ViewerContext = /*#__PURE__*/React__default["default"].createContext(default
 var useViewer = function useViewer() {
   return React.useContext(ViewerContext);
 };
+var useViewerNavigation = function useViewerNavigation() {
+  var _useViewer = useViewer(),
+      gotoNextScreen = _useViewer.gotoNextScreen,
+      gotoPreviousScreen = _useViewer.gotoPreviousScreen;
+
+  return {
+    gotoNextScreen: gotoNextScreen,
+    gotoPreviousScreen: gotoPreviousScreen
+  };
+};
 var propTypes = {
   children: PropTypes__default["default"].node.isRequired,
   menuVisible: PropTypes__default["default"].bool,
-  menuSize: PropTypes__default["default"].number
+  menuSize: PropTypes__default["default"].number,
+  gotoNextScreen: PropTypes__default["default"].func.isRequired,
+  gotoPreviousScreen: PropTypes__default["default"].func.isRequired
 };
 
 var defaultProps = _objectSpread__default["default"]({}, defaultValue);
@@ -1718,13 +1730,17 @@ var defaultProps = _objectSpread__default["default"]({}, defaultValue);
 var ViewerProvider = function ViewerProvider(_ref) {
   var children = _ref.children,
       menuVisible = _ref.menuVisible,
-      menuSize = _ref.menuSize;
+      menuSize = _ref.menuSize,
+      gotoNextScreen = _ref.gotoNextScreen,
+      gotoPreviousScreen = _ref.gotoPreviousScreen;
   var value = React.useMemo(function () {
     return {
       menuVisible: menuVisible,
-      menuSize: menuSize
+      menuSize: menuSize,
+      gotoNextScreen: gotoNextScreen,
+      gotoPreviousScreen: gotoPreviousScreen
     };
-  }, [menuVisible, menuSize]);
+  }, [menuVisible, menuSize, gotoNextScreen, gotoPreviousScreen]);
   return /*#__PURE__*/React__default["default"].createElement(ViewerContext.Provider, {
     value: value
   }, children);
@@ -1824,6 +1840,7 @@ exports.useUppy = useUppy;
 exports.useUrlGenerator = useUrlGenerator;
 exports.useUserInteracted = useUserInteracted;
 exports.useViewer = useViewer;
+exports.useViewerNavigation = useViewerNavigation;
 exports.withGoogleApiClient = withGoogleApiClient;
 exports.withGoogleMapsClient = withGoogleMapsClient;
 exports.withModals = withModals;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.2.403",
+    "version": "0.2.412",
     "description": "",
     "keywords": [
         "javascript"
@@ -38,12 +38,19 @@
         "./hooks": "./lib/hooks.js",
         "./utils": "./lib/utils.js",
         "./scss/mixins": "./scss/_mixins.scss",
+        "./scss/mixins.scss": "./scss/_mixins.scss",
         "./scss/placeholders": "./scss/_placeholders.scss",
+        "./scss/placeholders.scss": "./scss/_placeholders.scss",
         "./scss/theme": "./scss/_theme.scss",
+        "./scss/theme.scss": "./scss/_theme.scss",
         "./scss/variables": "./scss/_variables.scss",
+        "./scss/variables.scss": "./scss/_variables.scss",
         "./scss/styles": "./scss/styles.scss",
+        "./scss/styles.scss": "./scss/styles.scss",
         "./scss/upload": "./scss/upload.scss",
+        "./scss/upload.scss": "./scss/upload.scss",
         "./scss/vendor": "./scss/vendor.scss",
+        "./scss/vendor.scss": "./scss/vendor.scss",
         "./assets/css/styles.css": "./assets/css/styles.css"
     },
     "browser": {
@@ -124,5 +131,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "7a6604651c990286e594350ef730d40772937195"
+    "gitHead": "e16acc4643a563f4b7e98ddc1b778ea8a6c8b320"
 }

package/scss/styles.scss

@@ -1,2 +1 @@
-/* stylelint-disable selector-class-pattern */
-@import '../assets/css/styles.css';
+@import '~@micromag/core/assets/css/styles.css';