Added modal overlays.

om-network · Nov 8, 2021 · 768665c · 768665c
1 parent e318a7e
commit 768665c
Show file tree

Hide file tree

Showing 37 changed files with 196 additions and 103 deletions.
diff --git a/lib/components/Slide.over.js.map b/lib/components/Slide.over.js.map
diff --git a/lib/components/Top.over.js.map b/lib/components/Top.over.js.map
diff --git a/lib/components/fields/FileUpload.field.d.ts b/lib/components/fields/FileUpload.field.d.ts
@@ -1,8 +1,8 @@
 import * as React from "react";
 import * as Rd from "react-dropzone";
-import * as Rhf from "react-hook-form";
+import { FieldValues, UseFormReturn } from "react-hook-form";
 export interface FileUploadFieldProps {
-    formRef: Rhf.UseFormReturn<Rhf.FieldValues>;
+    formRef: UseFormReturn<FieldValues>;
     name: string;
     label: string;
     preview?: {

diff --git a/lib/components/fields/Input.field.d.ts b/lib/components/fields/Input.field.d.ts
@@ -1,7 +1,7 @@
 import * as React from "react";
-import * as Rhf from "react-hook-form";
+import { FieldValues, UseFormReturn } from "react-hook-form";
 export interface InputFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    formRef: Rhf.UseFormReturn<Rhf.FieldValues>;
+    formRef: UseFormReturn<FieldValues>;
     name: string;
     label: string;
     disabled?: boolean;

diff --git a/lib/components/fields/ListItems.field.d.ts b/lib/components/fields/ListItems.field.d.ts
@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as Rhf from "react-hook-form";
+import { FieldValues, UseFormReturn } from "react-hook-form";
 export interface LinkItem {
     label: string;
     url: string;
@@ -10,7 +10,7 @@ export interface ResourceItem {
     items: Array<LinkItem>;
 }
 export interface ListItemsFieldProps extends React.HTMLAttributes<HTMLDivElement> {
-    formRef: Rhf.UseFormReturn<Rhf.FieldValues>;
+    formRef: UseFormReturn<FieldValues>;
     name: string;
     label?: string;
     max?: number;
@@ -25,7 +25,7 @@ export interface ListItemsFieldDispatch {
     onRemove?: (index: number) => void;
 }
 export interface ItemFieldProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {
-    formRef: Rhf.UseFormReturn<any>;
+    formRef: UseFormReturn<FieldValues>;
     itemClasses?: string;
     index?: number;
     name: string;

diff --git a/lib/components/fields/ListItems.field.js b/lib/components/fields/ListItems.field.js
diff --git a/lib/components/fields/ListItems.field.js.map b/lib/components/fields/ListItems.field.js.map
diff --git a/lib/components/fields/RadioGroup.field.d.ts b/lib/components/fields/RadioGroup.field.d.ts
@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as Rhf from "react-hook-form";
+import { FieldValues, UseFormReturn } from "react-hook-form";
 export interface RadioGroupFieldProps {
-    formRef: Rhf.UseFormReturn<Rhf.FieldValues>;
+    formRef: UseFormReturn<FieldValues>;
     disabled?: boolean;
     name: string;
     heading: string;
@@ -14,7 +14,7 @@ export interface RadioGroupFieldProps {
     }>;
 }
 export interface RadioGroupFieldItemProps {
-    formRef: Rhf.UseFormReturn<any>;
+    formRef: UseFormReturn<FieldValues>;
     name: string;
     disabled?: boolean;
     itemname: string;

diff --git a/lib/components/fields/Select.field.d.ts b/lib/components/fields/Select.field.d.ts
@@ -1,7 +1,7 @@
 import * as React from "react";
-import * as Rhf from "react-hook-form";
+import { FieldValues, UseFormReturn } from "react-hook-form";
 export interface SelectFieldProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
-    formRef: Rhf.UseFormReturn<Rhf.FieldValues>;
+    formRef: UseFormReturn<FieldValues>;
     wrapperClasses?: string;
     label: string;
     name: string;

diff --git a/lib/components/fields/Textarea.field.d.ts b/lib/components/fields/Textarea.field.d.ts
@@ -1,7 +1,7 @@
 import * as React from "react";
-import * as Rhf from "react-hook-form";
+import { FieldValues, UseFormReturn } from "react-hook-form";
 export interface TextareaFieldProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    formRef: Rhf.UseFormReturn<Rhf.FieldValues>;
+    formRef: UseFormReturn<FieldValues>;
     name: string;
     label: string;
     subLabel?: string;

diff --git a/lib/components/fields/Toggle.field.d.ts b/lib/components/fields/Toggle.field.d.ts
@@ -1,7 +1,7 @@
 import * as React from "react";
-import * as Rhf from "react-hook-form";
+import { FieldValues, UseFormReturn } from "react-hook-form";
 export interface ToggleFieldProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    formRef: Rhf.UseFormReturn<Rhf.FieldValues>;
+    formRef: UseFormReturn<FieldValues>;
     name: string;
     label: string;
     subLabel: string;

diff --git a/lib/components/overlays/Modal.d.ts b/lib/components/overlays/Modal.d.ts
@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface ModalProps {
+    children: React.ReactNode;
+    onClose: () => void;
+    width?: "max-w-sm" | "max-w-md" | "max-w-full";
+}
+export interface ModalHeaderProps {
+}
+export interface ModalFooterProps {
+}
+export declare const Modal: React.FC<ModalProps>;
+export default Modal;
diff --git a/lib/components/overlays/Modal.js b/lib/components/overlays/Modal.js
diff --git a/lib/components/overlays/Modal.js.map b/lib/components/overlays/Modal.js.map
diff --git a/lib/components/Slide.over.d.ts → lib/components/overlays/Slide.over.d.ts b/lib/components/Slide.over.d.ts → lib/components/overlays/Slide.over.d.ts
@@ -1,7 +1,8 @@
 import * as React from "react";
-import { PositionType } from "../enums/positionType.enum";
+import { PositionType } from "../../enums/positionType.enum";
 export interface SlideOverProps {
     onClose: () => void;
+    width?: "max-w-sm" | "max-w-md" | "max-w-full";
     position?: PositionType.leftmid | PositionType.rightmid;
     children: React.ReactNode;
 }
@@ -16,5 +17,5 @@ export interface SlideOverHeaderProps {
 }
 export declare const SlideOverHeader: ({ title, description, children }: SlideOverHeaderProps) => JSX.Element;
 export declare const SlideOverFooter: ({ children, className }: SlideOverFooterProps) => JSX.Element;
-export declare const SlideOver: ({ children, onClose, position }: SlideOverProps) => JSX.Element;
+export declare const SlideOver: ({ children, onClose, width, position }: SlideOverProps) => JSX.Element;
 export default SlideOver;