@redneckz/wildless-cms-uni-blocks 0.8.17 → 0.8.18

package/src/components/ApplicationForm/renderSubmitButton.tsx

@@ -1,5 +1,5 @@
-import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { getRegularButtonClasses } from '../../ui-kit/Button/getRegularButtonClasses';
+import type { ButtonProps } from './ApplicationFormContent';
 
 export const renderSubmitButton = (button?: ButtonProps, className?: string) => {
   const buttonStyle = getRegularButtonClasses({

package/src/components/ApplicationForm/useFormHandlers.ts

@@ -3,30 +3,16 @@ import { Dispatch, SetStateAction } from 'react';
 import type { HandleFormStateChange } from './models';
 
 interface UseFormHandlersProps<T> {
-  formState: Partial<T>;
-  handleSubmit: (data: Partial<T>) => void;
   setFormState: Dispatch<SetStateAction<T>>;
-  typeForm: string;
 }
 
-export const useFormHandlers = <T>({
-  formState,
-  handleSubmit,
-  setFormState,
-  typeForm,
-}: UseFormHandlersProps<T>) => {
+export const useFormHandlers = <T>({ setFormState }: UseFormHandlersProps<T>) => {
   const handleChange: HandleFormStateChange<T> = useCallback(
     (state) => setFormState((oldState) => ({ ...oldState, ...state })),
     [],
   );
 
-  const onSubmit = useCallback(async (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    handleSubmit && (await handleSubmit({ ...formState, typeForm }));
-  }, []);
-
   return {
     handleChange,
-    onSubmit,
   };
 };

package/src/components/Video/Video.example.json

@@ -0,0 +1,5 @@
+{
+  "content": {
+    "title": "Заголовок блока"
+  }
+}

package/src/components/Video/Video.fixture.tsx

@@ -6,7 +6,7 @@ const VIDEO_CONTENT: VideoContent = {
   previewImg: {
     src: 'video-preview.png',
   },
-  src: 'rshb.webm',
+  url: 'rshb.webm',
 };
 
 export default {

package/src/components/Video/Video.tsx

@@ -1,22 +1,22 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useRouter } from '../../hooks/useRouter';
-import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { adjustHref } from '../../utils/adjustHref';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { getPaddings } from './getPaddings';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { VideoContent } from './VideoContent';
 
 interface VideoProps extends VideoContent, UniBlockProps {}
 
-export const Video = JSX<VideoProps>(({ className, title, src, previewImg, ...rest }) => {
+export const Video = JSX<VideoProps>(({ className, title, url, previewImg, ...rest }) => {
   const router = useRouter();
 
   return (
     <BlockWrapper className={style(getPaddings(className), className)} {...rest}>
       <Headline title={title} headlineVersion="M" />
-      {src ? (
+      {url ? (
         <video
           className="m-auto w-full object-fill"
           preload="metadata"
@@ -24,7 +24,7 @@ export const Video = JSX<VideoProps>(({ className, title, src, previewImg, ...re
           style={{ maxHeight: 524 }}
           controls
         >
-          <source src={adjustHref(router)(src)} />
+          <source src={adjustHref(router)(url)} />
         </video>
       ) : null}
     </BlockWrapper>

package/src/components/Video/Video.ui.json

@@ -6,7 +6,7 @@
   },
   "style": {
     "ui:options": {
-      "minCols": 6
+      "minCols": 3
     }
   }
 }

package/src/components/Video/VideoContent.ts

@@ -1,10 +1,25 @@
 import type { TitleProps } from '../../model/HeadlineType';
 import type { Picture } from '../../model/Picture';
 
-/** @title Блок Видео */
+/**
+ * @title Блок Видео
+ * @default {
+ *   "title": "Заголовок блока"
+ * }
+ */
 export interface VideoContent extends TitleProps {
-  /** @title URL */
-  src?: string;
-  /** @title Заставка */
+  /**
+   * @title Ссылка на видео
+   */
+  url?: string;
+  /**
+   * @title Заставка в блоке
+   * @default {
+   *   "format": "webp",
+   *   "size": {
+   *       "width": 1004
+   *   },
+   * }
+   */
   previewImg?: Picture;
 }

package/src/hooks/useLink.ts

@@ -1,13 +1,10 @@
 import type { LinkProps } from '../model/LinkProps';
+import type { PreventableEvent } from '../model/PreventableEvent';
 import { adjustHref } from '../utils/adjustHref';
 import { isLocalURL } from '../utils/url';
 import { handlerDecorator } from './handlerDecorator';
 import { useRouter } from './useRouter';
 
-interface PreventableEvent {
-  preventDefault: () => void;
-}
-
 interface Clickable {
   onClick(ev?: PreventableEvent): void;
 }

package/src/model/PreventableEvent.ts

@@ -0,0 +1,3 @@
+export interface PreventableEvent {
+  preventDefault: () => void;
+}