@mikezimm/fps-library-v2 1.0.32 → 1.0.34

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

@@ -0,0 +1,229 @@
+import * as React from 'react';
+import { useState } 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 { FieldTypes } from "@pnp/sp/presets/all";
+import { TextField, } from 'office-ui-fabric-react/lib/TextField';
+import { Icon, } from 'office-ui-fabric-react/lib/Icon';
+import Accordion from '../../../Accordion/Accordion';
+import SelectedItemPanelHook from "../FieldPanel";
+import SampleDesignHook from "./SampleDesign";
+import ReactJson from 'react-json-view';
+// import { filter } from 'lodash';
+// import { IActionProps } from '@pnp/spfx-controls-react';
+import { ChoiceFieldActionIcons, UserFieldActionIcons, YesNoFieldActionIcons, } from './IAccordion';
+import { DateFieldActionIcons, TextFieldActionIcons, NoteFieldActionIcons, } from './IAccordion';
+import { AllActions, ChoiceActions, YesNoActions, UserActions, } from './IAccordion';
+import { DateActions, TextActions, NoteActions } from './IAccordion';
+import { createFieldTableRows } from './tableRows';
+import { buildQuickCommands } from './createLogic';
+require('@mikezimm/fps-styles/dist/PPCcommandAccordion.css');
+// export function createCommandBuilder(  selected: IMinField[], onCmdFieldClick : any = null, expanded: boolean, showFieldPanel: any, onExpandRight: any = null ) : JSX.Element { //onCmdFieldClick: any
+const CommandBuilderHook = (props) => {
+    const { selected, expanded, onExpandRight, updateSelected, tryCallback, saveCallback } = props;
+    // const { selected, expanded, onExpandRight } = props;
+    const [showCurrent, setShowCurrent] = useState(false);
+    const [showTotal, setShowTotal] = useState(false);
+    const [panelItem, setPanelItem] = useState(null);
+    const [label, setLabel] = useState('');
+    const [secondary, setSecondary] = useState('');
+    const [CommandDesign, setCommandDesign] = useState({
+        buttons: [],
+        summary: [],
+        fields: [],
+    });
+    // const hideSamplePanel = (  ) : void => {
+    //   setShowCurrent( false );
+    //   setShowTotal( false );
+    // }
+    // const updateShowCurrent = (  ) : void => {
+    //   setShowCurrent( showCurrent !== true ? true : false );
+    // }
+    // const updateShowTotal = (  ) : void => {
+    //   setShowTotal( showTotal !== true ? true : false );
+    // }
+    const updateSecondary = (v) => {
+        setSecondary(v);
+    };
+    const updateLabel = (v) => {
+        setLabel(v);
+    };
+    const showFieldPanel = (item) => {
+        setPanelItem(item);
+    };
+    const onClosePanel = () => {
+        setPanelItem(null);
+    };
+    const onCmdFieldClick = (ev) => {
+        const newSelected = updateSelectedCommands(ev, selected);
+        // setSelected( newSelected );
+        updateSelected(newSelected);
+    };
+    // const onLabelUpdate = ( input: any, text: string = '' ): void => {
+    //   const labelText : string = typeof input === 'string' ? input : input && input.target && input.target.value ? input.target.value : '';
+    //   setLabel( labelText );
+    // }
+    // const sorted: IMinField[] = sortObjectArrayByStringKey( selected, 'asc', 'Title' );
+    const choiceFields = selected.filter(field => field.FieldTypeKind === FieldTypes.Choice);
+    const ChoiceTable = createFieldTableRows(null, 'Choice fields', choiceFields, ChoiceFieldActionIcons, onCmdFieldClick, showFieldPanel);
+    const userFields = selected.filter(field => field.FieldTypeKind === FieldTypes.User);
+    const UserTable = createFieldTableRows(null, 'User fields', userFields, UserFieldActionIcons, onCmdFieldClick, showFieldPanel);
+    const yesNoFields = selected.filter(field => field.FieldTypeKind === FieldTypes.Boolean);
+    const YesNoTable = createFieldTableRows(null, 'Boolean fields', yesNoFields, YesNoFieldActionIcons, onCmdFieldClick, showFieldPanel);
+    // filter out ReadOnlyFields because all functions apply to the field itself which can't be done.
+    const dateFields = selected.filter(field => field.FieldTypeKind === FieldTypes.DateTime);
+    const DateTable = createFieldTableRows(null, 'Date fields', dateFields, DateFieldActionIcons, onCmdFieldClick, showFieldPanel);
+    // filter out ReadOnlyFields because all functions apply to the field itself which can't be done.
+    const textFields = selected.filter(field => field.FieldTypeKind === FieldTypes.Text);
+    const TextTable = createFieldTableRows(null, 'Text fields', textFields, TextFieldActionIcons, onCmdFieldClick, showFieldPanel);
+    // filter out ReadOnlyFields because all functions apply to the field itself which can't be done.
+    const noteFields = selected.filter(field => field.FieldTypeKind === FieldTypes.Note);
+    const NoteTable = createFieldTableRows(null, 'Note fields', noteFields, NoteFieldActionIcons, onCmdFieldClick, showFieldPanel);
+    const expandRightIcon = React.createElement(Icon, { iconName: 'TransitionPop', title: 'Expand right to see button object', style: { float: 'right' }, "data-fieldtype": 'Commands', onClick: onExpandRight, className: 'type-filter-icon' });
+    const QuickCommands = buildQuickCommands(selected, label, secondary);
+    const addCommandSet = (add) => {
+        const TotalCommands = {
+            buttons: add === true ? [...CommandDesign.buttons, ...QuickCommands.buttons] : [],
+            summary: add === true ? [...CommandDesign.summary, ...QuickCommands.summary] : [],
+            fields: add === true ? [...CommandDesign.fields, ...QuickCommands.fields] : [],
+        };
+        setCommandDesign(TotalCommands);
+    };
+    // Using this way caused error 310 
+    // const SampleCommand = showCurrent !== true ? undefined : SampleDesignHook({ CommandDesign: QuickCommands, onClosePanel: updateShowCurrent }  ) ;
+    // const SampleDesign = showTotal !== true ? undefined : SampleDesignHook({ CommandDesign: CommandDesign, onClosePanel: updateShowTotal }  ) ;
+    // This fixes error 310 when always calling the SampleDesignHook
+    const SampleCommand = SampleDesignHook({ CommandDesign: QuickCommands, onClosePanel: setShowCurrent, showPanel: showCurrent });
+    const SampleDesign = SampleDesignHook({ CommandDesign: CommandDesign, onClosePanel: setShowTotal, showPanel: showTotal });
+    const showTry = tryCallback && CommandDesign.summary.length > 0 ? true : false;
+    const showSave = saveCallback && CommandDesign.summary.length > 0 ? true : false;
+    const RightSide = React.createElement("div", { className: 'accordion-design', style: {} },
+        React.createElement("div", { className: 'current-title' },
+            React.createElement("h2", null, "Command Set Title goes here"),
+            React.createElement(TextField, { value: label, description: 'Add label to save this as group of buttons', 
+                //Modeled after https://github.com/pnp/sp-dev-fx-webparts/blob/b139ba199cb57363a88f070dd9814e5af4fc3cbd/samples/react-teams-personal-app-settings/src/webparts/personalAppSettings/components/settingsPanel/SettingsPanel.tsx#L67
+                onChange: (e, v) => { updateLabel(v); } }),
+            React.createElement(TextField, { value: secondary, description: 'Additional text in smaller font', 
+                //Modeled after https://github.com/pnp/sp-dev-fx-webparts/blob/b139ba199cb57363a88f070dd9814e5af4fc3cbd/samples/react-teams-personal-app-settings/src/webparts/personalAppSettings/components/settingsPanel/SettingsPanel.tsx#L67
+                onChange: (e, v) => { updateSecondary(v); } })),
+        React.createElement("div", { className: 'total-object' },
+            React.createElement("div", null,
+                React.createElement(Icon, { iconName: "EntryView", className: 'type-filter-icon', onClick: () => setShowCurrent(true), title: 'See sample panel', style: { float: 'right' } }),
+                React.createElement("div", null,
+                    "Dividers: ",
+                    QuickCommands.summary.filter((summary) => summary.type === 'divider').length),
+                React.createElement("div", null,
+                    "Choice buttons: ",
+                    QuickCommands.summary.filter((summary) => summary.type === 'choice').length),
+                React.createElement("div", null,
+                    "Regular buttons: ",
+                    QuickCommands.summary.filter((summary) => summary.type === 'button').length)),
+            React.createElement(ReactJson, { src: QuickCommands, name: 'Current', collapsed: false, displayDataTypes: false, displayObjectSize: false, enableClipboard: true, style: { padding: '20px 0px' }, theme: 'rjv-default', indentWidth: 2 })),
+        React.createElement("div", { className: 'total-title' },
+            React.createElement("div", null,
+                React.createElement("h2", null, "Total Command Set"),
+                React.createElement(Icon, { iconName: "Download", className: 'type-filter-icon', onClick: () => addCommandSet(true), title: 'Add Command Set here' }),
+                React.createElement(Icon, { iconName: "Delete", className: 'type-filter-icon', onClick: () => addCommandSet(false), title: 'Clear Command Set' }),
+                React.createElement(Icon, { iconName: "Save", className: 'type-filter-icon', onClick: showSave === true ? () => saveCallback(CommandDesign) : undefined, title: 'Save Command Set', style: { display: showSave === true ? '' : 'none' } }),
+                React.createElement(Icon, { iconName: "TestImpactSolid", className: 'type-filter-icon', onClick: showTry === true ? () => tryCallback(CommandDesign) : undefined, title: 'Try Command Set', style: { display: showTry === true ? '' : 'none' } }))),
+        React.createElement("div", { className: 'total-object' },
+            React.createElement("div", null,
+                React.createElement(Icon, { iconName: "EntryView", className: 'type-filter-icon', onClick: () => setShowTotal(true), title: 'See sample panel', style: { float: 'right' } }),
+                React.createElement("div", null,
+                    "Dividers: ",
+                    CommandDesign.summary.filter((summary) => summary.type === 'divider').length),
+                React.createElement("div", null,
+                    "Choice buttons: ",
+                    CommandDesign.summary.filter((summary) => summary.type === 'choice').length),
+                React.createElement("div", null,
+                    "Regular buttons: ",
+                    CommandDesign.summary.filter((summary) => summary.type === 'button').length)),
+            React.createElement(ReactJson, { src: CommandDesign, name: 'CommandDesign', collapsed: false, displayDataTypes: false, displayObjectSize: false, enableClipboard: true, style: { padding: '20px 0px' }, theme: 'rjv-default', indentWidth: 2 })));
+    const commandElement = React.createElement("div", { className: 'command-tables' },
+        React.createElement(SelectedItemPanelHook, { panelItem: panelItem, searchText: '', onClosePanel: onClosePanel.bind(this) }),
+        React.createElement("div", { className: 'left-command' },
+            expandRightIcon,
+            ChoiceTable,
+            YesNoTable,
+            UserTable,
+            DateTable,
+            TextTable,
+            NoteTable),
+        React.createElement("div", { className: expanded === true ? 'right-command' : 'collapse-command' }, RightSide),
+        SampleCommand,
+        SampleDesign);
+    const commandTitle = `Build Commands`;
+    const DesignCommands = React.createElement(Accordion, { title: commandTitle, showAccordion: false, animation: 'TopDown', contentStyles: { height: '' }, content: commandElement, componentStyles: { marginBottom: '15px', border: '4px solid #d1d1d1', background: '#f5f5f5', padding: '10px' } });
+    return (DesignCommands);
+};
+export function updateSelectedCommands(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;
+    const role = target.dataset.role;
+    // let thisSelected : IMinField = null;
+    const newSelected = [];
+    selected.map((field) => {
+        if (field.InternalName === itemName) {
+            if (AllActions.indexOf(role) > -1) {
+                let commands = field.commands;
+                const newVal = commands[role] === true ? false : true;
+                if (DateActions.indexOf(role) > -1) {
+                    commands = updateCommandSet(commands, role, newVal, DateFieldActionIcons);
+                }
+                else if (UserActions.indexOf(role) > -1) {
+                    commands = updateCommandSet(commands, role, newVal, UserFieldActionIcons);
+                }
+                else if (TextActions.indexOf(role) > -1) {
+                    commands = updateCommandSet(commands, role, newVal, TextFieldActionIcons);
+                }
+                else if (NoteActions.indexOf(role) > -1) {
+                    commands = updateCommandSet(commands, role, newVal, NoteFieldActionIcons);
+                }
+                else if (YesNoActions.indexOf(role) > -1) {
+                    commands = updateCommandSet(commands, role, newVal, YesNoFieldActionIcons);
+                    /**
+                     * Put other types above this one since CHOICE HAS SPECIAL CODING LOOP
+                     * This allows for the UI to only have one field selected for a given command (like can not have more than one perChoice field selected)
+                     */
+                }
+                else if (ChoiceActions.indexOf(role) > -1) {
+                    commands = updateCommandSet(commands, role, newVal, ChoiceFieldActionIcons);
+                    const ThisAction = ChoiceFieldActionIcons.filter(icon => { return icon.cmd === role; });
+                    if (ThisAction[0].oneField === true) {
+                        selected.map((checkField) => {
+                            if (field.TypeAsString === checkField.TypeAsString && field.InternalName !== checkField.InternalName) {
+                                checkField.commands[role] = false;
+                            }
+                        });
+                    }
+                }
+                else {
+                    commands[role] = newVal;
+                }
+                field.commands = commands;
+            }
+            else {
+                alert('Opps!  Field updating field.commands ~ 166');
+            }
+        }
+        newSelected.push(field);
+    });
+    return newSelected;
+}
+export function updateCommandSet(commands, role, newVal, FieldActionIcons) {
+    //Should get the action for current button press
+    const ThisAction = FieldActionIcons.filter(icon => { return icon.cmd === role; });
+    FieldActionIcons.map(action => {
+        //Loop through all actions in the same group.
+        if (action.group === ThisAction[0].group) {
+            commands[action.cmd] = false;
+        }
+        commands[role] = newVal;
+    });
+    return commands;
+}
+export default CommandBuilderHook;
+//# sourceMappingURL=Accordion.js.map

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

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

package/lib/components/molecules/PropPaneCols/components/command/IAccordion.d.ts

@@ -0,0 +1,69 @@
+import { IQuickButton, IQuickCommands, IQuickField } from "../../../../indexes";
+export type IButtonPurpose = 'button' | 'divider' | 'choice';
+export interface IButtonSummary {
+    type: IButtonPurpose;
+    label: string;
+    updates: string[];
+    filters: string[];
+    fields: string[];
+}
+export interface IButtonsSummary {
+    buttons: IButtonSummary[];
+}
+export interface IQuickCommandsDesign extends IQuickCommands {
+    summary: IButtonSummary[];
+    buttons: IQuickButton[][];
+    fields: IQuickField[][];
+}
+/**
+ * MEMO TO SELF... THESE TYPES ARE TIED DIRECTLY TO THE keys in the IMinFieldCmds Interface.
+ *
+ * If you add one here, you need to also update that interface by hand.
+ *
+ */
+export type IChoiceActionTypes = 'perChoice' | 'promoteChoice' | 'demoteChoice' | 'bracketChoice' | 'rejectLast';
+export type IYesNoActionTypes = 'showOnTrue' | 'showOnFalse' | 'showOnNull' | 'setTrue' | 'setFalse' | 'setToggle';
+export type IUserActionTypes = 'showToUser' | 'hideFromUser' | 'setUser' | 'addUser' | 'removeUser' | 'clearUsers';
+export type IDateActionTypes = 'setToday' | 'set1Week' | 'set1Month' | 'clearDate' | 'depends' | 'showIfPast' | 'showIfFuture';
+export type ITextActionTypes = 'replaceText' | 'promptText' | 'captcha';
+export type INoteActionTypes = 'appendNote' | 'replaceNote';
+export type IAllActionTypes = IChoiceActionTypes | IYesNoActionTypes | IUserActionTypes | IDateActionTypes | ITextActionTypes | INoteActionTypes;
+export type IActionExecType = 'filter' | 'update' | 'special';
+export interface IIconTableRow {
+    cmd: IAllActionTypes;
+    icon: string;
+    head: string;
+    title: string;
+    type: IActionExecType;
+    ignore?: string;
+    group?: string;
+    oneField?: boolean;
+    disabled?: boolean;
+}
+/**
+ * Other options for choices in group2
+ * filter to only show if current status is one status earlier than button... ie it move's up.
+ *  So for instance, if the button choices is 2. In Process, only show when status is in 1. Plan
+ *  This means that you can not go backwards via a button.
+ *
+ * Alternatively, make button visible if the status is either one above or one below
+ *
+ * Maybe options are:  Promote ( up ), Demote ( down ), Promote/Demote ( up/down )
+ */
+export declare const ChoiceFieldActionIcons: IIconTableRow[];
+export declare const ChoiceActions: IAllActionTypes[];
+export declare const YesNoFieldActionIcons: IIconTableRow[];
+export declare const YesNoActions: IAllActionTypes[];
+export declare const UserFieldActionIcons: IIconTableRow[];
+export declare const UserActions: IAllActionTypes[];
+export declare const DateFieldActionIcons: IIconTableRow[];
+export declare const DateActions: IAllActionTypes[];
+export declare const TextFieldActionIcons: IIconTableRow[];
+export declare const TextActions: IAllActionTypes[];
+export declare const NoteFieldActionIcons: IIconTableRow[];
+export declare const NoteActions: IAllActionTypes[];
+export declare const AllFieldActions: IIconTableRow[];
+export declare const AllUpdateActions: IIconTableRow[];
+export declare const AllUpdateActionCmds: IAllActionTypes[];
+export declare const AllActions: IAllActionTypes[];
+//# sourceMappingURL=IAccordion.d.ts.map

package/lib/components/molecules/PropPaneCols/components/command/IAccordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IAccordion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/PropPaneCols/components/command/IAccordion.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAShF,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAE;AAE9D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,OAAO,EAAE,YAAY,EAAE,EAAE,CAAC;IAC1B,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC;CAEzB;AAED;;;;;GAKG;AAEF,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,eAAe,GAAG,cAAc,GAAG,eAAe,GAAG,YAAY,CAAE;AAElH,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,aAAa,GAAG,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAE;AAEpH,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,YAAY,CAAE;AAEpH,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,YAAY,GAAG,cAAc,CAAC;AAE/H,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,YAAY,GAAG,SAAS,CAAE;AAEzE,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,aAAa,CAAG;AAE9D,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,gBAAgB,CAAE;AAElJ,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,eAAe,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD;;;;;;;;;GASG;AACF,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAOjD,CAAC;AAEF,eAAO,MAAM,aAAa,mBAAmF,CAAC;AAE9G,eAAO,MAAM,qBAAqB,EAAE,aAAa,EAQhD,CAAC;AAEF,eAAO,MAAM,YAAY,mBAAkF,CAAC;AAG5G,eAAO,MAAM,oBAAoB,EAAE,aAAa,EAO/C,CAAC;AAEF,eAAO,MAAM,WAAW,mBAAiF,CAAC;AAE1G,eAAO,MAAM,oBAAoB,EAAE,aAAa,EAS/C,CAAC;AAEF,eAAO,MAAM,WAAW,mBAAiF,CAAC;AAE1G,eAAO,MAAM,oBAAoB,EAAE,aAAa,EAI/C,CAAC;AAEF,eAAO,MAAM,WAAW,mBAAiF,CAAC;AAE1G,eAAO,MAAM,oBAAoB,EAAE,aAAa,EAG/C,CAAC;AAEF,eAAO,MAAM,WAAW,mBAAiF,CAAC;AAE3G,eAAO,MAAM,eAAe,iBAA+J,CAAC;AAE5L,eAAO,MAAM,gBAAgB,iBAAuE,CAAC;AACrG,eAAO,MAAM,mBAAmB,mBAAuD,CAAC;AAGxF,eAAO,MAAM,UAAU,mBAA4E,CAAC"}

package/lib/components/molecules/PropPaneCols/components/command/IAccordion.js

@@ -0,0 +1,73 @@
+// import { IWeb, Web, } from "@pnp/sp/presets/all";
+// import { IMinField, IMinListProps, IsEditable, IFieldPanelFetchState } from "../IPropPaneColsProps";
+// import { IQuickCommands, } from '@mikezimm/fps-library-v2/lib/components/interfaces/QuickCommands/IQuickCommands';
+// // 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';
+/**
+ * Other options for choices in group2
+ * filter to only show if current status is one status earlier than button... ie it move's up.
+ *  So for instance, if the button choices is 2. In Process, only show when status is in 1. Plan
+ *  This means that you can not go backwards via a button.
+ *
+ * Alternatively, make button visible if the status is either one above or one below
+ *
+ * Maybe options are:  Promote ( up ), Demote ( down ), Promote/Demote ( up/down )
+ */
+export const ChoiceFieldActionIcons = [
+    { group: '1', type: 'special', cmd: 'perChoice', icon: 'Stack', head: 'Per', title: 'Create one button to set every choice', oneField: true },
+    { group: '2', type: 'filter', cmd: 'promoteChoice', icon: 'Upload', head: 'Promote', title: 'Show button on Previous status - Able to only Promote' },
+    { group: '2', type: 'filter', cmd: 'demoteChoice', icon: 'Download', head: 'Demote', title: 'Show button on Higher status - Able to only Demote' },
+    { group: '2', type: 'filter', cmd: 'bracketChoice', icon: 'Sort', head: 'Both', title: 'Show button on Previous/Higher status - Able to only Promote/Demote' },
+    { group: '3', type: 'filter', cmd: 'rejectLast', icon: 'ReleaseGateError', head: 'Cancel', title: 'Always show last choice - aka Canceled' },
+    // { cmd: '', icon: '', head: '', title: '' },
+];
+export const ChoiceActions = ChoiceFieldActionIcons.map((action) => { return action.cmd; });
+export const YesNoFieldActionIcons = [
+    { group: '1', type: 'filter', cmd: 'showOnTrue', icon: 'AcceptMedium', head: 'onYes', title: 'Show if Field = Yes', },
+    { group: '1', type: 'filter', cmd: 'showOnFalse', icon: 'Cancel', head: 'onNo', title: 'Show if Field = No', },
+    { group: '1', type: 'filter', cmd: 'showOnNull', icon: 'Checkbox', head: 'onEmpty', title: 'Show if Field = Empty', },
+    { group: '2', type: 'update', cmd: 'setTrue', icon: 'CheckboxCompositeReversed', head: 'SetYes', title: 'Set Field to Yes', ignore: 'field.ReadOnlyField === true', },
+    { group: '2', type: 'update', cmd: 'setFalse', icon: 'BoxMultiplySolid', head: 'SetNo', title: 'Set Field to No', ignore: 'field.ReadOnlyField === true', },
+    { group: '2', type: 'update', cmd: 'setToggle', icon: 'ToggleRight', head: 'Toggle', title: 'Toggle value', ignore: 'field.ReadOnlyField === true', disabled: true }, //, disabled: true 
+];
+export const YesNoActions = YesNoFieldActionIcons.map((action) => { return action.cmd; });
+export const UserFieldActionIcons = [
+    { group: '1', type: 'filter', cmd: 'showToUser', icon: 'View', head: 'Show', title: 'Show buttons to these users' },
+    { group: '1', type: 'filter', cmd: 'hideFromUser', icon: 'Hide3', head: 'Hide', title: 'Hide buttons for these users, Show takes precedance' },
+    { group: '2', type: 'update', cmd: 'setUser', icon: 'Contact', head: 'Set', title: 'Set Field as current user', ignore: 'field.ReadOnlyField === true' },
+    { group: '2', type: 'update', cmd: 'addUser', icon: 'AddFriend', head: 'Add', title: 'Add User to field if Multi-Select', ignore: 'field.ReadOnlyField === true' },
+    { group: '2', type: 'update', cmd: 'removeUser', icon: 'UserRemove', head: 'Remove', title: 'Remove current User from field', ignore: 'field.ReadOnlyField === true' },
+    { group: '2', type: 'update', cmd: 'clearUsers', icon: 'Delete', head: 'Clear', title: 'Clear User field', ignore: 'field.ReadOnlyField === true' },
+];
+export const UserActions = UserFieldActionIcons.map((action) => { return action.cmd; });
+export const DateFieldActionIcons = [
+    { group: '1', type: 'update', cmd: 'setToday', icon: 'EventDate', head: 'Today', title: 'Set Field to today', ignore: 'field.ReadOnlyField === true' },
+    { group: '1', type: 'update', cmd: 'set1Week', icon: 'CalendarWorkWeek', head: '+1Wk', title: 'Set Field to + 7 days', ignore: 'field.ReadOnlyField === true' },
+    { group: '1', type: 'update', cmd: 'set1Month', icon: 'Calendar', head: '+1Mo', title: 'Set Field to + 1 month', ignore: 'field.ReadOnlyField === true' },
+    //  { group: '1', type: 'update', cmd: 'captcha', icon: 'InputAddress', head: 'Cap', title: 'Prompt to enter field value', ignore: 'field.ReadOnlyField === true' },
+    { group: '1', type: 'update', cmd: 'depends', icon: 'BranchFork2', head: 'Depends', title: 'Value depends on JS eval - UPDATE Final Logic', ignore: 'field.ReadOnlyField === true' },
+    { group: '1', type: 'update', cmd: 'clearDate', icon: 'Delete', head: 'Clear', title: 'Clear Date field', ignore: 'field.ReadOnlyField === true' },
+    { group: '2', type: 'filter', cmd: 'showIfPast', icon: 'Filter', head: '<Now', title: 'Show if Date is in past', ignore: 'field.ReadOnlyField === true', disabled: true },
+    { group: '2', type: 'filter', cmd: 'showIfFuture', icon: 'Filter', head: '>Now', title: 'Show if Date is in future', ignore: 'field.ReadOnlyField === true', disabled: true },
+];
+export const DateActions = DateFieldActionIcons.map((action) => { return action.cmd; });
+export const TextFieldActionIcons = [
+    { group: '1', type: 'update', cmd: 'replaceText', icon: 'ActionCenter', head: 'Replace', title: 'Replace Text with your own - must update in props yourself', ignore: 'field.ReadOnlyField === true' },
+    { group: '1', type: 'update', cmd: 'promptText', icon: 'Comment', head: 'Prompt', title: 'Prompt to update column', ignore: 'field.ReadOnlyField === true' },
+    { group: '1', type: 'update', cmd: 'captcha', icon: 'InputAddress', head: 'Captcha', title: 'Prompt to enter field value - UPDATE Final Logic', ignore: 'field.ReadOnlyField === true' },
+];
+export const TextActions = TextFieldActionIcons.map((action) => { return action.cmd; });
+export const NoteFieldActionIcons = [
+    { group: '1', type: 'update', cmd: 'appendNote', icon: 'CommentAdd', head: 'Append', title: 'Prompt to Append comment to column', ignore: 'field.ReadOnlyField === true' },
+    { group: '1', type: 'update', cmd: 'replaceNote', icon: 'Comment', head: 'Replace', title: 'Prompt to Replace column text', ignore: 'field.ReadOnlyField === true' },
+];
+export const NoteActions = NoteFieldActionIcons.map((action) => { return action.cmd; });
+export const AllFieldActions = [...ChoiceFieldActionIcons, ...YesNoFieldActionIcons, ...UserFieldActionIcons, ...DateFieldActionIcons, ...TextFieldActionIcons, ...NoteFieldActionIcons];
+export const AllUpdateActions = AllFieldActions.filter(field => { return field.type === 'update'; });
+export const AllUpdateActionCmds = AllUpdateActions.map(field => { return field.cmd; });
+export const AllActions = AllFieldActions.map((action) => { return action.cmd; });
+//# sourceMappingURL=IAccordion.js.map

package/lib/components/molecules/PropPaneCols/components/command/IAccordion.js.map

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

package/lib/components/molecules/PropPaneCols/components/command/SampleDesign copy.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { IQuickCommandsDesign } from './IAccordion';
+export interface IPanelItemProps {
+    CommandDesign: IQuickCommandsDesign;
+    onClosePanel: any;
+}
+declare const SampleDesignHook: React.FC<IPanelItemProps>;
+export default SampleDesignHook;
+//# sourceMappingURL=SampleDesign%20copy.d.ts.map

package/lib/components/molecules/PropPaneCols/components/command/SampleDesign copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SampleDesign copy.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/PropPaneCols/components/command/SampleDesign copy.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAkB,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,oBAAoB,CAAC;IACpC,YAAY,EAAE,GAAG,CAAC;CACnB;AAMD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2F/C,CAAA;AAED,eAAe,gBAAgB,CAAC"}

package/lib/components/molecules/PropPaneCols/components/command/SampleDesign copy.js

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { useState } from 'react';
+import { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';
+import { Icon, } from 'office-ui-fabric-react/lib/Icon';
+const ConstIcon = React.createElement(Icon, { iconName: 'Stack', title: 'Is a choice button', style: {}, "data-fieldtype": 'Choice', className: 'type-filter-icon' });
+// export function getSampleDesign( panelItem: IMinField, onClosePanel: any, searchText: string ) : JSX.Element {
+const SampleDesignHook = (props) => {
+    const { CommandDesign } = props;
+    //No matter what I do here, I seem to get error 310 whenever trying to do anything with state.
+    const [label, setLabel] = useState('');
+    const clickSummary = (idx) => {
+        console.log('clicked', idx);
+    };
+    function createButtonRow(button, idx) {
+        if (button.type !== 'choice') {
+            const text = button.label.split('||');
+            // return <div className={ button.type } style={{ position: idx === 0 ? 'relative' : 'absolute' }}>
+            return React.createElement("div", { className: button.type, style: null, onClick: () => clickSummary(idx) },
+                React.createElement("div", null, text[0]),
+                React.createElement("div", null, text.length === 1 ? null : text[1]));
+            //ERROR READING TYPE HERE
+        }
+        else if (idx === 0 || (button.type === 'choice' && CommandDesign.summary[idx - 1].type !== 'choice')) {
+            return createChoiceStack(idx); //
+        }
+    }
+    function createChoiceStack(idx) {
+        const ChoiceButtonArray = [];
+        let i = idx + 0;
+        let offset = 0;
+        while (i < CommandDesign.summary.length && CommandDesign.summary[i].type === 'choice') {
+            ChoiceButtonArray.push(React.createElement("div", { className: 'choice', style: { position: 'absolute', top: `${offset}px`, left: `${offset}px` }, onClick: () => clickSummary(i) },
+                React.createElement("div", null, CommandDesign.summary[i].label)));
+            i++;
+            offset = (i - idx) * 20;
+        }
+        return React.createElement("div", { className: 'choice-stack', style: { marginBottom: `${offset + 10}px` } }, ChoiceButtonArray);
+    }
+    // function getClickedButtonFromSummary( idx: number ) : IQuickButton {
+    //   if ( idx > -1 ) {
+    //     let equivilantSummary = -1;
+    //     let ActualButton: IQuickButton = null;
+    //     CommandDesign.buttons.map( ( buttonRow: IQuickButton[] ) => {
+    //       buttonRow.map( ( button: IQuickButton ) => {
+    //         equivilantSummary ++;
+    //         if ( idx === equivilantSummary ) ActualButton = button ;
+    //       });
+    //     } );
+    //     return ActualButton;
+    //   } else return null;
+    // }
+    // const clickedSummary = 999;
+    // const ActionCommand: IQuickButton = getClickedButtonFromSummary( clickedSummary );
+    const AttachPanel = React.createElement(Panel, { isOpen: CommandDesign.buttons.length > 0 ? true : false, type: PanelType.medium, 
+        // onDismiss={ onClosePanel }
+        onDismiss: () => props.onClosePanel(), headerText: `Sample Button Sett`, closeButtonAriaLabel: "Close", isLightDismiss: true },
+        React.createElement("div", { className: 'sample-panel' }, CommandDesign.summary.map((summary, idx) => createButtonRow(summary, idx))));
+    return (AttachPanel);
+};
+export default SampleDesignHook;
+//# sourceMappingURL=SampleDesign%20copy.js.map

package/lib/components/molecules/PropPaneCols/components/command/SampleDesign copy.js.map

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

package/lib/components/molecules/PropPaneCols/components/command/SampleDesign.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IQuickCommandsDesign } from './IAccordion';
+export interface IPanelItemProps {
+    CommandDesign: IQuickCommandsDesign;
+    onClosePanel: any;
+    showPanel: boolean;
+}
+declare const SampleDesignHook: React.FC<IPanelItemProps>;
+export default SampleDesignHook;
+//# sourceMappingURL=SampleDesign.d.ts.map

package/lib/components/molecules/PropPaneCols/components/command/SampleDesign.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SampleDesign.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/PropPaneCols/components/command/SampleDesign.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAkB,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpE,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,oBAAoB,CAAC;IACpC,YAAY,EAAE,GAAG,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAMD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsF/C,CAAA;AAED,eAAe,gBAAgB,CAAC"}

package/lib/components/molecules/PropPaneCols/components/command/SampleDesign.js

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { useState } from 'react';
+import { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';
+import { panelActionToggles } from '../common';
+// const ConstIcon = <Icon iconName={ 'Stack' } title={ 'Is a choice button' } style={{  }}
+//     data-fieldtype= 'Choice' className={ 'type-filter-icon' } />
+// export function getSampleDesign( panelItem: IMinField, onClosePanel: any, searchText: string ) : JSX.Element {
+const SampleDesignHook = (props) => {
+    const { CommandDesign, showPanel } = props;
+    // Setting state in any way causes react error 310.
+    // https://github.com/mikezimm/Pnpjs-v2-Upgrade-sample/issues/36
+    const [type, setSide] = useState(PanelType.custom);
+    const [blocking, setBlock] = useState(true);
+    // For https://github.com/mikezimm/Pnpjs-v2-Upgrade-sample/issues/36
+    const clickSummary = (idx) => {
+        console.log('clicked', idx);
+        if (idx > -1) {
+            let equivilantSummary = -1;
+            let ActualButton = null;
+            CommandDesign.buttons.map((buttonRow) => {
+                buttonRow.map((button) => {
+                    equivilantSummary++;
+                    if (idx === equivilantSummary)
+                        ActualButton = button;
+                });
+            });
+            console.log('ActualButton', ActualButton);
+            alert(`Clicked ${ActualButton.label.replace(`{str1}`, ActualButton.str1)}, Check console for details.`);
+        }
+    };
+    function createButtonRow(button, idx) {
+        if (button.type !== 'choice') {
+            const text = button.label.split('||');
+            // return <div className={ button.type } style={{ position: idx === 0 ? 'relative' : 'absolute' }}>
+            return React.createElement("div", { className: button.type, style: null, onClick: () => clickSummary(idx) },
+                React.createElement("div", null, text[0]),
+                React.createElement("div", null, text.length === 1 ? null : text[1]));
+            //ERROR READING TYPE HERE
+        }
+        else if (idx === 0 || (button.type === 'choice' && CommandDesign.summary[idx - 1].type !== 'choice')) {
+            return createChoiceStack(idx); //
+        }
+    }
+    function createChoiceStack(idx) {
+        const ChoiceButtonArray = [];
+        let i = idx + 0;
+        let offset = 0;
+        while (i < CommandDesign.summary.length && CommandDesign.summary[i].type === 'choice') {
+            const whileIndex = i + 0; // Had to create this or the clickSummary( ) would always just show the last index.
+            ChoiceButtonArray.push(React.createElement("div", { className: 'choice', style: { position: 'absolute', top: `${offset}px`, left: `${offset}px` }, onClick: () => clickSummary(whileIndex) },
+                React.createElement("div", null, CommandDesign.summary[i].label)));
+            i++;
+            offset = (i - idx) * 20;
+        }
+        return React.createElement("div", { className: 'choice-stack', style: { marginBottom: `${offset + 10}px` } }, ChoiceButtonArray);
+    }
+    // const IconStyles: React.CSSProperties = { cursor: 'pointer', fontSize: 'x-large', marginLeft: '20px' };
+    const AttachPanel = showPanel !== true ? null : React.createElement(Panel, { isOpen: CommandDesign.buttons.length > 0 ? true : false, type: type, isBlocking: blocking, 
+        // onDismiss={ onClosePanel }
+        onDismiss: () => props.onClosePanel(false), headerText: `Sample Button Set`, closeButtonAriaLabel: "Close", isLightDismiss: true, customWidth: '700px' },
+        panelActionToggles(type, blocking, setSide, null),
+        React.createElement("div", { className: 'sample-panel' }, CommandDesign.summary.map((summary, idx) => createButtonRow(summary, idx))));
+    return (AttachPanel);
+};
+export default SampleDesignHook;
+//# sourceMappingURL=SampleDesign.js.map

package/lib/components/molecules/PropPaneCols/components/command/SampleDesign.js.map

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

package/lib/components/molecules/PropPaneCols/components/command/createLogic.d.ts

@@ -0,0 +1,13 @@
+import { IMinField } from "../IPropPaneColsProps";
+import { IQuickCommandsDesign } from './IAccordion';
+export declare function buildQuickCommands(selected: IMinField[], title: string, description: string): IQuickCommandsDesign;
+/**
+ * This will take the eval string and add a new eval to it including having the operator and adding surround braces when required.
+ * @param showWhenEvalTrue
+ * @param operator
+ * @param miniEval
+ * @param surround
+ * @returns
+ */
+export declare function bumpEval(showWhenEvalTrue: string, operator: '||' | '&&', miniEval: string, surround: boolean): string;
+//# sourceMappingURL=createLogic.d.ts.map