Volto widgets view and extended DefaultView (#3330)

* add base volto-widgets-view components to core * new default view using view widgets for any field added to schema * new style improvements * changelog * tests * BooleanWidget Yes No translations * DateWidget and DatetimeWidget format as parameter * use UniversalLink * hasBlocksData condition to dispatch getSchema * remove openLinkInNewTab * universal links * rename Widgets to Edit Widgets to disambiguate * View Widgets stories * remove Segment tag for each field * locales Co-authored-by: Victor Fernandez de Alba <sneridagh@gmail.com>
plone · May 23, 2022 · 7035e8a · 7035e8a
1 parent 1336917
commit 7035e8a
Show file tree

Hide file tree

Showing 109 changed files with 3,030 additions and 67 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -52,6 +52,7 @@
 
 ### Feature
 
+- Add default widget views for all type of fields and improve the DefaultView @ionlizarazu
 - added configurable identifier field for password reset in config.js. @giuliaghisini
 - Add `expandToBackendURL` helper @sneridagh
 

diff --git a/locales/ca/LC_MESSAGES/volto.po b/locales/ca/LC_MESSAGES/volto.po
@@ -3331,6 +3331,7 @@ msgstr "El més utilitzat"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr ""
@@ -3608,6 +3609,7 @@ msgstr "Visiteu el lloc web extern"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr ""

diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
@@ -3337,6 +3337,7 @@ msgstr "Häufig genutzt"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr ""
@@ -3614,6 +3615,7 @@ msgstr "Externe Webseite besuchen"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr ""

diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
@@ -3322,6 +3322,7 @@ msgstr ""
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr ""
@@ -3599,6 +3600,7 @@ msgstr ""
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr ""

diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
@@ -3332,6 +3332,7 @@ msgstr "Más usado"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr "no"
@@ -3609,6 +3610,7 @@ msgstr "Visitar web externa"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr "sí"

diff --git a/locales/eu/LC_MESSAGES/volto.po b/locales/eu/LC_MESSAGES/volto.po
@@ -3329,6 +3329,7 @@ msgstr "Gehien erabilia"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr "ez"
@@ -3606,6 +3607,7 @@ msgstr "Webgunea ikusi"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr "bai"

diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
@@ -3339,6 +3339,7 @@ msgstr "souvent utilisé"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr ""
@@ -3616,6 +3617,7 @@ msgstr ""
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr ""

diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
@@ -3322,6 +3322,7 @@ msgstr "Più usati"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr "No"
@@ -3599,6 +3600,7 @@ msgstr "Visita il sito web"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr "Sì"

diff --git a/locales/ja/LC_MESSAGES/volto.po b/locales/ja/LC_MESSAGES/volto.po
@@ -3330,6 +3330,7 @@ msgstr "よく使う物"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr ""
@@ -3607,6 +3608,7 @@ msgstr "外部サイトを表示"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr ""

diff --git a/locales/nl/LC_MESSAGES/volto.po b/locales/nl/LC_MESSAGES/volto.po
@@ -3341,6 +3341,7 @@ msgstr ""
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr ""
@@ -3618,6 +3619,7 @@ msgstr ""
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr ""

diff --git a/locales/pt/LC_MESSAGES/volto.po b/locales/pt/LC_MESSAGES/volto.po
@@ -3330,6 +3330,7 @@ msgstr "maisUsado"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr ""
@@ -3607,6 +3608,7 @@ msgstr ""
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr ""

diff --git a/locales/pt_BR/LC_MESSAGES/volto.po b/locales/pt_BR/LC_MESSAGES/volto.po
@@ -3332,6 +3332,7 @@ msgstr "Mais usados"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr ""
@@ -3609,6 +3610,7 @@ msgstr "Visitar site externo"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr ""

diff --git a/locales/ro/LC_MESSAGES/volto.po b/locales/ro/LC_MESSAGES/volto.po
@@ -3322,6 +3322,7 @@ msgstr "Cele mai utilizate"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr "nu"
@@ -3599,6 +3600,7 @@ msgstr "Vizitează site extern"
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr "da"

diff --git a/locales/volto.pot b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2022-05-10T12:12:59.220Z\n"
+"POT-Creation-Date: 2022-05-22T09:33:42.265Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -3324,6 +3324,7 @@ msgstr ""
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: No
 msgid "no"
 msgstr ""
@@ -3601,6 +3602,7 @@ msgstr ""
 
 #: components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry
 #: components/manage/Blocks/Search/components/ToggleFacetFilterListEntry
+#: components/theme/Widgets/BooleanWidget
 # defaultMessage: Yes
 msgid "yes"
 msgstr ""

diff --git a/src/components/manage/Widgets/AlignWidget.stories.jsx b/src/components/manage/Widgets/AlignWidget.stories.jsx
@@ -8,7 +8,7 @@ export const Align = WidgetStory.bind({
 });
 
 export default {
-  title: 'Widgets/Align',
+  title: 'Edit Widgets/Align',
   component: AlignWidget,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/ArrayWidget.stories.jsx b/src/components/manage/Widgets/ArrayWidget.stories.jsx
@@ -154,7 +154,7 @@ ManyOptions500.args = {
 };
 
 export default {
-  title: 'Widgets/Array',
+  title: 'Edit Widgets/Array',
   component: ArrayWidgetComponent,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/CheckboxWidget.stories.jsx b/src/components/manage/Widgets/CheckboxWidget.stories.jsx
@@ -8,7 +8,7 @@ export const Checkbox = WidgetStory.bind({
 });
 
 export default {
-  title: 'Widgets/Checkbox',
+  title: 'Edit Widgets/Checkbox',
   component: CheckboxWidget,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/DatetimeWidget.stories.jsx b/src/components/manage/Widgets/DatetimeWidget.stories.jsx
@@ -9,7 +9,7 @@ export const Datetime = WidgetStory.bind({
 });
 
 export default {
-  title: 'Widgets/Datetime',
+  title: 'Edit Widgets/Datetime',
   component: DatetimeWidgetComponent,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/EmailWidget.stories.jsx b/src/components/manage/Widgets/EmailWidget.stories.jsx
@@ -8,7 +8,7 @@ export const Email = WidgetStory.bind({
 });
 
 export default {
-  title: 'Widgets/Email',
+  title: 'Edit Widgets/Email',
   component: EmailWidget,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/FileWidget.stories.jsx b/src/components/manage/Widgets/FileWidget.stories.jsx
@@ -8,7 +8,7 @@ export const File = WidgetStory.bind({
 });
 
 export default {
-  title: 'Widgets/File',
+  title: 'Edit Widgets/File',
   component: FileWidget,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/IdWidget.stories.jsx b/src/components/manage/Widgets/IdWidget.stories.jsx
@@ -8,7 +8,7 @@ export const Text = WidgetStory.bind({
 });
 
 export default {
-  title: 'Widgets/Id',
+  title: 'Edit Widgets/Id',
   component: IdWidget,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/NumberWidget.stories.jsx b/src/components/manage/Widgets/NumberWidget.stories.jsx
@@ -8,7 +8,7 @@ export const Number = WidgetStory.bind({
 });
 
 export default {
-  title: 'Widgets/Number',
+  title: 'Edit Widgets/Number',
   component: NumberWidget,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/ObjectBrowserWidget.stories.js b/src/components/manage/Widgets/ObjectBrowserWidget.stories.js
@@ -190,7 +190,7 @@ const ObjectBrowserWidget = (args) => {
 };
 
 export default {
-  title: 'Widgets/Object Browser',
+  title: 'Edit Widgets/Object Browser',
   argTypes: {
     selectableTypes: {
       name: 'widgetOptions.pattern_options.selectableTypes',

diff --git a/src/components/manage/Widgets/ObjectListWidget.stories.js b/src/components/manage/Widgets/ObjectListWidget.stories.js
@@ -206,7 +206,7 @@ SchemaExtender.args = {
 };
 
 export default {
-  title: 'Widgets/Object List (JSON)',
+  title: 'Edit Widgets/Object List (JSON)',
   component: ObjectListWidgetDefault,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/ObjectWidget.stories.jsx b/src/components/manage/Widgets/ObjectWidget.stories.jsx
@@ -126,7 +126,7 @@ MultipleFieldsets.args = {
 };
 
 export default {
-  title: 'Widgets/Object (JSON)',
+  title: 'Edit Widgets/Object (JSON)',
   component: ObjectWidget,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/PasswordWidget.stories.jsx b/src/components/manage/Widgets/PasswordWidget.stories.jsx
@@ -8,7 +8,7 @@ export const Password = WidgetStory.bind({
 });
 
 export default {
-  title: 'Widgets/Password',
+  title: 'Edit Widgets/Password',
   component: PasswordWidget,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/QueryWidget.stories.jsx b/src/components/manage/Widgets/QueryWidget.stories.jsx
@@ -1640,7 +1640,7 @@ export const Query = WidgetStory.bind({
 });
 
 export default {
-  title: 'Widgets/Query',
+  title: 'Edit Widgets/Query',
   component: QuerystringWidgetComponent,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/SelectAutocompleteWidget.stories.jsx b/src/components/manage/Widgets/SelectAutocompleteWidget.stories.jsx
@@ -134,7 +134,7 @@ ManyOptions1000.args = {
 };
 
 export default {
-  title: 'Widgets/SelectAutocomplete Widget',
+  title: 'Edit Widgets/SelectAutocomplete Widget',
   component: SelectAutoCompleteComponent,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/SelectWidget.stories.jsx b/src/components/manage/Widgets/SelectWidget.stories.jsx
@@ -246,7 +246,7 @@ CustomOptions.args = {
 };
 
 export default {
-  title: 'Widgets/Select Widget',
+  title: 'Edit Widgets/Select Widget',
   component: SelectWidgetComponent,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/TextWidget.stories.jsx b/src/components/manage/Widgets/TextWidget.stories.jsx
@@ -8,7 +8,7 @@ export const Text = WidgetStory.bind({
 });
 
 export default {
-  title: 'Widgets/Text',
+  title: 'Edit Widgets/Text',
   component: TextWidget,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/TextareaWidget.stories.jsx b/src/components/manage/Widgets/TextareaWidget.stories.jsx
@@ -8,7 +8,7 @@ export const Textarea = WidgetStory.bind({
 });
 
 export default {
-  title: 'Widgets/Textarea',
+  title: 'Edit Widgets/Textarea',
   component: TextareaWidget,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/TokenWidget.stories.jsx b/src/components/manage/Widgets/TokenWidget.stories.jsx
@@ -119,7 +119,7 @@ Disabled.args = {
 };
 
 export default {
-  title: 'Widgets/Token',
+  title: 'Edit Widgets/Token',
   component: TokenWidget,
   decorators: [
     (Story) => (

diff --git a/src/components/manage/Widgets/UrlWidget.stories.jsx b/src/components/manage/Widgets/UrlWidget.stories.jsx
@@ -9,7 +9,7 @@ export const Url = WidgetStory.bind({
 });
 
 export default {
-  title: 'Widgets/Url',
+  title: 'Edit Widgets/Url',
   component: UrlWidget,
   decorators: [
     (Story) => (