Custom calendar component

.eslintrc.json

@@ -76,7 +76,7 @@
     "no-console": "error",
     "no-fallthrough": "error",
     "no-undef": "error",
-    "no-unused-vars": "error",
+    "no-unused-vars": "off",
     "no-var": "error",
     "prefer-const": "error",
     "yoda": "error",
@@ -106,7 +106,7 @@
     "no-plusplus": "error",
     "no-restricted-globals": "error",
     "no-restricted-properties": "error",
-    "no-shadow": "error",
+    "no-shadow": "off",
     "radix": "error",
     "spaced-comment": "error",
 
@@ -135,7 +135,7 @@
     {
       "files": "*.@(ts|tsx)",
       "rules": {
-        "@typescript-eslint/method-signature-style": ["error", "property"],
+        "@typescript-eslint/method-signature-style": "error",
         // "@typescript-eslint/ban-types": [
         //   "warn",
         //   {

lib/components/Pega_UID_AdvancedForm/index.d.ts

@@ -0,0 +1,58 @@
+declare function PegaUidAdvancedForm(props: any): JSX.Element;
+declare namespace PegaUidAdvancedForm {
+    namespace defaultProps {
+        const displayStatus: boolean;
+        const primaryHeaderType: null;
+        const primaryHeaderText: string;
+        const primaryHeaderField: null;
+        const primaryVariant: string;
+        const secondaryHeaderType: null;
+        const secondaryHeaderText: string;
+        const secondaryHeaderField: null;
+        const mainFormAction: string;
+        const buttonVariant: string;
+        const buttonLabel: string;
+        const hideContent: boolean;
+        const defaultCollapsibleBehavior: string;
+        const numberOfColumns: string;
+    }
+    namespace propTypes {
+        export const getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        const displayStatus_1: PropTypes.Requireable<boolean>;
+        export { displayStatus_1 as displayStatus };
+        export const statusField: PropTypes.Requireable<string>;
+        const primaryHeaderType_1: PropTypes.Requireable<string>;
+        export { primaryHeaderType_1 as primaryHeaderType };
+        const primaryHeaderText_1: PropTypes.Requireable<string>;
+        export { primaryHeaderText_1 as primaryHeaderText };
+        const primaryHeaderField_1: PropTypes.Requireable<string>;
+        export { primaryHeaderField_1 as primaryHeaderField };
+        const primaryVariant_1: PropTypes.Requireable<string>;
+        export { primaryVariant_1 as primaryVariant };
+        const secondaryHeaderType_1: PropTypes.Requireable<string>;
+        export { secondaryHeaderType_1 as secondaryHeaderType };
+        const secondaryHeaderText_1: PropTypes.Requireable<string>;
+        export { secondaryHeaderText_1 as secondaryHeaderText };
+        const secondaryHeaderField_1: PropTypes.Requireable<string>;
+        export { secondaryHeaderField_1 as secondaryHeaderField };
+        const mainFormAction_1: PropTypes.Requireable<string>;
+        export { mainFormAction_1 as mainFormAction };
+        export const localAction: PropTypes.Requireable<string>;
+        export const localActionType: PropTypes.Requireable<string>;
+        export const modalHeader: PropTypes.Requireable<string>;
+        const buttonVariant_1: PropTypes.Requireable<string>;
+        export { buttonVariant_1 as buttonVariant };
+        const buttonLabel_1: PropTypes.Requireable<string>;
+        export { buttonLabel_1 as buttonLabel };
+        const hideContent_1: PropTypes.Requireable<boolean>;
+        export { hideContent_1 as hideContent };
+        const defaultCollapsibleBehavior_1: PropTypes.Requireable<string>;
+        export { defaultCollapsibleBehavior_1 as defaultCollapsibleBehavior };
+        const numberOfColumns_1: PropTypes.Requireable<string>;
+        export { numberOfColumns_1 as numberOfColumns };
+        export const children: PropTypes.Requireable<any[]>;
+    }
+}
+export default PegaUidAdvancedForm;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

lib/components/Pega_UID_AdvancedForm/styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export default _default;
+//# sourceMappingURL=styles.d.ts.map

lib/components/Pega_UID_AdvancedForm/types.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+export interface AdvancedFormProps {
+    getPConnect: CallableFunction;
+    displayStatus: boolean;
+    statusField?: string;
+    primaryHeaderType: string;
+    primaryHeaderText?: string;
+    primaryHeaderField?: string;
+    primaryVariant: string;
+    secondaryHeaderType?: string;
+    secondaryHeaderText?: string;
+    secondaryHeaderField?: string;
+    mainFormAction: string;
+    localAction?: string;
+    localActionType?: string;
+    modalHeader?: string;
+    buttonVariant?: string;
+    buttonLabel?: string;
+    hideContent?: boolean;
+    defaultCollapsibleBehavior?: string;
+    numberOfColumns?: string;
+    children?: ReactNode[];
+}
+//# sourceMappingURL=types.d.ts.map

lib/components/Pega_UID_Boolean/Boolean.d.ts

@@ -0,0 +1,5 @@
+declare namespace _default {
+    function TrueFalse(value: any, options: any): any;
+}
+export default _default;
+//# sourceMappingURL=Boolean.d.ts.map

lib/components/Pega_UID_Boolean/boolean-format.d.ts

@@ -0,0 +1,6 @@
+export function format(value: any, type: any): any;
+declare const _default: {
+    TrueFalse: (value: any, options: any) => any;
+};
+export default _default;
+//# sourceMappingURL=boolean-format.d.ts.map

lib/components/Pega_UID_Boolean/event-utils.d.ts

@@ -0,0 +1,3 @@
+export default handleEvent;
+declare function handleEvent(actions: any, eventType: any, propName: any, value: any): void;
+//# sourceMappingURL=event-utils.d.ts.map

lib/components/Pega_UID_Boolean/index.d.ts

@@ -0,0 +1,59 @@
+export default PegaUidBoolean;
+declare function PegaUidBoolean(props: any): JSX.Element;
+declare namespace PegaUidBoolean {
+    namespace defaultProps {
+        const validatemessage: string;
+        const value: boolean;
+        const label: string;
+        const hideLabel: boolean;
+        const helperText: string;
+        const disabled: boolean;
+        const readOnly: boolean;
+        const required: boolean;
+        const testId: null;
+        const additionalProps: {};
+        const displayMode: null;
+        const variant: string;
+        const displayValue: string;
+        const trueLabel: string;
+        const falseLabel: string;
+    }
+    namespace propTypes {
+        export const getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        const validatemessage_1: PropTypes.Requireable<string>;
+        export { validatemessage_1 as validatemessage };
+        const label_1: PropTypes.Requireable<string>;
+        export { label_1 as label };
+        const hideLabel_1: PropTypes.Requireable<boolean>;
+        export { hideLabel_1 as hideLabel };
+        const helperText_1: PropTypes.Requireable<string>;
+        export { helperText_1 as helperText };
+        const value_1: PropTypes.Requireable<boolean>;
+        export { value_1 as value };
+        export const caption: PropTypes.Validator<string>;
+        const disabled_1: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+        export { disabled_1 as disabled };
+        const readOnly_1: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+        export { readOnly_1 as readOnly };
+        const required_1: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+        export { required_1 as required };
+        const testId_1: PropTypes.Requireable<string>;
+        export { testId_1 as testId };
+        const additionalProps_1: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        export { additionalProps_1 as additionalProps };
+        const displayMode_1: PropTypes.Requireable<string>;
+        export { displayMode_1 as displayMode };
+        const variant_1: PropTypes.Requireable<string>;
+        export { variant_1 as variant };
+        const displayValue_1: PropTypes.Requireable<string>;
+        export { displayValue_1 as displayValue };
+        const trueLabel_1: PropTypes.Requireable<string>;
+        export { trueLabel_1 as trueLabel };
+        const falseLabel_1: PropTypes.Requireable<string>;
+        export { falseLabel_1 as falseLabel };
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

lib/components/Pega_UID_Boolean/styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export default _default;
+//# sourceMappingURL=styles.d.ts.map

lib/components/Pega_UID_Calendar/create-nonce.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=create-nonce.d.ts.map

lib/components/Pega_UID_Calendar/global-styles.d.ts

@@ -0,0 +1,6 @@
+import { type themeDefinition } from '@pega/cosmos-react-core';
+declare const GlobalStyles: import("styled-components").GlobalStyleComponent<{
+    theme: typeof themeDefinition;
+}, import("styled-components").DefaultTheme>;
+export default GlobalStyles;
+//# sourceMappingURL=global-styles.d.ts.map

lib/components/Pega_UID_Calendar/index.d.ts

@@ -0,0 +1,146 @@
+import './create-nonce';
+import type { CalendarApi } from '@fullcalendar/core';
+export declare type TEventImpl = Parameters<CalendarApi['addEvent']>[0];
+export declare enum EViewType {
+    Day = "timeGridDay",
+    Week = "timeGridWeek",
+    WorkWeek = "workingWeek",
+    Month = "dayGridMonth"
+}
+export declare enum ETerminGoal {
+    FirstContact = "Erstberatung",
+    FollowUp = "Folgeberatung",
+    ApplicationSubmission = "Bewerbungsabgabe"
+}
+export declare enum EEventType {
+    Absence = "Abwesend",
+    Availability = "Verf\u00FCgbar",
+    Appointment = "Termin",
+    MassEvent = "Sammel"
+}
+export declare enum EDateTimeType {
+    date = "date",
+    time = "time"
+}
+export declare enum EBeratungsTyp {
+    presence = "Pr\u00E4senzberatung",
+    online = "Online",
+    phone = "Telefon",
+    office = "Au\u00DFendienststelle"
+}
+export declare type TCalendarProps = {
+    heading?: string;
+    dataPage?: string;
+    createClassname?: string;
+    defaultViewMode?: 'Monthly' | 'Weekly' | 'Daily';
+    nowIndicator?: boolean;
+    weekendIndicator?: boolean;
+    getPConnect: any;
+};
+export declare type TEvent = {
+    id: string;
+    title: string;
+    start: Date;
+    end: Date;
+    item: any;
+    display: string;
+    allDay?: boolean;
+    overlap: boolean;
+    color: string;
+    extendedProps?: {
+        [key: string]: any;
+    };
+};
+export interface IPegaObject {
+    pxUpdateSystemID?: string;
+    pxUpdateDateTime?: string;
+    pxUpdateOpName?: string;
+    pxUpdateOperator?: string;
+    pySourcePage?: {
+        pxObjClass: string;
+        pySourceIdentifier: string;
+        pySourceNumber: string;
+        pySourceClass: string;
+        pySourceType: string;
+    };
+    pxCreateDateTime?: string;
+    pxDPParameters?: {
+        pyGUID?: string;
+        Typ?: string;
+    };
+    pxSaveDateTime?: string | null;
+    pzLoadTime?: string;
+    pzPageNameHash?: string;
+    pzInsKey?: string;
+    pzPageNameBase?: string;
+    pxObjClass: string;
+    pxCreateOperator?: string;
+    pxCreateSystemID?: string;
+    pxCommitDateTime?: string | null;
+    pyGUID?: string;
+    pxCreateOpName?: string;
+}
+export interface IAdresse extends IPegaObject {
+    Raum: string;
+    Hausnummer: string;
+    Ort: string;
+    Strasse: string;
+    PLZ: string;
+    Gebaudeteil: string;
+    Bezeichnung: string;
+}
+export interface IBeratungsstelle extends IPegaObject {
+    Adresse: IAdresse;
+    Webexlink: string;
+    DisplayOrder: number;
+    Beschreibung: string;
+    Typ: EBeratungsTyp;
+    OrganisationseinheitID: string;
+    AddressID: string;
+}
+export interface ITerminTyp extends IPegaObject {
+    Order: 1;
+    Typ: 'Präsenzberatung';
+}
+export interface IContact extends IPegaObject {
+    FirstName: string;
+    FullName: string;
+    LastName: string;
+    Salutation: string;
+}
+export interface ITermin extends IPegaObject {
+    TerminTyp: Array<ITerminTyp>;
+    Beratungsart: ETerminGoal;
+    Contact: IContact;
+}
+export interface IRawEvent extends IPegaObject {
+    Beratungsstelle: IBeratungsstelle;
+    AuthorID: string;
+    EndTime: Date;
+    CompleteDay: boolean;
+    StartTime: Date;
+    Termin: ITermin | null;
+    SerieRepeat: string;
+    Subject: string;
+    BeratungsstelleID: string;
+    Weekday: string;
+    Type: EEventType;
+    ParentSerieID: string;
+    Capacity: string;
+    IsSerie: boolean;
+    SerieEndDate: string;
+    TerminID: string;
+    MonthDisplayText: string;
+}
+export declare type TDateInfo = {
+    view: {
+        type: EViewType;
+    };
+    startStr?: string;
+    start?: Date;
+    end?: Date;
+};
+export declare const PegaUidCalendar: (props: TCalendarProps) => JSX.Element;
+declare const _default: (props: TCalendarProps) => JSX.Element;
+export default _default;
+//# sourceMappingURL=index.d.ts.map