cft-builder 0.2.11 → 0.2.12

package/dist/types/index.d.ts

@@ -1,607 +1,19 @@
-/// <reference types="vite/client" />
-/// <reference types="vite-plugin-svgr/client" />
-
-import { FC, SVGProps } from "react";
-
-declare module "*.css" {}
-declare module "*.scss" {}
-declare module "*.sass" {}
-declare module "*.less" {}
-declare module "*.styl" {}
-declare module "*.stylus" {}
-declare module "*.pcss" {}
-declare module "*.sss" {}
-declare namespace NodeJS {
-  interface ProcessEnv {
-    readonly NODE_ENV: "development" | "production" | "test";
-    readonly PUBLIC_URL: string;
+declare module "cft-builder" {
+  import { ReactNode } from "react";
+
+  // Define types for CFTRenderProvider and RenderBuilder
+  export interface CFTRenderProviderProps {
+    children: ReactNode;
+    config: Record<string, any>;
+    // Add any other props that CFTRenderProvider takes
   }
-}
-declare module "*.png";
-
-declare module "*.avif" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.bmp" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.gif" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.jpg" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.jpeg" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.png" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.webp" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.svg" {
-  import * as React from "react";
-
-  export const ReactComponent: React.FunctionComponent<
-    React.SVGProps<SVGSVGElement> & { title?: string }
-  >;
-
-  const src: string;
-  export default src;
-}
-
-declare module "*.module.css" {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module "*.module.scss" {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module "*.module.sass" {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module "*.png";
-declare module "*.jpeg";
-declare module "*.jpg";
-declare module "*.svg" {
-  const content: FC<SVGProps<SVGElement>>;
-  export default content;
-}
-
-type FormData = {
-  name: string;
-  email: string;
-  password?: string;
-  date?: Date;
-  country?: string;
-  accept?: boolean;
-};
-interface UserState {
-  userName: string;
-  jwtToken: string;
-  isLoggedIn: boolean;
-  metaData?: object;
-  displayName?: string;
-  email: string;
-  phoneNumber?: string;
-  photoURL?: string;
-  providerId?: string;
-  userId: string;
-  uid?: string;
-  loading?: boolean;
-  error?: string | null;
-  accessToken?: string | null;
-  success?: boolean | string;
-  profile_img_url?: string;
-  userDetails?: object;
-}
 
-type UserAction = {
-  type: string;
-  userInfo: UserState;
-};
-type UserLogOut = {
-  type: string;
-};
-interface FormCompProps {
-  onSubmit?: () => void;
-  btnLabel?: string;
-  children?: any;
-  classes?: string;
-  btnDisable?: boolean;
-  isLoading?: boolean;
-  formTitle?: string;
-}
-interface InputCompProps {
-  label?: string;
-  type?: string;
-  placeholder?: string;
-  inputName?: string;
-  required?: boolean;
-  error?: boolean;
-  className?: string;
-  value?: string;
-  defaultValue?: string;
-  accept?: string;
-  disabled?: boolean;
-  pattern?: string;
-  title?: string;
-  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
-interface RouteData {
-  path: string;
-  label: string | boolean;
-  component: FC;
-  isPrivate?: boolean;
-  exact?: boolean;
-  routes?: AllRoutes;
-  hasAccess?: boolean;
-}
-type AllRoutes = RouteData[];
+  export const CFTRenderProvider: React.FC<CFTRenderProviderProps>;
 
-type DispatchType = (args: any) => void;
-interface IndexType {
-  productIndex?: number;
-  versionIndex?: number;
-  sequenceIndex?: number;
-}
-
-// styles
-interface ContainerType {
-  mAuto?: string;
-}
-type EffectCallback = () => void | (() => void | undefined);
-
-type Header = { headerKey: string; headerValue: string };
-interface Params {
-  isVersion?: boolean;
-  data?: any;
-  cb?: () => void;
-}
-
-type UserHolidayApprovalViewProp = {
-  userHolidayId: number;
-  showApprovalSidebar: (status: boolean) => void;
-  taskId?: number;
-};
-
-export type ElementsBasedOnFormTypes = {
-  key?: string | null;
-};
-export interface BuilderItemsProps {
-  elementsBasedOnFormTypes?: ElementsBasedOnFormTypes;
-}
-interface MultiLanguageInterface {
-  [language: string]: string ;
-  
-}
-interface Language {
-  key: number;
-  language: string;
-  type: any;
-  english?:string
-  
-}
-
-interface Option {
-  uuid: string;
-  optionText?: MultiLanguageInterface; // Temporary solution to fix linters. Need to ask meer
-  value?: any;
-  score?: number;
-  hyperlinkText?: string;
-  abbreviationText?: Language;
-  custom_values?: Language | any;
-  className?: string;
-  titleClassName?: string;
-  togglerClassName?: string;
-  label?:anystring;
-  enableConditionalField?:any;
-  children?: [];
-  
-}
-type Options = Option[];
-interface AnswerOption {
-  [key: string]: MultiLanguageInterface;
-  uuid?: string;
-  answersText: MultiLanguageInterface;
-  answersTextImage?: MultiLanguageInterface;
-  isCorrect?: boolean;
-  isCorrectAnswer?:boolean;
-}
-
-interface Field {
-  uuid?: string;
-  rowId?: string;
-  value?: string;
-  isCorrect?: boolean;
-  dataKey?: string;
-  inlineConditionalRules?: any;
-  isPostField?: boolean;
-  conditionalTabRules?: any;
-  conditionalSectionRules?: any;
-  reviewerChecklist?: any;
-  componentType?: string;
-  label: MultiLanguageInterface; // Temporary solution to fix linters. Need to ask meer
-  description?: MultiLanguageInterface;
-  helperText?: MultiLanguageInterface;
-  footerText?: MultiLanguageInterface;
-  abbreviationLabel?: MultiLanguageInterface;
-  textForTable?: string;
-  isHidden?: number | null | boolean;
-  showHeaderText?: boolean;
-  headerText?: MultiLanguageInterface;
-  showLabel?: boolean;
-  attributes?: any;
-  showToolTip?: boolean;
-  toolTip?: MultiLanguageInterface;
-  options: Option[] ;
-  showHelperText?: boolean;
-  showAlphabetList?: boolean;
-  isFluid?: boolean;
-  children?: any;
-  isValid?: number;
-  customColumnsForOptions?: any; // need to ask type
-  type?: string;
-  children?: Record<string, any>[]; // Adjust based on actual structure
-  [key: string]: any; // Adjust or remove if specific fields are known
-  placeholder?: MultiLanguageInterface;
-  customColumns?: any;
-  rows?: any;
-  validationMesssage?: MultiLanguageInterface; // Temporary solution to fix linters. Need to ask meer
-  showLabel?: boolean;
-  rowIsRepeatable?: boolean;
-  fontSize?:number;
-  addresslineFirstLabel?: MultiLanguageInterface;
-  addresslineSecondLabel?: MultiLanguageInterface;
-  postalcodeLabel?: MultiLanguageInterface;
-  billingLabel?: MultiLanguageInterface;
-  showBillingAddress?: boolean;
-  showButtonLayout?: boolean;
-  documents?: any;
-  countries?: string[];
-  dataSourceType?: string;
-  optionValue?: string;
-  optionLabel?: boolean;
-  dataSource?: {
-    api?: string;
-    availableId?: any[];
-  };
-  fieldType?: {
-    type: string;
-  };
-  showIcon?: boolean;
-  iconAlignment?: string;
-  icon?: {
-    properties: {
-      name: string;
-    };
-  };
-  answerInputType?: string;
-  answerOptions?: AnswerOption[];
-  questionText?: MultiLanguageInterface;
-  questionTextImage?: MultiLanguageInterface;
-  text?: MultiLanguageInterface;
-  hrefLink?: MultiLanguageInterface;
-  headingType?: string;
-  showSectionHeader?: boolean;
-  subHeadingText?: MultiLanguageInterface;
-  heading?: MultiLanguageInterface;
-  defaultValue?: MultiLanguageInterface;
-  media_file_id?: number;
-  isExternalSource?: boolean;
-  media_url?: MultiLanguageInterface;
-  media?: any;
-  title?: MultiLanguageInterface;
-  quizSchema?: {
-    assessment_title?: string;
-  };
-  backgroundColor?: any; // need to ask type
-  //  {
-  //   r?: string;
-  //   g?: string;
-  //   b?: string;
-  // }
-  color?: string;
-  underLined: boolean;
-  penColor?: string;
-  fontSize?: number;
-  canvasWidth?: string;
-  canvasHeight?: string;
-  clearSignatureButtonLabel?: MultiLanguageInterface;
-  textareaRows?: number;
-  textareaCols?: number;
-
-  resizable?: boolean;
-  fontOption?: boolean;
-  boldOption?: boolean;
-  italicOption?: boolean;
-  underlineOption?: boolean;
-  listOption?: boolean;
-  alignOption?: boolean;
-  colorOption?: boolean;
-  sizeOption?: boolean;
-  fontStyle?: {
-    font: string;
-  };
-  videoDuration?: string;
-  length?: number;
-  noOfMultpleAnswer?: any; // somewhere it is used as string and somewhere used as number also  
-  isAllowMultipleAnswer: boolean;
-  isHierarchalCondionalTabEnabled?: boolean;
-  data?: any;
-  noOfMonths?: number;
-  isIcon?: boolean;
-  isTodayBtn?: boolean;
-  dateFormat?: string;
-  dateRange?: string;
-  calenderView?: string;
-  isLayoutTabEnabled?: boolean;
-  isValidationTabEnabled?: boolean;
-  isDynamicListingTabEnabled?: boolean;
-  resizableColumns: boolean;
-  isFilterable?: boolean;
-  freezeColumn?: boolean;
-  colToggle?: boolean;
-  isFieldAnFilterOption?: boolean;
-  isSortable?: boolean;
-  reorderableColumns: boolean;
-  countryLabel?: MultiLanguageInterface;
-  cityLabel?: MultiLanguageInterface;
-  startingMessage?: MultiLanguageInterface;
-  stateLabel?: MultiLanguageInterface;
-  endingMessage?: MultiLanguageInterface;
-  abbreviationLabelPlaceHolder?: MultiLanguageInterface;
-  textTable?: MultiLanguageInterface;
-  textTablePlaceHolder?: MultiLanguageInterface;
-  toolTipPlaceHolder?: MultiLanguageInterface;
-  placeholderPlaceHolder?: MultiLanguageInterface;
-  helperTextPlaceHolder?: MultiLanguageInterface;
-  headerTextPlaceHolder?: MultiLanguageInterface;
-  guidelines?: MultiLanguageInterface;
-  guidelinesPlaceHolder?: MultiLanguageInterface;
-  correctAnswerComment?: MultiLanguageInterface;
-
-  enableCurrency?: boolean;
-  minDate?: any; // need to ask type
-  maxDate?: any; // need to ask type
-  timeLimit: number;
-  score: number;
-  subject_id: number;
-  course_category_id: number;
-  TextEditorProps: boolean;
-  attributes: {
-    required: boolean;
-  };
-  children: {
-    uuid: string;
-    type: string;
-    label: string;
-    value: string;
-    required: boolean;
-  };
-  fieldData?: Field;
-  // heading?: { [key: string]: string };
-  // icon?: string;
-  // noOfMonths?: number;
-}
-
-interface IRowInterface {
-  uuid: string;
-  type: string;
-  bgType?: string;
-  bgColor?: string;
-  bgImage?: string;
-  isCollapsed: boolean;
-  isHidden: boolean;
-  isMinimumEntries: boolean;
-  isRequired: boolean;
-  isValid: boolean;
-  showRowSubTitle: boolean;
-  showRowTitle: boolean;
-  rowIsRepeatable: boolean;
-  children: IColumnInterface[];
-  heading: MultiLanguageInterface;
-  subHeadingText: MultiLanguageInterface;
-  addToListButtonLabel: MultiLanguageInterface;
-  repeatableFields: Field[];
-  isManualEnumerationEnabled?: boolean;
-  minimumEntries: number;
-  repeatableFieldsData: any[];
-  reviewerChecklist: any[];
-  margin: {
-    left?: number;
-    right?: number;
-    top?: number;
-    bottom?: number;
-    type: string;
-  };
-  rowIndex: number;
-  row:string
-}
-
-interface ISectionInterface {
-  uuid: string;
-  type: string;
-  showSectionHeader: boolean;
-  isVisible: boolean;
-  isHidden: boolean | number;
-  isCollapsed: boolean;
-  isValid: boolean;
-  showSectionSubTitle: boolean;
-  showSectionTitle: boolean;
-  heading: MultiLanguageInterface;
-  subHeadingText: MultiLanguageInterface;
-  children: IRowInterface[];
-  minimumEntries?: number;
-}
-
-interface IPageInterface {
-  uuid: string;
-  bgType?: string;
-  type: string;
-  isCoverPage: boolean;
-  isHidden: boolean;
-  isValid: boolean;
-  isVisible: boolean;
-  margin: {
-    left: number;
-    right: number;
-    top: number;
-    bottom: number;
-  };
-  title: MultiLanguageInterface;
-  children: ISectionInterface[];
-  displayRules: any[];
-  bgColor?: string;
-  bgImage?: string;
-}
-
-interface IChildrenInterface {
-  abbreviationLabel: Language;
-  abbreviationLabelPlaceHolder: Language;
-  attributes: {
-    className: string;
-    disabled: boolean;
-    enumeration: string;
-    hidden: boolean;
-    id: string;
-    name: string;
-    pattern: string;
-    readOnly: boolean;
-    required: boolean;
-    style: string;
-    title: string;
-  };
-  colToggle: boolean;
-  columnResizeMode: string;
-  componentType: string;
-  customColumns: {
-    customKey: string;
-    options: any[];
-    uuid: string;
-  }[];
-  data: {
-    uuid: string;
-    dataKey: string;
-    value: string;
-  }[];
-  fieldType: {
-    element: string;
-    type: string;
-  };
-  freezeColumn: boolean;
-  guidelines: Language;
-  guidelinesPlaceHolder: Language;
-  headerText: Language;
-  headerTextPlaceHolder: Language;
-  helperText: Language;
-  helperTextPlaceHolder: Language;
-  isConditionalTabEnabled: boolean;
-  isDynamicListingTabEnabled: boolean;
-  isValid: number;
-  isFilterable: boolean;
-  isFluid: boolean;
-  isHierarchalCondionalTabEnabled: boolean;
-  isLayoutTabEnabled: boolean;
-  isPostField: boolean;
-  isSortable: boolean;
-  label: Language;
-  options: {
-    abbreviationText: {
-      english: string;
-    };
-    custom_values: any; // need to ask type
-    hyperlinkText: {
-      english: string;
-    };
-    optionText: {
-      english: string;
-    };
-    uuid: string;
-    value: string;
-  }[];
-  placeholder: Language;
-  placeholderPlaceHolder: Language;
-  reorderableColumns: boolean;
-  resizableColumns: boolean;
-  reviewerChecklist: any[];
-  rows: {
-    optionValue: string;
-    rowHeading: string;
-    uuid: string;
-    custom_values?: any; // need to ask type
-  }[];
-  showHeaderText: boolean;
-  showHelperText: boolean;
-  showLabel: boolean;
-  showToolTip: boolean;
-  textTable: Language;
-  textTablePlaceHolder: Language;
-  toolTip: Language;
-  toolTipPlaceHolder: Language;
-  type: string;
-  uuid: string;
-  validationMesssage: Language;
-  validationMesssagePlaceHolder: Language;
-  isCollapsed: boolean;
-}
-interface IColumnInterface {
-  uuid: string;
-  type: string;
-  isCollapsed: boolean;
-  children: Field[];
-  columnName:string;
-  columnType:string
-}
-
-interface ITooltipInterface {
-  label: string;
-  element: string;
-}
-
-interface DispatchActionType {
-  type: string;
-  payLoad: any;
-}
-
-interface IColumnHeaderOptions{
-uuid?: string;
-[key: string]: string
-}
+  export interface RenderBuilder {
+    render: (config: Record<string, any>) => ReactNode;
+    // Add other methods or properties for RenderBuilder
+  }
 
-// interface ILayoutInterface = IPageInterface[]
-interface IStateInterface{
-  builderTemplateName: string;
-  isChangesSaved: boolean;
-  editing_by: string;
-  version_name: string;
-  loading: boolean;
-  published_status: string;
-  formBuilderFormSchema: StateType; 
-  saveFormTemplateNewVersion: StateType; 
-  renderType: string;
-  userSelectedLanguage: Language ;
-  languages: Language[] ;
-  layout: IPageInterface[]; 
-}
-interface BuilderContextInterface {taskOptions: any; state: IStateInterface, dispatch: DispatchType}
+  export const RenderBuilder: RenderBuilder;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cft-builder",
-	"version": "0.2.11",
+	"version": "0.2.12",
 	"type": "module",
 	"files": [
 		"dist"