@knovator/pagecreator-admin 1.2.9 → 1.3.0

package/src/lib/components/common/Table/Table.tsx

@@ -1,133 +0,0 @@
-import React from 'react';
-import Pencil from '../../../icons/pencil';
-import Trash from '../../../icons/trash';
-import { ObjectType, TableDataItemFormat, TableProps } from '../../../types';
-
-const Table = ({
-  data,
-  dataKeys,
-  actions,
-  loader,
-  loading,
-  extraActions,
-  actionsLabel,
-  extraColumns,
-}: TableProps) => {
-  const cellItemRenderer = (
-    item: ObjectType,
-    dataKey: TableDataItemFormat,
-    index: number
-  ) => {
-    if (dataKey.highlight)
-      return (
-        <th scope="row" className="khb_table-row-heading" key={index}>
-          {item[dataKey.dataKey]}
-        </th>
-      );
-    else if (dataKey.Cell)
-      return (
-        <td className="khb_table-row-data" key={index}>
-          {dataKey.Cell({ row: item })}
-        </td>
-      );
-    else
-      return (
-        <td className="khb_table-row-data" key={index}>
-          {item[dataKey.dataKey]}
-        </td>
-      );
-  };
-  return (
-    <div className={`khb_table-container`} data-testid="table">
-      <div className={`khb_table-height`}>
-        {loading && loader ? (
-          <div className="khb_table-height">{loader}</div>
-        ) : (
-          <table
-            className={`khb_table ${data.length > 0 ? '' : 'empty-table'}`}
-          >
-            <thead className="khb_thead">
-              <tr>
-                {dataKeys.map((key, i) => (
-                  <th scope="col" className="khb_table-heading" key={i}>
-                    {key.label}
-                  </th>
-                ))}
-                {Array.isArray(extraColumns)
-                  ? extraColumns.map((action) => (
-                      <th scope="col" className="khb_table-heading">
-                        {action.label}
-                      </th>
-                    ))
-                  : null}
-                {(actions && (actions?.edit || actions?.delete)) ||
-                typeof extraActions === 'function' ? (
-                  <th scope="col" className="khb_table-heading">
-                    {actionsLabel}
-                  </th>
-                ) : null}
-              </tr>
-            </thead>
-            <tbody className="khb_tbody">
-              {data.length > 0 ? (
-                data.map((item: ObjectType, i: number) => (
-                  <tr
-                    className="khb_table-row"
-                    key={item['id'] || item['_id'] || i}
-                  >
-                    {dataKeys.map((key, j) => cellItemRenderer(item, key, j))}
-                    {Array.isArray(extraColumns)
-                      ? extraColumns.map((column) => (
-                          <td className="khb_table-row-data" key={i}>
-                            {column.Cell(item)}
-                          </td>
-                        ))
-                      : null}
-                    {(actions && (actions?.edit || actions?.delete)) ||
-                    typeof extraActions === 'function' ? (
-                      <td className="khb_table-row-actions">
-                        {actions &&
-                        actions.edit &&
-                        typeof actions.edit === 'function' ? (
-                          <button
-                            className="khb_actions-update"
-                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                            // @ts-ignore
-                            onClick={() => actions.edit(item)}
-                          >
-                            <Pencil />
-                          </button>
-                        ) : null}
-                        {actions &&
-                          actions.delete &&
-                          typeof actions.delete === 'function' &&  !!item['canDel'] !== false &&  (
-                            <button
-                              className="khb_actions-delete"
-                              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                              // @ts-ignore
-                              onClick={() => actions.delete!(item)}
-                            >
-                              <Trash />
-                            </button>
-                          )}
-                        {typeof extraActions === 'function'
-                          ? extraActions(item)
-                          : null}
-                      </td>
-                    ) : null}
-                  </tr>
-                ))
-              ) : (
-                <tr className="empty-row">
-                  <td colSpan={(dataKeys?.length || 0) + 1}>No data found</td>
-                </tr>
-              )}
-            </tbody>
-          </table>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default Table;

package/src/lib/components/common/Toggle/Toggle.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { ToggleProps } from '../../../types';
-
-const Toggle = ({
-  isChecked,
-  disabled,
-  onChange,
-  switchClass,
-}: ToggleProps) => {
-  return (
-    <label className={switchClass || 'khb_switch'} data-testid="khb_switch">
-      <input
-        type="checkbox"
-        onChange={() => onChange && onChange(!isChecked)}
-        checked={isChecked}
-        disabled={disabled}
-      />
-      <span className="slider round" />
-    </label>
-  );
-};
-
-export default Toggle;

package/src/lib/constants/common.ts

@@ -1,145 +0,0 @@
-const DEFAULT_OFFSET_PAYLOAD = 0;
-const DECIMAL_REDIX = 10;
-const DEFAULT_CURRENT_PAGE = 1;
-const INTERNAL_ERROR_CODE = 'INTERNAL_ERROR';
-const DEFAULT_LIMIT = 10;
-const PAGE_LIMITS = [10, 20, 30];
-
-enum CALLBACK_CODES {
-  'GET_ALL' = 'GET_ALL',
-  'GET_SINGLE' = 'GET_SINGLE',
-  'CREATE' = 'CREATE',
-  'UPDATE' = 'UPDATE',
-  'PARTIAL_UPDATE' = 'PARTIAL_UPDATE',
-  'DELETE' = 'DELETE',
-  'IMAGE_UPLOAD' = 'IMAGE_UPLOAD',
-  'IMAGE_REMOVE' = 'IMAGE_REMOVE',
-  'INTERNAL' = 'INTERNAL',
-}
-
-const CONSTANTS = {
-  EMPTY_REGEX: / /g,
-  SLUG_REGEX: /^[\da-z-]*$/,
-  SLUG_REPLACE_REGEX: /[^\da-z-]/gi,
-};
-
-const DEFAULT_PERMISSIONS = {
-  list: true,
-  add: true,
-  delete: true,
-  partialUpdate: true,
-  update: true,
-};
-
-const TRANSLATION_PAIRS_COMMON = {
-  confirmationRequired: 'Confirmation Required',
-  permanentlyDelete: 'You are about to permanently delete the',
-  lossOfData:
-    'This action can lead to data loss. To prevent accidental actions we ask you to confirm your intention.',
-  pleaseType: 'Please type',
-  toProceedOrCancel: 'to processed or close this modal to cancel.',
-  confirm: 'Confirm',
-  next: 'Next',
-  previous: 'Previous',
-  page: 'Page',
-  indicatesRequired: 'Indicates fields are required',
-  cancel: 'Cancel',
-  yes: 'Yes',
-  delete: 'Delete',
-  create: 'Create',
-  update: 'Update',
-  showing: 'Showing',
-  add: 'Add',
-  of: 'of',
-  typeHerePlaceholder: 'Type Here',
-
-  code: 'Code',
-  codePlaceholder: 'Enter code',
-  codeRequired: 'Code is required',
-  name: 'Name',
-  namePlaceholder: 'Enter name',
-  nameRequired: 'Name is required',
-  title: 'Title',
-  titlePlaceholder: 'Enter title',
-  titleRequired: 'Title is required',
-
-  active: 'Active',
-  actions: 'Actions',
-};
-
-const TRANSLATION_PAIRS_WIDGET = {
-  itemsType: 'Items Type',
-  itemsTypePlaceholder: 'Select Items Type',
-  widgetType: 'Widget Type',
-  widgetTypeRequired: 'Widget Type is required',
-  color: 'Color',
-  webPerRow: 'Web Per Row',
-  webPerRowPlaceholder: 'Enter web per row',
-  mobilePerRow: 'Mobile Per Row',
-  mobilePerRowPlaceholder: 'Enter mobile per row',
-  tabletPerRow: 'Tablet Per Row',
-  tabletPerRowPlaceholder: 'Enter tablet per row',
-  mobileItems: 'Mobile Items',
-  webItems: 'Web Items',
-  searchPlaceholder: 'Search Widgets...',
-  autoPlay: 'Auto Play',
-  addWidgetTitle: 'Add Widget',
-  updateWidgetTitle: 'Update Widget',
-  webPerRowRequired: 'Web Per Row is required',
-  tabletPerRowRequired: 'Tablet Per Row is required',
-  mobilePerRowRequired: 'Mobile Per Row is required',
-  tabDeleteTitle: 'Are you sure you want to delete this tab?',
-  widgetTitleInfo: 'HTML is supported',
-  minPerRow: 'Value must be greater than zero',
-  // actionsLabel': 'Actions', -> 'actions'
-  tabNameRequired: 'Tab Name is required',
-
-  subtitle: 'Subtitle',
-  subTitlePlaceholder: 'Enter Subtitle',
-  altText: 'Alt Text',
-  altTextPlaceholder: 'Enter alt text',
-  link: 'Link',
-  linkPlaceholder: 'Enter link',
-  image: 'Image',
-  uploadFile: 'Upload File',
-  dragDrop: 'or drag and drop',
-  allowedFormat: 'PNG, JPG, SVG up to 2 MB',
-  srcset: 'Srcset',
-  screenSizeRequired: 'ScreenSize is required',
-  widthRequired: 'Width is required',
-  heightRequired: 'Height is required',
-  minScreenSize: 'ScreenSize should be greater than 0',
-  minWidth: 'Width should be greater than 0',
-  minHeight: 'Height should be greater than 0',
-  deleteTitle: 'Are you sure you want to delete this item?',
-  htmlContent: 'HTML',
-  htmlContentPlaceholder: 'Enter your html',
-  htmlContentRequired: 'html is required',
-  textContent: 'Text',
-  textContentRequired: 'Text is required',
-  textContentInfo: 'HTML is supported',
-  textContentPlaceholder: 'Enter text',
-};
-const TRANSLATION_PAIRS_PAGE = {
-  widgets: 'Widgets',
-  slug: 'Slug',
-  slugPlaceholder: 'Enter Slug',
-  slugRequired: 'Slug is required',
-  addPage: 'Add Page',
-  updatePage: 'Update Page',
-  searchPages: 'Search Pages...',
-};
-export {
-  CONSTANTS,
-  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_PAGE,
-};

package/src/lib/context/PageContext.tsx

@@ -1,100 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-import React, { createContext, useContext } from 'react';
-import { PAGE_LIMITS, TRANSLATION_PAIRS_PAGE } from '../constants/common';
-import { PageContextType } from '../types';
-
-interface PageContextProviderProps
-  extends React.PropsWithChildren,
-    Partial<PageContextType> {}
-
-const PageContext = createContext<PageContextType | null>(null);
-
-const PageContextProvider = ({
-  searchText = '',
-  changeSearch = () => {},
-  list = [],
-  widgets = [],
-  formState = '',
-  closeForm = () => {},
-  getPages = () => {},
-  loading = false,
-  getWidgets = () => {},
-  onChangeFormState = () => {},
-  onPageFormSubmit = () => {},
-  canAdd = false,
-  canUpdate = false,
-  selectedWidgets = [],
-  setSelectedWidgets = () => {},
-  onChangeWidgetSequence = () => {},
-  // Pagination
-  currentPage = 1,
-  limits = PAGE_LIMITS,
-  pageSize = PAGE_LIMITS[0],
-  setCurrentPage = () => {},
-  setPageSize = () => {},
-  totalPages = 0,
-  totalRecords = 0,
-  canList = false,
-  // Table
-  columns = [],
-  data = [],
-  canDelete = false,
-  loader = undefined,
-  pageTranslations,
-  // other
-  children,
-}: PageContextProviderProps) => {
-  return (
-    <PageContext.Provider
-      value={{
-        // Form
-        list,
-        searchText,
-        changeSearch,
-        widgets,
-        closeForm,
-        formState,
-        loading,
-        getWidgets,
-        onChangeFormState,
-        canAdd,
-        canUpdate,
-        onPageFormSubmit,
-        selectedWidgets,
-        setSelectedWidgets,
-        onChangeWidgetSequence,
-        // Pagination
-        getPages,
-        currentPage,
-        limits,
-        pageSize,
-        setCurrentPage,
-        setPageSize,
-        totalPages,
-        totalRecords,
-        canList,
-        // Table
-        columns,
-        data,
-        canDelete,
-        loader,
-        pageTranslations: {
-          ...TRANSLATION_PAIRS_PAGE,
-          ...(pageTranslations || {}),
-        },
-      }}
-    >
-      {children}
-    </PageContext.Provider>
-  );
-};
-
-export function usePageState() {
-  const context = useContext(PageContext);
-  if (!context)
-    throw new Error('Page Context must be used within PageContext.Provider');
-
-  return context;
-}
-
-export default PageContextProvider;

package/src/lib/context/ProviderContext.tsx

@@ -1,52 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-import React, { createContext, useContext } from 'react';
-import { TRANSLATION_PAIRS_COMMON } from '../constants/common';
-import { ProviderContextProviderProps, ProviderContextType } from '../types';
-
-const ProviderContext = createContext<ProviderContextType | null>(null);
-
-const Provider = ({
-  children,
-  baseUrl,
-  token,
-  translations,
-  onError = () => {},
-  onSuccess = () => {},
-  onLogout = () => {},
-  switchClass = 'khb_switch',
-  widgetRoutesPrefix = 'widgets',
-  pageRoutesPrefix = 'pages',
-}: ProviderContextProviderProps) => {
-  return (
-    <ProviderContext.Provider
-      value={{
-        baseUrl,
-        token,
-        onError,
-        onSuccess,
-        onLogout,
-        switchClass,
-        widgetRoutesPrefix,
-        pageRoutesPrefix,
-        commonTranslations: {
-          ...TRANSLATION_PAIRS_COMMON,
-          ...(translations || {}),
-        },
-      }}
-    >
-      {children}
-    </ProviderContext.Provider>
-  );
-};
-
-export function useProviderState() {
-  const context = useContext(ProviderContext);
-  if (!context)
-    throw new Error(
-      'Provider Context must be used within ProviderContext.Provider'
-    );
-
-  return context;
-}
-
-export default Provider;

package/src/lib/context/WidgetContext.tsx

@@ -1,127 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-import React, { createContext, useContext } from 'react';
-import { PAGE_LIMITS, TRANSLATION_PAIRS_WIDGET } from '../constants/common';
-import { WidgetContextType } from '../types';
-
-interface WidgetContextProviderProps
-  extends React.PropsWithChildren,
-    Partial<WidgetContextType> {}
-
-const WidgetContext = createContext<WidgetContextType | null>(null);
-
-const WidgetContextProvider = ({
-  // Form
-  list = [],
-  languages = [],
-  imageBaseUrl = '',
-  searchText = '',
-  changeSearch = () => {},
-  formState = '',
-  closeForm = () => {},
-  loading = false,
-  onChangeFormState = () => {},
-  onWidgetFormSubmit = () => {},
-  updateData = null,
-  canAdd = false,
-  canUpdate = false,
-  onDeleteItem = () => {},
-  getWidgets = () => {},
-  onImageUpload = async (file: File) => {},
-  onImageRemove = async (id: string) => {},
-  itemsTypes = [],
-  widgetTypes = [],
-  getCollectionData = () => Promise.resolve(),
-  collectionDataLoading = false,
-  collectionData = [],
-  formatListItem,
-  formatOptionLabel,
-  // Pagination
-  currentPage = 1,
-  limits = PAGE_LIMITS,
-  pageSize = PAGE_LIMITS[0],
-  setCurrentPage = () => {},
-  setPageSize = () => {},
-  totalPages = 0,
-  totalRecords = 0,
-  // Table
-  canList = false,
-  canPartialUpdate = false,
-  columns = [],
-  data = [],
-  canDelete = false,
-  loader = <span />,
-  onPartialUpdateWidget = () => Promise.resolve(),
-  reactSelectStyles = {},
-  imageMaxSize = 10_485_760,
-  widgetTranslations,
-  // other
-  children,
-}: WidgetContextProviderProps) => {
-  return (
-    <WidgetContext.Provider
-      value={{
-        // Form
-        list,
-        languages,
-        imageBaseUrl,
-        closeForm,
-        formState,
-        loading,
-        searchText,
-        changeSearch,
-        onChangeFormState,
-        onWidgetFormSubmit,
-        updateData,
-        canAdd,
-        canUpdate,
-        onDeleteItem,
-        getWidgets,
-        onImageUpload,
-        onImageRemove,
-        onPartialUpdateWidget,
-        itemsTypes,
-        widgetTypes,
-        getCollectionData,
-        collectionDataLoading,
-        collectionData,
-        formatListItem,
-        formatOptionLabel,
-        reactSelectStyles,
-        // Pagination
-        currentPage,
-        limits,
-        pageSize,
-        setCurrentPage,
-        setPageSize,
-        totalPages,
-        totalRecords,
-        // Table
-        canList,
-        canPartialUpdate,
-        columns,
-        data,
-        canDelete,
-        loader,
-        imageMaxSize,
-        widgetTranslations: {
-          ...TRANSLATION_PAIRS_WIDGET,
-          ...(widgetTranslations || {}),
-        },
-      }}
-    >
-      {children}
-    </WidgetContext.Provider>
-  );
-};
-
-export function useWidgetState() {
-  const context = useContext(WidgetContext);
-  if (!context)
-    throw new Error(
-      'Widget Context must be used within WidgetContext.Provider'
-    );
-
-  return context;
-}
-
-export default WidgetContextProvider;

package/src/lib/helper/utils.ts

@@ -1,46 +0,0 @@
-import { CONSTANTS } from '../constants/common';
-import { TFunc } from '../types';
-
-/* eslint-disable no-useless-escape */
-export const paginationDataGatter = (data: any) => {
-  return data.data.docs;
-};
-export const dataGatter = (data: any) => {
-  return data.data;
-};
-
-export const capitalizeFirstLetter = (string = '') =>
-  `${string?.trim().charAt(0)?.toUpperCase()}${string?.slice(1)}`;
-
-export const changeToCode = (string = '') =>
-  string
-    .replace(/[^\s\w]/gi, '')
-    ?.toUpperCase()
-    ?.replace(CONSTANTS.EMPTY_REGEX, '_');
-
-export const changeToSlug = (string = '') =>
-  string?.toLowerCase()?.replace(CONSTANTS.EMPTY_REGEX, '-');
-
-export const isObject = (data: any) => data?.constructor?.name === 'Object';
-export const isString = (data: any) => data?.constructor?.name === 'String';
-export const isArray = (data: any) => data?.constructor?.name === 'Array';
-
-export const isEmpty = (data: any) => {
-  if (isObject(data)) return Object.keys(data).length === 0;
-  if (isArray(data)) return data.length === 0;
-  if (isString(data)) return !data || data.length === 0;
-  if ([undefined, null, ''].includes(data)) return true;
-  return false;
-};
-export const build_path = (...args: string[]) => {
-  return args
-    .map((part, i) => {
-      if (i === 0) {
-        return part.trim().replace(/[\/]*$/g, '');
-      } else {
-        return part.trim().replace(/(^[\/]*|[\/]*$)/g, '');
-      }
-    })
-    .filter((x) => x.length)
-    .join('/');
-};