@pnp/spfx-controls-react 3.24.0-beta.2252463 → 3.24.0-beta.2280641

package/lib-commonjs/webparts/controlsTest/propertyPane/PropertyPaneListPicker.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyPaneListPicker = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var ReactDom = tslib_1.__importStar(require("react-dom"));
+var ListPicker_1 = require("./controls/ListPicker");
+var sp_property_pane_1 = require("@microsoft/sp-property-pane");
+var PropertyPaneListPicker = /** @class */ (function () {
+    function PropertyPaneListPicker(targetProperty, properties) {
+        this.type = sp_property_pane_1.PropertyPaneFieldType.Custom;
+        this.targetProperty = targetProperty;
+        this.properties = {
+            key: properties.label,
+            label: properties.label,
+            wpContext: properties.wpContext,
+            onPropertyChange: properties.onPropertyChange,
+            selectedKey: properties.selectedKey,
+            disabled: properties.disabled,
+            onRender: this.onRender.bind(this),
+            onDispose: this.onDispose.bind(this)
+        };
+    }
+    PropertyPaneListPicker.prototype.render = function () {
+        if (!this.elem) {
+            return;
+        }
+        this.onRender(this.elem);
+    };
+    PropertyPaneListPicker.prototype.onDispose = function (element) {
+        ReactDom.unmountComponentAtNode(element);
+    };
+    PropertyPaneListPicker.prototype.onRender = function (elem) {
+        if (!this.elem) {
+            this.elem = elem;
+        }
+        var element = React.createElement(ListPicker_1.ListPicker, {
+            label: this.properties.label,
+            wpContext: this.properties.wpContext,
+            onChange: this.onChange.bind(this),
+            selectedKey: this.properties.selectedKey,
+            disabled: this.properties.disabled,
+            // required to allow the component to be re-rendered by calling this.render() externally
+            // stateKey: new Date().toString()
+        });
+        ReactDom.render(element, elem);
+    };
+    PropertyPaneListPicker.prototype.onChange = function (option) {
+        this.properties.onPropertyChange(this.targetProperty, option.key);
+    };
+    return PropertyPaneListPicker;
+}());
+exports.PropertyPaneListPicker = PropertyPaneListPicker;
+//# sourceMappingURL=PropertyPaneListPicker.js.map

package/lib-commonjs/webparts/controlsTest/propertyPane/PropertyPaneListPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyPaneListPicker.js","sourceRoot":"","sources":["../../../../src/webparts/controlsTest/propertyPane/PropertyPaneListPicker.ts"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,0DAAsC;AACtC,oDAAqE;AACrE,gEAGqC;AAiBrC;IAME,gCAAY,cAAsB,EAAE,UAAwC;QALrE,SAAI,GAA0B,wCAAqB,CAAC,MAAM,CAAC;QAMhE,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,UAAU,GAAG;YAChB,GAAG,EAAE,UAAU,CAAC,KAAK;YACrB,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,SAAS,EAAE,UAAU,CAAC,SAAS;YAC/B,gBAAgB,EAAE,UAAU,CAAC,gBAAgB;YAC7C,WAAW,EAAE,UAAU,CAAC,WAAW;YACnC,QAAQ,EAAE,UAAU,CAAC,QAAQ;YAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;YAClC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;SACrC,CAAC;IACJ,CAAC;IAEM,uCAAM,GAAb;QACE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAEO,0CAAS,GAAjB,UAAkB,OAAoB;QACpC,QAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;IAEO,yCAAQ,GAAhB,UAAiB,IAAiB;QAChC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC;QAED,IAAM,OAAO,GAAyC,KAAK,CAAC,aAAa,CAAC,uBAAU,EAAE;YACpF,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK;YAC5B,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,SAAS;YACpC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;YAClC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,WAAW;YACxC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ;YAClC,wFAAwF;YACxF,kCAAkC;SACnC,CAAC,CAAC;QACH,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACjC,CAAC;IAEO,yCAAQ,GAAhB,UAAiB,MAAuB;QACtC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;IACpE,CAAC;IACH,6BAAC;AAAD,CAAC,AApDD,IAoDC;AApDY,wDAAsB"}

package/lib-commonjs/webparts/controlsTest/propertyPane/controls/ControlToggles.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlToggles = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("@fluentui/react");
+var ControlToggles = /** @class */ (function (_super) {
+    tslib_1.__extends(ControlToggles, _super);
+    function ControlToggles(props, state) {
+        return _super.call(this, props) || this;
+    }
+    ControlToggles.prototype.render = function () {
+        var _this = this;
+        return (React.createElement("div", null,
+            React.createElement(react_1.TextField, { label: "Search", placeholder: "Search Controls", onChange: function (e, newValue) {
+                    _this.setState({ filter: newValue });
+                } }),
+            this.getValidControls().map(function (control) {
+                if (_this.state && _this.state.filter && _this.state.filter.length > 0 && control.toLowerCase().indexOf(_this.state.filter.toLowerCase()) === -1) {
+                    return null;
+                }
+                return (React.createElement(react_1.Toggle, { key: control, label: _this.getProperCase(control), checked: _this.props.controlVisibility && _this.props.controlVisibility[control] || false, onChange: function (e, checked) {
+                        _this.props.onChange(control, checked);
+                    } }));
+            })));
+    };
+    ControlToggles.prototype.getValidControls = function () {
+        var validControls = [
+            "all",
+            "AccessibleAccordion", "AdaptiveCardDesignerHost", "AdaptiveCardHost",
+            "AnimatedDialog", "Carousel", "ChartControl",
+            "ComboBoxListItemPicker", "ContentTypePicker", "Dashboard", "DateTimePicker",
+            "DragDropFiles", "DynamicForm", "EnhancedThemeProvider",
+            "FieldCollectionData", "FieldPicker", "FilePicker",
+            "FileTypeIcon", "FilterBar", "FolderExplorer", "FolderPicker",
+            "GroupPicker", "GridLayout", "HoverReactionsBar", "IconPicker", "IFrameDialog",
+            "IFramePanel", "ListItemPicker",
+            "ImagePicker", "ListItemAttachments", "ListItemComments",
+            "ListPicker", "ListView", "LivePersona",
+            "LocationPicker", "Map", "ModernAudio", "MonacoEditor",
+            "ModernTaxonomyPicker", "Pagination", "PeoplePicker",
+            "Placeholder", "Progress", "ProgressStepsIndicator", "RichText",
+            "ShareDialog", "SecurityTrimmedControl", "SiteBreadcrumb", "SitePicker",
+            "TaxonomyPicker", "TaxonomyTree", "Teams", "TermSetNavigation",
+            "TestControl", "Toolbar", "TreeView",
+            "UploadFiles", "UserPicker", "VariantThemeProvider",
+            "ViewPicker", "WebPartTitle", "Calendar"
+        ];
+        return validControls;
+    };
+    ControlToggles.prototype.getProperCase = function (name) {
+        name = name.replace(/([A-Z])/g, ' $1');
+        name = name.replace(/^([a-z])/, function (match, p1) { return p1.toUpperCase(); });
+        return name;
+    };
+    return ControlToggles;
+}(React.Component));
+exports.ControlToggles = ControlToggles;
+//# sourceMappingURL=ControlToggles.js.map

package/lib-commonjs/webparts/controlsTest/propertyPane/controls/ControlToggles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlToggles.js","sourceRoot":"","sources":["../../../../../src/webparts/controlsTest/propertyPane/controls/ControlToggles.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/webparts/controlsTest/propertyPane/controls/ListPicker.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListPicker = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var Dropdown_1 = require("@fluentui/react/lib/Dropdown");
+var Spinner_1 = require("@fluentui/react/lib/Spinner");
+var sp_http_1 = require("@microsoft/sp-http");
+var ListPicker = /** @class */ (function (_super) {
+    tslib_1.__extends(ListPicker, _super);
+    function ListPicker(props, state) {
+        var _this = _super.call(this, props) || this;
+        _this.selectedKey = props.selectedKey;
+        _this.state = {
+            loading: false,
+            options: undefined,
+            error: undefined
+        };
+        return _this;
+    }
+    ListPicker.prototype.componentDidMount = function () {
+        this.loadOptions();
+    };
+    ListPicker.prototype.componentDidUpdate = function (prevProps, prevState) {
+        if (this.props.disabled !== prevProps.disabled
+        // ||
+        // this.props.stateKey !== prevProps.stateKey
+        ) {
+            this.loadOptions();
+        }
+    };
+    ListPicker.prototype.loadOptions = function () {
+        var _this = this;
+        this.setState({
+            loading: true,
+            error: undefined,
+            options: undefined
+        });
+        var options = [];
+        this.props.wpContext.spHttpClient.get("".concat(this.props.wpContext.pageContext.web.absoluteUrl, "/_api/web/lists?$filter=Hidden eq false"), sp_http_1.SPHttpClient.configurations.v1).then(function (response) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var lists;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!response.ok) return [3 /*break*/, 2];
+                        return [4 /*yield*/, response.json()];
+                    case 1:
+                        lists = _a.sent();
+                        options = lists.value.map(function (list) {
+                            return {
+                                key: list.Id,
+                                text: list.Title
+                            };
+                        });
+                        this.setState({
+                            loading: false,
+                            error: undefined,
+                            options: options
+                        });
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        }); }).catch(function (error) {
+            _this.setState({
+                loading: false,
+                error: error.statusText,
+                options: undefined
+            });
+        });
+    };
+    ListPicker.prototype.render = function () {
+        var loading = this.state.loading ? React.createElement("div", null,
+            React.createElement(Spinner_1.Spinner, { label: 'Loading options...' })) : React.createElement("div", null);
+        var error = this.state.error !== undefined ? React.createElement("div", { className: 'ms-TextField-errorMessage ms-u-slideDownIn20' },
+            "Error while loading items: ",
+            this.state.error) : React.createElement("div", null);
+        return (React.createElement("div", null,
+            React.createElement(Dropdown_1.Dropdown, { label: this.props.label, disabled: this.props.disabled || this.state.loading || this.state.error !== undefined, onChange: this.onChange.bind(this), selectedKey: this.selectedKey, options: this.state.options }),
+            loading,
+            error));
+    };
+    ListPicker.prototype.onChange = function (e, option) {
+        this.selectedKey = option.key;
+        // reset previously selected options
+        var options = this.state.options;
+        options.forEach(function (o) {
+            if (o.key !== option.key) {
+                o.selected = false;
+            }
+        });
+        this.setState(function (prevState, props) {
+            prevState.options = options;
+            return prevState;
+        });
+        if (this.props.onChange) {
+            this.props.onChange(option);
+        }
+    };
+    return ListPicker;
+}(React.Component));
+exports.ListPicker = ListPicker;
+//# sourceMappingURL=ListPicker.js.map

package/lib-commonjs/webparts/controlsTest/propertyPane/controls/ListPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPicker.js","sourceRoot":"","sources":["../../../../../src/webparts/controlsTest/propertyPane/controls/ListPicker.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,20 +1,19 @@
 {
   "name": "@pnp/spfx-controls-react",
   "description": "Reusable React controls for SharePoint Framework solutions",
-  "version": "3.24.0-beta.2252463",
+  "version": "3.24.0-beta.2280641",
   "engines": {
     "node": ">=22.14.0 < 23.0.0"
   },
   "scripts": {
-    "build": "gulp build",
-    "clean": "gulp clean",
-    "test": "gulp test",
-    "test:unit": "npx jest --silent --maxWorkers=4",
+    "build": "heft test --clean --production && heft package-solution --production",
+    "clean": "heft clean",
     "serve": "fast-serve",
-    "prepublishOnly": "gulp",
-    "versionUpdater": "gulp versionUpdater",
+    "start": "heft start --clean",
+    "versionUpdater": "heft version-updater",
+    "eject-webpack": "heft eject-webpack",
     "karma": "karma start --circle true",
-    "changelog": "node scripts/create-changelog.js && node scripts/sync-changelogs.js && gulp versionUpdater",
+    "changelog": "node scripts/create-changelog.js && node scripts/sync-changelogs.js && heft version-updater",
     "postinstall": "node postinstall/install.js",
     "sonarcloud:config": "node ./scripts/sonarcloud.js",
     "sonarcloud:start": "gulp sonarqube --gulpfile gulpfile.sonarqube.js",
@@ -39,23 +38,23 @@
     "@fluentui/theme": "^2.6.6",
     "@iconify/react": "^4.1.1",
     "@juggle/resize-observer": "3.4.0",
-    "@microsoft/decorators": "1.21.1",
+    "@microsoft/decorators": "1.22.2",
     "@microsoft/mgt-react": "3.1.3",
     "@microsoft/mgt-spfx": "3.1.3",
-    "@microsoft/sp-adaptive-card-extension-base": "1.21.1",
-    "@microsoft/sp-application-base": "1.21.1",
-    "@microsoft/sp-component-base": "1.21.1",
-    "@microsoft/sp-core-library": "1.21.1",
-    "@microsoft/sp-dialog": "1.21.1",
-    "@microsoft/sp-extension-base": "1.21.1",
-    "@microsoft/sp-http": "1.21.1",
-    "@microsoft/sp-listview-extensibility": "1.21.1",
-    "@microsoft/sp-loader": "1.21.1",
-    "@microsoft/sp-lodash-subset": "1.21.1",
-    "@microsoft/sp-office-ui-fabric-core": "1.21.1",
-    "@microsoft/sp-page-context": "1.21.1",
-    "@microsoft/sp-property-pane": "1.21.1",
-    "@microsoft/sp-webpart-base": "1.21.1",
+    "@microsoft/sp-adaptive-card-extension-base": "1.22.2",
+    "@microsoft/sp-application-base": "1.22.2",
+    "@microsoft/sp-component-base": "1.22.2",
+    "@microsoft/sp-core-library": "1.22.2",
+    "@microsoft/sp-dialog": "1.22.2",
+    "@microsoft/sp-extension-base": "1.22.2",
+    "@microsoft/sp-http": "1.22.2",
+    "@microsoft/sp-listview-extensibility": "1.22.2",
+    "@microsoft/sp-loader": "1.22.2",
+    "@microsoft/sp-lodash-subset": "1.22.2",
+    "@microsoft/sp-office-ui-fabric-core": "1.22.2",
+    "@microsoft/sp-page-context": "1.22.2",
+    "@microsoft/sp-property-pane": "1.22.2",
+    "@microsoft/sp-webpart-base": "1.22.2",
     "@monaco-editor/loader": "^1.3.1",
     "@nuvemerudita/react-controls": "1.0.0",
     "@pnp/common": "2.5.0",
@@ -93,32 +92,39 @@
     "swiper": "^8.2.6"
   },
   "devDependencies": {
-    "@microsoft/eslint-config-spfx": "1.21.1",
-    "@microsoft/eslint-plugin-spfx": "1.21.1",
+    "@microsoft/eslint-config-spfx": "1.22.2",
+    "@microsoft/eslint-plugin-spfx": "1.22.2",
     "@microsoft/microsoft-graph-types": "^2.1.0",
-    "@microsoft/rush-stack-compiler-5.3": "0.1.0",
-    "@microsoft/sp-build-web": "1.21.1",
-    "@microsoft/sp-module-interfaces": "1.21.1",
-    "@rushstack/eslint-config": "4.0.1",
+    "@microsoft/sp-module-interfaces": "1.22.2",
+    "@microsoft/spfx-heft-plugins": "1.22.2",
+    "@microsoft/spfx-web-build-rig": "1.22.2",
+    "@rushstack/eslint-config": "4.5.2",
+    "@rushstack/heft": "1.1.2",
+    "@types/chai": "4.3.4",
     "@types/chart.js": "2.7.40",
+    "@types/color": "3.0.6",
     "@types/enzyme": "^2.8.12",
     "@types/es6-promise": "3.3.0",
     "@types/he": "^1.1.2",
+    "@types/heft-jest": "1.0.2",
     "@types/jest": "25.2.3",
     "@types/lodash": "4.14.202",
     "@types/maplibre-gl": "^1.13.2",
+    "@types/markdown-it": "14.1.1",
     "@types/quill": "^1.3.10",
     "@types/react": "17.0.45",
     "@types/react-dom": "17.0.17",
     "@types/react-mentions": "^4.1.3",
     "@types/sinon": "10.0.13",
+    "@types/uuid": "8.3.4",
     "@types/webpack-env": "~1.15.2",
     "@types/wicg-entries-api": "^2020.8.2",
+    "@typescript-eslint/parser": "8.46.2",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
-    "ajv": "6.12.5",
     "amd-loader": "0.0.8",
     "chai": "^4.3.4",
     "codecov": "3.8.3",
+    "css-loader": "7.1.2",
     "enzyme": "^3.11.0",
     "eslint": "8.57.1",
     "eslint-plugin-react-hooks": "4.3.0",
@@ -136,9 +142,15 @@
     "spfx-fast-serve-helpers": "1.21.1",
     "ts-jest": "^29.1.1",
     "tslib": "2.3.1",
-    "typescript": "5.3.3",
+    "typescript": "5.8.3",
     "webpack-bundle-analyzer": "^4.1.0"
   },
+  "resolutions": {
+    "@types/react": "17.0.45"
+  },
+  "overrides": {
+    "@rushstack/heft": "1.1.2"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/pnp/sp-dev-fx-controls-react"

package/release/analysis-logs/lint.sarif

@@ -0,0 +1,17 @@
+{
+  "version": "2.1.0",
+  "$schema": "http://json.schemastore.org/sarif-2.1.0-rtm.5",
+  "runs": [
+    {
+      "tool": {
+        "driver": {
+          "name": "ESLint",
+          "informationUri": "https://eslint.org",
+          "version": "8.57.1",
+          "rules": []
+        }
+      },
+      "results": []
+    }
+  ]
+}