@plone/volto 19.0.0-alpha.29 → 19.0.0-alpha.30

package/src/components/theme/View/TabularView.stories.jsx

@@ -0,0 +1,66 @@
+import { injectIntl } from 'react-intl';
+import React from 'react';
+import TabularViewComponent from './TabularView';
+import { RealStoreWrapper as Wrapper } from '@plone/volto/storybook';
+
+const IntlTabularViewComponent = injectIntl(TabularViewComponent);
+
+function StoryComponent(args) {
+  return (
+    <Wrapper
+      customStore={{
+        intl: {
+          locale: 'en',
+          messages: {},
+        },
+      }}
+    >
+      <div id="toolbar" style={{ display: 'none' }} />
+      <IntlTabularViewComponent
+        content={{
+          ...args,
+        }}
+      />
+    </Wrapper>
+  );
+}
+
+export const Default = StoryComponent.bind({});
+Default.args = {
+  title: 'Hello World!',
+  description: 'Hi',
+  items: [
+    {
+      title: 'My item 1',
+      description: 'My item description 1',
+      url: '/item1',
+    },
+    {
+      title: 'My item 2',
+      description: 'My item description 2',
+      url: '/item2',
+    },
+  ],
+};
+export default {
+  title: 'Public components/View/TabularView',
+  component: TabularViewComponent,
+  decorators: [
+    (Story) => (
+      <div className="ui segment form attached" style={{ width: '900px' }}>
+        <Story />
+      </div>
+    ),
+  ],
+  argTypes: {
+    title: {
+      description: 'Title of the page listed',
+    },
+    description: {
+      description: 'Description of the page',
+    },
+    items: {
+      description: 'Row items of the page',
+    },
+  },
+};

package/src/helpers/FormValidation/validators.ts

@@ -153,6 +153,15 @@ export const hasUniqueItemsValidator = ({
   return !isValid ? formatMessage(messages.uniqueItems) : null;
 };
 
+const formatDateValue = (isoString: string) => {
+  const date = new Date(isoString);
+  if (isNaN(date.getTime())) return isoString;
+  return new Intl.DateTimeFormat(undefined, {
+    dateStyle: 'medium',
+    timeStyle: 'short',
+  }).format(date);
+};
+
 export const startEventDateRangeValidator = ({
   value,
   field,
@@ -163,7 +172,9 @@ export const startEventDateRangeValidator = ({
     value && formData.end && new Date(value) < new Date(formData.end);
   return !isValid
     ? formatMessage(messages.startEventRange, {
-        endDateValueOrEndFieldName: formData.end || 'end',
+        endDateValueOrEndFieldName: formData.end
+          ? formatDateValue(formData.end)
+          : 'end',
       })
     : null;
 };
@@ -178,7 +189,9 @@ export const endEventDateRangeValidator = ({
     value && formData.start && new Date(value) > new Date(formData.start);
   return !isValid
     ? formatMessage(messages.endEventRange, {
-        startDateValueOrStartFieldName: formData.start || 'start',
+        startDateValueOrStartFieldName: formData.start
+          ? formatDateValue(formData.start)
+          : 'start',
       })
     : null;
 };

package/theme/themes/pastanaga/extras/main.less

@@ -363,6 +363,7 @@ button {
     margin-left: 8px;
 
     h4 {
+      display: inline;
       margin-bottom: 0;
       font-weight: @bold;
     }

package/types/components/manage/Blocks/Block/Order/Item.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/theme/Sitemap/Sitemap.stories.d.ts

@@ -0,0 +1,13 @@
+export const Sitemap: any;
+declare namespace _default {
+    export let title: string;
+    export { Sitemap as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace argTypes {
+        namespace items {
+            let control: string;
+            let description: string;
+        }
+    }
+}
+export default _default;

package/types/components/theme/View/EventView.stories.d.ts

@@ -0,0 +1,19 @@
+export const Default: any;
+export const EventViewAllProps: any;
+export const EventViewWithoutLinkToApiInTheText: any;
+declare namespace _default {
+    export let title: string;
+    export { EventViewComponent as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace argTypes {
+        namespace end {
+            let control: string;
+        }
+        namespace start {
+            let control_1: string;
+            export { control_1 as control };
+        }
+    }
+}
+export default _default;
+import EventViewComponent from './EventView';

package/types/components/theme/View/FileView.stories.d.ts

@@ -0,0 +1,18 @@
+export const Default: any;
+declare namespace _default {
+    export let title: string;
+    export { FileViewComponent as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace argTypes {
+        export namespace title_1 {
+            let description: string;
+        }
+        export { title_1 as title };
+        export namespace filename {
+            let description_1: string;
+            export { description_1 as description };
+        }
+    }
+}
+export default _default;
+import FileViewComponent from './FileView';

package/types/components/theme/View/LinkView.stories.d.ts

@@ -0,0 +1,18 @@
+export const Default: any;
+declare namespace _default {
+    export let title: string;
+    export { LinkViewComponent as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace argTypes {
+        export namespace title_1 {
+            let description: string;
+        }
+        export { title_1 as title };
+        export namespace remoteUrl {
+            let description_1: string;
+            export { description_1 as description };
+        }
+    }
+}
+export default _default;
+import LinkViewComponent from './LinkView';

package/types/components/theme/View/ListingView.stories.d.ts

@@ -0,0 +1,24 @@
+export const Default: any;
+declare namespace _default {
+    export let title: string;
+    export { ListingViewComponent as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace argTypes {
+        export namespace items {
+            let control: string;
+            let description: string;
+        }
+        export namespace title_1 {
+            let description_1: string;
+            export { description_1 as description };
+        }
+        export { title_1 as title };
+        export namespace description_2 {
+            let description_3: string;
+            export { description_3 as description };
+        }
+        export { description_2 as description };
+    }
+}
+export default _default;
+import ListingViewComponent from './ListingView';

package/types/components/theme/View/NewsItemView.stories.d.ts

@@ -0,0 +1,23 @@
+export const Default: any;
+declare namespace _default {
+    export let title: string;
+    export { NewsItemViewComponent as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace argTypes {
+        export namespace title_1 {
+            let description: string;
+        }
+        export { title_1 as title };
+        export namespace description_1 {
+            let description_2: string;
+            export { description_2 as description };
+        }
+        export { description_1 as description };
+        export namespace text {
+            let description_3: string;
+            export { description_3 as description };
+        }
+    }
+}
+export default _default;
+import NewsItemViewComponent from './NewsItemView';

package/types/components/theme/View/RenderBlocks.stories.d.ts

@@ -0,0 +1,23 @@
+export const Default: any;
+export const PathToBlocks: any;
+export const InvalidBlocks: any;
+declare namespace _default {
+    export let title: string;
+    export { RenderBlocksComponent as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace argTypes {
+        namespace view {
+            let description: string;
+        }
+        namespace blocks {
+            let description_1: string;
+            export { description_1 as description };
+        }
+        namespace blocks_layout {
+            let description_2: string;
+            export { description_2 as description };
+        }
+    }
+}
+export default _default;
+import RenderBlocksComponent from './RenderBlocks';

package/types/components/theme/View/SummaryView.stories.d.ts

@@ -0,0 +1,23 @@
+export const Default: any;
+declare namespace _default {
+    export let title: string;
+    export { SummaryViewComponent as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace argTypes {
+        export namespace title_1 {
+            let description: string;
+        }
+        export { title_1 as title };
+        export namespace description_1 {
+            let description_2: string;
+            export { description_2 as description };
+        }
+        export { description_1 as description };
+        export namespace items {
+            let description_3: string;
+            export { description_3 as description };
+        }
+    }
+}
+export default _default;
+import SummaryViewComponent from './SummaryView';

package/types/components/theme/View/TabularView.stories.d.ts

@@ -0,0 +1,23 @@
+export const Default: any;
+declare namespace _default {
+    export let title: string;
+    export { TabularViewComponent as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace argTypes {
+        export namespace title_1 {
+            let description: string;
+        }
+        export { title_1 as title };
+        export namespace description_1 {
+            let description_2: string;
+            export { description_2 as description };
+        }
+        export { description_1 as description };
+        export namespace items {
+            let description_3: string;
+            export { description_3 as description };
+        }
+    }
+}
+export default _default;
+import TabularViewComponent from './TabularView';