@plone/volto 14.0.0 → 14.1.1

package/src/store.js

@@ -15,7 +15,7 @@ const configureStore = (initialState, history, apiHelper) => {
     routerMiddleware(history),
     crashReporter,
     thunk,
-    api(apiHelper),
+    ...(apiHelper ? [api(apiHelper)] : []),
     ...(__CLIENT__
       ? [save({ states: config.settings.persistentReducers, debounce: 500 })]
       : []),

package/src/storybook.jsx

@@ -1,10 +1,12 @@
 import PropTypes from 'prop-types';
 import { createBrowserHistory } from 'history';
 import React, { Component } from 'react';
+import { Button } from 'semantic-ui-react';
 import { Provider } from 'react-redux';
 import { StaticRouter } from 'react-router-dom';
 import { IntlProvider } from 'react-intl';
 import { PluggablesProvider } from '@plone/volto/components/manage/Pluggable';
+import { useUndoManager } from '@plone/volto/helpers';
 import configureStore from 'redux-mock-store';
 import configureRealStore from '@plone/volto/store';
 
@@ -612,6 +614,11 @@ const initialState = () => ({
     items: [],
   },
   content: {
+    unlock: {
+      loaded: false,
+      loading: false,
+      error: null,
+    },
     create: {
       loaded: false,
       loading: false,
@@ -1452,3 +1459,51 @@ export class RealStoreWrapper extends Component {
     );
   }
 }
+
+export const FormUndoWrapper = ({
+  initialState = {},
+  children,
+  showControls = true,
+}) => {
+  const [state, setState] = React.useState(initialState);
+
+  const onUndoRedo = React.useCallback(({ state }) => setState(state), []);
+
+  const { doUndo, doRedo, canUndo, canRedo } = useUndoManager(
+    state,
+    onUndoRedo,
+    {
+      maxUndoLevels: 200,
+    },
+  );
+
+  return (
+    <div>
+      <div>{children({ state, onChange: setState })}</div>
+      {showControls && (
+        <div>
+          <Button
+            size="mini"
+            compact
+            className="undo"
+            onClick={() => doUndo()}
+            aria-label="Undo"
+            disabled={!canUndo}
+          >
+            Undo
+          </Button>
+          <Button
+            size="mini"
+            compact
+            className="redo"
+            onClick={() => doRedo()}
+            aria-label="Redo"
+            disabled={!canRedo}
+          >
+            Redo
+          </Button>
+        </div>
+      )}
+    </div>
+  );
+};

package/theme/themes/pastanaga/extras/time-picker-overrides.less

@@ -34,8 +34,8 @@
     max-width: none;
 
     .rc-time-picker-panel-inner {
-      width: @timePickerWidthNarrow;
       right: 84px;
+      width: @timePickerWidthNarrow;
     }
   }