@mikezimm/fps-library-v2 1.0.31 → 1.0.33

package/lib/components/molecules/Arrows/PageArrows.js

@@ -0,0 +1,134 @@
+import * as React from 'react';
+import { Icon, } from 'office-ui-fabric-react/lib/Icon';
+export default class PageArrows extends React.Component {
+    _updateMaxFirst() {
+        this._maxFirst = this.props.itemsPerPage === 0 ? 0 : Math.floor(this.props.itemCount / this.props.itemsPerPage) * this.props.itemsPerPage;
+    }
+    _updateMaxLast() {
+        this._maxLast = this._maxFirst + this.props.itemsPerPage;
+    }
+    constructor(props) {
+        super(props);
+        this._maxFirst = 0;
+        this._maxLast = 0;
+        this.state = {
+            firstVisible: 0,
+            lastVisible: this.props.itemsPerPage - 1,
+        };
+    }
+    componentDidMount() {
+        this._updateMaxFirst();
+        this._updateMaxLast();
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.resetArrows !== this.props.resetArrows) {
+            //https://github.com/mikezimm/drilldown7/issues/207
+            this._updateMaxFirst();
+            this._updateMaxLast();
+            this.setState({
+                firstVisible: 0,
+                lastVisible: this.props.itemsPerPage - 1,
+            });
+        }
+        else {
+            let refresh = false;
+            if (prevProps.itemsPerPage !== this.props.itemsPerPage) {
+                refresh = true;
+            }
+            if (prevProps.itemCount !== this.props.itemCount) {
+                refresh = true;
+            }
+            if (prevProps.debugMode !== this.props.debugMode) {
+                refresh = true;
+            }
+            if (refresh === true) {
+                this._updateMaxFirst();
+                this._updateMaxLast();
+            }
+        }
+    }
+    //
+    /***
+   *         d8888b. d888888b d8888b.      db    db d8888b. d8888b.  .d8b.  d888888b d88888b
+   *         88  `8D   `88'   88  `8D      88    88 88  `8D 88  `8D d8' `8b `~~88~~' 88'
+   *         88   88    88    88   88      88    88 88oodD' 88   88 88ooo88    88    88ooooo
+   *         88   88    88    88   88      88    88 88~~~   88   88 88~~~88    88    88~~~~~
+   *         88  .8D   .88.   88  .8D      88b  d88 88      88  .8D 88   88    88    88.
+   *         Y8888D' Y888888P Y8888D'      ~Y8888P' 88      Y8888D' YP   YP    YP    Y88888P
+   *
+   *
+   */
+    render() {
+        const arrowSize = this.props.fontSize ? `${this.props.fontSize}px` : '28px';
+        const fontSize = this.props.fontSize ? `${this.props.fontSize - 4}px` : '24px';
+        const leftActive = this.state.firstVisible === 0 ? false : true;
+        const rightActive = this.state.lastVisible === this.props.itemCount - 1 ? false : true;
+        const leftArrowStyles = { root: { padding: '5px 10px', fontSize: arrowSize, cursor: leftActive === true ? 'pointer' : 'default', opacity: leftActive === true ? 1 : .2 } };
+        const rightArrowStyles = { root: { padding: '5px 10px', fontSize: arrowSize, cursor: rightActive === true ? 'pointer' : 'default', opacity: rightActive === true ? 1 : .2 } };
+        const bigLeftActive = this.state.firstVisible === 0 ? false : true;
+        const bigRightActive = this.state.firstVisible >= this._maxFirst || this.state.lastVisible === this.props.itemCount - 1 ? false : true;
+        const bigLeftArrowStyles = { root: { padding: '5px 10px', fontSize: arrowSize, cursor: bigLeftActive === true ? 'pointer' : 'default', opacity: bigLeftActive === true ? 1 : .2 } };
+        const bigRightArrowStyles = { root: { padding: '5px 10px', fontSize: arrowSize, cursor: bigRightActive === true ? 'pointer' : 'default', opacity: bigRightActive === true ? 1 : .2 } };
+        const pageArrowStyles = { ...{ paddingLeft: '30px', display: 'flex', flexWrap: 'nowrap', flexDirection: 'row', alignItems: 'center' }, ...this.props.pageArrowStyles };
+        const maxFirstDebug = this.props.debugMode !== true ? null : React.createElement("div", { style: { paddingLeft: '30px' } },
+            "_maxFirst: ",
+            this._maxFirst);
+        const maxLastDebug = this.props.debugMode !== true ? null : React.createElement("div", { style: { paddingLeft: '30px' } },
+            "_maxLast: ",
+            this._maxLast);
+        const PageArrowsComponent = this.props.itemCount <= this.props.itemsPerPage ?
+            React.createElement("div", null,
+                "Showing all ",
+                this.props.itemCount,
+                " items.")
+            : React.createElement("div", { style: pageArrowStyles },
+                React.createElement(Icon, { iconName: 'DoubleChevronLeftMed', onClick: this._bigLeftPage.bind(this), title: `Jump backward ${this.props.itemsPerPage * 5} items`, styles: bigLeftArrowStyles }),
+                React.createElement(Icon, { iconName: 'ChevronLeftMed', onClick: this._leftPage.bind(this), title: `Show previous ${this.props.itemsPerPage} items`, styles: leftArrowStyles }),
+                React.createElement("span", { style: { fontSize: fontSize, textAlign: 'center' } },
+                    " ",
+                    React.createElement("span", null,
+                        " ",
+                        `${this.props.fontSize && this.props.fontSize >= 32 ? 'showing' : ''} items: `),
+                    React.createElement("span", { style: { whiteSpace: 'nowrap' } }, `${this.state.firstVisible + 1} - ${this.state.lastVisible + 1}`)),
+                React.createElement(Icon, { iconName: 'ChevronRightMed', onClick: this._rightPage.bind(this), title: `Show next ${this.props.itemsPerPage} items`, styles: rightArrowStyles }),
+                React.createElement(Icon, { iconName: 'DoubleChevronRight12', onClick: this._bigRightPage.bind(this), title: `Jump forward ${this.props.itemsPerPage * 5} items`, styles: bigRightArrowStyles }),
+                maxFirstDebug,
+                maxLastDebug);
+        return (PageArrowsComponent);
+    }
+    _rightPage() {
+        this._updatePage(this.state.firstVisible + this.props.itemsPerPage);
+    }
+    _leftPage() {
+        this._updatePage(this.state.firstVisible - this.props.itemsPerPage);
+    }
+    _bigRightPage() {
+        if (this.state.firstVisible < this._maxFirst) {
+            this._updatePage(this.state.firstVisible + this.props.itemsPerPage * 5);
+        }
+    }
+    _bigLeftPage() {
+        this._updatePage(this.state.firstVisible - this.props.itemsPerPage * 5);
+    }
+    _updatePage(firstVisible) {
+        if (firstVisible < 0) {
+            firstVisible = 0;
+        } //Make sure firstVisible is always at least 0;
+        if (firstVisible > this._maxFirst) {
+            firstVisible = this._maxFirst;
+        } //Make sure the firstVisible is never more than the _maxFirst
+        let lastVisible = firstVisible + this.props.itemsPerPage - 1; //Must be -1 because the first visible really counts in the total itemsPerPage
+        if (lastVisible > this.props.itemCount - 1) {
+            lastVisible = this.props.itemCount - 1;
+        } //Make sure lastVisible is always <= last item index
+        if (firstVisible > lastVisible) { // Revert the itemsPerPage update since it would be greater than the lastVisible
+            firstVisible = firstVisible - this.props.itemsPerPage;
+        }
+        this.setState({
+            firstVisible: firstVisible,
+            lastVisible: lastVisible,
+        });
+        this.props.setParentStateFirstLast(firstVisible, lastVisible);
+    }
+}
+//# sourceMappingURL=PageArrows.js.map

package/lib/components/molecules/Arrows/PageArrows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageArrows.js","sourceRoot":"","sources":["../../../../src/components/molecules/Arrows/PageArrows.tsx"],"names":[],"mappings":"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"}

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('./components/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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropPaneColsClass.js","sourceRoot":"","sources":["../../../../src/components/molecules/PropPaneCols/PropPaneColsClass.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,yBAAyB,GAAG,MAAM,qDAAqD,CAAC;AAEvI,OAAO,cAAc,CAAC;AACtB,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,oBAAoB,GAAG,MAAM,6BAA6B,CAAC;AACpE,wEAAwE;AACxE,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAiB,kBAAkB,GAAG,MAAM,6BAA6B,CAAC;AAIjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,iBAAiB,MAAM,iCAAiC,CAAC;AAEhE,OAAO,CAAC,+BAA+B,CAAC,CAAC;AAEzC,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA+C;IAI3F;;;;;;;OAOG;IACO,kBAAkB,CAAE,GAAwB,EAAE,KAAyB,EAAE,OAAe,EAAE,EAAE,KAAa;QAE/G,MAAM,GAAG,GAAQ,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC;QACvC,IAAI,QAAQ,GAAoB,GAAG,CAAC,GAAG,CAAC,CAAC;QAEzC,IAAK,KAAK,KAAK,OAAO,IAAI,CAAC,QAAQ,EAAG;YACpC,QAAQ,GAAG,cAAc,CAAE,GAAG,GAAG,IAAK,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,EAAG,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAE,CAAC;SAE/F;aAAM,IAAK,KAAK,KAAK,QAAQ,EAAG;YAC7B,QAAQ,GAAG,oBAAoB,CAAE,QAAQ,EAAE,IAAI,EAAG,KAAK,CAAE,CAAC;SAE7D;IACH,CAAC;IAED;;;;;;;;;MASE;IAEA,YAAoB,KAAuB;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QApCP,iBAAY,GAAqB,IAAI,CAAC;QAuMtC,qBAAgB,GAAG,CAAE,EAAiC,EAAU,EAAE;YACxE,MAAM,WAAW,GAAiB,sBAAsB,CAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAE,CAAC;YACpF,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;QAC3C,CAAC,CAAC;QAyBM,oBAAe,GAAG,CAAE,EAAiC,EAAU,EAAE;YACvE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACxD,MAAM,YAAY,GAAkB,kBAAkB,CAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAE,CAAC;YAC/F,IAAI,CAAC,QAAQ,CAAE,YAAY,CAAE,CAAC;QAChC,CAAC,CAAA;QAEO,oBAAe,GAAG,CAAE,EAAiC,EAAU,EAAE;;YACvE,MAAM,MAAM,GAAQ,EAAE,CAAC,MAAM,CAAC;YAE9B,6DAA6D;YAC7D,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,uBAAuB;YACvE,MAAM,SAAS,GAAW,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAC,iBAAiB,EAAE,OAAK,MAAA,MAAM,CAAC,OAAO,0CAAE,SAAS,CAAC,iBAAiB,EAAE,CAAA,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;YACvJ,IAAI,CAAC,eAAe,CAAE,SAAS,EAAG,EAAE,CAAE,CAAC;QACzC,CAAC,CAAA;QAOO,kBAAa,GAAG,CAAE,EAAiC,EAAU,EAAE;YACrE,MAAM,WAAW,GAAiB,oBAAoB,CAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAE,CAAC;YACzG,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;QAC3C,CAAC,CAAC;QA6BF,6EAA6E;QAC7E,iFAAiF;QACjF,8CAA8C;QAC9C,KAAK;QAEL,gFAAgF;QAChF,oFAAoF;QACpF,8CAA8C;QAC9C,KAAK;QAEL,yCAAyC;QACzC,wCAAwC;QACxC,IAAI;QAEJ,kBAAkB;QAClB,8EAA8E;QACtE,oBAAe,GAAG,CAAE,IAAe,EAAU,EAAE;YACrD,+CAA+C;YAE/C,gEAAgE;YAChE,6EAA6E;YAC7E,qGAAqG;YACrG,oGAAoG;YACpG,+DAA+D;YAC/D,0DAA0D;YAC1D,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACrC,CAAC,CAAA;QA3QC,IAAI,CAAC,YAAY,GAAG,yBAAyB,CAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAE,CAAC;QAC/E,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,GAAG,cAAc,CAAE,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAE,CAAC;QAE5F,IAAI,CAAC,KAAK,GAAG;YACX,MAAM,EAAE,aAAa;YACrB,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,EAAE;YACd,UAAU,EAAE,EAAE;YACd,UAAU,EAAE,EAAE;YACd,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;YAC/C,UAAU,EAAE,EAAE;YACd,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,KAAK;YACjB,SAAS,EAAE,IAAI;SAChB,CAAC;QAEF,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,GAAG,oBAAoB,CAAE,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,EAAC,GAAG,CAAE,CAAC;IAE1G,CAAC;IAEM,kBAAkB,CAAC,SAA2B;QAEnD,IAAI,OAAO,GAAY,KAAK,CAAC;QAE7B,IAAK,IAAI,CAAC,SAAS,CAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,SAAS,CAAE,SAAS,CAAC,KAAK,CAAC,EAAG;YAC5E,OAAO,GAAG,IAAI,CAAC;YAEf,qCAAqC;YACrC,qBAAqB;YACrB,0CAA0C;YAC1C,yCAAyC;YACzC,aAAa;YAEb,MAAM;YACN,YAAY;YAEZ,IAAI,CAAC,QAAQ,CAAC;gBACZ,MAAM,EAAE,aAAa;gBACrB,OAAO,EAAE,KAAK;gBACd,UAAU,EAAE,EAAE;gBACd,UAAU,EAAE,EAAE;gBACd,UAAU,EAAE,EAAE;gBACd,QAAQ,EAAE,EAAE;gBACZ,QAAQ,EAAE,EAAE;gBACZ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;gBAC/C,UAAU,EAAE,EAAE;aACf,CAAC,CAAC;SAEJ;QACD,OAAO,OAAO,CAAC;IAEjB,CAAC;IAEM,MAAM;QAEX,MAAM,EAAE,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9B,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtF,MAAM,SAAS,GAAiB,SAAS,CAAE;YACzC,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;YACrD,UAAU,EAAE,UAAU;YACtB,WAAW,EAAG,IAAI,CAAC,YAAY;YAC/B,MAAM,EAAE,MAAM;SACf,CAAE,CAAC;QAEJ,IAAK,IAAI,CAAC,KAAK,CAAC,UAAU,EAAG;YAC3B,MAAM,MAAM,GAAgB,eAAe,CAAE,SAAS,EAAE,UAAU,EAAE,KAAK,CAAE,OAAO,CAAE,CAAC,MAAM,EAAE,KAAK,CAAE,OAAO,CAAE,CAAC,SAAS,CAAE,CAAC;YAC1H,OAAO,CAAE,MAAM,CAAE,CAAC;SAEnB;aAAM,IAAK,KAAK,CAAC,MAAM,KAAK,CAAC,EAAG;YAC/B,OAAO,CAAE,6BAAK,SAAS,EAAG,gBAAgB;gBAC9B,0EAAgD,CAC9C,CAAC,CAAC;SAEjB;aAAM;YAEL,MAAM,cAAc,GAAgB,oBAAC,kBAAkB,IACrD,QAAQ,EAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC9B,cAAc,EAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAE,IAAI,CAAE;gBACnD,4CAA4C;gBAC5C,QAAQ,EAAG,IAAI,CAAC,KAAK,CAAC,UAAU,EAChC,aAAa,EAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EACjD,WAAW,EAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EACpC,YAAY,EAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GACtC,CAAC;YAEH,2FAA2F;YAC3F,6EAA6E;YAG7E,MAAM,WAAW,GAAgB,oBAAC,eAAe,IAC/C,QAAQ,EAAG,IAAI,CAAC,KAAK,CAAC,UAAU,EAChC,aAAa,EAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EACjD,QAAQ,EAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC9B,WAAW,EAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EACjC,YAAY,EAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GACnC,CAAA;YAEF,wGAAwG;YACxG,iEAAiE;YAEjE,MAAM,YAAY,GAAgB,oBAAC,iBAAiB,IAClD,cAAc,EAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAE,IAAI,CAAE;gBACnD,8CAA8C;gBAC9C,wCAAwC;gBACxC,QAAQ,EAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAE9B,CAAC;YAEH,MAAM,SAAS,GAAgB,QAAQ,CAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAC7D;gBACI,cAAc,EAAE,IAAI,CAAC,eAAe;gBACpC,cAAc,EAAE,IAAI,CAAC,eAAe;gBACpC,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;gBAC3C,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;gBAC3C,YAAY,EAAE,IAAI,CAAC,aAAa;gBAChC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;gBACzC,mDAAmD;aACpD,CAAE,CAAC;YAER,IAAI,UAAU,GAAgB,IAAI,CAAC;YACnC,IAAK,UAAU,KAAK,IAAI,EAAG;gBACzB,UAAU,GAAG,6BAAK,SAAS,EAAG,aAAa;oBACrC,cAAc;oBACd,WAAW;oBACb,6BAAK,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE;;wBAAa,wCAAa;oDAA+B;oBAC/G,YAAY,CAEV,CAAA;aACT;YAED,OAAO,CAEL,6BAAK,SAAS,EAAG,CAAE,gBAAgB,EAAE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAE,CAAC,IAAI,CAAE,GAAG,CAAE;gBACpH,SAAS;gBACT,UAAU;gBACV,SAAS,CAOP,CACP,CAAC;SAEH;IAEH,CAAC;IAEO,iBAAiB,CAAG,MAAe;QACzC,MAAM,UAAU,GAAa,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3E,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAC5C,CAAC;IAEO,eAAe,CAAE,QAAqB;QAC5C,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxC,CAAC;IAOO,KAAK,CAAC,iBAAiB;QAE7B,MAAM,EAAE,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9B,MAAM,IAAI,GAAkB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAE;QACvD,MAAM,KAAK,GAAG,IAAI,CAAC;QAEnB,IAAK,KAAK,KAAK,IAAI,EAAG;YACpB,IAAI,CAAC,kBAAkB,CAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,CAAE,CAAC;YAClE,MAAM,UAAU,GAA0B,MAAM,WAAW,CAAE,IAAI,CAAE,CAAC;YACpE,IAAI,CAAC,kBAAkB,CAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAE,CAAC;YAE9E,IAAI,CAAC,QAAQ,CAAE,UAAU,CAAE,CAAC;YAC5B,OAAO,CAAC,GAAG,CAAE,uBAAuB,EAAE,UAAU,CAAE,CAAC;SACpD;IAEH,CAAC;IAEO,aAAa;QACnB,MAAM,UAAU,GAAa,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3E,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAA;IAC3C,CAAC;IAkBO,YAAY,CAAG,KAAgB;QACrC,MAAM,UAAU,GAAY,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC;QAC/E,IAAI,CAAC,eAAe,CAAE,EAAE,EAAG,UAAU,CAAE,CAAC;IAC1C,CAAC;IAQO,aAAa,CAAG,KAAU,EAAE,OAAe,EAAE;QACnD,MAAM,WAAW,GAAY,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACvI,IAAI,CAAC,eAAe,CAAE,WAAW,EAAG,EAAE,CAAE,CAAC;IAC3C,CAAC;IAEO,eAAe,CAAG,WAAmB,EAAE,WAAmB,EAAE;QAElE,MAAM,aAAa,GAAG,WAAW,CAAC,iBAAiB,EAAE,CAAC;QAEtD,MAAM,QAAQ,GAAgB,EAAE,CAAC;QAEjC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAE,CAAE,KAAgB,EAAE,EAAE;YAC/C,MAAM,SAAS,GAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAE,aAAa,CAAE,CAAE;YAC5F,MAAM,aAAa,GAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,KAAK,QAAQ,CAAC;YACrF,IAAK,SAAS,GAAG,CAAC,CAAC,IAAI,aAAa,KAAK,IAAI;gBAAG,QAAQ,CAAC,IAAI,CAAE,KAAK,CAAE,CAAC;QACzE,CAAC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAW,GAAG,WAAW,GAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAExE,IAAK,CAAC,aAAa,EAAG;YACpB,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;SACvG;aAAM;YACL,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;SACvG;IACH,CAAC;CA8BF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropPaneColsHook.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PropPaneCols/PropPaneColsHook.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,135 @@
+// import * as React from 'react';
+// import { useState, useEffect } from 'react';
+// import { IWeb, Web, IFieldInfo } from "@pnp/sp/presets/all";
+// import "@pnp/sp/webs";
+// import "@pnp/sp/clientside-pages/web";
+// // import { IContentsFieldInfo, IFieldBucketInfo } from './IFieldComponentTypes';
+// // import { doesObjectExistInArray, } from '../fpsReferences';
+// // import {  addItemToArrayIfItDoesNotExist } from '../fpsReferences';
+// // import { getFullUrlFromSlashSitesUrl } from '@mikezimm/npmfunctions/dist/Services/Strings/urlServices';  //    webURL = getFullUrlFromSlashSitesUrl( webURL );
+// // import { getHelpfullErrorV2 } from '../fpsReferences';
+// // import { isGuid, } from '../fpsReferences';
+// // import { BaseErrorTrace } from '../fpsReferences';  //, [ BaseErrorTrace , 'Failed', 'try switchType ~ 324', helpfulErrorEnd ].join('|')   let helpfulErrorEnd = [ myList.title, f.name, i, n ].join('|');
+// export type IValidTemplate = 100 | 101;
+// export interface IMinField extends IFieldInfo {
+// }
+// export interface IFieldPanelProps {
+//   webURL: string;
+//   listTitle: string,
+//   tryCommands?: any;  //if function is passed down, parent web part could use this to temporarily replace the saved button commands.
+//   saveCommands?: any;  // callback function to save current command
+//   tryViews?: any;  //if function is passed down, parent web part could use this to temporarily replace the saved button commands.
+//   saveViews?: any;  // callback function to save current command
+// }
+// const ListFieldsHook: React.FC<IFieldPanelProps> = ( props ) => {
+//   const {
+//      listTitle,
+//      webURL,
+//   } = props;
+//   // Got https://reactjs.org/docs/error-decoder.html/?invariant=321 on this line
+//   const [ status, setStatus ] = useState<string>('Nothing');
+//   const [ fetch, setFetch ] = useState<boolean>(false);
+//   const [ listFIelds, setListFields ] = useState<IMinField[]>([]);
+//   useEffect(() => {
+//     ( async () => {
+//       if ( fetch === true ) {
+//         console.log( 'ListFieldsHook: started', webURL, listTitle, fetch );
+//         try {
+//           if ( listTitle && webURL ) {
+//             //setListFields( await allAvailableFields( webURL, listTitle, ) );
+//             // const fetchWebURL = getFullUrlFromSlashSitesUrl( webURL );
+//             const fetchWebURL = webURL ;
+//             const thisWebInstance : IWeb = Web(fetchWebURL);
+//             const allFields : IMinField[] = await thisWebInstance.lists.getByTitle(listTitle).fields.orderBy("Title", true)();
+//             const FilteredFields : IMinField[] = allFields.filter( field => field.Hidden !== true );
+//             setListFields( FilteredFields )
+//             setStatus( 'Fetched columns!' );
+//           } else { 
+//             setStatus('Did NOT fetch anything'); 
+//           }
+//         } catch (e) {
+//           // getHelpfullErrorV2( e , false, true, null );
+//           setStatus( 'Failed to fetch' );
+//         }
+//         console.log( 'ListFieldsHook: finished!', listFIelds  );
+//       }
+//     });
+//   }, [ fetch ]);  //Tried  [listTitle, webURL,] but got react #321
+//   const fieldRows : any [] = [];
+//   if ( listFIelds.length > 0 ) {
+//     fieldRows.push( 
+//       <tr>
+//         <th>Type</th>
+//         <th>Title</th>
+//         <th>InternalName</th>
+//         <th>Description</th>
+//       </tr>
+//     );
+//     listFIelds.map( ( field: IMinField ) => {
+//       const row = <tr>
+//         <td>{field.TypeDisplayName}</td>
+//         <td>{field.Title}</td>
+//         <td>{field.InternalName}</td>
+//         <td>{field.Description}</td>
+//       </tr>;
+//       fieldRows.push( row );
+//     });
+//   }
+//   const onFetchClick = (): void => {
+//     setFetch ( fetch === true ? false : true );
+//   };
+//   return (
+//     <div style ={{ padding:'15px',background: 'lightblue'}}>
+//       <div style={{ display: 'flex' }}>
+//         <button onClick={ () => onFetchClick() } >Fetch</button>
+//         <div>{ status }</div>
+//       </div>
+//       <table>
+//         { fieldRows }
+//       </table>
+//     </div>
+//   );
+// }
+// // //export async function provisionTestPage( makeThisPage:  IContentsFieldInfo, readOnly: boolean, setProgress: any, markComplete: any ): Promise<IServiceLog[]>{
+// //   export async function allAvailableFields( webURL: string, listTitle: string, ): Promise<IMinField[] | any> { //addTheseFieldsToState: any, 
+// //     webURL = getFullUrlFromSlashSitesUrl( webURL );
+// //     let allFields : IMinField[] = [];
+// //     let thisWebInstance : IWeb = Web(webURL);
+// //     allFields= await thisWebInstance.lists.getByTitle(listTitle).fields.orderBy("Title", true).get();
+// //     allFields = allFields.filter( field => field.Hidden !== true );
+// //     return allFields;
+// //     // try {
+// //     //   if ( listTitle != '' ) {
+// //     //     thisWebInstance = Web(webURL);
+// //     //     allFields= await thisWebInstance.lists.getByTitle(listTitle).fields.orderBy("Title", true).get();
+// //     //     allFields = allFields.filter( field => field.Hidden !== true )
+// //     //   }
+// //     // } catch (e) {
+// //     //     errMessage = getHelpfullErrorV2(e, false, true, [  , 'Failed', 'get allFields ~ 106' ].join('|') );
+// //     // }
+// //     // return { allFields: allFields, scope: scope, errMessage: errMessage } ;
+// // }
+// // export async function GetFieldPanel( fieldPanel: IFieldPanelProps ) {
+// //   const fields = await allAvailableFields( fieldPanel.webURL, fieldPanel.listTitle, null );
+// //   const fieldRows : any [] = [];
+// //   fieldRows.push( 
+// //     <tr>
+// //       <th>Type</th>
+// //       <th>Title</th>
+// //       <th>InternalName</th>
+// //       <th>Description</th>
+// //     </tr>
+// //   )
+// //   fields.map( ( field: IMinField ) => {
+// //     const row = <tr>
+// //       <td>{field.TypeDisplayName}</td>
+// //       <td>{field.Title}</td>
+// //       <td>{field.InternalName}</td>
+// //       <td>{field.Description}</td>
+// //     </tr>;
+// //     fieldRows.push( row );
+// //   });
+// //   return fieldRows;
+// // }
+// export default ListFieldsHook;
+//# sourceMappingURL=PropPaneColsHook.js.map