@mikezimm/fps-library-v2 1.0.32 → 1.0.34

package/CHANGELOG.md

@@ -5,11 +5,21 @@ npm run build
 npm version major/minor/patch
 npm publish --access=public
 
-npm install @mikezimm/fps-library-v2@1.0.32
+npm install @mikezimm/fps-library-v2@1.0.34
 
 
 # Changelog
 
+NOTE:  TURN BACK ON STRICT NULL CHECKS - turned off for PropPaneCols
+
+## 1.0.34 - 2022-Dec-15
+- Updated styles references in PropPaneCols component
+- Bumped styles version to 1.0.3
+
+
+## 1.0.33 - 2022-Dec-15
+- Add PropPaneCols component - NEEDS CSS FIXED
+
 ## 1.0.32 - 2022-Dec-15
 - udpate IFPSEnviro.web.id and .site.id to check for complex id object
 - Add EasyPages updates in runOnPropChange from Pnpjs-v2 testing

package/lib/banner/components/EasyPages/functions.d.ts

@@ -27,7 +27,7 @@ export interface IGetPagesContent {
     performance: ILoadPerformance;
     errMessage: string;
 }
-export declare function getPagesContent(sourceProps: ISourceProps, EasyIconObject: IEasyIcons | undefined, parentLink: string): Promise<IGetPagesContent>;
+export declare function getPagesContent(sourceProps: ISourceProps, EasyIconObject: IEasyIcons, parentLink: string): Promise<IGetPagesContent>;
 export declare const DefaultSiteLogo: string;
 /**
  * This adds Search String and Meta arrays to items

package/lib/banner/components/EasyPages/functions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../../src/banner/components/EasyPages/functions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAQ5C,OAAO,EAAE,gBAAgB,EAAG,MAAM,wDAAwD,CAAC;AAG3F,OAAO,EAA2C,UAAU,EAAI,MAAM,6CAA6C,CAAC;AAGpH,OAAO,EAA+B,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAG7F;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAE,KAAK,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAM,SAAS,EAAE,CAqBjH;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAK,MAAM,EAAE,CA4BtF;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAAG,KAAK,EAAE,SAAS,EAAE,CAAC;IAAC,WAAW,EAAE,gBAAgB,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE;AAE3G,wBAAsB,eAAe,CAAE,WAAW,EAAE,YAAY,EAAE,cAAc,wBAAoC,EAAE,UAAU,EAAE,MAAM,GAAK,OAAO,CAAC,gBAAgB,CAAC,CAsCrK;AAOD,eAAO,MAAM,eAAe,EAAG,MAAmD,CAAC;AAEnF;;;;;GAKG;AACH,wBAAgB,aAAa,CAAG,KAAK,EAAE,SAAS,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,GAAK,SAAS,EAAE,CAkDnH"}
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../../src/banner/components/EasyPages/functions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAQ5C,OAAO,EAAE,gBAAgB,EAAG,MAAM,wDAAwD,CAAC;AAG3F,OAAO,EAA2C,UAAU,EAAI,MAAM,6CAA6C,CAAC;AAGpH,OAAO,EAA+B,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAG7F;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAE,KAAK,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAM,SAAS,EAAE,CAqBjH;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAK,MAAM,EAAE,CA4BtF;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAAG,KAAK,EAAE,SAAS,EAAE,CAAC;IAAC,WAAW,EAAE,gBAAgB,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE;AAE3G,wBAAsB,eAAe,CAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,UAAkC,EAAE,UAAU,EAAE,MAAM,GAAK,OAAO,CAAC,gBAAgB,CAAC,CAsCrK;AAOD,eAAO,MAAM,eAAe,EAAG,MAAmD,CAAC;AAEnF;;;;;GAKG;AACH,wBAAgB,aAAa,CAAG,KAAK,EAAE,SAAS,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,GAAK,SAAS,EAAE,CAkDnH"}

package/lib/banner/components/SpecialBanner/component.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ISpecialMessage } from './interface';
-export declare function createSpecialElement(SpecialMessage: ISpecialMessage): JSX.Element | undefined;
+export declare function createSpecialElement(SpecialMessage: ISpecialMessage): JSX.Element;
 //# sourceMappingURL=component.d.ts.map

package/lib/banner/components/SpecialBanner/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/banner/components/SpecialBanner/component.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,oBAAoB,CAAE,cAAc,EAAE,eAAe,2BAgCpE"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/banner/components/SpecialBanner/component.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,oBAAoB,CAAE,cAAc,EAAE,eAAe,eAgCpE"}

package/lib/banner/features/Expando/functions.d.ts

@@ -1,5 +1,5 @@
 import { IPageLayoutType } from '../../../common/interfaces/@msft/1.15.2/layout';
-export declare function setExpandoRamicMode(domElement: HTMLElement, maximize: boolean, controlStyle: any, alertError: boolean | undefined, consoleResult: boolean | undefined, expandoPadding: number, host: IPageLayoutType): void;
+export declare function setExpandoRamicMode(domElement: HTMLElement, maximize: boolean, controlStyle: any, alertError: boolean, consoleResult: boolean, expandoPadding: number, host: IPageLayoutType): void;
 /**
 
 style {

package/lib/banner/features/Expando/functions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/Expando/functions.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAIjF,wBAAgB,mBAAmB,CAAG,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAG,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,qBAAgB,EAAE,aAAa,qBAAiB,EAAE,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,QAuM9M;AAED;;;;;;;;;;;;;;GAcG"}
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/Expando/functions.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAIjF,wBAAgB,mBAAmB,CAAG,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAG,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,OAAc,EAAE,aAAa,EAAE,OAAe,EAAE,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,QAuM9M;AAED;;;;;;;;;;;;;;GAcG"}

package/lib/banner/features/PageStyle/minimzeToolbar.d.ts

@@ -13,8 +13,8 @@ import { IFPSSectionStyle } from '../FPSDOM/Interfaces';
  */
 export declare function setToolbar(displayMode: DisplayMode, wpInstanceID: any, hideToolbar: boolean): {
     toolBarStyle: IFPSSectionStyle;
-} | undefined;
+};
 export declare function minimizeToolbar(document: any, sectionStyle: IFPSSectionStyle, alertError?: boolean, consoleResult?: boolean): {
     sectionStyle: IFPSSectionStyle;
-} | undefined;
+};
 //# sourceMappingURL=minimzeToolbar.d.ts.map

package/lib/banner/features/PageStyle/minimzeToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"minimzeToolbar.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/minimzeToolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qDAAqD,CAAA;AACjF,OAAO,EAAmB,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAMrF;;;;;;;GAOG;AAGJ;;GAEG;AACA,wBAAiB,UAAU,CAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO;;cA+C9F;AAED,wBAAgB,eAAe,CAAG,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,gBAAgB,EAAG,UAAU,GAAE,OAAc,EAAE,aAAa,GAAE,OAAe;;cAmC3I"}
+{"version":3,"file":"minimzeToolbar.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/minimzeToolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qDAAqD,CAAA;AACjF,OAAO,EAAmB,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAMrF;;;;;;;GAOG;AAGJ;;GAEG;AACA,wBAAiB,UAAU,CAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO;;EA+C9F;AAED,wBAAgB,eAAe,CAAG,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,gBAAgB,EAAG,UAAU,GAAE,OAAc,EAAE,aAAa,GAAE,OAAe;;EAmC3I"}

package/lib/banner/features/PageStyle/setAllSectionStyles.d.ts

@@ -5,6 +5,6 @@ import { IMinWPBannerProps } from '../../interfaces/MinWP/IMinWPBannerProps';
  */
 export declare function updateSectionStyles(wpInstanceID: any, wpProps: IMinWPBannerProps): {
     sectionStyles: import("../FPSDOM/Interfaces").IFPSSection;
-} | undefined;
+};
 export declare function applySectionStyle(el: any, targetStyle: IFPSSectionStyle, windowStyle: IFPSSectionStyle, alertError?: boolean, consoleResult?: boolean): IFPSSectionStyle;
 //# sourceMappingURL=setAllSectionStyles.d.ts.map

package/lib/banner/features/PageStyle/setAllSectionStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setAllSectionStyles.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/setAllSectionStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAG7E;;GAEG;AACD,wBAAiB,mBAAmB,CAAE,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,iBAAiB;;cAuElF;AAGD,wBAAgB,iBAAiB,CAAE,EAAE,EAAG,GAAG,EAAG,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,GAAE,OAAc,EAAE,aAAa,GAAE,OAAe,oBAoCrK"}
+{"version":3,"file":"setAllSectionStyles.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/setAllSectionStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAG7E;;GAEG;AACD,wBAAiB,mBAAmB,CAAE,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,iBAAiB;;EAuElF;AAGD,wBAAgB,iBAAiB,CAAE,EAAE,EAAG,GAAG,EAAG,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,GAAE,OAAc,EAAE,aAAa,GAAE,OAAe,oBAoCrK"}

package/lib/banner/features/PinMe/FPSPinMenu.d.ts

@@ -18,5 +18,5 @@ import { DisplayMode } from '@microsoft/sp-core-library';
  */
 export declare function getDefaultFPSPinState(prevfpsPinMenu: IFPSPinMenu, currfpsPinMenu: IFPSPinMenu, displayMode: DisplayMode): IPinStatus;
 export declare function checkIsInVerticalSection(domElement: HTMLElement): boolean;
-export declare function FPSPinMe(domElement: HTMLElement, pinState: IPinMeState, controlStyle: any, alertError: boolean | undefined, consoleResult: boolean | undefined, pinMePadding: number, host: IPageLayoutType, displayMode: DisplayMode): void;
+export declare function FPSPinMe(domElement: HTMLElement, pinState: IPinMeState, controlStyle: any, alertError: boolean, consoleResult: boolean, pinMePadding: number, host: IPageLayoutType, displayMode: DisplayMode): void;
 //# sourceMappingURL=FPSPinMenu.d.ts.map

package/lib/banner/features/PinMe/FPSPinMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FPSPinMenu.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PinMe/FPSPinMenu.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAIzD;;;;;;;;;GASG;AAEF,wBAAgB,qBAAqB,CAAG,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,cAgB1H;AAED,wBAAgB,wBAAwB,CAAE,UAAU,EAAE,WAAW,WAShE;AAED,wBAAgB,QAAQ,CAAG,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAG,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,qBAAgB,EAAE,aAAa,qBAAiB,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAG,WAAW,QAwGhO"}
+{"version":3,"file":"FPSPinMenu.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PinMe/FPSPinMenu.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAIzD;;;;;;;;;GASG;AAEF,wBAAgB,qBAAqB,CAAG,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,cAgB1H;AAED,wBAAgB,wBAAwB,CAAE,UAAU,EAAE,WAAW,WAShE;AAED,wBAAgB,QAAQ,CAAG,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAG,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,OAAc,EAAE,aAAa,EAAE,OAAe,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAG,WAAW,QAwGhO"}

package/lib/banner/propPane/controls.d.ts

@@ -28,5 +28,5 @@ export declare function makePropDataText(newProps: string[], prevArray?: any[],
  * @param step
  * @param disabled
  */
-export declare function makePropDataSliders(newProps: string[], prevArray: any[] | undefined, min: number, max: number, step: number, disabled?: boolean): any[];
+export declare function makePropDataSliders(newProps: string[], prevArray: any[], min: number, max: number, step: number, disabled?: boolean): any[];
 //# sourceMappingURL=controls.d.ts.map

package/lib/banner/propPane/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../src/banner/propPane/controls.ts"],"names":[],"mappings":"AAWA;;;;;;;EAOE;AAEF,wBAAgB,mBAAmB,CAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,SAAS,GAAE,GAAG,EAAO,EAAE,GAAG,GAAE,MAAc,EAAE,EAAE,GAAE,MAAa,EAAE,OAAO,GAAE,OAAc,EAAE,QAAQ,GAAE,OAAe,SAkBzK;AAED;;;;;;;;EAQE;AACF,wBAAgB,gBAAgB,CAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,SAAS,GAAE,GAAG,EAAO,EAAE,WAAW,GAAE,MAAW,EAAE,QAAQ,GAAE,OAAe,SAc/H;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,SAAS,mBAAY,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,GAAE,OAAe,SAkBhJ"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../src/banner/propPane/controls.ts"],"names":[],"mappings":"AAWA;;;;;;;EAOE;AAEF,wBAAgB,mBAAmB,CAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,SAAS,GAAE,GAAG,EAAO,EAAE,GAAG,GAAE,MAAc,EAAE,EAAE,GAAE,MAAa,EAAE,OAAO,GAAE,OAAc,EAAE,QAAQ,GAAE,OAAe,SAkBzK;AAED;;;;;;;;EAQE;AACF,wBAAgB,gBAAgB,CAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,SAAS,GAAE,GAAG,EAAO,EAAE,WAAW,GAAE,MAAW,EAAE,QAAQ,GAAE,OAAe,SAc/H;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,EAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,GAAE,OAAe,SAkBhJ"}

package/lib/common/interfaces/openSource/spfxControlsReact/@3.7.2/IViewField.d.ts

@@ -0,0 +1,139 @@
+import { SelectionMode } from 'office-ui-fabric-react/lib/DetailsList';
+import { IColumn, IGroup } from 'office-ui-fabric-react/lib/components/DetailsList';
+export declare enum GroupOrder {
+    ascending = 1,
+    descending = 2
+}
+export interface IListViewProps {
+    /**
+    * Specify if drag and drop option is selected.
+    **/
+    dragDropFiles?: boolean;
+    /**
+    * Handler to return the files from drag and drop.
+    **/
+    onDrop?: any;
+    /**
+     * Specify the name of the file URL path which will be used to show the file icon.
+     */
+    iconFieldName?: string;
+    /**
+     * The items to render.
+     */
+    items?: any[];
+    /**
+     * The fields you want to view in your list view
+     */
+    viewFields?: IViewField[];
+    /**
+     * The fields you want to group your list view by
+     */
+    groupByFields?: IGrouping[];
+    /**
+     * Boolean value to indicate if the component should render in compact mode.
+     * Set to false by default
+     */
+    compact?: boolean;
+    /**
+     * Specify the item selection mode.
+     * By default this is set to none.
+     */
+    selectionMode?: SelectionMode;
+    /**
+     * Selection event that passes the selected item(s)
+     */
+    selection?: (items: any[]) => void;
+    /**
+     * The index of the items to be select by default
+     */
+    defaultSelection?: number[];
+    /**
+     * Specify the placeholder for the filter text box. Default 'Search'
+     */
+    filterPlaceHolder?: string;
+    /**
+     * Specify if the filter text box should be rendered.
+     */
+    showFilter?: boolean;
+    /**
+     * Specify the initial filter to be applied to the list.
+     */
+    defaultFilter?: string;
+    /**
+   * Boolean value to create a fixed/sticky header.
+   * Set to false by default
+   */
+    stickyHeader?: boolean;
+    /**
+    * Class name to apply additional styles on list view wrapper
+    */
+    className?: string;
+    /**
+     * Class name to apply additional styles on list view
+     */
+    listClassName?: string;
+    /**
+     * Custom sorting function.
+     * @returns sorted collection of items
+     */
+    sortItems?: (items: any[], columnName: string, descending: boolean) => any[];
+}
+export interface IListViewState {
+    /**
+     * Current value of the filter input
+     */
+    filterValue?: string;
+    /**
+     * The items to render.
+     */
+    items?: any[];
+    /**
+     * Given column defitions.
+     * If none are provided, default columns will be created based on the item's properties.
+     */
+    columns?: IColumn[];
+    groups?: IGroup[];
+}
+export interface IGrouping {
+    name: string;
+    order: GroupOrder;
+}
+export interface IGroupsItems {
+    items: any[];
+    groups: IGroup[];
+}
+export interface IViewField {
+    /**
+     * Name of the field
+     */
+    name: string;
+    /**
+     * Name of the field that will be used as the column title
+     */
+    displayName?: string;
+    /**
+     * Specify the field name that needs to be used to render a link
+     */
+    linkPropertyName?: string;
+    /**
+     * Specify if you want to enable column sorting
+     */
+    sorting?: boolean;
+    /**
+     * Specify the minimum width of the column
+     */
+    minWidth?: number;
+    /**
+     * Specify the maximum width of the column
+     */
+    maxWidth?: number;
+    /**
+     * Determines if the column can be resized.
+     */
+    isResizable?: boolean;
+    /**
+     * Override the render method of the field
+     */
+    render?: (item?: any, index?: number, column?: IColumn) => any;
+}
+//# sourceMappingURL=IViewField.d.ts.map

package/lib/common/interfaces/openSource/spfxControlsReact/@3.7.2/IViewField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IViewField.d.ts","sourceRoot":"","sources":["../../../../../../src/common/interfaces/openSource/spfxControlsReact/@3.7.2/IViewField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,mDAAmD,CAAC;AAEpF,MAAM,CAAC,OAAO,MAAM,UAAU;IAC5B,SAAS,IAAI;IACb,UAAU,IAAI;CACf;AACD,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;KAGC;IACD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;MAEE;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,GAAG,EAAE,CAAC;CAC9E;AACD,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AACD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;CACnB;AACD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AACD,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,GAAG,CAAC;CAChE"}

package/lib/common/interfaces/openSource/spfxControlsReact/@3.7.2/IViewField.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IViewField.js.map

package/lib/common/interfaces/openSource/spfxControlsReact/@3.7.2/IViewField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IViewField.js","sourceRoot":"","sources":["../../../../../../src/common/interfaces/openSource/spfxControlsReact/@3.7.2/IViewField.ts"],"names":[],"mappings":""}

package/lib/components/atoms/Elements/basic.d.ts

@@ -6,7 +6,7 @@ import { IMyTextElementTypes } from './IElements';
  * @param styles Styles should be this limited structure:  { color: 'htmlColor', height: 2 }
  */
 export declare function MyDivider(title: string, styles: any): JSX.Element;
-export declare function MyText(type: IMyTextElementTypes, title: string, styles?: any): JSX.Element | null;
+export declare function MyText(type: IMyTextElementTypes, title: string, styles?: any): JSX.Element;
 /**
  *
  * @param title

package/lib/components/atoms/Elements/basic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/basic.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGlD;;;;GAIG;AACH,wBAAgB,SAAS,CAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,eAmBrD;AAGD,wBAAgB,MAAM,CAAG,IAAI,EAAG,mBAAmB,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAG,GAAG,sBAsBjF;AACD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAG,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,eAoB7E;AAED,wBAAgB,sBAAsB,CAAG,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,OAkBtG"}
+{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/basic.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGlD;;;;GAIG;AACH,wBAAgB,SAAS,CAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,eAmBrD;AAGD,wBAAgB,MAAM,CAAG,IAAI,EAAG,mBAAmB,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAG,GAAG,eAsBjF;AACD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAG,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,eAoB7E;AAED,wBAAgB,sBAAsB,CAAG,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,OAkBtG"}

package/lib/components/molecules/Performance/tables.d.ts

@@ -13,7 +13,7 @@ export declare function createPerformanceTableVisitor(performance: ILoadPerforma
  * @param performance
  * @returns
  */
-export declare function createPerformanceTableVisitorXtra(performance: ILoadPerformance, titleAboveTable: string | undefined, keysToShow: ILoadPerformanceOps[], objAboveTable?: any): JSX.Element;
+export declare function createPerformanceTableVisitorXtra(performance: ILoadPerformance, titleAboveTable: string, keysToShow: ILoadPerformanceOps[], objAboveTable?: any): JSX.Element;
 /**
  * USED BY: SecureScript7 loadTable >> loadSummary in \secureScript7\components\SecureScript7.tsx
  * @param performance

package/lib/components/molecules/Performance/tables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tables.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Performance/tables.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAkB,gBAAgB,EAAE,mBAAmB,EAA8C,MAAM,gBAAgB,CAAC;AAKnI,wBAAgB,qBAAqB,CAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,mBAAmB,EAAE,SA4CtG;AAGD,wBAAgB,eAAe,CAAE,SAAS,EAAE,GAAG,SAyB9C;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAE,WAAW,EAAE,gBAAgB,EAAG,UAAU,EAAE,mBAAmB,EAAE,eAqB/G;AAED;;;;GAIG;AACF,wBAAgB,iCAAiC,CAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,oBAAa,EAAE,UAAU,EAAE,mBAAmB,EAAE,EAAG,aAAa,GAAE,GAAU,eAc7K;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAE,WAAW,EAAE,gBAAgB,EAAG,UAAU,EAAE,mBAAmB,EAAE,EAAE,YAAY,EAAE,GAAG,eAYhI;AAED;;;;;GAKG;AAEF,wBAAgB,qBAAqB,CAAE,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,eAapE"}
+{"version":3,"file":"tables.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Performance/tables.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAkB,gBAAgB,EAAE,mBAAmB,EAA8C,MAAM,gBAAgB,CAAC;AAKnI,wBAAgB,qBAAqB,CAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,mBAAmB,EAAE,SA4CtG;AAGD,wBAAgB,eAAe,CAAE,SAAS,EAAE,GAAG,SAyB9C;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAE,WAAW,EAAE,gBAAgB,EAAG,UAAU,EAAE,mBAAmB,EAAE,eAqB/G;AAED;;;;GAIG;AACF,wBAAgB,iCAAiC,CAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAW,EAAE,UAAU,EAAE,mBAAmB,EAAE,EAAG,aAAa,GAAE,GAAU,eAc7K;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAE,WAAW,EAAE,gBAAgB,EAAG,UAAU,EAAE,mBAAmB,EAAE,EAAE,YAAY,EAAE,GAAG,eAYhI;AAED;;;;;GAKG;AAEF,wBAAgB,qBAAqB,CAAE,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,eAapE"}

package/lib/components/molecules/PropPaneCols/PropPaneCols.module.scss.d.ts

@@ -0,0 +1,3 @@
+declare const styles: {};
+export default styles;
+//# sourceMappingURL=PropPaneCols.module.scss.d.ts.map

package/lib/components/molecules/PropPaneCols/PropPaneCols.module.scss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropPaneCols.module.scss.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PropPaneCols/PropPaneCols.module.scss.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM,IAEX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/molecules/PropPaneCols/PropPaneCols.module.scss.js

@@ -0,0 +1,6 @@
+/* tslint:disable */
+require("./PropPaneCols.module.css");
+const styles = {};
+export default styles;
+/* tslint:enable */ 
+//# sourceMappingURL=PropPaneCols.module.scss.js.map

package/lib/components/molecules/PropPaneCols/PropPaneCols.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropPaneCols.module.scss.js","sourceRoot":"","sources":["../../../../src/components/molecules/PropPaneCols/PropPaneCols.module.scss.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,CAAC,2BAA2B,CAAC,CAAC;AACrC,MAAM,MAAM,GAAG,EAEd,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,mBAAmB"}

package/lib/components/molecules/PropPaneCols/PropPaneColsClass.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import "@pnp/sp/webs";
+import "@pnp/sp/clientside-pages/web";
+import { IFieldPanelProps, IFieldPanelState } from './components/IPropPaneColsProps';
+export default class FieldPanel extends React.Component<IFieldPanelProps, IFieldPanelState> {
+    private _performance;
+    /**
+     * This updates the private _performance.ops object.
+     * @param key
+     * @param phase
+     * @param note
+     * @param count
+     * @returns
+     */
+    private _updatePerformance;
+    /***
+    *     .o88b.  .d88b.  d8b   db .d8888. d888888b d8888b. db    db  .o88b. d888888b  .d88b.  d8888b.
+    *    d8P  Y8 .8P  Y8. 888o  88 88'  YP `~~88~~' 88  `8D 88    88 d8P  Y8 `~~88~~' .8P  Y8. 88  `8D
+    *    8P      88    88 88V8o 88 `8bo.      88    88oobY' 88    88 8P         88    88    88 88oobY'
+    *    8b      88    88 88 V8o88   `Y8b.    88    88`8b   88    88 8b         88    88    88 88`8b
+    *    Y8b  d8 `8b  d8' 88  V888 db   8D    88    88 `88. 88b  d88 Y8b  d8    88    `8b  d8' 88 `88.
+    *     `Y88P'  `Y88P'  VP   V8P `8888Y'    YP    88   YD ~Y8888P'  `Y88P'    YP     `Y88P'  88   YD
+    *
+    *
+    */
+    constructor(props: IFieldPanelProps);
+    componentDidUpdate(prevProps: IFieldPanelProps): boolean;
+    render(): React.ReactElement<IFieldPanelProps>;
+    private _toggleFullDesign;
+    private _updateSelected;
+    private _onCmdFieldClick;
+    private _clickFetchFields;
+    private _toggleDesign;
+    private _selectFiltered;
+    private _onFilterClick2;
+    private _onTypeClick;
+    private _onSelectItem;
+    private _onTextSearch;
+    private _onSearchChange;
+    private _showFieldPanel;
+}
+//# sourceMappingURL=PropPaneColsClass.d.ts.map

package/lib/components/molecules/PropPaneCols/PropPaneColsClass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropPaneColsClass.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PropPaneCols/PropPaneColsClass.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,cAAc,CAAC;AACtB,OAAO,8BAA8B,CAAC;AAStC,OAAO,EAAyB,gBAAgB,EAAE,gBAAgB,EAA6B,MAAM,iCAAiC,CAAC;AAUvI,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAE,gBAAgB,EAAE,gBAAgB,CAAE;IAE3F,OAAO,CAAC,YAAY,CAA0B;IAE9C;;;;;;;OAOG;IACD,OAAO,CAAC,kBAAkB;IAc5B;;;;;;;;;MASE;gBAEoB,KAAK,EAAE,gBAAgB;IAyBtC,kBAAkB,CAAC,SAAS,EAAE,gBAAgB,GAAI,OAAO;IAiCzD,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC;IAiGrD,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,gBAAgB,CAGtB;YAEY,iBAAiB;IAiB/B,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,eAAe,CAItB;IAED,OAAO,CAAC,eAAe,CAOtB;IAED,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,aAAa,CAGnB;IAGF,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,eAAe;IAqCvB,OAAO,CAAC,eAAe,CAUtB;CAEF"}

package/lib/components/molecules/PropPaneCols/PropPaneColsClass.js

@@ -0,0 +1,240 @@
+import * as React from 'react';
+import { startPerformOp, updatePerformanceEnd, createBasePerformanceInit, } from "../../../components/molecules/Performance/functions";
+import "@pnp/sp/webs";
+import "@pnp/sp/clientside-pages/web";
+import { updateSelectedCommands } from './components/command/Accordion';
+import CommandBuilderHook from './components/command/Accordion';
+import { getMainSelectedItems, } from './components/OnClickHelpers';
+// import { buildSelectedFieldTable } from './components/SelectedTable';
+import ViewBuilderHook from './components/views/Accordion';
+import { updateSelectedInfo, } from './components/OnClickHelpers';
+import { MainPane } from './components/main/Pane';
+import { fetchErrorPanel, FetchPane } from './components/fetch/Pane';
+import { fetchFields } from './components/fetch/funcions';
+import SelectedTableHook from './components/selected/TableHook';
+require('@mikezimm/fps-styles/dist/PropPaneCols.css');
+export default class FieldPanel extends React.Component {
+    /**
+     * This updates the private _performance.ops object.
+     * @param key
+     * @param phase
+     * @param note
+     * @param count
+     * @returns
+     */
+    _updatePerformance(key, phase, note = '', count) {
+        const ops = this._performance.ops;
+        let thisPart = ops[key];
+        if (phase === 'start' || !thisPart) {
+            thisPart = startPerformOp(`${key} ${note ? ' - ' + note : ''}`, this.props.displayMode);
+        }
+        else if (phase === 'update') {
+            thisPart = updatePerformanceEnd(thisPart, true, count);
+        }
+    }
+    /***
+    *     .o88b.  .d88b.  d8b   db .d8888. d888888b d8888b. db    db  .o88b. d888888b  .d88b.  d8888b.
+    *    d8P  Y8 .8P  Y8. 888o  88 88'  YP `~~88~~' 88  `8D 88    88 d8P  Y8 `~~88~~' .8P  Y8. 88  `8D
+    *    8P      88    88 88V8o 88 `8bo.      88    88oobY' 88    88 8P         88    88    88 88oobY'
+    *    8b      88    88 88 V8o88   `Y8b.    88    88`8b   88    88 8b         88    88    88 88`8b
+    *    Y8b  d8 `8b  d8' 88  V888 db   8D    88    88 `88. 88b  d88 Y8b  d8    88    `8b  d8' 88 `88.
+    *     `Y88P'  `Y88P'  VP   V8P `8888Y'    YP    88   YD ~Y8888P'  `Y88P'    YP     `Y88P'  88   YD
+    *
+    *
+    */
+    constructor(props) {
+        super(props);
+        this._performance = null;
+        this._onCmdFieldClick = (ev) => {
+            const newSelected = updateSelectedCommands(ev, this.state.selected);
+            this.setState({ selected: newSelected });
+        };
+        this._selectFiltered = (ev) => {
+            const { listFields, selected, searchText } = this.state;
+            const selectedInfo = updateSelectedInfo(ev, listFields, selected, searchText);
+            this.setState(selectedInfo);
+        };
+        this._onFilterClick2 = (ev) => {
+            var _a, _b;
+            const target = ev.target;
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const { altKey, ctrlKey, shiftKey, type } = ev; // type is like 'click'
+            const fieldtype = ((_a = this.state) === null || _a === void 0 ? void 0 : _a.searchText.toLocaleLowerCase()) === ((_b = target.dataset) === null || _b === void 0 ? void 0 : _b.fieldtype.toLocaleLowerCase()) ? '' : target.dataset.fieldtype;
+            this._onSearchChange(fieldtype, '');
+        };
+        this._onSelectItem = (ev) => {
+            const newSelected = getMainSelectedItems(ev, this.state.listFields, this.state.selected);
+            this.setState({ selected: newSelected });
+        };
+        // private _onKeeperClick = ( ev: React.MouseEvent<HTMLElement>  ): void => {
+        //   const newSelected: IMinField[] = getKeeperClicks( ev, this.state.selected );
+        //   this.setState({ selected: newSelected });
+        // };
+        // private _onDirectionClick = ( ev: React.MouseEvent<HTMLElement>  ): void => {
+        //   const newSelected: IMinField[] = getDirectionClicks( ev, this.state.selected );
+        //   this.setState({ selected: newSelected });
+        // };
+        // private _onClosePanel = () : void => {
+        //   this.setState({ panelItem: null });
+        // }
+        //field: IMinField
+        // private _showFieldPanel = ( ev: React.MouseEvent<HTMLElement>  ): void => {
+        this._showFieldPanel = (item) => {
+            // const currentTarget: any = ev.currentTarget;
+            // // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            // // const { altKey, ctrlKey, shiftKey, type } = ev; // type is like 'click'
+            // const fieldName: string = currentTarget.dataset?.fieldname ? currentTarget.dataset.fieldname : '';
+            // const index: number = currentTarget.dataset?.fieldindex ? currentTarget.dataset.fieldindex : -1 ;
+            // const panelItem: IMinField = this.state.listFields[ index ];
+            // console.log('Selected field: ', fieldName, panelItem );
+            this.setState({ panelItem: item });
+        };
+        this._performance = createBasePerformanceInit(this.props.displayMode, false);
+        this._performance.ops.superOnInit = startPerformOp('superOnInit', this.props.displayMode);
+        this.state = {
+            status: 'Not started',
+            fetched: false,
+            searchText: '',
+            searchProp: '',
+            listFields: [],
+            filtered: [],
+            selected: [],
+            listIdx: this.props.lists.length > 0 ? 0 : null,
+            errMessage: '',
+            designMode: false,
+            fullDesign: false,
+            panelItem: null,
+        };
+        this._performance.ops.superOnInit = updatePerformanceEnd(this._performance.ops.superOnInit, true, 666);
+    }
+    componentDidUpdate(prevProps) {
+        let refresh = false;
+        if (JSON.stringify(this.props.lists) !== JSON.stringify(prevProps.lists)) {
+            refresh = true;
+            // Eventually add this and auto load?
+            // setTimeout(() => {
+            //   if (this.LastSearch === NewSearch ) {
+            //     this._onSearchChange( NewSearch );
+            //   } else {
+            //   }
+            // }, 1000);
+            this.setState({
+                status: 'Not started',
+                fetched: false,
+                searchText: '',
+                searchProp: '',
+                listFields: [],
+                filtered: [],
+                selected: [],
+                listIdx: this.props.lists.length > 0 ? 0 : null,
+                errMessage: '',
+            });
+        }
+        return refresh;
+    }
+    render() {
+        const { lists, } = this.props;
+        const { status, designMode, errMessage, listIdx, panelItem, searchText } = this.state;
+        const fetchPane = FetchPane({
+            onClickFetchFields: this._clickFetchFields.bind(this),
+            designMode: designMode,
+            performance: this._performance,
+            status: status,
+        });
+        if (this.state.errMessage) {
+            const result = fetchErrorPanel(fetchPane, errMessage, lists[listIdx].webURL, lists[listIdx].listTitle);
+            return (result);
+        }
+        else if (lists.length === 0) {
+            return (React.createElement("div", { className: 'prop-pane-cols' },
+                React.createElement("h3", null, "There are no lists to show columns for.")));
+        }
+        else {
+            const DesignCommands = React.createElement(CommandBuilderHook, { selected: this.state.selected, updateSelected: this._updateSelected.bind(this), 
+                // onCmdFieldClick={ this._onCmdFieldClick }
+                expanded: this.state.fullDesign, onExpandRight: this._toggleFullDesign.bind(this), tryCallback: this.props.tryCommands, saveCallback: this.props.saveCommands });
+            // createCommandBuilder( this.state.selected, this._onCmdFieldClick, this.state.fullDesign,
+            //     this._showFieldPanel.bind(this), this._toggleFullDesign.bind(this) ) ;
+            const DesignViews = React.createElement(ViewBuilderHook, { expanded: this.state.fullDesign, onExpandRight: this._toggleFullDesign.bind(this), selected: this.state.selected, tryCallback: this.props.tryViews, saveCallback: this.props.saveViews });
+            // const SelectedTable: JSX.Element = buildSelectedFieldTable( this.state.selected, this._onKeeperClick,
+            //     this._onDirectionClick, this._showFieldPanel.bind(this) );
+            const SelectedHook = React.createElement(SelectedTableHook, { updateSelected: this._updateSelected.bind(this), 
+                // onDirectionClick={ this._onDirectionClick }
+                // onKeeperClick={ this._onKeeperClick }
+                selected: this.state.selected });
+            const MainPanel = MainPane(this.props, this.state, {
+                selectFiltered: this._selectFiltered,
+                onFilterClick2: this._onFilterClick2,
+                onTextSearch: this._onTextSearch.bind(this),
+                toggleDesign: this._toggleDesign.bind(this),
+                onSelectItem: this._onSelectItem,
+                onTypeClick: this._onTypeClick.bind(this),
+                // showFieldPanel: this._showFieldPanel.bind(this),
+            });
+            let designPane = null;
+            if (designMode === true) {
+                designPane = React.createElement("div", { className: 'design-pane' },
+                    DesignCommands,
+                    DesignViews,
+                    React.createElement("div", { style: { paddingBottom: '5px', fontSize: 'smaller' } },
+                        "CTRL-click ",
+                        React.createElement("b", null, "Arrows"),
+                        " to move to Top or Bottom"),
+                    SelectedHook);
+            }
+            return (React.createElement("div", { className: ['prop-pane-cols', 'cols-results', this.state.fullDesign === true ? 'full-design' : null].join(' ') },
+                fetchPane,
+                designPane,
+                MainPanel));
+        }
+    }
+    _toggleFullDesign(status) {
+        const fullDesign = this.state.fullDesign === true ? false : true;
+        this.setState({ fullDesign: fullDesign });
+    }
+    _updateSelected(selected) {
+        this.setState({ selected: selected });
+    }
+    async _clickFetchFields() {
+        const { lists, } = this.props;
+        const list = lists[this.state.listIdx];
+        const fetch = true;
+        if (fetch === true) {
+            this._updatePerformance('fetch4', 'start', 'fetchFields', null);
+            const fetchState = await fetchFields(list);
+            this._updatePerformance('fetch4', 'update', '', fetchState.filtered.length);
+            this.setState(fetchState);
+            console.log('fetchState: finished!', fetchState);
+        }
+    }
+    _toggleDesign() {
+        const designMode = this.state.designMode === true ? false : true;
+        this.setState({ designMode: designMode });
+    }
+    _onTypeClick(field) {
+        const filterType = this.state.searchProp ? '' : field.TypeDisplayName;
+        this._onSearchChange('', filterType);
+    }
+    _onTextSearch(input, text = '') {
+        const SearchValue = typeof input === 'string' ? input : input && input.target && input.target.value ? input.target.value : '';
+        this._onSearchChange(SearchValue, '');
+    }
+    _onSearchChange(SearchValue, property = '') {
+        const SearchValueLc = SearchValue.toLocaleLowerCase();
+        const filtered = [];
+        this.state.listFields.map((field) => {
+            const textFound = !SearchValueLc ? 0 : field.searchTextLC.indexOf(SearchValueLc);
+            const propertyFound = !property ? true : field.TypeDisplayName === property;
+            if (textFound > -1 && propertyFound === true)
+                filtered.push(field);
+        });
+        const searchText = `${SearchValue}${property ? property : ''}`;
+        if (!SearchValueLc) {
+            this.setState({ filtered: filtered, searchText: searchText, searchProp: property, designMode: true });
+        }
+        else {
+            this.setState({ filtered: filtered, searchText: searchText, searchProp: property, designMode: true });
+        }
+    }
+}
+//# sourceMappingURL=PropPaneColsClass.js.map