@knovator/pagecreator-admin 0.0.10 → 0.3.0

package/lib/api/list.d.ts

@@ -28,7 +28,7 @@ declare const apiList: {
         url: string;
         method: string;
     };
-    TILES: ({ prefix, id }: API_INPUT_TYPE) => {
+    ITEM: ({ prefix, id }: API_INPUT_TYPE) => {
         url: string;
         method: string;
     };

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ItemsAccordianProps } from '../../../types';
+declare const ItemsAccordian: ({ schema, onDataSubmit, show, title, id, itemsData, collapseId, toggleShow, itemType, widgetId, onDelete, addText, saveText, cancelText, deleteText, editText, }: ItemsAccordianProps) => JSX.Element;
+export default ItemsAccordian;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputProps } from '../../../types';
+declare const SrcSet: ({ label, size, required, error, className, register, wrapperClassName, control, errors, disabled, }: InputProps) => JSX.Element;
+export default SrcSet;

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

@@ -2,9 +2,11 @@
 import Checkbox from "./Checkbox";
 import Select from "./Select";
 import ReactSelect from "./ReactSelect";
+import SrcSet from './SrcSet';
 declare const _default: (({ label, id, placeholder, type, size, required, error, className, disabled, rest, onInput, onBlur, value, onChange, wrapperClassName, }: import("../../../types").InputProps) => JSX.Element) & {
     Select: typeof Select;
     ReactSelect: typeof ReactSelect;
     Checkbox: typeof Checkbox;
+    SrcSet: typeof SrcSet;
 };
 export default _default;

package/lib/constants/common.d.ts

@@ -46,13 +46,13 @@ declare const TRANSLATION_PAIRS_WIDGET: {
     'widget.name': string;
     'widget.namePlaceholder': string;
     'widget.nameRequired': string;
-    'widget.selectionTitle': string;
-    'widget.selectionTitlePlaceholder': string;
-    'widget.selectionTitleRequired': string;
+    'widget.widgetTitle': string;
+    'widget.widgetTitlePlaceholder': string;
+    'widget.widgetTitleRequired': string;
+    'widget.itemsType': string;
+    'widget.itemsTypePlaceholder': string;
     'widget.widgetType': string;
-    'widget.widgetTypePlaceholder': string;
-    'widget.selectionType': string;
-    'widget.selectionTypeRequired': string;
+    'widget.widgetTypeRequired': string;
     'widget.code': string;
     'widget.codePlaceholder': string;
     'widget.codeRequired': string;
@@ -62,7 +62,8 @@ declare const TRANSLATION_PAIRS_WIDGET: {
     'widget.mobilePerRowPlaceholder': string;
     'widget.tabletPerRow': string;
     'widget.tabletPerRowPlaceholder': string;
-    'widget.imageItems': string;
+    'widget.mobileItems': string;
+    'widget.webItems': string;
     'widget.searchPlaceholder': string;
     'widget.autoPlay': string;
     'widget.tableName': string;
@@ -70,18 +71,22 @@ declare const TRANSLATION_PAIRS_WIDGET: {
     'widget.tableActive': string;
     'widget.addWidgetTitle': string;
     'widget.updateWidgetTitle': string;
+    'widget.webPerRowRequired': string;
+    'widget.tabletPerRowRequired': string;
+    'widget.mobilePerRowRequired': string;
 };
-declare const TRANSLATION_PAIRS_TILES: {
-    'tile.title': string;
-    'tile.titlePlaceholder': string;
-    'tile.altText': string;
-    'tile.altTextPlaceholder': string;
-    'tile.link': string;
-    'tile.linkPlaceholder': string;
-    'tile.image': string;
-    'tile.uploadFile': string;
-    'tile.dragDrop': string;
-    'tile.allowedFormat': string;
+declare const TRANSLATION_PAIRS_ITEM: {
+    'item.title': string;
+    'item.titlePlaceholder': string;
+    'item.altText': string;
+    'item.altTextPlaceholder': string;
+    'item.link': string;
+    'item.linkPlaceholder': string;
+    'item.image': string;
+    'item.uploadFile': string;
+    'item.dragDrop': string;
+    'item.allowedFormat': string;
+    'item.srcset': string;
 };
 declare const TRANSLATION_PAIRS_PAGE: {
     'page.name': string;
@@ -97,4 +102,4 @@ declare const TRANSLATION_PAIRS_PAGE: {
     'page.tableCode': string;
     'page.widgets': string;
 };
-export { CALLBACK_CODES, DECIMAL_REDIX, DEFAULT_CURRENT_PAGE, DEFAULT_OFFSET_PAYLOAD, INTERNAL_ERROR_CODE, DEFAULT_PERMISSIONS, TRANSLATION_PAIRS_COMMON, DEFAULT_LIMIT, PAGE_LIMITS, TRANSLATION_PAIRS_WIDGET, TRANSLATION_PAIRS_TILES, TRANSLATION_PAIRS_PAGE, };
+export { CALLBACK_CODES, DECIMAL_REDIX, DEFAULT_CURRENT_PAGE, DEFAULT_OFFSET_PAYLOAD, INTERNAL_ERROR_CODE, DEFAULT_PERMISSIONS, TRANSLATION_PAIRS_COMMON, DEFAULT_LIMIT, PAGE_LIMITS, TRANSLATION_PAIRS_WIDGET, TRANSLATION_PAIRS_ITEM, TRANSLATION_PAIRS_PAGE, };

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, switchClass, tilesRoutesPrefix, widgetRoutesPrefix, pageRoutesPrefix, }: ProviderContextProviderProps) => JSX.Element;
+declare const Provider: ({ children, baseUrl, token, onError, onSuccess, onLogout, switchClass, itemsRoutesPrefix, widgetRoutesPrefix, pageRoutesPrefix, }: ProviderContextProviderProps) => JSX.Element;
 export declare function useProviderState(): ProviderContextType;
 export default Provider;

package/lib/context/WidgetContext.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { WidgetContextType } from '../types';
 interface WidgetContextProviderProps extends React.PropsWithChildren, Partial<WidgetContextType> {
 }
-declare const WidgetContextProvider: ({ t, list, formState, closeForm, loading, onChangeFormState, onWidgetFormSubmit, updateData, canAdd, canUpdate, onDeleteTile, getWidgets, onImageUpload, onImageRemove, widgetTypes, selectionTypes, getCollectionData, collectionDataLoading, collectionData, formatListItem, formatOptionLabel, currentPage, limits, pageSize, setCurrentPage, setPageSize, totalPages, totalRecords, canList, canPartialUpdate, columns, data, canDelete, loader, onPartialUpdateWidget, tilesList, tilesLoading, onTileFormSubmit, children, }: WidgetContextProviderProps) => JSX.Element;
+declare const WidgetContextProvider: ({ t, list, formState, closeForm, loading, onChangeFormState, onWidgetFormSubmit, updateData, canAdd, canUpdate, onDeleteItem, getWidgets, onImageUpload, onImageRemove, itemsTypes, widgetTypes, getCollectionData, collectionDataLoading, collectionData, formatListItem, formatOptionLabel, currentPage, limits, pageSize, setCurrentPage, setPageSize, totalPages, totalRecords, canList, canPartialUpdate, columns, data, canDelete, loader, onPartialUpdateWidget, webItems, mobileItems, itemsLoading, onItemFormSubmit, children, }: WidgetContextProviderProps) => JSX.Element;
 export declare function useWidgetState(): WidgetContextType;
 export default WidgetContextProvider;

package/lib/hooks/useWidget.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Routes_Input, SelectionType, WidgetType } from '../types';
+import { Routes_Input, WidgetType, ItemsType } from '../types';
 import { FormActionTypes, ObjectType } from '../types/common';
 interface UseWidgetProps {
     defaultLimit: number;
@@ -8,6 +8,10 @@ interface UseWidgetProps {
         row: ObjectType;
     }) => Promise<boolean>;
 }
+interface ItemsList {
+    web: ObjectType[];
+    mobile: ObjectType[];
+}
 declare const useWidget: ({ defaultLimit, routes, preConfirmDelete, }: UseWidgetProps) => {
     list: ObjectType[];
     getWidgets: (search?: string) => Promise<void>;
@@ -23,7 +27,7 @@ declare const useWidget: ({ defaultLimit, routes, preConfirmDelete, }: UseWidget
     itemData: ObjectType | null;
     onChangeFormState: (state: FormActionTypes, data?: ObjectType) => void;
     onCloseForm: () => void;
-    onDeleteTile: (id: string) => Promise<void>;
+    onDeleteItem: (id: string) => Promise<void>;
     onWidgetFormSubmit: (data: ObjectType) => Promise<void>;
     onCofirmDeleteWidget: () => Promise<void>;
     onPartialUpdateWidget: (data: ObjectType, id: string) => Promise<void>;
@@ -33,13 +37,13 @@ declare const useWidget: ({ defaultLimit, routes, preConfirmDelete, }: UseWidget
         fileUri: string;
     } | void>;
     onImageRemove: (id: string) => Promise<void>;
+    itemsTypes: ItemsType[];
     widgetTypes: WidgetType[];
-    selectionTypes: SelectionType[];
     collectionDataLoading: boolean;
     getCollectionData: (collectionName: string, search?: string) => Promise<void>;
     collectionData: any[];
-    tilesList: ObjectType[];
-    tilesLoading: boolean;
-    onTileFormSubmit: (state: FormActionTypes, data: ObjectType, updateId?: string) => Promise<void>;
+    itemsList: ItemsList;
+    itemsLoading: boolean;
+    onItemFormSubmit: (state: FormActionTypes, data: ObjectType, updateId?: string) => Promise<void>;
 };
 export default useWidget;

package/lib/icons/plus.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '../types';
+declare const Plus: ({ srText, className }: IconProps) => JSX.Element;
+export default Plus;

package/lib/types/api.d.ts

@@ -1,4 +1,4 @@
-export declare type ACTION_TYPES = 'IMAGE_UPLOAD' | 'IMAGE_REMOVE' | 'CREATE' | 'LIST' | 'DELETE' | 'UPDATE' | 'TILES' | 'PARTIAL_UPDATE' | 'WIDGET_TYPES' | 'SELECTION_TYPES' | 'COLLECTION_DATA';
+export declare type ACTION_TYPES = 'IMAGE_UPLOAD' | 'IMAGE_REMOVE' | 'CREATE' | 'LIST' | 'DELETE' | 'UPDATE' | 'ITEM' | 'PARTIAL_UPDATE' | 'WIDGET_TYPES' | 'SELECTION_TYPES' | 'COLLECTION_DATA';
 export declare type API_TYPE = {
     url: string;
     method: string;
@@ -10,11 +10,11 @@ export declare type API_INPUT_TYPE = {
 export declare type Routes_Input = {
     [K in ACTION_TYPES]?: (data: API_INPUT_TYPE) => API_TYPE;
 };
-export declare type WidgetType = {
+export declare type ItemsType = {
     value: string;
     label: string;
 };
-export declare type SelectionType = {
+export declare type WidgetType = {
     value: string;
     label: string;
 };

package/lib/types/common.d.ts

@@ -15,6 +15,11 @@ export declare type ObjectType = {
     [key: string]: string;
 };
 export declare type CombineObjectType = {
-    [key: string]: string | boolean | number | string[] | null | ObjectType;
+    [key: string]: string | boolean | number | string[] | null | CombineObjectType;
 };
 export declare type ValuesType = string | boolean | number | string[];
+export interface SrcSetItem {
+    screenSize: number | string;
+    width: number | string;
+    height: number | string;
+}

package/lib/types/components.d.ts

@@ -40,6 +40,7 @@ export interface InputProps {
     size?: InputSizes;
     className?: string;
     error?: string;
+    errors?: any;
     required?: boolean;
     disabled?: boolean;
     rest?: any;
@@ -48,6 +49,8 @@ export interface InputProps {
     value?: string | number;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    control?: any;
+    register?: any;
 }
 export interface CheckboxProps {
     rest?: any;
@@ -100,30 +103,6 @@ export interface ReactSelectProps {
     listCode?: string;
     wrapperClassName?: string;
 }
-export interface SchemaType extends ReactSelectProps {
-    label?: string;
-    accessor: string;
-    Input?: (props: InputRendererProps) => JSX.Element;
-    validations?: import('react-hook-form').RegisterOptions;
-    editable?: boolean;
-    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    type?: 'text' | 'number' | 'select' | 'checkbox' | 'textarea' | 'file' | 'url' | 'ReactSelect';
-    options?: {
-        value: string;
-        label: string;
-    }[];
-    selectedOptions?: {
-        value: string;
-        label: string;
-    }[];
-    isMulti?: boolean;
-    defaultValue?: string | number | boolean;
-    placeholder?: string;
-    required?: boolean;
-    onChange?: (e: any) => void;
-    show?: boolean;
-    wrapperClassName?: string;
-}
 export interface FormProps {
     formRef: MutableRefObject<HTMLFormElement | null>;
 }
@@ -163,7 +142,7 @@ export interface SchemaType extends ReactSelectProps {
     validations?: RegisterOptions;
     editable?: boolean;
     onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    type?: 'text' | 'number' | 'select' | 'checkbox' | 'textarea' | 'file' | 'url' | 'ReactSelect';
+    type?: 'text' | 'number' | 'select' | 'checkbox' | 'textarea' | 'file' | 'url' | 'ReactSelect' | 'srcset';
     options?: {
         value: string;
         label: string;
@@ -197,15 +176,15 @@ export interface PaginationProps {
     pageText?: string;
     ofText?: string;
 }
-export interface TileItemsAccordianProps {
+export interface ItemsAccordianProps {
     id: string;
     show: boolean;
     title: string;
-    tilesData: any[];
+    itemsData: any[];
     widgetId: string;
     collapseId: string;
     schema: SchemaType[];
-    tileType: 'Web' | 'Mobile';
+    itemType: 'Web' | 'Mobile';
     toggleShow: (status: boolean) => void;
     onDataSubmit: (state: FormActionTypes, data: any, updateId?: string) => void;
     onDelete: (id: string) => void;

package/lib/types/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SelectionType, WidgetType } from './api';
+import { WidgetType, ItemsType } from './api';
 import { FormActionTypes, OptionType } from './common';
 export interface ProviderContextType {
     baseUrl: string;
@@ -9,16 +9,16 @@ export interface ProviderContextType {
     switchClass: string;
     onLogout: () => void;
     widgetRoutesPrefix: string;
-    tilesRoutesPrefix: string;
+    itemsRoutesPrefix: string;
     pageRoutesPrefix: string;
 }
-export interface ProviderContextProviderProps extends React.PropsWithChildren, Omit<ProviderContextType, 'onError' | 'onSuccess' | 'onLogout' | 'widgetRoutesPrefix' | 'tilesRoutesPrefix' | 'pageRoutesPrefix' | 'switchClass'> {
+export interface ProviderContextProviderProps extends React.PropsWithChildren, Omit<ProviderContextType, 'onError' | 'onSuccess' | 'onLogout' | 'widgetRoutesPrefix' | 'itemsRoutesPrefix' | '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;
+    itemsRoutesPrefix?: string;
     pageRoutesPrefix?: string;
 }
 export interface WidgetContextType {
@@ -32,7 +32,7 @@ export interface WidgetContextType {
     loading: boolean;
     canAdd: boolean;
     canUpdate: boolean;
-    onDeleteTile: (id: string) => void;
+    onDeleteItem: (id: string) => void;
     getWidgets: (searchText: string) => void;
     onImageUpload: (file: File) => Promise<{
         fileUrl: string;
@@ -40,8 +40,8 @@ export interface WidgetContextType {
         fileUri: string;
     } | void>;
     onImageRemove: (id: string) => Promise<void>;
+    itemsTypes: ItemsType[];
     widgetTypes: WidgetType[];
-    selectionTypes: SelectionType[];
     getCollectionData: (collectionName: string, search?: string) => Promise<void>;
     collectionDataLoading: boolean;
     collectionData: any[];
@@ -61,9 +61,10 @@ export interface WidgetContextType {
     loader?: JSX.Element;
     canDelete?: boolean;
     onPartialUpdateWidget: (data: any, id: string) => Promise<void>;
-    tilesList: any[];
-    tilesLoading: boolean;
-    onTileFormSubmit: (state: FormActionTypes, data: any) => void;
+    webItems: any[];
+    mobileItems: any[];
+    itemsLoading: boolean;
+    onItemFormSubmit: (state: FormActionTypes, data: any) => void;
 }
 export interface PageContextType {
     t: (key: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knovator/pagecreator-admin",
-  "version": "0.0.10",
+  "version": "0.3.0",
   "dependencies": {
     "classnames": "^2.3.1",
     "react-beautiful-dnd": "^13.1.0",
@@ -11,7 +11,7 @@
     "@knovator/api": "^1.0.2"
   },
   "peerDependencies": {
-    "react": "^18"
+    "react": "^18 | ^17"
   },
   "repository": {
     "type": "git",

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { TileItemsAccordianProps } from '../../../types';
-declare const TileItemsAccordian: ({ schema, onDataSubmit, show, title, id, tilesData, collapseId, toggleShow, tileType, widgetId, onDelete, addText, saveText, cancelText, deleteText, editText, }: TileItemsAccordianProps) => JSX.Element;
-export default TileItemsAccordian;