gd-sprest-bs 8.3.2 → 8.3.3

package/dist/gd-sprest-bs.d.ts

@@ -2,20 +2,20 @@
 // Dependencies for this module:
 //   ../gd-bs
 //   ../gd-sprest
-//   ../gd-bs/src/components/types
 //   ../gd-bs/src/components/form/controlTypes
+//   ../gd-bs/src/components/components
 //   ../gd-bs/src/components/form/formTypes
-//   ../gd-bs/src/components/modal/types
-//   ../gd-bs/src/components/toolbar/types
 //   ../gd-bs/src/components/button/types
 //   ../gd-bs/src/components/nav/types
+//   ../gd-bs/src/components/modal/types
+//   ../gd-bs/src/components/toolbar/types
 
 declare module 'gd-sprest-bs' {
     export * from "gd-bs";
     export * from "gd-sprest";
     
-    import { Components } from "gd-sprest-bs/components";
-    import * as WebParts from "gd-sprest-bs/webparts";
+    import { Components } from "gd-sprest-bs/components/types";
+    import * as WebParts from "gd-sprest-bs/webparts/types";
     export {
         Components,
         WebParts
@@ -25,13 +25,8 @@ declare module 'gd-sprest-bs' {
     export const $REST: IRESTBS;
 }
 
-declare module 'gd-sprest-bs/components' {
-    export * from "gd-bs/src/components/types";
-    export * from "gd-sprest-bs/components/datetime/types";
-    export * from "gd-sprest-bs/components/field/types";
-    export * from "gd-sprest-bs/components/listForm/types";
-    export * from "gd-sprest-bs/components/listFormDialog/types";
-    export * from "gd-sprest-bs/components/peoplePicker/types";
+declare module 'gd-sprest-bs/components/types' {
+    export * as Components from "gd-sprest-bs/components/components";
     
     import { IFormControlTypes as Parent } from "gd-bs/src/components/form/controlTypes";
     export interface IFormControlTypes extends Parent {
@@ -41,7 +36,7 @@ declare module 'gd-sprest-bs/components' {
     export const FormControlTypes: IFormControlTypes;
 }
 
-declare module 'gd-sprest-bs/webparts' {
+declare module 'gd-sprest-bs/webparts/types' {
     export * from "gd-sprest-bs/webparts/base/helperTypes";
     export * from "gd-sprest-bs/webparts/base/types";
     export * from "gd-sprest-bs/webparts/list/types";
@@ -54,8 +49,8 @@ declare module 'gd-sprest-bs/webparts' {
 declare module 'gd-sprest-bs/rest' {
     import { IconTypes, Icons } from "gd-bs";
     import { IREST } from "gd-sprest";
-    import * as Components from "gd-sprest-bs/components";
-    import * as WebParts from "gd-sprest-bs/webparts";
+    import * as Components from "gd-sprest-bs/components/types";
+    import * as WebParts from "gd-sprest-bs/webparts/types";
     
     /**
       * $REST Bootstrap Library
@@ -67,1041 +62,1050 @@ declare module 'gd-sprest-bs/rest' {
     }
 }
 
-declare module 'gd-sprest-bs/components/datetime/types' {
+declare module 'gd-sprest-bs/components/components' {
+    export * from "gd-bs/src/components/components";
+    export * from "gd-sprest-bs/components/datetime/types";
+    export * from "gd-sprest-bs/components/field/types";
+    export * from "gd-sprest-bs/components/listForm/types";
+    export * from "gd-sprest-bs/components/listFormDialog/types";
+    export * from "gd-sprest-bs/components/peoplePicker/types";
+}
+
+declare module 'gd-sprest-bs/webparts/base/helperTypes' {
     import { IFormControlProps } from "gd-bs/src/components/form/controlTypes";
+    import { IForm } from "gd-bs/src/components/form/formTypes";
+    import { IWebPartInfo } from "gd-sprest-bs/webparts/base/types";
     
     /**
-        * Date/Time
-        */
-    export const DateTime: (props: IDateTimeProps) => IDateTime
-    
-    /**
-        * Date/Time
+        * Helper Methods
         */
-    export interface IDateTime {
-            /** The date/time picker element. */
-            el: HTMLDivElement;
-    
-            /** The flatpickr object. */
-            flatpickrObj: any;
-    
-            /** Returns the date as a Date/Time object. */
-            getDate: () => Date;
-    
-            /** Method to get the value. */
-            getValue: () => string;
-    
-            /** Method to set the value. */
-            setValue: (dt: string | Date, dtFormat?: string) => void;
-    }
+    export const Helper: IHelper;
     
     /**
-        * Date/Time Props
+        * Helper Methods
         */
-    export interface IDateTimeProps {
-            /** Assigns the object to the input parameter. */
-            assignTo?: (obj: IDateTime) => void;
-    
-            /** The class name to apply to the element. */
-            className?: string;
-    
-            /** The element to render the form to. */
-            el?: Element;
+    export interface IHelper {
+            /**
+                * Method to get the webpart
+                * @param wpId - The webpart id.
+                */
+            getWebPart(wpId: string): PromiseLike<IWPInstance>;
     
-            /** True to disable the date/time plugin */
-            disabled?: boolean;
+            /**
+                * Method to get the webpart id for a specified element
+                * @param el - The target element.
+                */
+            getWebPartId(el: HTMLElement): string;
     
-            /** The date/time label. */
-            label?: string;
+            /**
+                * Method to render the edit form.
+                * @param el - The element to render the form to.
+                * @param wpCfg - The webpart configuration information.
+                * @param formControls - The form controls to render.
+                */
+            renderEditForm: (el: HTMLElement, wpCfg: IWebPartCfg, formControls: Array<IFormControlProps>) => IForm;
     
-            /** The flatpickr options. */
-            options?: any;
+            /**
+                * Method to save the webpart configuration.
+                * This method may execute a postback, based on the page type.
+                * @param wpId - The webpart id.
+                * @param cfgId: The configuration element id.
+                * @param wpCfg - The webpart configuration.
+                */
+            saveConfiguration(wpId: string, cfgId?: string, wpCfg?: any): PromiseLike<void>;
     
-            /** Flag to display the time. */
-            showTime?: boolean;
+            /**
+                * Method to update the configuration element
+                * @param cfgId: The configuration element id.
+                * @param elTarget - The target element.
+                * @param wpCfg - The webpart configuration.
+                */
+            updateConfigurationInElement(cfgId: string, elTarget: HTMLInputElement, wpCfg);
     
-            /** The date/time value. */
-            value?: string;
+            /**
+                * Method to update the webpart content elements
+                * @param wpId - The webpart id.
+                * @param cfgId: The configuration element id.
+                * @param wpCfg - The webpart configuration.
+                */
+            updateWebPartContentElements(wpId: string, cfgId?: string, wpCfg?: any): boolean;
     }
     
     /**
-        * Form Control Properties - DateTime
+        * WebPart Information
         */
-    export interface IFormControlPropsDateTime extends IFormControlProps {
-            /** The flatpickr options. */
-            options?: any;
-    
-            /** Flag to display the time. */
-            showTime?: boolean;
-    
-            /** The date/time value. */
-            value?: string;
+    export interface IWPInstance {
+            Context: any;
+            Properties: any;
+            WebPart: any;
+            WebPartDefinition: any;
     }
 }
 
-declare module 'gd-sprest-bs/components/field/types' {
-    import { Helper, Types } from "gd-sprest";
-    import { IFormControl, IFormControlProps, IFormControlValidationResult } from "gd-bs/src/components/form/controlTypes";
+declare module 'gd-sprest-bs/webparts/base/types' {
+    import { IButtonProps } from "gd-bs/src/components/button/types";
+    import { IFormControl, IFormControlProps } from "gd-bs/src/components/form/controlTypes";
+    import { IForm } from "gd-bs/src/components/form/formTypes";
     
     /**
-        * Field
+        * ### Web Part
+        * 
+        * The client-side webpart component can be used to control what is displayed when a page is being edited and displayed. An optional hidden configuration element can be utilized to store a custom configuration.
+        * 
+        * ```ts
+        * import { WebParts } from "gd-sprest-bs";
+        * 
+        * // Create the webpart
+        * WebParts.WebPart({
+        *     elementId: "my-wp",
+        *     cfgElementId: "my-wp-cfg",
+        *     onRenderDisplay: (wpInfo) => {
+        *         // Render the display element
+        *         wpInfo.el.innerHTML = '<h1>Hello Display Mode</h1>';
+        *     },
+        *     onRenderEdit: (wpInfo) => {
+        *         // Render the edit element
+        *         wpInfo.el.innerHTML = '<h1>Hello Edit Mode</h1>';
+        *     }
+        * });
+        * ```
         */
-    export const Field: (props: IFieldProps) => IField;
+    export const WebPart: (props: IWebPartProps) => IWebPart;
     
     /**
-        * Field
+        * WebPart
         */
-    export interface IField {
-            control: IFormControl;
-            controlProps: IFormControlProps;
-            getValue: () => IFieldValue;
-            isValid: () => boolean;
-    }
+    export interface IWebPart<IWPCfg = IWebPartCfg, IWPInfo = IWebPartInfo> {
+            /** The webpart configuration. */
+            cfg: IWPCfg;
     
-    /**
-        * Field Properties
-        */
-    export interface IFieldProps {
-            assignTo?: (obj: IField) => void;
-            controlMode?: number;
-            errorMessage?: string;
-            field: Types.SP.Field;
-            listInfo: Helper.IListFormResult;
-            lookupFilter?: string;
-            onError?: (msg: string) => void;
-            onControlRendered?: (control: IFormControl, field: Types.SP.Field) => void | Promise<IFormControl>;
-            onControlRendering?: (control: IFormControlProps, field: Types.SP.Field) => void | Promise<IFormControlProps>;
-            onValidate?: (field: Types.SP.Field, control: IFormControl, value: IFormControlValidationResult) => boolean | IFormControlValidationResult;
-            value?: any;
-    }
+            /** The webpart information. */
+            info: IWPInfo;
     
-    /**
-        * Field Value
-        */
-    export interface IFieldValue {
-            name: string;
-            value: any;
+            /** Method to update the edit form. */
+            updateEditForm?: (formControls: Array<IFormControl>) => void;
     }
-}
-
-declare module 'gd-sprest-bs/components/listForm/types' {
-    import { IFormControl, IFormControlProps } from "gd-bs/src/components/form/controlTypes";
-    import { IForm, IFormRow } from "gd-bs/src/components/form/formTypes";
-    import { Helper, Types } from "gd-sprest";
     
     /**
-        * List Form
+        * WebPart Information
         */
-    export const ListForm: IListForm;
+    export interface IWebPartInfo<IWPCfg = IWebPartCfg> {
+            /** The configuration */
+            cfg: IWPCfg;
     
-    /**
-        * List Form
-        */
-    export interface IListForm extends Helper.IListForm {
-            /**
-                * Method to render the display form template.
-                * @param props - The display form properties.
-                */
-            renderDisplayForm(props: IListFormDisplayProps): IListFormDisplay;
+            /** The element to render the webpart to */
+            el: HTMLElement;
     
-            /**
-                * Method to render the edit/new form.
-                * @param props - The edit/new form properties.
-                */
-            renderEditForm(props: IListFormEditProps): IListFormEdit;
+            /** The webpart id */
+            wpId: string;
     }
     
     /**
-        * List Form Attachments Properties
+        * WebPart Object
         */
-    export interface IListFormAttachmentsProps {
-            /** The element to render the form to. */
-            el: Element;
+    export interface IWebPartObject {
+            /** The JSOM context object */
+            Context: any;
     
-            /** The list form information. */
-            info: Helper.IListFormResult;
+            /** The webpart properties object */
+            Properties: any;
     
-            /** The item attachment saved event. */
-            onSave?: (info: Helper.IListFormResult) => void;
-    }
+            /** The webpart id */
+            WebPartId: string;
     
-    /**
-        * List Form Display
-        */
-    export interface IListFormDisplay {
-            /** The form element. */
-            el: HTMLFormElement;
+            /** The webpart html element */
+            WebPart: HTMLElement;
+    
+            /** The webpart definition object */
+            WebPartDefinition: any;
     }
     
     /**
-        * List Form Display Properties
+        * WebPart Properties
         */
-    export interface IListFormDisplayProps extends Helper.IListFormDisplayProps {
-            /** Assigns the object to the input parameter. */
-            assignTo?: (obj: IListFormDisplay) => void;
+    export interface IWebPartProps<IWPInfo = IWebPartInfo, IWPEditForm = IWebPartEditForm> {
+            /** The optional configuration element */
+            cfgElementId?: string;
     
-            /** The form component class name. */
+            /** The class name. */
             className?: string;
     
-            /** The form component group class name. */
-            groupClassName?: string;
+            /** The target element id to render the webpart to */
+            elementId?: string;
     
-            /** The form component row class name. */
-            rowClassName?: string;
+            /** The edit form */
+            editForm?: IWPEditForm;
     
-            /** The control rendered event. */
-            onControlRendered?: (control: IFormControl, field: Types.SP.Field) => void | Promise<IFormControl>;
+            /** The optional help link properties */
+            helpProps?: {
+                    /** The link title */
+                    title?: string;
     
-            /** The control rendering event. */
-            onControlRendering?: (control: IFormControlProps, field: Types.SP.Field) => void | Promise<IFormControlProps>;
+                    /** The link url */
+                    url: string;
+            };
     
-            /** The form rendered event. */
-            onFormRendered?: (form: IForm) => void;
+            /** The post render event */
+            onPostRender?: (wp: IWPInfo, ...args) => void;
     
-            /** The error event. */
-            onError?: (msg?: string) => void;
+            /** The render event triggered when the page is in 'Display' mode */
+            onRenderDisplay?: (wp: IWPInfo) => any;
     
-            /** The list form rows. */
-            template?: Array<IFormRow>;
+            /** The render event triggered when the page is in 'Edit' mode */
+            onRenderEdit?: (wp: IWPInfo) => any;
+    
+            /** The render form event triggered when the form is created */
+            onRenderForm?: (form: IForm, wp?: IWPInfo) => any;
+    
+            /** The webpart class name */
+            wpClassName?: string;
     }
     
     /**
-        * List Form Edit
+        * WebPart Configuration
         */
-    export interface IListFormEdit {
-            /** Appends controls to the form */
-            appendControls(controls: Array<IFormControlProps>);
-    
-            /** Appends rows to the form */
-            appendRows(rows: Array<IFormRow>);
-    
-            /** The form element. */
-            el: HTMLFormElement;
-    
-            /** Method to get a control by field name */
-            getControl(fieldName: string): IFormControl;
-    
-            /** Method to get the form values */
-            getValues(): { [key: string]: any }
-    
-            /** Method to determine if the field is valid */
-            isValid(): boolean;
+    export const WPCfg: (cfg: IWebPartCfg, props: IWebPartProps) => {
+            /** Method to render the edit form. */
+            renderForm?: (formControls: Array<IFormControl>) => void;
+    };
     
-            /** Method to save the form. */
-            save(): PromiseLike<Types.SP.ListItem>;
+    /**
+        * WebPart Configuration
+        */
+    export interface IWebPartCfg {
+            /** The webpart id */
+            WebPartId?: string;
     }
     
     /**
-        * List Form Edit Properties
+        * WebPart Edit Form
         */
-    export interface IListFormEditProps extends IListFormDisplayProps, Helper.IListFormEditProps {
-            /** Assigns the object to the input parameter. */
-            assignTo?: (obj: IListFormEdit) => void;
+    export interface IWebPartEditForm<IWPCfg = IWebPartCfg, IWPInfo = IWebPartInfo> {
+            /** The form action buttons displayed in the footer of the modal. */
+            actions?: Array<IButtonProps>;
     
-            /** Use this event to filter a lookup field by OData query. */
-            onFilterLookupField?: (field: Types.SP.Field) => string | Types.IODataQuery;
+            /** The render form event. */
+            onRenderForm?: (wpInfo?: IWPInfo) => Array<IFormControlProps> | PromiseLike<Array<IFormControlProps>> | void;
     
-            /** The form saving event. */
-            onSaving?: (item: any) => void | PromiseLike<any>;
+            /** The save event. */
+            onSave?: (wpCfg?: IWPCfg, form?: IForm) => IWPCfg;
     
-            /** The form validating event. */
-            onValidate?: (field: Types.SP.Field, control: IFormControl) => boolean;
+            /** True to hide the save button. */
+            showSaveButton?: boolean;
     }
 }
 
-declare module 'gd-sprest-bs/components/listFormDialog/types' {
-    import { IFormControl, IFormControlProps } from "gd-bs/src/components/form/controlTypes";
-    import { IFormRow } from "gd-bs/src/components/form/formTypes";
-    import { IModal, IModalProps } from "gd-bs/src/components/modal/types";
-    import { IToolbarProps } from "gd-bs/src/components/toolbar/types";
-    import { Helper, Types } from "gd-sprest";
+declare module 'gd-sprest-bs/webparts/list/types' {
+    import { IFormControlProps } from "gd-bs/src/components/form/controlTypes";
+    import { Types } from "gd-sprest";
+    import { IWebPart, IWebPartInfo, IWebPartProps, IWebPartCfg, IWebPartEditForm } from "gd-sprest-bs/webparts/base/types";
     
     /**
-        * List Form Dialog
+        * ### List WebPart
+        * 
+        * The list webpart should be used when targeting a list as a datasource.
+        * 
+        * ```ts
+        * import { WebParts } from "gd-sprest-bs";
+        * 
+        * // Create the webpart
+        * WebParts.WebPart({
+        *     elementId: "my-wpList",
+        *     cfgElementId: "my-wpList-cfg",
+        *     onRenderItems: (wpInfo, items) => {
+        *         // Render the display element
+        *         wpInfo.el.innerHTML = [
+        *             '<h1>List: ' + wpInfo.ListName + '</h1>',
+        *             '<h5>List Items: ' + items.length + '</h5>'
+        *         ].join('\n');
+        *     }
+        * });
+        * ```
         */
-    export const ListFormDialog: (props: IListFormDialogProps) => IListFormDialog;
+    export const WPList: (props: IWPListProps) => IWPList;
     
     /**
-        * List Form Dialog
+        * List WebPart Edit Form
         */
-    export interface IListFormDialog extends IModal {
-            /** Method to save the form. */
-            saveForm: () => PromiseLike<Types.SP.ListItem>;
-    }
+    export const WPListEditForm: (props: IWPListEditForm) => IWPListEditForm;
     
     /**
-        * List Form Dialog Properties
+        * List WebPart
         */
-    export interface IListFormDialogProps extends Helper.IListFormProps {
-            /** The form actions. */
-            actions?: IToolbarProps;
+    export interface IWPList<IListCfg = IWPListCfg, IListInfo = IWPListInfo> extends IWebPart<IListCfg, IListInfo> { }
     
-            /** Assigns the object to the input parameter. */
-            assignTo?: (obj: IListFormDialog) => void;
+    /**
+        * List WebPart Information
+        */
+    export interface IWPListInfo<IListCfg = IWPListCfg> extends IWebPartInfo<IListCfg> { }
     
-            /** The form control mode. */
-            controlMode?: number;
+    /**
+        * List WebPart Properties
+        */
+    export interface IWPListProps<IListInfo=IWPListInfo, IListEditForm=IWPListEditForm> extends IWebPartProps<IListInfo, IListEditForm> {
+            /** The caml query. */
+            camlQuery?: string;
     
-            /** The element to render the field to. */
-            el: Element | HTMLElement;
+            /** The odata query. */
+            odataQuery?: Types.IODataQuery;
     
-            /** The item. */
-            item?: any;
+            /** The executing caml query event. */
+            onExecutingCAMLQuery?: (wpInfo: IListInfo, caml: string) => string;
     
-            /** The modal dialog properties. */
-            modalProps?: IModalProps;
+            /** The executing odata query event. */
+            onExecutingODATAQuery?: (wpInfo: IListInfo, odata: Types.IODataQuery) => Types.IODataQuery;
     
-            /** The control rendered event. */
-            onControlRendered?: (control: IFormControl) => void | Promise<IFormControl>;
+            /** The on render items event. */
+            onRenderItems?: (wpInfo: IListInfo, items: Array<Types.SP.IListItemQuery | Types.SP.ListItem>) => void;
+    }
     
-            /** The control rendering event. */
-            onControlRendering?: (control: IFormControlProps) => void | Promise<IFormControlProps>;
+    /**
+        * List WebPart Configuration
+        */
+    export interface IWPListCfg extends IWebPartCfg {
+            /** The list name */
+            ListName?: string;
     
-            /** The form saving event. */
-            onSaving?: (item: any) => void | PromiseLike<any>;
+            /** The relative web url */
+            WebUrl?: string;
+    }
     
-            /** The form saved event. */
-            onSaved?: (item?: Types.SP.ListItem) => void;
+    /**
+        * List WebPart Edit Form
+        */
+    export interface IWPListEditForm<IListCfg = IWPListCfg, IListInfo = IWPListInfo> extends IWebPartEditForm<IListCfg, IListInfo> {
+            /** The odata list query. */
+            listQuery?: Types.IODataQuery;
     
-            /** The list form rows. */
-            template?: Array<IFormRow>;
+            /** The list changed event. */
+            onListChanged?: (wpInfo: IListInfo, list?: Types.SP.IListQuery | Types.SP.List) => Array<IFormControlProps> | PromiseLike<Array<IFormControlProps>> | void;
     
-            /** True to display the modal by default. */
-            visible?: boolean;
+            /** The lists loaded event. */
+            onListsLoaded?: (wpInfo: IListInfo, lists?: Array<Types.SP.IListQuery | Types.SP.List>) => Array<Types.SP.IListQuery | Types.SP.List>;
+    
+            /** The render form event. */
+            onRenderForm?: (wpInfo: IListInfo, list?: Types.SP.IListQuery | Types.SP.List) => Array<IFormControlProps> | PromiseLike<Array<IFormControlProps>> | void;
     }
 }
 
-declare module 'gd-sprest-bs/components/peoplePicker/types' {
+declare module 'gd-sprest-bs/webparts/listFields/types' {
+    import { IWPList, IWPListCfg, IWPListEditForm, IWPListInfo, IWPListProps } from "gd-sprest-bs/webparts/list/types";
     
     /**
-        * ### People Picker
+        * ### List Fields WebPart
+        * 
+        * The list fields webpart should be used when targeting a list and fields as a datasource.
         * 
         * ```ts
-        * import { ContextInfo, Components } from "gd-sprest-bs";
+        * import { WebParts } from "gd-sprest-bs";
         * 
-        * // Create the panel
-        * let el = document.querySelector("#people-picker");
-        * let form = Components.Form({
-        *     el: el,
-        *     rows: [
-        *         // Other controls go here
-        *         {
-        *             control: {
-        *                 allowGroups: false,
-        *                 label: "Select User:",
-        *                 multi: true,
-        *                 name: "User",
-        *                 type: Components.FormControlTypes.PeoplePicker
-        *                 value: ContextInfo.userId // Default to the current user
-        *             } as Components.IFormControlPropsPeoplePicker
-        *         }
-        *     ]
+        * // Create the webpart
+        * WebParts.WebPart({
+        *     elementId: "my-wpList",
+        *     cfgElementId: "my-wpList-cfg",
+        *     onRenderItems: (wpInfo, items) => {
+        *         // Render the display element
+        *         wpInfo.el.innerHTML = [
+        *             '<h1>List: ' + wpInfo.ListName + '</h1>',
+        *             '<h5>List Items: ' + items.length + '</h5>'
+        *         ].join('\n');
+        *     }
         * });
         * ```
         */
-    export const PeoplePicker: (props: IPeoplePickerProps) => IPeoplePicker;
-    
-    import { IFormControlProps } from "gd-bs/src/components/form/controlTypes";
-    import { Types } from "gd-sprest";
+    export const WPListFields: (props: IWPListFieldsProps) => IWPListFields;
     
     /**
-        * People Picker
+        * List Fields WebPart Edit Form
         */
-    export interface IPeoplePicker {
-            /** The people picker element. */
-            el: HTMLElement;
-    
-            /** Returns the selected users. */
-            getValue: () => Array<Types.SP.User | Types.SP.Group>;
-    
-            /** Sets the selected users by id or people picker user object. */
-            setValue: (selectedUsers: Array<string | number | Types.IPeoplePickerUser>) => void;
-    }
+    export const WPListFieldsEditForm: (props: IWPListFieldsEditForm) => IWPListFieldsEditForm;
     
     /**
-        * People Picker Properties
+        * List Fields WebPart
         */
-    export interface IPeoplePickerProps {
-            /** True, to include groups in the results. */
-            allowGroups?: boolean;
-    
-            /** Assigns the object to the input parameter. */
-            assignTo?: (obj: IPeoplePicker) => void;
+    export interface IWPListFields<IListFieldsCfg = IWPListFieldsCfg, IListFieldsInfo = IWPListFieldsInfo> extends IWPList<IListFieldsCfg, IListFieldsInfo> { }
     
-            /** The class name to apply to the element. */
-            className?: string;
+    /**
+        * List Fields WebPart Information
+        */
+    export interface IWPListFieldsInfo<IListFieldsCfg = IWPListFieldsCfg> extends IWPListInfo<IListFieldsCfg> { }
     
-            /** The element to render the form to. */
-            el?: Element;
+    /**
+        * List Fields WebPart Properties
+        */
+    export interface IWPListFieldsProps<IListFieldsInfo = IWPListFieldsInfo, IListFieldsEditForm = IWPListFieldsEditForm> extends IWPListProps<IListFieldsInfo, IListFieldsEditForm> { }
     
-            /** The specific SharePoint group id to search within. */
-            groupId?: number;
+    /**
+        * WebPart Configuration List Field
+        */
+    export interface IWPListField {
+            // The internal field name
+            Name: string;
     
-            /** The label. */
-            label?: string;
+            // The display name of the field
+            Title: string
+    }
     
-            /** Limits the results to a maximum number. */
-            maxResults?: number;
+    /**
+        * List Fields WebPart Configuration
+        */
+    export interface IWPListFieldsCfg extends IWPListCfg {
+            /** The selected fields */
+            Fields: Array<IWPListField>;
+    }
     
-            /** True to allow multiple users to be selected. */
-            multi?: boolean;
+    /**
+        * List Fields WebPart Edit Form
+        */
+    export interface IWPListFieldsEditForm<IListFieldsCfg = IWPListFieldsCfg, IListFieldsInfo = IWPListFieldsInfo> extends IWPListEditForm<IListFieldsCfg, IListFieldsInfo> { }
+}
+
+declare module 'gd-sprest-bs/webparts/search/types' {
+    import { Types } from "gd-sprest";
+    import { IWPList, IWPListInfo, IWPListProps, IWPListCfg, IWPListEditForm } from "gd-sprest-bs/webparts/list/types";
     
-            /** The change event. */
-            onChange?: (obj: Types.IPeoplePickerUser | Array<Types.IPeoplePickerUser>) => void;
+    /**
+        * ### Search WebPart
+        * 
+        * The search webpart extends the list webpart, and includes a filterItems method to return items based on the inputed filter text.
+        * 
+        * ```ts
+        * import { WebParts } from "gd-sprest-bs";
+        * 
+        * // Create the webpart
+        * let wp = WebParts.WebPart({
+        *     elementId: "my-wpSearch",
+        *     cfgElementId: "my-wpSearch-cfg",
+        *     onRenderItems: (wpInfo, items) => {
+        *         // Render the display element
+        *         wpInfo.el.innerHTML = [
+        *             '<h1>List: ' + wpInfo.ListName + '</h1>',
+        *             '<h5>List Items: ' + items.length + '</h5>'
+        *         ].join('\n');
+        *     }
+        * });
+        * ```
+        */
+    export const WPSearch: (props: IWPListProps) => IWPSearch;
     
-            /** The placeholder text. (Default value is "Search") */
-            placeholder?: string;
+    /**
+        * Search WebPart Edit Form
+        */
+    export const WPSearchEditForm: (props: IWPSearchEditForm) => IWPSearchEditForm;
     
-            /** True to allow multiple users to be selected. */
-            readOnly?: boolean;
+    /**
+        * Search WebPart
+        */
+    export interface IWPSearch extends IWPList<IWPSearchCfg, IWPSearchInfo> {
+            /** The filter items method. */
+            filterItems: (filterText: string) => Array<Types.SP.IListItemQuery | Types.SP.ListItem>;
+    }
     
-            /** True to search the local users first. */
-            searchLocal?: boolean;
+    /**
+        * Search WebPart Information
+        */
+    export interface IWPSearchInfo extends IWPListInfo<IWPSearchCfg> { }
     
-            /** The selected users. */
-            value?: string | number | Types.IPeoplePickerUser | Array<string | number | Types.IPeoplePickerUser>;
+    /**
+        * Search WebPart Properties
+        */
+    export interface IWPSearchProps extends IWPListProps<IWPSearchInfo, IWPSearchEditForm> {
+            /** The internal field names to be used for search. These will be appended to the configuration fields. */
+            searchFields?: Array<{ name: string, type: string }>;
     }
     
     /**
-        * Form Control Properties - People Picker
+        * Search WebPart Configuration
         */
-    export interface IFormControlPropsPeoplePicker extends IFormControlProps {
-            allowGroups?: boolean;
-            groupId?: number;
-            maxResults?: number;
-            multi?: boolean;
-            placeholder?: string;
-            searchLocal?: boolean;
-            value?: string | number | Types.IPeoplePickerUser | Array<string | number | Types.IPeoplePickerUser>;
+    export interface IWPSearchCfg extends IWPListCfg {
+            /** The searchable fields. */
+            Fields: Array<{ name: string, type: string }>;
     }
+    
+    /**
+        * Search WebPart Edit Form
+        */
+    export interface IWPSearchEditForm extends IWPListEditForm<IWPSearchCfg, IWPSearchInfo> { }
 }
 
-declare module 'gd-sprest-bs/webparts/base/helperTypes' {
-    import { IFormControlProps } from "gd-bs/src/components/form/controlTypes";
-    import { IForm } from "gd-bs/src/components/form/formTypes";
-    import { IWebPartInfo } from "gd-sprest-bs/webparts/base/types";
+declare module 'gd-sprest-bs/webparts/tabs/types' {
+    import { INav } from "gd-bs/src/components/nav/types";
+    import { IWebPart, IWebPartProps } from "gd-sprest-bs/webparts/base/types";
     
     /**
-        * Helper Methods
+        * ### WebPart Tabs
+        * 
+        * The webpart tabs will generate tabs for each visible webpart in its zone.
+        * 
+        * ```ts
+        * import { WebParts } from "gd-sprest-bs";
+        * 
+        * // Create the webpart
+        * WebParts.WPTabs({ elementId: "my-tabs" });
+        * ```
         */
-    export const Helper: IHelper;
+    export const WPTabs: (props: IWPTabsProps) => IWPTabs;
     
     /**
-        * Helper Methods
+        * WebPart Tab Types
         */
-    export interface IHelper {
-            /**
-                * Method to get the webpart
-                * @param wpId - The webpart id.
-                */
-            getWebPart(wpId: string): PromiseLike<IWPInstance>;
-    
-            /**
-                * Method to get the webpart id for a specified element
-                * @param el - The target element.
-                */
-            getWebPartId(el: HTMLElement): string;
-    
-            /**
-                * Method to render the edit form.
-                * @param el - The element to render the form to.
-                * @param wpCfg - The webpart configuration information.
-                * @param formControls - The form controls to render.
-                */
-            renderEditForm: (el: HTMLElement, wpCfg: IWebPartCfg, formControls: Array<IFormControlProps>) => IForm;
-    
-            /**
-                * Method to save the webpart configuration.
-                * This method may execute a postback, based on the page type.
-                * @param wpId - The webpart id.
-                * @param cfgId: The configuration element id.
-                * @param wpCfg - The webpart configuration.
-                */
-            saveConfiguration(wpId: string, cfgId?: string, wpCfg?: any): PromiseLike<void>;
+    export const WPTabTypes: IWPTabTypes;
     
-            /**
-                * Method to update the configuration element
-                * @param cfgId: The configuration element id.
-                * @param elTarget - The target element.
-                * @param wpCfg - The webpart configuration.
-                */
-            updateConfigurationInElement(cfgId: string, elTarget: HTMLInputElement, wpCfg);
+    /**
+        * WebPart Tabs
+        */
+    export interface IWPTabs extends IWebPart {
+            getNav(): INav;
+            getTabs(): Array<HTMLElement>;
+    }
     
-            /**
-                * Method to update the webpart content elements
-                * @param wpId - The webpart id.
-                * @param cfgId: The configuration element id.
-                * @param wpCfg - The webpart configuration.
-                */
-            updateWebPartContentElements(wpId: string, cfgId?: string, wpCfg?: any): boolean;
+    /**
+        * WebPart Tabs Properties
+        */
+    export interface IWPTabsProps extends IWebPartProps {
+            onClick?: (el?: HTMLElement) => void;
+            type?: number;
     }
     
     /**
-        * WebPart Information
+        * WebPart Tab Types
         */
-    export interface IWPInstance {
-            Context: any;
-            Properties: any;
-            WebPart: any;
-            WebPartDefinition: any;
+    export type IWPTabTypes = {
+            Pillars: number;
+            Tabs: number;
     }
 }
 
-declare module 'gd-sprest-bs/webparts/base/types' {
-    import { IButtonProps } from "gd-bs/src/components/button/types";
-    import { IFormControl, IFormControlProps } from "gd-bs/src/components/form/controlTypes";
-    import { IForm } from "gd-bs/src/components/form/formTypes";
+declare module 'gd-sprest-bs/webparts/taxonomy/types' {
+    import { IDropdownItem } from "gd-bs/src/components/dropdown/types"
+    import { Helper } from "gd-sprest";
+    import { IWebPart, IWebPartInfo, IWebPartProps, IWebPartCfg, IWebPartEditForm } from "gd-sprest-bs/webparts/base/types";
     
     /**
-        * ### Web Part
+        * ### Taxonomy WebPart
         * 
-        * The client-side webpart component can be used to control what is displayed when a page is being edited and displayed. An optional hidden configuration element can be utilized to store a custom configuration.
+        * The taxonomy webpart should be used when targeting the term store as a datasource.
         * 
         * ```ts
         * import { WebParts } from "gd-sprest-bs";
         * 
         * // Create the webpart
-        * WebParts.WebPart({
-        *     elementId: "my-wp",
-        *     cfgElementId: "my-wp-cfg",
-        *     onRenderDisplay: (wpInfo) => {
+        * WebParts.WPTaxonomy({
+        *     elementId: "my-wpTaxonomy",
+        *     cfgElementId: "my-wpTaxonomy-cfg",
+        *     onRenderTermSetTerms: (wpInfo, terms) => {
         *         // Render the display element
-        *         wpInfo.el.innerHTML = '<h1>Hello Display Mode</h1>';
-        *     },
-        *     onRenderEdit: (wpInfo) => {
-        *         // Render the edit element
-        *         wpInfo.el.innerHTML = '<h1>Hello Edit Mode</h1>';
+        *         wpInfo.el.innerHTML = [
+        *             '<h1>Term Set: ' + wpInfo.TermSetName + '</h1>',
+        *             '<h5>Terms: ' + terms.length + '</h5>'
+        *         ].join('\n');
         *     }
         * });
         * ```
         */
-    export const WebPart: (props: IWebPartProps) => IWebPart;
+    export const WPTaxonomy: (props: IWPTaxonomyProps) => IWPTaxonomy;
     
     /**
-        * WebPart
+        * Taxonomy WebPart Edit Form
         */
-    export interface IWebPart<IWPCfg = IWebPartCfg, IWPInfo = IWebPartInfo> {
-            /** The webpart configuration. */
-            cfg: IWPCfg;
+    export const WPTaxonomyEditForm: (props: IWPTaxonomyEditForm) => IWPTaxonomyEditForm;
     
-            /** The webpart information. */
-            info: IWPInfo;
+    /**
+        * Taxonomy WebPart
+        */
+    export interface IWPTaxonomy extends IWebPart<IWPTaxonomyCfg, IWPTaxonomyInfo> { }
     
-            /** Method to update the edit form. */
-            updateEditForm?: (formControls: Array<IFormControl>) => void;
-    }
+    /**
+        * Taxonomy WebPart Information
+        */
+    export interface IWPTaxonomyInfo extends IWebPartInfo<IWPTaxonomyCfg> { }
     
     /**
-        * WebPart Information
+        * Taxonomy WebPart Properties
         */
-    export interface IWebPartInfo<IWPCfg = IWebPartCfg> {
-            /** The configuration */
-            cfg: IWPCfg;
+    export interface IWPTaxonomyProps extends IWebPartProps<IWPTaxonomyInfo, IWPTaxonomyEditForm> {
+            /** The on render term set event. */
+            onRenderTermSet?: (wpInfo: IWPTaxonomyInfo, termSet: Helper.ITerm) => void;
     
-            /** The element to render the webpart to */
-            el: HTMLElement;
+            /** The on render term sets event. */
+            onRenderTermSets?: (wpInfo: IWPTaxonomyInfo, termSets: Array<Helper.ITermSetInfo>) => void;
     
-            /** The webpart id */
-            wpId: string;
+            /** The on render term set terms event. */
+            onRenderTermSetTerms?: (wpInfo: IWPTaxonomyInfo, terms: Array<Helper.ITermInfo>) => void;
     }
     
     /**
-        * WebPart Object
+        * Taxonomy WebPart Configuration
         */
-    export interface IWebPartObject {
-            /** The JSOM context object */
-            Context: any;
+    export interface IWPTaxonomyCfg extends IWebPartCfg {
+            /** The term group id. */
+            TermGroupId?: string;
     
-            /** The webpart properties object */
-            Properties: any;
+            /** The term group name. */
+            TermGroupName?: string;
     
-            /** The webpart id */
-            WebPartId: string;
+            /** The term set id. */
+            TermSetId?: string;
     
-            /** The webpart html element */
-            WebPart: HTMLElement;
+            /** The term set name */
+            TermSetName?: string;
     
-            /** The webpart definition object */
-            WebPartDefinition: any;
+            /** The term set term id. */
+            TermSetTermId?: string;
+    
+            /** The term set term name */
+            TermSetTermName?: string;
     }
     
     /**
-        * WebPart Properties
+        * Taxonomy WebPart Edit Form
         */
-    export interface IWebPartProps<IWPInfo = IWebPartInfo, IWPEditForm = IWebPartEditForm> {
-            /** The optional configuration element */
-            cfgElementId?: string;
-    
-            /** The class name. */
-            className?: string;
-    
-            /** The target element id to render the webpart to */
-            elementId?: string;
-    
-            /** The edit form */
-            editForm?: IWPEditForm;
-    
-            /** The optional help link properties */
-            helpProps?: {
-                    /** The link title */
-                    title?: string;
+    export interface IWPTaxonomyEditForm extends IWebPartEditForm<IWPTaxonomyCfg, IWPTaxonomyInfo> {
+            /** The term group changed event. */
+            onTermGroupChanged?: (wpInfo: IWPTaxonomyInfo, termGroupInfo?: ITermGroupInfo) => void;
     
-                    /** The link url */
-                    url: string;
-            };
+            /** The term group loaded event. */
+            onTermGroupsLoaded?: (wpInfo: IWPTaxonomyInfo, termGroups: Array<IDropdownItem>) => Array<IDropdownItem>;
     
-            /** The post render event */
-            onPostRender?: (wp: IWPInfo, ...args) => void;
+            /** The term set changed event. */
+            onTermSetChanged?: (wpInfo: IWPTaxonomyInfo, termSetInfo?: ITermInfo) => void;
     
-            /** The render event triggered when the page is in 'Display' mode */
-            onRenderDisplay?: (wp: IWPInfo) => any;
+            /** The term set loaded event. */
+            onTermSetsLoaded?: (wpInfo: IWPTaxonomyInfo, termSets?: Array<IDropdownItem>) => Array<IDropdownItem>;
     
-            /** The render event triggered when the page is in 'Edit' mode */
-            onRenderEdit?: (wp: IWPInfo) => any;
+            /** The term set term changed event. */
+            onTermSetTermChanged?: (wpInfo: IWPTaxonomyInfo, termInfo?: ITermInfo) => void;
     
-            /** The render form event triggered when the form is created */
-            onRenderForm?: (form: IForm, wp?: IWPInfo) => any;
+            /** The term set terms loaded event. */
+            onTermSetTermsLoaded?: (wpInfo: IWPTaxonomyInfo, terms?: Array<IDropdownItem>) => Array<IDropdownItem>;
     
-            /** The webpart class name */
-            wpClassName?: string;
+            /** Flag to display the term set terms. */
+            showTermSetTerms?: boolean;
     }
     
     /**
-        * WebPart Configuration
-        */
-    export const WPCfg: (cfg: IWebPartCfg, props: IWebPartProps) => {
-            /** Method to render the edit form. */
-            renderForm?: (formControls: Array<IFormControl>) => void;
-    };
-    
-    /**
-        * WebPart Configuration
+        * Term Group Info
         */
-    export interface IWebPartCfg {
-            /** The webpart id */
-            WebPartId?: string;
+    interface ITermGroupInfo {
+            id: string;
+            name: string;
     }
     
     /**
-        * WebPart Edit Form
+        * Term Info
         */
-    export interface IWebPartEditForm<IWPCfg = IWebPartCfg, IWPInfo = IWebPartInfo> {
-            /** The form action buttons displayed in the footer of the modal. */
-            actions?: Array<IButtonProps>;
-    
-            /** The render form event. */
-            onRenderForm?: (wpInfo?: IWPInfo) => Array<IFormControlProps> | PromiseLike<Array<IFormControlProps>> | void;
-    
-            /** The save event. */
-            onSave?: (wpCfg?: IWPCfg, form?: IForm) => IWPCfg;
-    
-            /** True to hide the save button. */
-            showSaveButton?: boolean;
+    interface ITermInfo {
+            id: string;
+            name: string;
     }
 }
 
-declare module 'gd-sprest-bs/webparts/list/types' {
+declare module 'gd-sprest-bs/components/datetime/types' {
     import { IFormControlProps } from "gd-bs/src/components/form/controlTypes";
-    import { Types } from "gd-sprest";
-    import { IWebPart, IWebPartInfo, IWebPartProps, IWebPartCfg, IWebPartEditForm } from "gd-sprest-bs/webparts/base/types";
-    
-    /**
-        * ### List WebPart
-        * 
-        * The list webpart should be used when targeting a list as a datasource.
-        * 
-        * ```ts
-        * import { WebParts } from "gd-sprest-bs";
-        * 
-        * // Create the webpart
-        * WebParts.WebPart({
-        *     elementId: "my-wpList",
-        *     cfgElementId: "my-wpList-cfg",
-        *     onRenderItems: (wpInfo, items) => {
-        *         // Render the display element
-        *         wpInfo.el.innerHTML = [
-        *             '<h1>List: ' + wpInfo.ListName + '</h1>',
-        *             '<h5>List Items: ' + items.length + '</h5>'
-        *         ].join('\n');
-        *     }
-        * });
-        * ```
-        */
-    export const WPList: (props: IWPListProps) => IWPList;
-    
-    /**
-        * List WebPart Edit Form
-        */
-    export const WPListEditForm: (props: IWPListEditForm) => IWPListEditForm;
-    
-    /**
-        * List WebPart
-        */
-    export interface IWPList<IListCfg = IWPListCfg, IListInfo = IWPListInfo> extends IWebPart<IListCfg, IListInfo> { }
     
     /**
-        * List WebPart Information
+        * Date/Time
         */
-    export interface IWPListInfo<IListCfg = IWPListCfg> extends IWebPartInfo<IListCfg> { }
+    export const DateTime: (props: IDateTimeProps) => IDateTime
     
     /**
-        * List WebPart Properties
+        * Date/Time
         */
-    export interface IWPListProps<IListInfo=IWPListInfo, IListEditForm=IWPListEditForm> extends IWebPartProps<IListInfo, IListEditForm> {
-            /** The caml query. */
-            camlQuery?: string;
+    export interface IDateTime {
+            /** The date/time picker element. */
+            el: HTMLDivElement;
     
-            /** The odata query. */
-            odataQuery?: Types.IODataQuery;
+            /** The flatpickr object. */
+            flatpickrObj: any;
     
-            /** The executing caml query event. */
-            onExecutingCAMLQuery?: (wpInfo: IListInfo, caml: string) => string;
+            /** Returns the date as a Date/Time object. */
+            getDate: () => Date;
     
-            /** The executing odata query event. */
-            onExecutingODATAQuery?: (wpInfo: IListInfo, odata: Types.IODataQuery) => Types.IODataQuery;
+            /** Method to get the value. */
+            getValue: () => string;
     
-            /** The on render items event. */
-            onRenderItems?: (wpInfo: IListInfo, items: Array<Types.SP.IListItemQuery | Types.SP.ListItem>) => void;
+            /** Method to set the value. */
+            setValue: (dt: string | Date, dtFormat?: string) => void;
     }
     
     /**
-        * List WebPart Configuration
+        * Date/Time Props
         */
-    export interface IWPListCfg extends IWebPartCfg {
-            /** The list name */
-            ListName?: string;
+    export interface IDateTimeProps {
+            /** Assigns the object to the input parameter. */
+            assignTo?: (obj: IDateTime) => void;
     
-            /** The relative web url */
-            WebUrl?: string;
+            /** The class name to apply to the element. */
+            className?: string;
+    
+            /** The element to render the form to. */
+            el?: Element;
+    
+            /** True to disable the date/time plugin */
+            disabled?: boolean;
+    
+            /** The date/time label. */
+            label?: string;
+    
+            /** The flatpickr options. */
+            options?: any;
+    
+            /** Flag to display the time. */
+            showTime?: boolean;
+    
+            /** The date/time value. */
+            value?: string;
     }
     
     /**
-        * List WebPart Edit Form
+        * Form Control Properties - DateTime
         */
-    export interface IWPListEditForm<IListCfg = IWPListCfg, IListInfo = IWPListInfo> extends IWebPartEditForm<IListCfg, IListInfo> {
-            /** The odata list query. */
-            listQuery?: Types.IODataQuery;
-    
-            /** The list changed event. */
-            onListChanged?: (wpInfo: IListInfo, list?: Types.SP.IListQuery | Types.SP.List) => Array<IFormControlProps> | PromiseLike<Array<IFormControlProps>> | void;
+    export interface IFormControlPropsDateTime extends IFormControlProps {
+            /** The flatpickr options. */
+            options?: any;
     
-            /** The lists loaded event. */
-            onListsLoaded?: (wpInfo: IListInfo, lists?: Array<Types.SP.IListQuery | Types.SP.List>) => Array<Types.SP.IListQuery | Types.SP.List>;
+            /** Flag to display the time. */
+            showTime?: boolean;
     
-            /** The render form event. */
-            onRenderForm?: (wpInfo: IListInfo, list?: Types.SP.IListQuery | Types.SP.List) => Array<IFormControlProps> | PromiseLike<Array<IFormControlProps>> | void;
+            /** The date/time value. */
+            value?: string;
     }
 }
 
-declare module 'gd-sprest-bs/webparts/listFields/types' {
-    import { IWPList, IWPListCfg, IWPListEditForm, IWPListInfo, IWPListProps } from "gd-sprest-bs/webparts/list/types";
+declare module 'gd-sprest-bs/components/field/types' {
+    import { Helper, Types } from "gd-sprest";
+    import { IFormControl, IFormControlProps, IFormControlValidationResult } from "gd-bs/src/components/form/controlTypes";
     
     /**
-        * ### List Fields WebPart
-        * 
-        * The list fields webpart should be used when targeting a list and fields as a datasource.
-        * 
-        * ```ts
-        * import { WebParts } from "gd-sprest-bs";
-        * 
-        * // Create the webpart
-        * WebParts.WebPart({
-        *     elementId: "my-wpList",
-        *     cfgElementId: "my-wpList-cfg",
-        *     onRenderItems: (wpInfo, items) => {
-        *         // Render the display element
-        *         wpInfo.el.innerHTML = [
-        *             '<h1>List: ' + wpInfo.ListName + '</h1>',
-        *             '<h5>List Items: ' + items.length + '</h5>'
-        *         ].join('\n');
-        *     }
-        * });
-        * ```
+        * Field
         */
-    export const WPListFields: (props: IWPListFieldsProps) => IWPListFields;
+    export const Field: (props: IFieldProps) => IField;
     
     /**
-        * List Fields WebPart Edit Form
+        * Field
         */
-    export const WPListFieldsEditForm: (props: IWPListFieldsEditForm) => IWPListFieldsEditForm;
+    export interface IField {
+            control: IFormControl;
+            controlProps: IFormControlProps;
+            getValue: () => IFieldValue;
+            isValid: () => boolean;
+    }
     
     /**
-        * List Fields WebPart
+        * Field Properties
         */
-    export interface IWPListFields<IListFieldsCfg = IWPListFieldsCfg, IListFieldsInfo = IWPListFieldsInfo> extends IWPList<IListFieldsCfg, IListFieldsInfo> { }
+    export interface IFieldProps {
+            assignTo?: (obj: IField) => void;
+            controlMode?: number;
+            errorMessage?: string;
+            field: Types.SP.Field;
+            listInfo: Helper.IListFormResult;
+            lookupFilter?: string;
+            onError?: (msg: string) => void;
+            onControlRendered?: (control: IFormControl, field: Types.SP.Field) => void | Promise<IFormControl>;
+            onControlRendering?: (control: IFormControlProps, field: Types.SP.Field) => void | Promise<IFormControlProps>;
+            onValidate?: (field: Types.SP.Field, control: IFormControl, value: IFormControlValidationResult) => boolean | IFormControlValidationResult;
+            value?: any;
+    }
     
     /**
-        * List Fields WebPart Information
+        * Field Value
         */
-    export interface IWPListFieldsInfo<IListFieldsCfg = IWPListFieldsCfg> extends IWPListInfo<IListFieldsCfg> { }
+    export interface IFieldValue {
+            name: string;
+            value: any;
+    }
+}
+
+declare module 'gd-sprest-bs/components/listForm/types' {
+    import { IFormControl, IFormControlProps } from "gd-bs/src/components/form/controlTypes";
+    import { IForm, IFormRow } from "gd-bs/src/components/form/formTypes";
+    import { Helper, Types } from "gd-sprest";
     
     /**
-        * List Fields WebPart Properties
+        * List Form
         */
-    export interface IWPListFieldsProps<IListFieldsInfo = IWPListFieldsInfo, IListFieldsEditForm = IWPListFieldsEditForm> extends IWPListProps<IListFieldsInfo, IListFieldsEditForm> { }
+    export const ListForm: IListForm;
     
     /**
-        * WebPart Configuration List Field
+        * List Form
         */
-    export interface IWPListField {
-            // The internal field name
-            Name: string;
+    export interface IListForm extends Helper.IListForm {
+            /**
+                * Method to render the display form template.
+                * @param props - The display form properties.
+                */
+            renderDisplayForm(props: IListFormDisplayProps): IListFormDisplay;
     
-            // The display name of the field
-            Title: string
+            /**
+                * Method to render the edit/new form.
+                * @param props - The edit/new form properties.
+                */
+            renderEditForm(props: IListFormEditProps): IListFormEdit;
     }
     
     /**
-        * List Fields WebPart Configuration
+        * List Form Attachments Properties
         */
-    export interface IWPListFieldsCfg extends IWPListCfg {
-            /** The selected fields */
-            Fields: Array<IWPListField>;
+    export interface IListFormAttachmentsProps {
+            /** The element to render the form to. */
+            el: Element;
+    
+            /** The list form information. */
+            info: Helper.IListFormResult;
+    
+            /** The item attachment saved event. */
+            onSave?: (info: Helper.IListFormResult) => void;
     }
     
     /**
-        * List Fields WebPart Edit Form
+        * List Form Display
         */
-    export interface IWPListFieldsEditForm<IListFieldsCfg = IWPListFieldsCfg, IListFieldsInfo = IWPListFieldsInfo> extends IWPListEditForm<IListFieldsCfg, IListFieldsInfo> { }
-}
-
-declare module 'gd-sprest-bs/webparts/search/types' {
-    import { Types } from "gd-sprest";
-    import { IWPList, IWPListInfo, IWPListProps, IWPListCfg, IWPListEditForm } from "gd-sprest-bs/webparts/list/types";
+    export interface IListFormDisplay {
+            /** The form element. */
+            el: HTMLFormElement;
+    }
     
     /**
-        * ### Search WebPart
-        * 
-        * The search webpart extends the list webpart, and includes a filterItems method to return items based on the inputed filter text.
-        * 
-        * ```ts
-        * import { WebParts } from "gd-sprest-bs";
-        * 
-        * // Create the webpart
-        * let wp = WebParts.WebPart({
-        *     elementId: "my-wpSearch",
-        *     cfgElementId: "my-wpSearch-cfg",
-        *     onRenderItems: (wpInfo, items) => {
-        *         // Render the display element
-        *         wpInfo.el.innerHTML = [
-        *             '<h1>List: ' + wpInfo.ListName + '</h1>',
-        *             '<h5>List Items: ' + items.length + '</h5>'
-        *         ].join('\n');
-        *     }
-        * });
-        * ```
+        * List Form Display Properties
         */
-    export const WPSearch: (props: IWPListProps) => IWPSearch;
+    export interface IListFormDisplayProps extends Helper.IListFormDisplayProps {
+            /** Assigns the object to the input parameter. */
+            assignTo?: (obj: IListFormDisplay) => void;
     
-    /**
-        * Search WebPart Edit Form
-        */
-    export const WPSearchEditForm: (props: IWPSearchEditForm) => IWPSearchEditForm;
+            /** The form component class name. */
+            className?: string;
     
-    /**
-        * Search WebPart
-        */
-    export interface IWPSearch extends IWPList<IWPSearchCfg, IWPSearchInfo> {
-            /** The filter items method. */
-            filterItems: (filterText: string) => Array<Types.SP.IListItemQuery | Types.SP.ListItem>;
-    }
+            /** The form component group class name. */
+            groupClassName?: string;
     
-    /**
-        * Search WebPart Information
-        */
-    export interface IWPSearchInfo extends IWPListInfo<IWPSearchCfg> { }
+            /** The form component row class name. */
+            rowClassName?: string;
     
-    /**
-        * Search WebPart Properties
-        */
-    export interface IWPSearchProps extends IWPListProps<IWPSearchInfo, IWPSearchEditForm> {
-            /** The internal field names to be used for search. These will be appended to the configuration fields. */
-            searchFields?: Array<{ name: string, type: string }>;
+            /** The control rendered event. */
+            onControlRendered?: (control: IFormControl, field: Types.SP.Field) => void | Promise<IFormControl>;
+    
+            /** The control rendering event. */
+            onControlRendering?: (control: IFormControlProps, field: Types.SP.Field) => void | Promise<IFormControlProps>;
+    
+            /** The form rendered event. */
+            onFormRendered?: (form: IForm) => void;
+    
+            /** The error event. */
+            onError?: (msg?: string) => void;
+    
+            /** The list form rows. */
+            template?: Array<IFormRow>;
     }
     
     /**
-        * Search WebPart Configuration
+        * List Form Edit
         */
-    export interface IWPSearchCfg extends IWPListCfg {
-            /** The searchable fields. */
-            Fields: Array<{ name: string, type: string }>;
+    export interface IListFormEdit {
+            /** Appends controls to the form */
+            appendControls(controls: Array<IFormControlProps>);
+    
+            /** Appends rows to the form */
+            appendRows(rows: Array<IFormRow>);
+    
+            /** The form element. */
+            el: HTMLFormElement;
+    
+            /** Method to get a control by field name */
+            getControl(fieldName: string): IFormControl;
+    
+            /** Method to get the form values */
+            getValues(): { [key: string]: any }
+    
+            /** Method to determine if the field is valid */
+            isValid(): boolean;
+    
+            /** Method to save the form. */
+            save(): PromiseLike<Types.SP.ListItem>;
     }
     
     /**
-        * Search WebPart Edit Form
+        * List Form Edit Properties
         */
-    export interface IWPSearchEditForm extends IWPListEditForm<IWPSearchCfg, IWPSearchInfo> { }
+    export interface IListFormEditProps extends IListFormDisplayProps, Helper.IListFormEditProps {
+            /** Assigns the object to the input parameter. */
+            assignTo?: (obj: IListFormEdit) => void;
+    
+            /** Use this event to filter a lookup field by OData query. */
+            onFilterLookupField?: (field: Types.SP.Field) => string | Types.IODataQuery;
+    
+            /** The form saving event. */
+            onSaving?: (item: any) => void | PromiseLike<any>;
+    
+            /** The form validating event. */
+            onValidate?: (field: Types.SP.Field, control: IFormControl) => boolean;
+    }
 }
 
-declare module 'gd-sprest-bs/webparts/tabs/types' {
-    import { INav } from "gd-bs/src/components/nav/types";
-    import { IWebPart, IWebPartProps } from "gd-sprest-bs/webparts/base/types";
-    
-    /**
-        * ### WebPart Tabs
-        * 
-        * The webpart tabs will generate tabs for each visible webpart in its zone.
-        * 
-        * ```ts
-        * import { WebParts } from "gd-sprest-bs";
-        * 
-        * // Create the webpart
-        * WebParts.WPTabs({ elementId: "my-tabs" });
-        * ```
-        */
-    export const WPTabs: (props: IWPTabsProps) => IWPTabs;
+declare module 'gd-sprest-bs/components/listFormDialog/types' {
+    import { IFormControl, IFormControlProps } from "gd-bs/src/components/form/controlTypes";
+    import { IFormRow } from "gd-bs/src/components/form/formTypes";
+    import { IModal, IModalProps } from "gd-bs/src/components/modal/types";
+    import { IToolbarProps } from "gd-bs/src/components/toolbar/types";
+    import { Helper, Types } from "gd-sprest";
     
     /**
-        * WebPart Tab Types
+        * List Form Dialog
         */
-    export const WPTabTypes: IWPTabTypes;
+    export const ListFormDialog: (props: IListFormDialogProps) => IListFormDialog;
     
     /**
-        * WebPart Tabs
+        * List Form Dialog
         */
-    export interface IWPTabs extends IWebPart {
-            getNav(): INav;
-            getTabs(): Array<HTMLElement>;
+    export interface IListFormDialog extends IModal {
+            /** Method to save the form. */
+            saveForm: () => PromiseLike<Types.SP.ListItem>;
     }
     
     /**
-        * WebPart Tabs Properties
+        * List Form Dialog Properties
         */
-    export interface IWPTabsProps extends IWebPartProps {
-            onClick?: (el?: HTMLElement) => void;
-            type?: number;
-    }
+    export interface IListFormDialogProps extends Helper.IListFormProps {
+            /** The form actions. */
+            actions?: IToolbarProps;
     
-    /**
-        * WebPart Tab Types
-        */
-    export type IWPTabTypes = {
-            Pillars: number;
-            Tabs: number;
+            /** Assigns the object to the input parameter. */
+            assignTo?: (obj: IListFormDialog) => void;
+    
+            /** The form control mode. */
+            controlMode?: number;
+    
+            /** The element to render the field to. */
+            el: Element | HTMLElement;
+    
+            /** The item. */
+            item?: any;
+    
+            /** The modal dialog properties. */
+            modalProps?: IModalProps;
+    
+            /** The control rendered event. */
+            onControlRendered?: (control: IFormControl) => void | Promise<IFormControl>;
+    
+            /** The control rendering event. */
+            onControlRendering?: (control: IFormControlProps) => void | Promise<IFormControlProps>;
+    
+            /** The form saving event. */
+            onSaving?: (item: any) => void | PromiseLike<any>;
+    
+            /** The form saved event. */
+            onSaved?: (item?: Types.SP.ListItem) => void;
+    
+            /** The list form rows. */
+            template?: Array<IFormRow>;
+    
+            /** True to display the modal by default. */
+            visible?: boolean;
     }
 }
 
-declare module 'gd-sprest-bs/webparts/taxonomy/types' {
-    import { IDropdownItem } from "gd-bs/src/components/dropdown/types"
-    import { Helper } from "gd-sprest";
-    import { IWebPart, IWebPartInfo, IWebPartProps, IWebPartCfg, IWebPartEditForm } from "gd-sprest-bs/webparts/base/types";
+declare module 'gd-sprest-bs/components/peoplePicker/types' {
     
     /**
-        * ### Taxonomy WebPart
-        * 
-        * The taxonomy webpart should be used when targeting the term store as a datasource.
+        * ### People Picker
         * 
         * ```ts
-        * import { WebParts } from "gd-sprest-bs";
+        * import { ContextInfo, Components } from "gd-sprest-bs";
         * 
-        * // Create the webpart
-        * WebParts.WPTaxonomy({
-        *     elementId: "my-wpTaxonomy",
-        *     cfgElementId: "my-wpTaxonomy-cfg",
-        *     onRenderTermSetTerms: (wpInfo, terms) => {
-        *         // Render the display element
-        *         wpInfo.el.innerHTML = [
-        *             '<h1>Term Set: ' + wpInfo.TermSetName + '</h1>',
-        *             '<h5>Terms: ' + terms.length + '</h5>'
-        *         ].join('\n');
-        *     }
+        * // Create the panel
+        * let el = document.querySelector("#people-picker");
+        * let form = Components.Form({
+        *     el: el,
+        *     rows: [
+        *         // Other controls go here
+        *         {
+        *             control: {
+        *                 allowGroups: false,
+        *                 label: "Select User:",
+        *                 multi: true,
+        *                 name: "User",
+        *                 type: Components.FormControlTypes.PeoplePicker
+        *                 value: ContextInfo.userId // Default to the current user
+        *             } as Components.IFormControlPropsPeoplePicker
+        *         }
+        *     ]
         * });
         * ```
         */
-    export const WPTaxonomy: (props: IWPTaxonomyProps) => IWPTaxonomy;
-    
-    /**
-        * Taxonomy WebPart Edit Form
-        */
-    export const WPTaxonomyEditForm: (props: IWPTaxonomyEditForm) => IWPTaxonomyEditForm;
-    
-    /**
-        * Taxonomy WebPart
-        */
-    export interface IWPTaxonomy extends IWebPart<IWPTaxonomyCfg, IWPTaxonomyInfo> { }
+    export const PeoplePicker: (props: IPeoplePickerProps) => IPeoplePicker;
     
-    /**
-        * Taxonomy WebPart Information
-        */
-    export interface IWPTaxonomyInfo extends IWebPartInfo<IWPTaxonomyCfg> { }
+    import { IFormControlProps } from "gd-bs/src/components/form/controlTypes";
+    import { Types } from "gd-sprest";
     
     /**
-        * Taxonomy WebPart Properties
+        * People Picker
         */
-    export interface IWPTaxonomyProps extends IWebPartProps<IWPTaxonomyInfo, IWPTaxonomyEditForm> {
-            /** The on render term set event. */
-            onRenderTermSet?: (wpInfo: IWPTaxonomyInfo, termSet: Helper.ITerm) => void;
+    export interface IPeoplePicker {
+            /** The people picker element. */
+            el: HTMLElement;
     
-            /** The on render term sets event. */
-            onRenderTermSets?: (wpInfo: IWPTaxonomyInfo, termSets: Array<Helper.ITermSetInfo>) => void;
+            /** Returns the selected users. */
+            getValue: () => Array<Types.SP.User | Types.SP.Group>;
     
-            /** The on render term set terms event. */
-            onRenderTermSetTerms?: (wpInfo: IWPTaxonomyInfo, terms: Array<Helper.ITermInfo>) => void;
+            /** Sets the selected users by id or people picker user object. */
+            setValue: (selectedUsers: Array<string | number | Types.IPeoplePickerUser>) => void;
     }
     
     /**
-        * Taxonomy WebPart Configuration
+        * People Picker Properties
         */
-    export interface IWPTaxonomyCfg extends IWebPartCfg {
-            /** The term group id. */
-            TermGroupId?: string;
-    
-            /** The term group name. */
-            TermGroupName?: string;
+    export interface IPeoplePickerProps {
+            /** True, to include groups in the results. */
+            allowGroups?: boolean;
     
-            /** The term set id. */
-            TermSetId?: string;
+            /** Assigns the object to the input parameter. */
+            assignTo?: (obj: IPeoplePicker) => void;
     
-            /** The term set name */
-            TermSetName?: string;
+            /** The class name to apply to the element. */
+            className?: string;
     
-            /** The term set term id. */
-            TermSetTermId?: string;
+            /** The element to render the form to. */
+            el?: Element;
     
-            /** The term set term name */
-            TermSetTermName?: string;
-    }
+            /** The specific SharePoint group id to search within. */
+            groupId?: number;
     
-    /**
-        * Taxonomy WebPart Edit Form
-        */
-    export interface IWPTaxonomyEditForm extends IWebPartEditForm<IWPTaxonomyCfg, IWPTaxonomyInfo> {
-            /** The term group changed event. */
-            onTermGroupChanged?: (wpInfo: IWPTaxonomyInfo, termGroupInfo?: ITermGroupInfo) => void;
+            /** The label. */
+            label?: string;
     
-            /** The term group loaded event. */
-            onTermGroupsLoaded?: (wpInfo: IWPTaxonomyInfo, termGroups: Array<IDropdownItem>) => Array<IDropdownItem>;
+            /** Limits the results to a maximum number. */
+            maxResults?: number;
     
-            /** The term set changed event. */
-            onTermSetChanged?: (wpInfo: IWPTaxonomyInfo, termSetInfo?: ITermInfo) => void;
+            /** True to allow multiple users to be selected. */
+            multi?: boolean;
     
-            /** The term set loaded event. */
-            onTermSetsLoaded?: (wpInfo: IWPTaxonomyInfo, termSets?: Array<IDropdownItem>) => Array<IDropdownItem>;
+            /** The change event. */
+            onChange?: (obj: Types.IPeoplePickerUser | Array<Types.IPeoplePickerUser>) => void;
     
-            /** The term set term changed event. */
-            onTermSetTermChanged?: (wpInfo: IWPTaxonomyInfo, termInfo?: ITermInfo) => void;
+            /** The placeholder text. (Default value is "Search") */
+            placeholder?: string;
     
-            /** The term set terms loaded event. */
-            onTermSetTermsLoaded?: (wpInfo: IWPTaxonomyInfo, terms?: Array<IDropdownItem>) => Array<IDropdownItem>;
+            /** True to allow multiple users to be selected. */
+            readOnly?: boolean;
     
-            /** Flag to display the term set terms. */
-            showTermSetTerms?: boolean;
-    }
+            /** True to search the local users first. */
+            searchLocal?: boolean;
     
-    /**
-        * Term Group Info
-        */
-    interface ITermGroupInfo {
-            id: string;
-            name: string;
+            /** The selected users. */
+            value?: string | number | Types.IPeoplePickerUser | Array<string | number | Types.IPeoplePickerUser>;
     }
     
     /**
-        * Term Info
+        * Form Control Properties - People Picker
         */
-    interface ITermInfo {
-            id: string;
-            name: string;
+    export interface IFormControlPropsPeoplePicker extends IFormControlProps {
+            allowGroups?: boolean;
+            groupId?: number;
+            maxResults?: number;
+            multi?: boolean;
+            placeholder?: string;
+            searchLocal?: boolean;
+            value?: string | number | Types.IPeoplePickerUser | Array<string | number | Types.IPeoplePickerUser>;
     }
 }