@knovator/pagecreator-admin 0.0.3 → 0.0.4

package/index.js

@@ -1736,6 +1736,7 @@ const Provider = ({
   onError: _onError = () => {},
   onSuccess: _onSuccess = () => {},
   onLogout: _onLogout = () => {},
+  switchClass: _switchClass = 'khb_switch',
   tilesRoutesPrefix: _tilesRoutesPrefix = 'tiles',
   widgetRoutesPrefix: _widgetRoutesPrefix = 'widgets',
   pageRoutesPrefix: _pageRoutesPrefix = 'pages'
@@ -1747,6 +1748,7 @@ const Provider = ({
       onError: _onError,
       onSuccess: _onSuccess,
       onLogout: _onLogout,
+      switchClass: _switchClass,
       tilesRoutesPrefix: _tilesRoutesPrefix,
       widgetRoutesPrefix: _widgetRoutesPrefix,
       pageRoutesPrefix: _pageRoutesPrefix
@@ -3270,7 +3272,8 @@ const Checkbox = ({
   label,
   error,
   wrapperClassName,
-  disabled
+  disabled,
+  switchClass
 }) => {
   return jsxs("div", Object.assign({
     className: classNames('khb_input-wrapper', wrapperClassName)
@@ -3280,7 +3283,7 @@ const Checkbox = ({
     }, {
       children: label
     })), jsxs("label", Object.assign({
-      className: "khb_switch",
+      className: switchClass || 'khb_switch',
       "data-testid": "khb_switch"
     }, {
       children: [jsx("input", Object.assign({
@@ -3686,6 +3689,7 @@ const Form = /*#__PURE__*/forwardRef(({
         case 'checkbox':
           input = jsx(Input.Checkbox, {
             error: (_d = (_c = errors[schema.accessor]) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
+            switchClass: schema.switchClass,
             label: schema.label,
             rest: register(schema.accessor, schema.validations || {}),
             className: "block",
@@ -3932,10 +3936,75 @@ const DNDItemsList = ({
   }));
 };
 
+const FormActions = ({
+  loading: _loading = false,
+  primaryLabel: _primaryLabel = 'Submit',
+  secondaryLabel: _secondaryLabel = 'Cancel',
+  onPrimaryButtonClick,
+  onSecondaryButtonClick
+}) => {
+  return jsxs(Fragment, {
+    children: [jsx(Button, Object.assign({
+      type: "secondary",
+      disabled: _loading,
+      onClick: onSecondaryButtonClick
+    }, {
+      children: _secondaryLabel
+    })), jsx(Button, Object.assign({
+      onClick: onPrimaryButtonClick,
+      disabled: _loading
+    }, {
+      children: _primaryLabel
+    }))]
+  });
+};
+
+const PageFormActions = ({
+  formRef
+}) => {
+  const {
+    onError
+  } = useProviderState();
+  const {
+    closeForm,
+    loading,
+    canAdd,
+    canUpdate,
+    t
+  } = usePageState();
+
+  const onSubmitClick = e => {
+    var _a;
+
+    if (!formRef) {
+      return onError(CALLBACK_CODES.INTERNAL, 'error', `formRef is required to submit the form!`);
+    } else if (!formRef.current) {
+      return onError(CALLBACK_CODES.INTERNAL, 'error', `formRef is empty, make sure it's passed as 'ref' prop to the form!`);
+    } // formRef is provided
+
+
+    e === null || e === void 0 ? void 0 : e.preventDefault();
+    (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new Event('submit', {
+      cancelable: true,
+      bubbles: true
+    }));
+  };
+
+  if (!canAdd && !canUpdate) return null;
+  return jsx(FormActions, {
+    loading: loading,
+    primaryLabel: t('saveButtonText'),
+    onPrimaryButtonClick: onSubmitClick,
+    onSecondaryButtonClick: closeForm,
+    secondaryLabel: t('cancelButtonText')
+  });
+};
+
 const PageForm = ({
   onClose,
   open,
-  formState
+  formState,
+  formRef
 }) => {
   const {
     t,
@@ -3947,8 +4016,7 @@ const PageForm = ({
     onChangeWidgetSequence,
     canAdd,
     canUpdate
-  } = usePageState();
-  const pageFormRef = useRef(null); // Form Utility Functions
+  } = usePageState(); // Form Utility Functions
 
   function handleCapitalize(event) {
     event.target.value = capitalizeFirstLetter(event.target.value);
@@ -3961,15 +4029,6 @@ const PageForm = ({
   } // Widget Form Functions
 
 
-  const onPageFormSubmitClick = () => {
-    var _a;
-
-    (_a = pageFormRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new Event('submit', {
-      cancelable: true,
-      bubbles: true
-    }));
-  };
-
   const onDragEnd = result => {
     const {
       destination,
@@ -4014,17 +4073,8 @@ const PageForm = ({
     open: open,
     onClose: onClose,
     title: formState === 'ADD' ? t('page.addPageTitle') : formState === 'UPDATE' ? t('page.updatePageTitle') : '',
-    footerContent: jsxs(Fragment, {
-      children: [jsx(Button, Object.assign({
-        type: "secondary",
-        onClick: onClose
-      }, {
-        children: t('cancelButtonText')
-      })), jsx(Button, Object.assign({
-        onClick: onPageFormSubmitClick
-      }, {
-        children: t('saveButtonText')
-      }))]
+    footerContent: jsx(PageFormActions, {
+      formRef: formRef
     })
   }, {
     children: jsxs("div", Object.assign({
@@ -4033,7 +4083,7 @@ const PageForm = ({
       children: [jsx(Form, {
         schema: pageFormSchema,
         onSubmit: onPageFormSubmit,
-        ref: pageFormRef,
+        ref: formRef,
         data: data,
         isUpdating: formState === 'UPDATE',
         updates: {
@@ -4349,11 +4399,28 @@ const DeleteModal = ({
   })) : null;
 };
 
+const PageFormWrapper = ({
+  children
+}) => {
+  const {
+    formState,
+    closeForm
+  } = usePageState();
+  return typeof children === 'function' ? children({
+    formState,
+    onClose: closeForm,
+    open: formState === 'ADD' || formState === 'UPDATE'
+  }) : null;
+};
+
 const Page = ({
   t,
   loader,
+  explicitForm: _explicitForm = false,
+  children,
   permissions: _permissions = DEFAULT_PERMISSIONS
 }) => {
+  const formRef = useRef(null);
   const derivedT = createTranslation(t, Object.assign(Object.assign({}, TRANSLATION_PAIRS_COMMON), TRANSLATION_PAIRS_PAGE));
   const {
     list,
@@ -4401,15 +4468,27 @@ const Page = ({
     canUpdate: _permissions === null || _permissions === void 0 ? void 0 : _permissions.update,
     canList: _permissions === null || _permissions === void 0 ? void 0 : _permissions.list
   }, {
-    children: [jsx(AddButton$1, {}), jsx(PageSearch, {}), jsxs("div", Object.assign({
-      className: "khb_table-wrapper"
-    }, {
-      children: [jsx(PageTable, {}), jsx(PagePagination, {})]
-    })), jsx(PageForm, {
+    children: [children ? children : jsxs(Fragment, {
+      children: [jsx(AddButton$1, {}), jsx(PageSearch, {}), jsxs("div", Object.assign({
+        className: "khb_table-wrapper"
+      }, {
+        children: [jsx(PageTable, {}), jsx(PagePagination, {})]
+      }))]
+    }), !_explicitForm && jsx(Drawer, Object.assign({
       open: formState === 'ADD' || formState === 'UPDATE',
       onClose: onCloseForm,
-      formState: formState
-    }), jsx(DeleteModal, {
+      title: formState === 'ADD' ? derivedT('page.addPageTitle') : formState === 'UPDATE' ? derivedT('page.updatePageTitle') : '',
+      footerContent: jsx(PageFormActions, {
+        formRef: formRef
+      })
+    }, {
+      children: jsx(PageForm, {
+        open: formState === 'ADD' || formState === 'UPDATE',
+        onClose: onCloseForm,
+        formState: formState,
+        formRef: formRef
+      })
+    })), itemData && jsx(DeleteModal, {
       formState: formState,
       itemData: itemData,
       onClose: onCloseForm,
@@ -4418,6 +4497,14 @@ const Page = ({
   }));
 };
 
+Page.Table = PageTable;
+Page.Search = PageSearch;
+Page.Form = PageForm;
+Page.AddButton = AddButton$1;
+Page.Pagination = PagePagination;
+Page.FormActions = PageFormActions;
+Page.FormWrapper = PageFormWrapper;
+
 const useWidget = ({
   defaultLimit,
   routes,
@@ -6075,10 +6162,11 @@ function useWidgetState() {
 const Toggle = ({
   isChecked,
   disabled,
-  onChange
+  onChange,
+  switchClass
 }) => {
   return jsxs("label", Object.assign({
-    className: "khb_switch",
+    className: switchClass || 'khb_switch',
     "data-testid": "khb_switch"
   }, {
     children: [jsx("input", {
@@ -6093,6 +6181,9 @@ const Toggle = ({
 };
 
 const WidgetTable = () => {
+  const {
+    switchClass
+  } = useProviderState();
   const {
     list,
     canList,
@@ -6130,6 +6221,7 @@ const WidgetTable = () => {
       Cell: ({
         row
       }) => jsx(Toggle, {
+        switchClass: switchClass,
         isChecked: row === null || row === void 0 ? void 0 : row.isActive,
         onChange: status => updateClosure(row, 'isActive', status)
       })
@@ -6514,12 +6606,12 @@ const TileItemsAccordian = ({
 };
 
 const WidgetForm = ({
-  onClose,
-  open,
-  formState
+  formState,
+  formRef
 }) => {
   const {
-    baseUrl
+    baseUrl,
+    switchClass
   } = useProviderState();
   const {
     t,
@@ -6541,7 +6633,6 @@ const WidgetForm = ({
     formatOptionLabel
   } = useWidgetState();
   const callerRef = useRef(null);
-  const widgetFormRef = useRef(null);
   const [tilesVisible, setTilesVisible] = useState(false);
   const [tilesEnabled, setTilesEnabled] = useState(true);
   const [showAutoPlay, setShowAutoPlay] = useState(false);
@@ -6607,15 +6698,6 @@ const WidgetForm = ({
   } // Widget Form Functions
 
 
-  const onWidgetFormSubmitClick = () => {
-    var _a;
-
-    (_a = widgetFormRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new Event('submit', {
-      cancelable: true,
-      bubbles: true
-    }));
-  };
-
   const onWidgetFormInputChange = useCallback((value, name) => {
     if (name === 'selectionType') {
       if (value['selectionType'] === 'Carousel') setShowAutoPlay(true);else setShowAutoPlay(false);
@@ -6719,7 +6801,8 @@ const WidgetForm = ({
     label: t('widget.autoPlay'),
     accessor: 'autoPlay',
     type: 'checkbox',
-    show: showAutoPlay
+    show: showAutoPlay,
+    switchClass: switchClass
   }, {
     label: t('widget.webPerRow'),
     accessor: 'webPerRow',
@@ -6820,58 +6903,40 @@ const WidgetForm = ({
     })
   }];
   if (!canAdd || !canUpdate) return null;
-  return jsx(Drawer, Object.assign({
-    open: open,
-    onClose: onClose,
-    title: formState === 'ADD' ? t('widget.addWidgetTitle') : formState === 'UPDATE' ? t('widget.updateWidgetTitle') : '',
-    footerContent: jsxs(Fragment, {
-      children: [jsx(Button, Object.assign({
-        type: "secondary",
-        onClick: onClose
-      }, {
-        children: t('cancelButtonText')
-      })), jsx(Button, Object.assign({
-        onClick: onWidgetFormSubmitClick
-      }, {
-        children: t('saveButtonText')
-      }))]
-    })
+  return jsxs("div", Object.assign({
+    className: "khb_form"
   }, {
-    children: jsxs("div", Object.assign({
-      className: "khb_form"
-    }, {
-      children: [jsx(Form, {
-        schema: widgetFormSchema,
-        onSubmit: onFormSubmit,
-        ref: widgetFormRef,
-        data: data,
-        isUpdating: formState === 'UPDATE',
-        watcher: onWidgetFormInputChange
-      }), !tilesEnabled && jsx(DNDItemsList, {
-        items: selectedCollectionItems,
-        onDragEnd: onCollectionIndexChange,
-        formatItem: formatListItem
-      }), tilesEnabled && jsx(Fragment, {
-        children: jsx(TileItemsAccordian, {
-          collapseId: "imageItems",
-          title: t('widget.imageItems'),
-          id: "items",
-          schema: tileFormSchema,
-          show: tilesVisible,
-          tilesData: tilesList,
-          toggleShow: setTilesVisible,
-          onDataSubmit: onTileFormSubmit,
-          tileType: "Web",
-          widgetId: data === null || data === void 0 ? void 0 : data._id,
-          onDelete: onDeleteTile,
-          addText: t('addButtonText'),
-          cancelText: t('cancelButtonText'),
-          saveText: t('saveButtonText'),
-          editText: t('editButtonText'),
-          deleteText: t('deleteButtonText')
-        })
-      })]
-    }))
+    children: [jsx(Form, {
+      schema: widgetFormSchema,
+      onSubmit: onFormSubmit,
+      ref: formRef,
+      data: data,
+      isUpdating: formState === 'UPDATE',
+      watcher: onWidgetFormInputChange
+    }), !tilesEnabled && jsx(DNDItemsList, {
+      items: selectedCollectionItems,
+      onDragEnd: onCollectionIndexChange,
+      formatItem: formatListItem
+    }), tilesEnabled && jsx(Fragment, {
+      children: jsx(TileItemsAccordian, {
+        collapseId: "imageItems",
+        title: t('widget.imageItems'),
+        id: "items",
+        schema: tileFormSchema,
+        show: tilesVisible,
+        tilesData: tilesList,
+        toggleShow: setTilesVisible,
+        onDataSubmit: onTileFormSubmit,
+        tileType: "Web",
+        widgetId: data === null || data === void 0 ? void 0 : data._id,
+        onDelete: onDeleteTile,
+        addText: t('addButtonText'),
+        cancelText: t('cancelButtonText'),
+        saveText: t('saveButtonText'),
+        editText: t('editButtonText'),
+        deleteText: t('deleteButtonText')
+      })
+    })]
   }));
 };
 
@@ -6934,13 +6999,71 @@ const WidgetSearch = () => {
   });
 };
 
+const WidgetFormActions = ({
+  formRef
+}) => {
+  const {
+    onError
+  } = useProviderState();
+  const {
+    closeForm,
+    loading,
+    canAdd,
+    canUpdate,
+    t
+  } = useWidgetState();
+
+  const onSubmitClick = e => {
+    var _a;
+
+    if (!formRef) {
+      return onError(CALLBACK_CODES.INTERNAL, 'error', `formRef is required to submit the form!`);
+    } else if (!formRef.current) {
+      return onError(CALLBACK_CODES.INTERNAL, 'error', `formRef is empty, make sure it's passed as 'ref' prop to the form!`);
+    } // formRef is provided
+
+
+    e === null || e === void 0 ? void 0 : e.preventDefault();
+    (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new Event('submit', {
+      cancelable: true,
+      bubbles: true
+    }));
+  };
+
+  if (!canAdd && !canUpdate) return null;
+  return jsx(FormActions, {
+    loading: loading,
+    primaryLabel: t('saveButtonText'),
+    onPrimaryButtonClick: onSubmitClick,
+    onSecondaryButtonClick: closeForm,
+    secondaryLabel: t('cancelButtonText')
+  });
+};
+
+const WiddgetFormWrapper = ({
+  children
+}) => {
+  const {
+    formState,
+    closeForm
+  } = useWidgetState();
+  return typeof children === 'function' ? children({
+    formState,
+    onClose: closeForm,
+    open: formState === 'ADD' || formState === 'UPDATE'
+  }) : null;
+};
+
 const Widget = ({
   t,
   loader,
+  explicitForm: _explicitForm = false,
   permissions: _permissions = DEFAULT_PERMISSIONS,
   formatListItem,
-  formatOptionLabel
+  formatOptionLabel,
+  children
 }) => {
+  const widgetFormRef = useRef(null);
   const derivedT = createTranslation(t, Object.assign(Object.assign(Object.assign({}, TRANSLATION_PAIRS_COMMON), TRANSLATION_PAIRS_WIDGET), TRANSLATION_PAIRS_TILES));
   const {
     list,
@@ -7011,15 +7134,27 @@ const Widget = ({
     canUpdate: _permissions.update,
     canPartialUpdate: _permissions.partialUpdate
   }, {
-    children: [jsx(AddButton, {}), jsx(WidgetSearch, {}), jsxs("div", Object.assign({
-      className: "khb_table-wrapper"
-    }, {
-      children: [jsx(WidgetTable, {}), jsx(WidgetPagination, {})]
-    })), jsx(WidgetForm, {
+    children: [children ? children : jsxs(Fragment, {
+      children: [jsx(AddButton, {}), jsx(WidgetSearch, {}), jsxs("div", Object.assign({
+        className: "khb_table-wrapper"
+      }, {
+        children: [jsx(WidgetTable, {}), jsx(WidgetPagination, {})]
+      }))]
+    }), !_explicitForm && jsx(Drawer, Object.assign({
       open: formState === 'ADD' || formState === 'UPDATE',
       onClose: onCloseForm,
-      formState: formState
-    }), itemData && jsx(DeleteModal, {
+      title: formState === 'ADD' ? derivedT('widget.addWidgetTitle') : formState === 'UPDATE' ? derivedT('widget.updateWidgetTitle') : '',
+      footerContent: jsx(WidgetFormActions, {
+        formRef: widgetFormRef
+      })
+    }, {
+      children: jsx(WidgetForm, {
+        open: formState === 'ADD' || formState === 'UPDATE',
+        onClose: onCloseForm,
+        formState: formState,
+        formRef: widgetFormRef
+      })
+    })), itemData && jsx(DeleteModal, {
       formState: formState,
       itemData: itemData,
       onClose: onCloseForm,
@@ -7029,5 +7164,11 @@ const Widget = ({
 };
 
 Widget.Table = WidgetTable;
+Widget.Form = WidgetForm;
+Widget.AddButton = AddButton;
+Widget.Search = WidgetSearch;
+Widget.Pagination = WidgetPagination;
+Widget.FormWrapper = WiddgetFormWrapper;
+Widget.FormActions = WidgetFormActions;
 
 export { Page, Provider, Widget };

package/lib/components/Page/Form/PageForm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormProps } from '../../../types';
-declare const PageForm: ({ onClose, open, formState }: FormProps) => JSX.Element | null;
+declare const PageForm: ({ onClose, open, formState, formRef }: FormProps) => JSX.Element | null;
 export default PageForm;

package/lib/components/Page/Page/Page.d.ts

@@ -1,4 +1,13 @@
 /// <reference types="react" />
 import { PageProps } from '../../../types';
-declare const Page: ({ t, loader, permissions }: PageProps) => JSX.Element;
+declare const Page: {
+    ({ t, loader, explicitForm, children, permissions, }: PageProps): JSX.Element;
+    Table: () => JSX.Element | null;
+    Search: () => JSX.Element;
+    Form: ({ onClose, open, formState, formRef }: import("../../../types").FormProps) => JSX.Element | null;
+    AddButton: () => JSX.Element;
+    Pagination: () => JSX.Element;
+    FormActions: ({ formRef }: import("../../../types").FormActionWrapperProps) => JSX.Element | null;
+    FormWrapper: ({ children }: import("../../../types").FormWrapperProps) => JSX.Element | null;
+};
 export default Page;

package/lib/components/Page/PageFormActions/PageFormActions.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormActionWrapperProps } from '../../../types';
+declare const PageFormActions: ({ formRef }: FormActionWrapperProps) => JSX.Element | null;
+export default PageFormActions;

package/lib/components/Page/PageFormActions/index.d.ts

@@ -0,0 +1,2 @@
+import PageFormActions from './PageFormActions';
+export default PageFormActions;

package/lib/components/Page/PageFormWrapper/PageFormWrapper.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormWrapperProps } from '../../../types';
+declare const PageFormWrapper: ({ children }: FormWrapperProps) => JSX.Element | null;
+export default PageFormWrapper;

package/lib/components/Page/PageFormWrapper/index.d.ts

@@ -0,0 +1,2 @@
+import PageFormWrapper from './PageFormWrapper';
+export default PageFormWrapper;

package/lib/components/Widget/Form/WidgetForm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormProps } from '../../../types';
-declare const WidgetForm: ({ onClose, open, formState }: FormProps) => JSX.Element | null;
+declare const WidgetForm: ({ formState, formRef }: FormProps) => JSX.Element | null;
 export default WidgetForm;

package/lib/components/Widget/Widget/Widget.d.ts

@@ -1,7 +1,13 @@
 /// <reference types="react" />
 import { WidgetProps } from '../../../types';
 declare const Widget: {
-    ({ t, loader, permissions, formatListItem, formatOptionLabel, }: WidgetProps): JSX.Element;
+    ({ t, loader, explicitForm, permissions, formatListItem, formatOptionLabel, children, }: WidgetProps): JSX.Element;
     Table: () => JSX.Element | null;
+    Form: ({ formState, formRef }: import("../../../types").FormProps) => JSX.Element | null;
+    AddButton: () => JSX.Element;
+    Search: () => JSX.Element;
+    Pagination: () => JSX.Element;
+    FormWrapper: ({ children }: import("../../../types").FormWrapperProps) => JSX.Element | null;
+    FormActions: ({ formRef }: import("../../../types").FormActionWrapperProps) => JSX.Element | null;
 };
 export default Widget;

package/lib/components/Widget/WidgetFormActions/WidgetFormActions.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormActionWrapperProps } from '../../../types';
+declare const WidgetFormActions: ({ formRef }: FormActionWrapperProps) => JSX.Element | null;
+export default WidgetFormActions;

package/lib/components/Widget/WidgetFormActions/index.d.ts

@@ -0,0 +1,2 @@
+import WidgetFormActions from './WidgetFormActions';
+export default WidgetFormActions;

package/lib/components/Widget/WidgetFormWrapper/WidgetFormWrapper.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormWrapperProps } from '../../../types';
+declare const WiddgetFormWrapper: ({ children }: FormWrapperProps) => JSX.Element | null;
+export default WiddgetFormWrapper;

package/lib/components/Widget/WidgetFormWrapper/index.d.ts

@@ -0,0 +1,2 @@
+import WiddgetFormWrapper from './WidgetFormWrapper';
+export default WiddgetFormWrapper;

package/lib/components/common/FormActions/FormActions.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface FormActionsProps {
+    loading?: boolean;
+    primaryLabel?: string;
+    secondaryLabel?: string;
+    onPrimaryButtonClick?: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onSecondaryButtonClick?: () => void;
+}
+declare const FormActions: ({ loading, primaryLabel, secondaryLabel, onPrimaryButtonClick, onSecondaryButtonClick, }: FormActionsProps) => JSX.Element;
+export default FormActions;

package/lib/components/common/FormActions/index.d.ts

@@ -0,0 +1,2 @@
+import FormActions from './FormActions';
+export default FormActions;

package/lib/components/common/Input/Checkbox.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { CheckboxProps } from '../../../types';
-declare const Checkbox: ({ rest, label, error, wrapperClassName, disabled, }: CheckboxProps) => JSX.Element;
+declare const Checkbox: ({ rest, label, error, wrapperClassName, disabled, switchClass, }: CheckboxProps) => JSX.Element;
 export default Checkbox;

package/lib/components/common/Toggle/Toggle.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ToggleProps } from '../../../types';
-declare const Toggle: ({ isChecked, disabled, onChange }: ToggleProps) => JSX.Element;
+declare const Toggle: ({ isChecked, disabled, onChange, switchClass, }: ToggleProps) => JSX.Element;
 export default Toggle;

package/lib/context/ProviderContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ProviderContextProviderProps, ProviderContextType } from '../types';
-declare const Provider: ({ children, baseUrl, token, onError, onSuccess, onLogout, tilesRoutesPrefix, widgetRoutesPrefix, pageRoutesPrefix, }: ProviderContextProviderProps) => JSX.Element;
+declare const Provider: ({ children, baseUrl, token, onError, onSuccess, onLogout, switchClass, tilesRoutesPrefix, widgetRoutesPrefix, pageRoutesPrefix, }: ProviderContextProviderProps) => JSX.Element;
 export declare function useProviderState(): ProviderContextType;
 export default Provider;

package/lib/types/components.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React, { MutableRefObject } from 'react';
 import { DropResult } from 'react-beautiful-dnd';
 import { RegisterOptions } from 'react-hook-form';
 import { OptionType, FormActionTypes, PermissionsObj, ObjectType } from './common';
@@ -55,6 +55,7 @@ export interface CheckboxProps {
     className?: string;
     disabled?: boolean;
     wrapperClassName?: string;
+    switchClass?: string;
 }
 export interface SelectProps {
     value?: string | number;
@@ -126,6 +127,7 @@ export interface FormProps {
     open: boolean;
     onClose: () => void;
     formState: FormActionTypes | undefined;
+    formRef: MutableRefObject<HTMLFormElement | null>;
 }
 export interface InputRendererProps {
     field: import('react-hook-form').ControllerRenderProps;
@@ -136,9 +138,21 @@ export interface InputRendererProps {
 export interface WidgetProps {
     t?: any;
     loader?: any;
+    explicitForm?: boolean;
     permissions?: PermissionsObj;
     formatListItem?: (code: string, data: any) => JSX.Element;
     formatOptionLabel?: (code: string, data: any) => JSX.Element;
+    children?: JSX.Element;
+}
+export interface FormWrapperProps {
+    children: (data: {
+        formState: FormActionTypes | undefined;
+        onClose: () => void;
+        open: boolean;
+    }) => JSX.Element | null;
+}
+export interface FormActionWrapperProps {
+    formRef: MutableRefObject<HTMLFormElement | null>;
 }
 export interface SchemaType extends ReactSelectProps {
     label?: string;
@@ -163,11 +177,14 @@ export interface SchemaType extends ReactSelectProps {
     onChange?: (e: any) => void;
     show?: boolean;
     wrapperClassName?: string;
+    switchClass?: string;
 }
 export interface PageProps {
     t?: any;
     loader?: any;
+    explicitForm?: boolean;
     permissions?: PermissionsObj;
+    children?: JSX.Element;
 }
 export interface PaginationProps {
     totalPages: number;
@@ -219,6 +236,7 @@ export interface ToggleProps {
     isChecked?: boolean;
     disabled?: boolean;
     onChange?: (status: boolean) => void;
+    switchClass?: string;
 }
 export interface DeleteModalProps {
     formState: FormActionTypes | undefined;

package/lib/types/context.d.ts

@@ -6,15 +6,17 @@ export interface ProviderContextType {
     token: string | (() => Promise<string>);
     onError: (callback_code: import('../constants/common').CALLBACK_CODES, code: string, message: string) => void;
     onSuccess: (callback_code: import('../constants/common').CALLBACK_CODES, code: string, message: string) => void;
+    switchClass: string;
     onLogout: () => void;
     widgetRoutesPrefix: string;
     tilesRoutesPrefix: string;
     pageRoutesPrefix: string;
 }
-export interface ProviderContextProviderProps extends React.PropsWithChildren, Omit<ProviderContextType, 'onError' | 'onSuccess' | 'onLogout' | 'widgetRoutesPrefix' | 'tilesRoutesPrefix' | 'pageRoutesPrefix'> {
+export interface ProviderContextProviderProps extends React.PropsWithChildren, Omit<ProviderContextType, 'onError' | 'onSuccess' | 'onLogout' | 'widgetRoutesPrefix' | 'tilesRoutesPrefix' | 'pageRoutesPrefix' | 'switchClass'> {
     onError?: (callback_code: import('../constants/common').CALLBACK_CODES, code: string, message: string) => void;
     onSuccess?: (callback_code: import('../constants/common').CALLBACK_CODES, code: string, message: string) => void;
     onLogout?: () => void;
+    switchClass?: string;
     widgetRoutesPrefix?: string;
     tilesRoutesPrefix?: string;
     pageRoutesPrefix?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knovator/pagecreator-admin",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "dependencies": {
     "classnames": "^2.3.1",
     "react-beautiful-dnd": "^13.1.0",