@mikezimm/fps-library-v2 1.0.31 → 1.0.33

package/lib/components/molecules/PropPaneCols/components/fetch/funcions.js

@@ -0,0 +1,96 @@
+import { Web, } from "@pnp/sp/presets/all";
+import { IsEditable } from "../IPropPaneColsProps";
+import { getHelpfullErrorV2 } from '../../../../../logic/Errors/friendly';
+// export async function clickFetchFields(  list: IMinListProps, setState: any, updatePerformance: any ) : Promise<void> {
+export async function fetchFields(list) {
+    const { webURL, listTitle, } = list;
+    try {
+        if (listTitle && webURL) {
+            let FilteredFields = [];
+            //setlistFields( await allAvailableFields( webURL, listTitle, ) );
+            // const fetchWebURL = getFullUrlFromSlashSitesUrl( webURL );
+            const fetchWebURL = webURL;
+            const thisWebInstance = Web(fetchWebURL);
+            const allFields = await thisWebInstance.lists.getByTitle(listTitle).fields.orderBy("Title", true)();
+            FilteredFields = allFields.filter(field => field.Hidden !== true && field.Sealed !== true);
+            const DefaultSelected = ['ID', 'Editor', 'Modified', 'Title', 'FileLeafRef'];
+            const PreSelectedFields = [];
+            const SelectedNames = [];
+            let versionField = null;
+            let fileField = null;
+            FilteredFields.map((field, idx) => {
+                field.idx = idx;
+                field.commands = {};
+                // field.searchTextLC:  = ['Title', 'InternalName', 'TypeDisplayName', 'Description', 'Choices', 'Formula', 'DefaultValue' ].map( prop => {
+                field.searchTextLC = ['Title', 'InternalName', 'TypeDisplayName', 'Description', 'Choices', 'Formula', 'DefaultValue'].map(prop => {
+                    const anyField = field;
+                    return anyField[prop] ? `${prop}:${anyField[prop]}` : '';
+                }).filter(str => str && str !== '').join(' || ').toLocaleLowerCase();
+                let ReadOnly = field.ReadOnlyField === true ? 'IsReadOnly' : IsEditable.toLocaleLowerCase();
+                if (field.InternalName === 'ContentType')
+                    ReadOnly = '';
+                field.searchTextLC += ` : ${ReadOnly}`;
+                if (DefaultSelected.indexOf(field.InternalName) > -1) {
+                    field.isKeeper = true;
+                    field.isSelected = true;
+                    PreSelectedFields.push(field);
+                    SelectedNames.push(field.InternalName);
+                }
+                if (field.InternalName === '_UIVersionString')
+                    versionField = field;
+                if (field.FileLeafRef)
+                    fileField = field;
+            });
+            //Add version column only if it's a library.
+            if (fileField)
+                PreSelectedFields.push(versionField);
+            const SortedPreSelectedFields = [];
+            DefaultSelected.map(name => {
+                const idx = SelectedNames.indexOf(name);
+                if (idx > -1) {
+                    SortedPreSelectedFields.push(PreSelectedFields[idx]);
+                }
+            });
+            // const fieldPanelState: IFieldPanelState = {
+            const FieldPanelState = {
+                listFields: FilteredFields,
+                filtered: FilteredFields,
+                selected: SortedPreSelectedFields,
+                status: 'Success - Fetched!',
+                fetched: true,
+                searchText: '',
+                searchProp: '',
+                errMessage: '',
+            };
+            return FieldPanelState;
+        }
+        else {
+            // Was missing webUrl or list Title
+            const FieldPanelState = {
+                listFields: [],
+                filtered: [],
+                selected: [],
+                status: 'Failed to fetch columns!',
+                fetched: false,
+                searchText: '',
+                searchProp: '',
+                errMessage: 'Missing Web URL or List Title',
+            };
+            return FieldPanelState;
+        }
+    }
+    catch (e) {
+        const FieldPanelState = {
+            listFields: [],
+            filtered: [],
+            selected: [],
+            status: 'Did not fetch columns!',
+            fetched: false,
+            searchText: '',
+            searchProp: '',
+            errMessage: getHelpfullErrorV2(e, false, true, `FetchFunction ~ 101`).returnMess,
+        };
+        return FieldPanelState;
+    }
+}
+//# sourceMappingURL=funcions.js.map

package/lib/components/molecules/PropPaneCols/components/fetch/funcions.js.map

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

package/lib/components/molecules/PropPaneCols/components/main/FieldTable.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { IMinField } from "../IPropPaneColsProps";
+export interface IMainFieldTableHookProps {
+    filtered: IMinField[];
+    designMode: boolean;
+    listFields: IMinField[];
+    searchProp: string;
+    searchText: string;
+    onSelectItem: any;
+    onTypeClick: any;
+}
+declare const MainFieldTableHook: React.FC<IMainFieldTableHookProps>;
+export default MainFieldTableHook;
+//# sourceMappingURL=FieldTable.d.ts.map

package/lib/components/molecules/PropPaneCols/components/main/FieldTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldTable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/PropPaneCols/components/main/FieldTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,MAAM,WAAW,wBAAwB;IAKvC,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,GAAG,CAAC;IAClB,WAAW,EAAE,GAAG,CAAC;CAIlB;AAGD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuF1D,CAAA;AAED,eAAe,kBAAkB,CAAC"}

package/lib/components/molecules/PropPaneCols/components/main/FieldTable.js

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import { useState } from 'react';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { getHighlightedText, } from '../../../../../components/atoms/Elements/HighlightedText';
+import { Icon, } from 'office-ui-fabric-react/lib/Icon';
+import SelectedItemPanelHook from "../FieldPanel";
+// export function buildMainFieldTable( filtered: IMinField[], designMode: boolean, listFields: IMinField[], searchProp: string, searchText: string, onSelectItem: any, onTypeClick: any, showFieldPanel: any ) : JSX.Element {
+const MainFieldTableHook = (props) => {
+    const { filtered, designMode, listFields, searchProp, searchText, onSelectItem, onTypeClick, } = props;
+    const [panelItem, setPanelItem] = useState(null);
+    const showFieldPanel = (item) => {
+        setPanelItem(item);
+    };
+    const onClosePanel = () => {
+        setPanelItem(null);
+    };
+    let heading = '';
+    if (listFields.length > 0) {
+        heading = 'Description';
+        if (searchProp === 'Choice') {
+            heading = 'Choices';
+        }
+        else if (searchProp === 'Calculated') {
+            heading = 'Formula';
+        }
+    }
+    const tableRows = [];
+    tableRows.push(React.createElement("tr", null,
+        React.createElement("th", { style: { display: designMode === true ? '' : 'none' } }, "Add"),
+        React.createElement("th", null,
+            "Title ( ",
+            filtered.length,
+            " )"),
+        React.createElement("th", null, "InternalName"),
+        React.createElement("th", null, "Type"),
+        React.createElement("th", null, heading)));
+    filtered.map((field) => {
+        let detailValue = field.Description;
+        if (searchProp === 'Choice' || (!detailValue && field.TypeAsString === 'Choice')) {
+            detailValue = JSON.stringify(field.Choices);
+        }
+        else if (searchProp === 'Calculated' || (!detailValue && field.Formula)) {
+            detailValue = JSON.stringify(field.Formula);
+            detailValue = detailValue.slice(1, detailValue.length - 1); //Remove extra quotes around formula
+        }
+        else {
+            detailValue = field.Description;
+        }
+        const SelectIcon = React.createElement(Icon, { className: 'select-icon', "data-fieldname": field.InternalName, onClick: onSelectItem, iconName: field.isSelected === true ? 'SkypeCircleCheck' : 'StatusCircleRing' });
+        // const fieldName: string = target.dataset?.fieldname ? '' : target.dataset.fieldname;
+        // const index: number = target.dataset?.fieldindex ? -1 : target.dataset.fieldindex;
+        // const KeeperIcon = <Icon className={ 'selectIcon } data-fieldname={ field.InternalName }  
+        //   onClick= { onKeeperClick } iconName={ isKeeper === true ? 'CheckboxComposite' : 'Checkbox' }/>;
+        const row = React.createElement("tr", null,
+            React.createElement("td", { style: { display: designMode === true ? '' : 'none' } }, SelectIcon),
+            React.createElement("td", { "data-fieldname": field.InternalName, "data-fieldindex": field.idx, onClick: () => showFieldPanel(field) }, getHighlightedText(field.Title, searchText)),
+            React.createElement("td", { title: field.InternalName }, getHighlightedText(field.InternalName, searchText)),
+            React.createElement("td", { onClick: () => onTypeClick(field, this) }, getHighlightedText(field.TypeDisplayName, searchText)),
+            React.createElement("td", { title: detailValue }, getHighlightedText(detailValue, searchText)));
+        tableRows.push(row);
+    });
+    const MainFieldTable = React.createElement("table", { className: 'field-table' },
+        React.createElement(SelectedItemPanelHook, { panelItem: panelItem, searchText: searchText, onClosePanel: onClosePanel.bind(this) }),
+        tableRows);
+    return (MainFieldTable);
+};
+export default MainFieldTableHook;
+//# sourceMappingURL=FieldTable.js.map

package/lib/components/molecules/PropPaneCols/components/main/FieldTable.js.map

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

package/lib/components/molecules/PropPaneCols/components/main/Pane.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IFieldPanelProps, IFieldPanelState } from '../IPropPaneColsProps';
+export declare function mainSiteLink(webURL: string): JSX.Element;
+export interface IMainCallbacks {
+    selectFiltered: any;
+    onFilterClick2: any;
+    onTextSearch: any;
+    toggleDesign: any;
+    onSelectItem: any;
+    onTypeClick: any;
+}
+export declare function MainPane(props: IFieldPanelProps, state: IFieldPanelState, callbacks: IMainCallbacks): JSX.Element;
+//# sourceMappingURL=Pane.d.ts.map

package/lib/components/molecules/PropPaneCols/components/main/Pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/PropPaneCols/components/main/Pane.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAc,MAAM,uBAAuB,CAAC;AAKvF,wBAAgB,YAAY,CAAE,MAAM,EAAE,MAAM,GAAI,GAAG,CAAC,OAAO,CAM1D;AAGD,MAAM,WAAW,cAAc;IAE7B,cAAc,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,YAAY,EAAE,GAAG,CAAC;IAClB,YAAY,EAAE,GAAG,CAAC;IAClB,WAAW,EAAE,GAAG,CAAC;CAKlB;AAED,wBAAgB,QAAQ,CAAG,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,GAAI,GAAG,CAAC,OAAO,CAkGpH"}

package/lib/components/molecules/PropPaneCols/components/main/Pane.js

@@ -0,0 +1,87 @@
+import * as React from 'react';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+// import { IGrouping, IViewField } from "@pnp/spfx-controls-react/lib/ListView";
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+// import { IFieldInfo, FieldTypes } from "@pnp/sp/presets/all";
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Toggle, } from 'office-ui-fabric-react/lib/Toggle';
+import { SearchBox, } from 'office-ui-fabric-react/lib/SearchBox';
+import { Icon, } from 'office-ui-fabric-react/lib/Icon';
+// import styles from '../PropPaneCols.module.scss';
+import { IsEditable } from '../IPropPaneColsProps';
+// import { buildMainFieldTable } from './MainFieldTable';
+import MainFieldTableHook from './FieldTable';
+export function mainSiteLink(webURL) {
+    return (React.createElement("div", { style: { paddingBottom: '15px', fontSize: 'larger', fontWeight: 'bolder' } },
+        "on this site:",
+        React.createElement("span", { style: { color: 'darkblue', cursor: 'pointer', marginLeft: '25px' }, onClick: () => { window.open(webURL, '_blank'); } }, webURL)));
+}
+export function MainPane(props, state, callbacks) {
+    const { selectFiltered, onFilterClick2, onSelectItem, } = callbacks;
+    const { onTextSearch, onTypeClick, } = callbacks;
+    // const { onTextSearch,} = callbacks;
+    const { toggleDesign } = callbacks;
+    // const onTextSearch: any = null;
+    // const toggleDesign: any = null;
+    const { lists, disableDesign } = props;
+    const { status, filtered, listFields, designMode, searchProp, searchText, fetched, listIdx } = state;
+    const searchBoxStyles = { root: { width: 200 } };
+    const FieldSearchBox = React.createElement(SearchBox, { className: '', styles: searchBoxStyles, placeholder: "Search", value: searchText, onSearch: onTextSearch, 
+        // onFocus={ () => console.log('this.state',  this.state) }
+        // onBlur={ () => console.log('onBlur called') }
+        onChange: onTextSearch, onClear: onTextSearch });
+    const DesignToggle = fetched !== true ? null : React.createElement(Toggle, { label: 'Design', inlineLabel: true, 
+        // onChange={ () => toggleDesign() } 
+        onChange: toggleDesign, checked: designMode, disabled: disableDesign, styles: { root: { width: 160, float: 'right' } } });
+    const SelectFiltered = React.createElement(Icon, { iconName: 'SkypeCircleArrow', title: 'Select All these columns', style: { color: searchText ? '' : 'lightgray' }, "data-fieldtype": '', onClick: !fetched ? null : selectFiltered, className: 'type-filter-icon' });
+    const DateFilterIcon = React.createElement(Icon, { iconName: 'DateTime', title: 'Filter for DateTime columns', style: {}, "data-fieldtype": 'Date and Time', onClick: !fetched ? null : onFilterClick2, className: 'type-filter-icon' });
+    const UserFilterIcon = React.createElement(Icon, { iconName: 'Contact', title: 'Filter for User columns', style: {}, "data-fieldtype": 'Person or Group', onClick: !fetched ? null : onFilterClick2, className: 'type-filter-icon' });
+    const TextFilterIcon = React.createElement(Icon, { iconName: 'TextField', title: 'Filter for Text columns', style: {}, "data-fieldtype": 'Text', onClick: !fetched ? null : onFilterClick2, className: 'type-filter-icon' });
+    const ChoiceFilterIcon = React.createElement(Icon, { iconName: 'Stack', title: 'Filter for Choice columns', style: {}, "data-fieldtype": 'Choice', onClick: !fetched ? null : onFilterClick2, className: 'type-filter-icon' });
+    const NumberFilterIcon = React.createElement(Icon, { iconName: 'Number', title: 'Filter for Number columns', style: {}, "data-fieldtype": 'Number', onClick: !fetched ? null : onFilterClick2, className: 'type-filter-icon' });
+    const YesNoFilterIcon = React.createElement(Icon, { iconName: 'CheckboxComposite', title: 'Filter for Number columns', style: {}, "data-fieldtype": 'Yes/No', onClick: !fetched ? null : onFilterClick2, className: 'type-filter-icon' });
+    const LookupFilterIcon = React.createElement(Icon, { iconName: 'Relationship', title: 'Filter for Lookup columns', style: {}, "data-fieldtype": 'Lookup', onClick: !fetched ? null : onFilterClick2, className: 'type-filter-icon' });
+    const UrlFilterIcon = React.createElement(Icon, { iconName: 'Link', title: 'Filter for Link columns', style: {}, "data-fieldtype": 'Hyperlink or Picture', onClick: !fetched ? null : onFilterClick2, className: 'type-filter-icon' });
+    const EditableFilterIcon = React.createElement(Icon, { iconName: 'Edit', title: 'All Editable', style: {}, "data-fieldtype": IsEditable, onClick: !fetched ? null : onFilterClick2, className: 'type-filter-icon' });
+    const CalculatedFilterIcon = React.createElement(Icon, { iconName: 'Variable', title: 'Calculated columns', style: {}, "data-fieldtype": 'Calculated', onClick: !fetched ? null : onFilterClick2, className: 'type-filter-icon' });
+    const FilterButtons = React.createElement("div", { style: { display: 'flex', marginLeft: '50px' } },
+        SelectFiltered,
+        " ",
+        DateFilterIcon,
+        " ",
+        UserFilterIcon,
+        " ",
+        TextFilterIcon,
+        ChoiceFilterIcon,
+        " ",
+        NumberFilterIcon,
+        " ",
+        CalculatedFilterIcon,
+        YesNoFilterIcon,
+        " ",
+        LookupFilterIcon,
+        " ",
+        UrlFilterIcon,
+        " ",
+        EditableFilterIcon);
+    const MainFieldTable = React.createElement(MainFieldTableHook, { filtered: filtered, designMode: designMode, listFields: listFields, searchProp: searchProp, searchText: searchText, onSelectItem: onSelectItem, onTypeClick: onTypeClick });
+    const { listTitle, } = lists[listIdx];
+    return (React.createElement("div", { className: 'right-side' },
+        React.createElement("h3", { style: { marginTop: '0px' } },
+            `Fields from '${listTitle}'`,
+            " ",
+            DesignToggle),
+        mainSiteLink(lists[listIdx].webURL),
+        React.createElement("div", { style: { paddingBottom: '15px', display: 'flex', alignContent: 'space-between' } },
+            FieldSearchBox,
+            " ",
+            FilterButtons),
+        React.createElement("div", { style: { paddingBottom: '15px', fontSize: 'smaller' } },
+            "CTRL-click ",
+            React.createElement("b", null, "Add"),
+            " to add to Top of list, Click ",
+            React.createElement("b", null, "Type"),
+            " to filter on column type"),
+        MainFieldTable));
+}
+//# sourceMappingURL=Pane.js.map

package/lib/components/molecules/PropPaneCols/components/main/Pane.js.map

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

package/lib/components/molecules/PropPaneCols/components/selected/TableHook.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { IMinField } from "../IPropPaneColsProps";
+export interface ISelectedTableHookProps {
+    selected: IMinField[];
+    updateSelected: any;
+}
+declare const SelectedTableHook: React.FC<ISelectedTableHookProps>;
+export default SelectedTableHook;
+//# sourceMappingURL=TableHook.d.ts.map

package/lib/components/molecules/PropPaneCols/components/selected/TableHook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHook.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/PropPaneCols/components/selected/TableHook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAKlD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,SAAS,EAAE,CAAC;IAGtB,cAAc,EAAE,GAAG,CAAC;CAErB;AAGD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwFxD,CAAA;AAED,eAAe,iBAAiB,CAAC"}

package/lib/components/molecules/PropPaneCols/components/selected/TableHook.js

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { useState } from 'react';
+import { Icon, } from 'office-ui-fabric-react/lib/Icon';
+import SelectedItemPanelHook from "../FieldPanel";
+import { getDirectionClicks, getKeeperClicks } from './functions';
+// export const SelectedTableHook( selected: IMinField[], onKeeperClick: any, onDirectionClick: any , showFieldPanel: any) : JSX.Element {
+const SelectedTableHook = (props) => {
+    const { selected, updateSelected } = props;
+    const [panelItem, setPanelItem] = useState(null);
+    // const [ selected, setSelected ] = useState<IMinField[]>(props.selected);
+    const onKeeperClick = (ev) => {
+        const newSelected = getKeeperClicks(ev, selected);
+        updateSelected(newSelected);
+        // setSelected( newSelected );
+    };
+    const onDirectionClick = (ev) => {
+        const newSelected = getDirectionClicks(ev, selected);
+        updateSelected(newSelected);
+        // setSelected( newSelected );
+    };
+    const tableRows = [];
+    tableRows.push(React.createElement("tr", null,
+        React.createElement("th", null),
+        React.createElement("th", { style: {} }, "Keep"),
+        React.createElement("th", null,
+            "Title ( ",
+            selected.length,
+            " )"),
+        React.createElement("th", null, "Type"),
+        React.createElement("th", null, "Up"),
+        React.createElement("th", null, "Down")));
+    const showFieldPanel = (item) => {
+        setPanelItem(item);
+    };
+    const onClosePanel = () => {
+        setPanelItem(null);
+    };
+    let selectedIndex = -1;
+    selected.map((field, idx) => {
+        const disableUp = idx === 0 ? true : false;
+        const disableDown = idx === selected.length - 1 ? true : false;
+        const isKeeper = field.isKeeper;
+        if (isKeeper === true)
+            selectedIndex++;
+        const KeeperIcon = React.createElement(Icon, { className: 'select-icon', "data-fieldname": field.InternalName, onClick: onKeeperClick, iconName: isKeeper === true ? 'CheckboxComposite' : 'Checkbox' });
+        const UpIcon = React.createElement(Icon, { className: 'command-icon', "data-fieldname": field.InternalName, "data-direction": 'up', style: { color: disableUp === true ? 'dimgray' : '' }, onClick: disableUp !== true ? onDirectionClick : null, iconName: disableUp === false ? 'Up' : 'StatusCircleBlock2' });
+        const DownIcon = React.createElement(Icon, { className: 'command-icon', "data-fieldname": field.InternalName, "data-direction": 'down', style: { color: disableDown === true ? 'dimgray' : '' }, onClick: disableDown !== true ? onDirectionClick : null, iconName: disableDown === false ? 'Down' : 'StatusCircleBlock2' });
+        const row = React.createElement("tr", null,
+            React.createElement("td", null, isKeeper === true ? selectedIndex : ''),
+            React.createElement("td", null, KeeperIcon),
+            React.createElement("td", { style: { fontWeight: isKeeper === true ? 700 : 400 }, title: field.InternalName, "data-fieldname": field.InternalName, "data-fieldindex": field.idx, onClick: () => showFieldPanel(field) }, field.Title),
+            React.createElement("td", { title: field.TypeAsString }, field.TypeAsString),
+            React.createElement("td", null, UpIcon),
+            React.createElement("td", null, DownIcon));
+        tableRows.push(row);
+    });
+    const SelectedTable = React.createElement("div", null,
+        React.createElement(SelectedItemPanelHook, { panelItem: panelItem, searchText: '', onClosePanel: onClosePanel.bind(this) }),
+        React.createElement("table", { className: 'selected-table' }, tableRows));
+    return (SelectedTable);
+};
+export default SelectedTableHook;
+//# sourceMappingURL=TableHook.js.map

package/lib/components/molecules/PropPaneCols/components/selected/TableHook.js.map

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

package/lib/components/molecules/PropPaneCols/components/selected/functions.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IMinField } from "../IPropPaneColsProps";
+export declare function getKeeperClicks(ev: React.MouseEvent<HTMLElement>, selected: IMinField[]): IMinField[];
+export declare function getDirectionClicks(ev: React.MouseEvent<HTMLElement>, selected: IMinField[]): IMinField[];
+//# sourceMappingURL=functions.d.ts.map

package/lib/components/molecules/PropPaneCols/components/selected/functions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/PropPaneCols/components/selected/functions.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGhD,wBAAgB,eAAe,CAAG,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAK,SAAS,EAAE,CAkB3G;AAED,wBAAgB,kBAAkB,CAAG,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAK,SAAS,EAAE,CA+C5G"}

package/lib/components/molecules/PropPaneCols/components/selected/functions.js

@@ -0,0 +1,59 @@
+// private _onKeeperClick = ( ev: React.MouseEvent<HTMLElement>  ): void => {
+export function getKeeperClicks(ev, selected) {
+    const target = ev.target;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { altKey, ctrlKey, shiftKey, type } = ev; // type is like 'click'
+    const itemName = target.dataset.fieldname;
+    // let thisSelected : IMinField = null;
+    const newSelected = [];
+    selected.map(field => {
+        if (field.InternalName === itemName) {
+            field.isKeeper = field.isKeeper === true ? false : true;
+        }
+        newSelected.push(field);
+    });
+    return newSelected;
+}
+export function getDirectionClicks(ev, selected) {
+    const target = ev.target;
+    // const { altKey, ctrlKey, shiftKey, type } = ev; // type is like 'click'
+    const itemName = target.dataset.fieldname;
+    const direction = target.dataset.direction;
+    const ctrlKey = ev.ctrlKey;
+    let idx = -1;
+    selected.map((field, i) => {
+        if (field.InternalName === itemName) {
+            idx = i;
+        }
+    });
+    const currentPick = selected[idx];
+    let newSelected = [];
+    if (idx === -1) {
+        alert('Something went wrong :(');
+    }
+    else {
+        if (ctrlKey === true) {
+            if (direction === 'up')
+                newSelected.push(currentPick);
+            selected.map((field, i) => {
+                if (field.InternalName !== itemName) {
+                    newSelected.push(field);
+                }
+            });
+            if (direction === 'down')
+                newSelected.push(currentPick);
+        }
+        else if (direction === 'up') {
+            const part1 = idx === 1 ? [] : selected.slice(0, idx - 1);
+            const part2 = idx === selected.length - 1 ? [] : selected.slice(idx + 1);
+            newSelected = [...part1, ...[currentPick], ...[selected[idx - 1]], ...part2];
+        }
+        else {
+            const part1 = idx === 0 ? [] : selected.slice(0, idx);
+            const part2 = idx === selected.length - 2 ? [] : selected.slice(idx + 2);
+            newSelected = [...part1, ...[selected[idx + 1]], ...[currentPick], ...part2];
+        }
+    }
+    return newSelected;
+}
+//# sourceMappingURL=functions.js.map

package/lib/components/molecules/PropPaneCols/components/selected/functions.js.map

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

package/lib/components/molecules/PropPaneCols/components/views/Accordion.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { IMinField } from "../IPropPaneColsProps";
+export interface IViewBuilderHookProps {
+    selected: IMinField[];
+    expanded: boolean;
+    onExpandRight: any;
+    tryCallback?: any;
+    saveCallback?: any;
+}
+declare const ViewBuilderHook: React.FC<IViewBuilderHookProps>;
+export default ViewBuilderHook;
+//# sourceMappingURL=Accordion.d.ts.map

package/lib/components/molecules/PropPaneCols/components/views/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/PropPaneCols/components/views/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAKlD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAElB,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC;CAEpB;AAID,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6CpD,CAAA;AAED,eAAe,eAAe,CAAC"}

package/lib/components/molecules/PropPaneCols/components/views/Accordion.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { Icon, } from 'office-ui-fabric-react/lib/Icon';
+import { createThisViewField } from './functions';
+import ReactJson from 'react-json-view';
+import Accordion from '../../../../molecules/Accordion/Accordion';
+// export function createViewBuilder( selected: IMinField[], onExpandRight: any = null ) : JSX.Element {
+const ViewBuilderHook = (props) => {
+    const { selected, expanded, onExpandRight, tryCallback, saveCallback } = props;
+    const viewFields = [];
+    selected.map(field => {
+        if (field.isKeeper === true) {
+            viewFields.push(createThisViewField(field));
+        }
+    });
+    const expandRightIcon = React.createElement(Icon, { iconName: 'TransitionPop', title: 'Expand right to see button object', style: {}, "data-fieldtype": 'Commands', onClick: onExpandRight, className: 'type-filter-icon' });
+    const tryIcon = React.createElement(Icon, { iconName: "Save", className: 'type-filter-icon', onClick: saveCallback ? () => saveCallback(viewFields) : null, title: 'Save Views Set', style: { display: saveCallback ? '' : 'none' } });
+    const saveIcon = React.createElement(Icon, { iconName: "TestImpactSolid", className: 'type-filter-icon', onClick: tryCallback ? () => tryCallback(viewFields) : null, title: 'Try Views Set', style: { display: tryCallback ? '' : 'none' } });
+    const viewElement = React.createElement("div", null,
+        React.createElement("div", { style: { display: 'flex' } },
+            tryIcon,
+            saveIcon,
+            expandRightIcon),
+        React.createElement(ReactJson, { src: viewFields, name: 'viewFields', collapsed: 1, displayDataTypes: false, displayObjectSize: false, enableClipboard: true, style: { padding: '20px 0px' }, theme: 'rjv-default', indentWidth: 2 }));
+    const viewTitle = `Build Views`;
+    const DesignViews = React.createElement(Accordion, { title: viewTitle, showAccordion: false, animation: 'TopDown', contentStyles: { height: '' }, content: viewElement, componentStyles: { marginBottom: '15px', border: '4px solid #d1d1d1', background: '#f5f5f5', padding: '10px' } });
+    return (DesignViews);
+};
+export default ViewBuilderHook;
+//# sourceMappingURL=Accordion.js.map

package/lib/components/molecules/PropPaneCols/components/views/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/PropPaneCols/components/views/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,IAAI,GAAG,MAAM,iCAAiC,CAAC;AAKxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,SAAS,MAAM,2CAA2C,CAAC;AAYlE,wGAAwG;AAExG,MAAM,eAAe,GAAoC,CAAE,KAAK,EAAG,EAAE;IAEnE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE/E,MAAM,UAAU,GAAiB,EAAE,CAAC;IAEpC,QAAQ,CAAC,GAAG,CAAE,KAAK,CAAC,EAAE;QACpB,IAAK,KAAK,CAAC,QAAQ,KAAK,IAAI,EAAG;YAC7B,UAAU,CAAC,IAAI,CAAE,mBAAmB,CAAE,KAAK,CAAE,CAAE,CAAC;SACjD;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,oBAAC,IAAI,IAAC,QAAQ,EAAG,eAAe,EAAG,KAAK,EAAG,mCAAmC,EAAE,KAAK,EAAE,EAAI,oBACjG,UAAU,EAAC,OAAO,EAAI,aAAa,EAAG,SAAS,EAAG,kBAAkB,GAAK,CAAC;IAE5F,MAAM,OAAO,GAAG,oBAAC,IAAI,IAAC,QAAQ,EAAE,MAAM,EAAC,SAAS,EAAG,kBAAkB,EAAG,OAAO,EAAG,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAE,UAAU,CAAE,CAAC,CAAC,CAAC,IAAI,EACpI,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAA;IAC9E,MAAM,QAAQ,GAAG,oBAAC,IAAI,IAAC,QAAQ,EAAE,iBAAiB,EAAC,SAAS,EAAG,kBAAkB,EAAG,OAAO,EAAG,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,CAAE,UAAU,CAAE,CAAC,CAAC,CAAC,IAAI,EAC9I,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAA;IAE5E,MAAM,WAAW,GAAgB;QAC/B,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YAC3B,OAAO;YACP,QAAQ;YACR,eAAe,CACb;QAEN,oBAAC,SAAS,IAAC,GAAG,EAAG,UAAU,EAAG,IAAI,EAAG,YAAY,EAAG,SAAS,EAAG,CAAC,EAAG,gBAAgB,EAAG,KAAK,EAAG,iBAAiB,EAAG,KAAK,EACpH,eAAe,EAAG,IAAI,EAAG,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,KAAK,EAAI,aAAa,EAAG,WAAW,EAAG,CAAC,GAAG,CACpG,CAAC;IAEP,MAAM,SAAS,GAAG,aAAa,CAAC;IAEhC,MAAM,WAAW,GAAgB,oBAAC,SAAS,IACzC,KAAK,EAAG,SAAS,EACjB,aAAa,EAAG,KAAK,EACrB,SAAS,EAAI,SAAS,EACtB,aAAa,EAAG,EAAC,MAAM,EAAE,EAAE,EAAC,EAC5B,OAAO,EAAK,WAAW,EACvB,eAAe,EAAI,EAAG,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAG,GAElH,CAAC;IAEH,OAAO,CAAE,WAAW,CAAE,CAAC;AAEzB,CAAC,CAAA;AAED,eAAe,eAAe,CAAC"}

package/lib/components/molecules/PropPaneCols/components/views/functions.d.ts

@@ -0,0 +1,5 @@
+import { IViewField } from "../../../../../common/interfaces/openSource/spfxControlsReact/@3.7.2/IViewField";
+import { IMinField } from "../IPropPaneColsProps";
+export declare function createViewFromFields(fields: IMinField[]): IViewField[];
+export declare function createThisViewField(field: IMinField): IViewField;
+//# sourceMappingURL=functions.d.ts.map

package/lib/components/molecules/PropPaneCols/components/views/functions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/PropPaneCols/components/views/functions.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,iFAAiF,CAAC;AAIxH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAmBlD,wBAAgB,oBAAoB,CAAE,MAAM,EAAE,SAAS,EAAE,GAAK,UAAU,EAAE,CAMzE;AAED,wBAAgB,mBAAmB,CAAE,KAAK,EAAE,SAAS,GAAK,UAAU,CAyJnE"}