@plone/volto 14.0.2 → 14.2.1

package/src/components/manage/Widgets/ObjectWidget.stories.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { searchResults } from './ObjectBrowserWidget.stories';
-import ObjectWidgetDefault from './ObjectWidget';
-import Wrapper from '@plone/volto/storybook';
+import ObjectWidget from './ObjectWidget';
+import WidgetStory from './story';
 
 const defaultSchema = {
   title: 'Item',
@@ -107,42 +107,27 @@ const customStore = {
   },
 };
 
-const ObjectWidgetComponent = ({ children, ...args }) => {
-  const [value, setValue] = React.useState();
-  const onChange = (block, value) => setValue(value);
-  return (
-    <Wrapper
-      location={{ pathname: '/folder2/folder21/doc212' }}
-      customStore={customStore}
-    >
-      <div className="ui segment form attached" style={{ width: '400px' }}>
-        <ObjectWidgetDefault
-          {...args}
-          id="SliderItem"
-          title="Slider Item"
-          block="testBlock"
-          value={value}
-          onChange={onChange}
-        />
-        <pre>Value: {JSON.stringify(value, null, 4)}</pre>
-      </div>
-    </Wrapper>
-  );
-};
-
-export const Default = ObjectWidgetComponent.bind({});
+export const Default = WidgetStory.bind({
+  props: { id: 'objectwidget', title: 'Slides' },
+  widget: ObjectWidget,
+  customStore,
+});
 Default.args = {
   schema: defaultSchema,
 };
 
-export const MultipleFieldsets = ObjectWidgetComponent.bind({});
+export const MultipleFieldsets = WidgetStory.bind({
+  props: { id: 'objectwidget', title: 'Slides' },
+  widget: ObjectWidget,
+  customStore,
+});
 MultipleFieldsets.args = {
   schema: multipleFieldsets,
 };
 
 export default {
   title: 'Widgets/Object (JSON)',
-  component: ObjectWidgetDefault,
+  component: ObjectWidget,
   decorators: [
     (Story) => (
       <div className="ui segment form attached" style={{ width: '400px' }}>

package/src/components/manage/Widgets/PasswordWidget.stories.jsx

@@ -1,28 +1,11 @@
 import React from 'react';
 import PasswordWidget from './PasswordWidget';
-import Wrapper from '@plone/volto/storybook';
+import WidgetStory from './story';
 
-const PasswordWidgetComponent = ({ children, ...args }) => {
-  const [value, setValue] = React.useState('');
-  const onChange = (block, value) => setValue(value);
-  return (
-    <Wrapper location={{ pathname: '/folder2/folder21/doc212' }}>
-      <div className="ui segment form attached" style={{ width: '400px' }}>
-        <PasswordWidget
-          {...args}
-          id="field"
-          title="Password"
-          block="testBlock"
-          value={value}
-          onChange={onChange}
-        />
-      </div>
-      <pre>Value: {JSON.stringify(value, null, 4)}</pre>
-    </Wrapper>
-  );
-};
-
-export const Password = PasswordWidgetComponent.bind({});
+export const Password = WidgetStory.bind({
+  props: { id: 'password', title: 'Password', block: 'block' },
+  widget: PasswordWidget,
+});
 
 export default {
   title: 'Widgets/Password',

package/src/components/manage/Widgets/QueryWidget.jsx

@@ -43,7 +43,7 @@ const messages = defineMessages({
 /**
  * Widget for a querystring value, to define a catalog search criteria.
  */
-class QuerystringWidget extends Component {
+export class QuerystringWidgetComponent extends Component {
   /**
    * Property types.
    * @property {Object} propTypes Property types.
@@ -475,4 +475,4 @@ export default compose(
     }),
     { getQuerystring },
   ),
-)(QuerystringWidget);
+)(QuerystringWidgetComponent);