npm - @pnp/spfx-property-controls - Versions diffs - 3.21.0 → 3.22.0-beta.1921141 - Mend

@pnp/spfx-property-controls 3.21.0 → 3.22.0-beta.1921141

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/CHANGELOG.json CHANGED Viewed

@@ -1,5 +1,14 @@
 {
   "versions": [
+    {
+      "version": "3.22.0",
+      "changes": {
+        "new": [],
+        "enhancements": [],
+        "fixes": []
+      },
+      "contributions": []
+    },
     {
       "version": "3.21.0",
       "changes": {

package/lib/PropertyFieldBrandFontPicker.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './propertyFields/brandFontPicker';
2	+ //# sourceMappingURL=PropertyFieldBrandFontPicker.d.ts.map

package/lib/PropertyFieldBrandFontPicker.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"PropertyFieldBrandFontPicker.d.ts","sourceRoot":"","sources":["../src/PropertyFieldBrandFontPicker.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}

package/lib/PropertyFieldBrandFontPicker.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './propertyFields/brandFontPicker';
2	+ //# sourceMappingURL=PropertyFieldBrandFontPicker.js.map

package/lib/PropertyFieldBrandFontPicker.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"PropertyFieldBrandFontPicker.js","sourceRoot":"","sources":["../src/PropertyFieldBrandFontPicker.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}

package/lib/common/telemetry/version.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../src/common/telemetry/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,EAAE,~~MAAiB~~,CAAC"}
1	+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../src/common/telemetry/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,EAAE,MAA8B,CAAC"}

package/lib/common/telemetry/version.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export const version = "3.21.0";
+export const version = "3.22.0-beta.1921141";
 //# sourceMappingURL=version.js.map

package/lib/common/telemetry/version.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"version.js","sourceRoot":"","sources":["../../../src/common/telemetry/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAW,~~QAAQ~~,CAAC"}
1	+ {"version":3,"file":"version.js","sourceRoot":"","sources":["../../../src/common/telemetry/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAW,qBAAqB,CAAC"}

package/lib/index.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ export * from './PropertyFieldEnterpriseTermPicker';
 export * from './PropertyFieldMultiSelect';
 export * from './PropertyFieldNumber';
 export * from './PropertyFieldGuid';
+export * from './PropertyFieldBrandFontPicker';
 export * from './PropertyFieldButtonWithCallout';
 export * from './PropertyFieldCheckboxWithCallout';
 export * from './PropertyFieldChoiceGroupWithCallout';

package/lib/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;~~AAEpC~~,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AAEtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAE/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AAEtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC"}

package/lib/index.js CHANGED Viewed

@@ -8,6 +8,7 @@ export * from './PropertyFieldEnterpriseTermPicker';
 export * from './PropertyFieldMultiSelect';
 export * from './PropertyFieldNumber';
 export * from './PropertyFieldGuid';
+export * from './PropertyFieldBrandFontPicker';
 export * from './PropertyFieldButtonWithCallout';
 export * from './PropertyFieldCheckboxWithCallout';
 export * from './PropertyFieldChoiceGroupWithCallout';

package/lib/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;~~AAEpC~~,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AAEtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAE/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AAEtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC"}

package/lib/propertyFields/brandFontPicker/IPropertyFieldBrandFontPicker.d.ts ADDED Viewed

@@ -0,0 +1,117 @@
+import { IPropertyPaneCustomFieldProps } from '@microsoft/sp-property-pane';
+import { BaseComponentContext } from '@microsoft/sp-component-base';
+/**
+ * Brand font token interface
+ */
+export interface IBrandFontToken {
+    /**
+     * The CSS variable name (e.g., "fontFamilyBase")
+     */
+    name: string;
+    /**
+     * The display name for the font
+     */
+    displayName: string;
+    /**
+     * The font family value (e.g., "Segoe UI, system-ui, sans-serif")
+     */
+    value: string;
+    /**
+     * Optional preview text
+     */
+    preview?: string;
+    /**
+     * Optional font file URL
+     */
+    fileUrl?: string;
+    /**
+     * Font source category
+     */
+    category?: 'site' | 'organization' | 'microsoft';
+}
+/**
+ * Public properties of the PropertyFieldBrandFontPicker custom field
+ */
+export interface IPropertyFieldBrandFontPickerProps {
+    /**
+     * Property field label displayed on top
+     */
+    label: string;
+    /**
+     * Defines an onPropertyChange function to raise when the selected value changes.
+     * Normally this function must be defined with the 'this.onPropertyChange'
+     * method of the web part object.
+     */
+    onPropertyChange(propertyPath: string, oldValue: any, newValue: any): void;
+    /**
+     * The initial selected font token name
+     */
+    initialValue?: string;
+    /**
+     * Whether the property pane field is enabled or not
+     */
+    disabled?: boolean;
+    /**
+     * The context object of the SPFx component
+     */
+    context: BaseComponentContext;
+    /**
+     * Custom properties object
+     */
+    properties?: any;
+    /**
+     * An unique key that indicates the identity of this control
+     */
+    key?: string;
+    /**
+     * Whether the property pane field is visible or not
+     */
+    isHidden?: boolean;
+    /**
+     * Custom font tokens to use as fallback or override
+     */
+    customFontTokens?: IBrandFontToken[];
+    /**
+     * Callback function that will be called on font tokens loaded
+     */
+    onFontTokensLoaded?: (tokens: IBrandFontToken[]) => void;
+    /**
+     * Whether to show preview text in the dropdown
+     */
+    showPreview?: boolean;
+    /**
+     * Custom preview text to use
+     */
+    previewText?: string;
+    /**
+     * Error message to display when font tokens cannot be loaded
+     */
+    loadingErrorMessage?: string;
+    /**
+     * Whether to use system fonts as fallback when Brand Center is not available
+     */
+    useSystemFallback?: boolean;
+}
+/**
+ * Private properties of the PropertyFieldBrandFontPicker custom field.
+ * We separate public & private properties to include onRender & onDispose method waited
+ * by the PropertyPane control without asking it from the developer
+ */
+export interface IPropertyFieldBrandFontPickerPropsInternal extends IPropertyPaneCustomFieldProps {
+    label: string;
+    initialValue?: string;
+    targetProperty: string;
+    context: BaseComponentContext;
+    onPropertyChange(propertyPath: string, oldValue: any, newValue: any): void;
+    properties: any;
+    disabled?: boolean;
+    key: string;
+    isHidden?: boolean;
+    customFontTokens?: IBrandFontToken[];
+    onFontTokensLoaded?: (tokens: IBrandFontToken[]) => void;
+    showPreview?: boolean;
+    previewText?: string;
+    loadingErrorMessage?: string;
+    useSystemFallback?: boolean;
+}
+//# sourceMappingURL=IPropertyFieldBrandFontPicker.d.ts.map

package/lib/propertyFields/brandFontPicker/IPropertyFieldBrandFontPicker.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IPropertyFieldBrandFontPicker.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/brandFontPicker/IPropertyFieldBrandFontPicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC;CAClD;AAED;;GAEG;AACH,MAAM,WAAW,kCAAkC;IACjD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,GAAG,IAAI,CAAC;IAE3E;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,oBAAoB,CAAC;IAE9B;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH,MAAM,WAAW,0CAA2C,SAAQ,6BAA6B;IAC/F,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,GAAG,IAAI,CAAC;IAC3E,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B"}

package/lib/propertyFields/brandFontPicker/IPropertyFieldBrandFontPicker.js ADDED Viewed

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

package/lib/propertyFields/brandFontPicker/IPropertyFieldBrandFontPicker.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"IPropertyFieldBrandFontPicker.js","sourceRoot":"","sources":["../../../src/propertyFields/brandFontPicker/IPropertyFieldBrandFontPicker.ts"],"names":[],"mappings":""}

package/lib/propertyFields/brandFontPicker/IPropertyFieldBrandFontPickerHost.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { IBrandFontToken } from './IPropertyFieldBrandFontPicker';
+import { BaseComponentContext } from '@microsoft/sp-component-base';
+/**
+ * PropertyFieldBrandFontPickerHost properties interface
+ */
+export interface IPropertyFieldBrandFontPickerHostProps {
+    label: string;
+    initialValue?: string;
+    targetProperty: string;
+    context: BaseComponentContext;
+    onSelectionChanged?: (option: IBrandFontToken) => void;
+    disabled?: boolean;
+    customFontTokens?: IBrandFontToken[];
+    onFontTokensLoaded?: (tokens: IBrandFontToken[]) => void;
+    showPreview?: boolean;
+    previewText?: string;
+    loadingErrorMessage?: string;
+    useSystemFallback?: boolean;
+}
+/**
+ * PropertyFieldBrandFontPickerHost state interface
+ */
+export interface IPropertyFieldBrandFontPickerHostState {
+    loading: boolean;
+    fontTokens: IBrandFontToken[];
+    selectedToken?: IBrandFontToken;
+    errorMessage?: string;
+}
+//# sourceMappingURL=IPropertyFieldBrandFontPickerHost.d.ts.map

package/lib/propertyFields/brandFontPicker/IPropertyFieldBrandFontPickerHost.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IPropertyFieldBrandFontPickerHost.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/brandFontPicker/IPropertyFieldBrandFontPickerHost.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,sCAAsC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,sCAAsC;IACrD,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/lib/propertyFields/brandFontPicker/IPropertyFieldBrandFontPickerHost.js ADDED Viewed

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

package/lib/propertyFields/brandFontPicker/IPropertyFieldBrandFontPickerHost.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"IPropertyFieldBrandFontPickerHost.js","sourceRoot":"","sources":["../../../src/propertyFields/brandFontPicker/IPropertyFieldBrandFontPickerHost.ts"],"names":[],"mappings":""}

package/lib/propertyFields/brandFontPicker/PropertyFieldBrandFontPicker.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { IPropertyPaneField } from '@microsoft/sp-property-pane';
+import { IPropertyFieldBrandFontPickerProps, IPropertyFieldBrandFontPickerPropsInternal } from './IPropertyFieldBrandFontPicker';
+/**
+ * Helper method to create a Brand Font Picker on the PropertyPane.
+ * @param targetProperty - Target property the Brand Font Picker is associated to.
+ * @param properties - Strongly typed Brand Font Picker properties.
+ */
+export declare function PropertyFieldBrandFontPicker(targetProperty: string, properties: IPropertyFieldBrandFontPickerProps): IPropertyPaneField<IPropertyFieldBrandFontPickerPropsInternal>;
+//# sourceMappingURL=PropertyFieldBrandFontPicker.d.ts.map

package/lib/propertyFields/brandFontPicker/PropertyFieldBrandFontPicker.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PropertyFieldBrandFontPicker.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/brandFontPicker/PropertyFieldBrandFontPicker.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAEnB,MAAM,6BAA6B,CAAC;AAIrC,OAAO,EACL,kCAAkC,EAClC,0CAA0C,EAE3C,MAAM,iCAAiC,CAAC;AAuFzC;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,kCAAkC,GAAG,kBAAkB,CAAC,0CAA0C,CAAC,CAwBnL"}

package/lib/propertyFields/brandFontPicker/PropertyFieldBrandFontPicker.js ADDED Viewed

@@ -0,0 +1,107 @@
+import * as React from 'react';
+import * as ReactDom from 'react-dom';
+import { PropertyPaneFieldType } from '@microsoft/sp-property-pane';
+import { setPropertyValue } from '../../helpers/GeneralHelper';
+import { debounce } from '../../common/util/Util';
+import PropertyFieldBrandFontPickerHost from './PropertyFieldBrandFontPickerHost';
+/**
+ * Represents a PropertyFieldBrandFontPicker object
+ */
+class PropertyFieldBrandFontPickerBuilder {
+    constructor(_targetProperty, _properties) {
+        // Properties defined by IPropertyPaneField
+        this.type = PropertyPaneFieldType.Custom;
+        this._debounce = debounce(); // eslint-disable-line @typescript-eslint/no-explicit-any
+        this.targetProperty = _targetProperty;
+        this.properties = {
+            key: _properties.key,
+            label: _properties.label,
+            targetProperty: _targetProperty,
+            onPropertyChange: _properties.onPropertyChange,
+            initialValue: _properties.initialValue,
+            disabled: _properties.disabled,
+            isHidden: _properties.isHidden,
+            context: _properties.context,
+            properties: _properties.properties,
+            customFontTokens: _properties.customFontTokens,
+            onFontTokensLoaded: _properties.onFontTokensLoaded,
+            showPreview: _properties.showPreview,
+            previewText: _properties.previewText,
+            loadingErrorMessage: _properties.loadingErrorMessage,
+            useSystemFallback: _properties.useSystemFallback,
+            onRender: this.onRender.bind(this),
+            onDispose: this.onDispose.bind(this)
+        };
+    }
+    /**
+     * Renders the BrandFontPicker field content
+     */
+    onRender(elem, ctx, changeCallback) {
+        if (!this.elem) {
+            this.elem = elem;
+        }
+        this.changeCB = changeCallback;
+        const element = React.createElement(PropertyFieldBrandFontPickerHost, {
+            label: this.properties.label,
+            targetProperty: this.targetProperty,
+            context: this.properties.context,
+            initialValue: this.properties.initialValue,
+            disabled: this.properties.disabled,
+            onSelectionChanged: this.onSelectionChanged.bind(this),
+            customFontTokens: this.properties.customFontTokens,
+            onFontTokensLoaded: this.properties.onFontTokensLoaded,
+            showPreview: this.properties.showPreview,
+            previewText: this.properties.previewText,
+            loadingErrorMessage: this.properties.loadingErrorMessage,
+            useSystemFallback: this.properties.useSystemFallback
+        });
+        ReactDom.render(element, elem);
+    }
+    /**
+     * Disposes the current object
+     */
+    onDispose(elem) {
+        ReactDom.unmountComponentAtNode(elem);
+    }
+    /**
+     * Called when the font selection has been changed
+     */
+    onSelectionChanged(option) {
+        this._debounce(() => {
+            setPropertyValue(this.properties.properties, this.targetProperty, option.value);
+            this.properties.onPropertyChange(this.targetProperty, this.properties.initialValue, option.value);
+            if (typeof this.changeCB !== 'undefined' && this.changeCB !== null) {
+                this.changeCB(this.targetProperty, option.value);
+            }
+        }, 200);
+    }
+}
+/**
+ * Helper method to create a Brand Font Picker on the PropertyPane.
+ * @param targetProperty - Target property the Brand Font Picker is associated to.
+ * @param properties - Strongly typed Brand Font Picker properties.
+ */
+export function PropertyFieldBrandFontPicker(targetProperty, properties) {
+    // Create an internal properties object from the given properties
+    const newProperties = {
+        label: properties.label,
+        onPropertyChange: properties.onPropertyChange,
+        context: properties.context,
+        initialValue: properties.initialValue,
+        disabled: properties.disabled,
+        isHidden: properties.isHidden,
+        properties: properties.properties,
+        customFontTokens: properties.customFontTokens,
+        onFontTokensLoaded: properties.onFontTokensLoaded,
+        showPreview: properties.showPreview !== false, // Default to true
+        previewText: properties.previewText,
+        loadingErrorMessage: properties.loadingErrorMessage,
+        useSystemFallback: properties.useSystemFallback !== false, // Default to true
+        key: properties.key
+    };
+    // Safely set the property
+    setPropertyValue(newProperties.properties, targetProperty, newProperties.initialValue);
+    // Create a new instance of the PropertyFieldBrandFontPickerBuilder
+    return new PropertyFieldBrandFontPickerBuilder(targetProperty, newProperties);
+}
+//# sourceMappingURL=PropertyFieldBrandFontPicker.js.map

package/lib/propertyFields/brandFontPicker/PropertyFieldBrandFontPicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PropertyFieldBrandFontPicker.js","sourceRoot":"","sources":["../../../src/propertyFields/brandFontPicker/PropertyFieldBrandFontPicker.ts"],"names":[],"mappings":"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"}

package/lib/propertyFields/brandFontPicker/PropertyFieldBrandFontPickerHost.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { IPropertyFieldBrandFontPickerHostProps, IPropertyFieldBrandFontPickerHostState } from './IPropertyFieldBrandFontPickerHost';
+/**
+ * Renders the controls for PropertyFieldBrandFontPicker component
+ */
+export default class PropertyFieldBrandFontPickerHost extends React.Component<IPropertyFieldBrandFontPickerHostProps, IPropertyFieldBrandFontPickerHostState> {
+    private readonly brandCenterService;
+    constructor(props: IPropertyFieldBrandFontPickerHostProps);
+    componentDidMount(): void;
+    /**
+     * Load font tokens from Brand Center or fallback
+     */
+    private loadFontTokens;
+    /**
+     * Handle font selection change
+     */
+    private readonly onSelectionChanged;
+    /**
+     * Custom render for dropdown option to show font preview
+     */
+    private readonly onRenderOption;
+    /**
+     * Custom render for dropdown title to show selected font preview
+     */
+    private readonly onRenderTitle;
+    render(): React.ReactElement<IPropertyFieldBrandFontPickerHostProps>;
+}
+//# sourceMappingURL=PropertyFieldBrandFontPickerHost.d.ts.map

package/lib/propertyFields/brandFontPicker/PropertyFieldBrandFontPickerHost.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PropertyFieldBrandFontPickerHost.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/brandFontPicker/PropertyFieldBrandFontPickerHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EACL,sCAAsC,EACtC,sCAAsC,EACvC,MAAM,qCAAqC,CAAC;AAI7C;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,sCAAsC,EAAE,sCAAsC,CAAC;IAC3J,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAqB;gBAE5C,KAAK,EAAE,sCAAsC;IAclD,iBAAiB,IAAI,IAAI;IAKhC;;OAEG;YACW,cAAc;IAgD5B;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAWjC;IAEF;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,cAAc,CAsD7B;IAEF;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,aAAa,CAuC5B;IAEK,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,sCAAsC,CAAC;CAyF5E"}

package/lib/propertyFields/brandFontPicker/PropertyFieldBrandFontPickerHost.js ADDED Viewed

@@ -0,0 +1,223 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import * as React from 'react';
+import { Dropdown, DropdownMenuItemType, Label, Spinner, SpinnerSize, MessageBar, MessageBarType } from '@fluentui/react';
+import { BrandCenterService } from '../../services/BrandCenterService';
+/**
+ * Renders the controls for PropertyFieldBrandFontPicker component
+ */
+export default class PropertyFieldBrandFontPickerHost extends React.Component {
+    constructor(props) {
+        super(props);
+        /**
+         * Handle font selection change
+         */
+        this.onSelectionChanged = (event, option) => {
+            if (option && option.itemType !== DropdownMenuItemType.Header) {
+                const selectedToken = this.state.fontTokens.find(token => token.name === option.key);
+                if (selectedToken) {
+                    this.setState({ selectedToken });
+                    if (this.props.onSelectionChanged) {
+                        this.props.onSelectionChanged(selectedToken);
+                    }
+                }
+            }
+        };
+        /**
+         * Custom render for dropdown option to show font preview
+         */
+        this.onRenderOption = (option) => {
+            if (!option) {
+                return React.createElement("div", null);
+            }
+            // Skip rendering for header items
+            if (option.itemType === DropdownMenuItemType.Header) {
+                return (React.createElement("div", { style: {
+                        fontWeight: '600',
+                        color: '#605e5c',
+                        padding: '8px 12px',
+                        fontSize: '12px',
+                        textTransform: 'uppercase',
+                        letterSpacing: '0.5px'
+                    } }, option.text));
+            }
+            const fontToken = this.state.fontTokens.find(token => token.name === option.key);
+            const fontValue = (fontToken === null || fontToken === void 0 ? void 0 : fontToken.value) || '';
+            return (React.createElement("div", { style: {
+                    padding: '8px 12px',
+                    minHeight: '40px',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    justifyContent: 'center'
+                } },
+                React.createElement("div", { style: {
+                        fontSize: '14px',
+                        color: '#323130',
+                        lineHeight: '20px',
+                        marginBottom: this.props.showPreview ? '2px' : '0'
+                    } }, option.text),
+                this.props.showPreview && (React.createElement("div", { style: {
+                        fontFamily: fontValue,
+                        fontSize: '12px',
+                        color: '#605e5c',
+                        lineHeight: '16px'
+                    } }, "Sample text preview"))));
+        };
+        /**
+         * Custom render for dropdown title to show selected font preview
+         */
+        this.onRenderTitle = (options) => {
+            if (!options || options.length === 0) {
+                return React.createElement("div", null);
+            }
+            const option = options[0];
+            const fontToken = this.state.fontTokens.find(token => token.name === option.key);
+            const fontValue = (fontToken === null || fontToken === void 0 ? void 0 : fontToken.value) || '';
+            return (React.createElement("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    justifyContent: 'center',
+                    height: '40px',
+                    paddingLeft: '12px',
+                    paddingRight: '12px'
+                } },
+                React.createElement("span", { style: {
+                        color: '#323130',
+                        fontSize: '14px',
+                        lineHeight: '20px'
+                    } }, option.text),
+                this.props.showPreview && (React.createElement("span", { style: {
+                        fontFamily: fontValue,
+                        fontSize: '12px',
+                        color: '#605e5c',
+                        lineHeight: '16px'
+                    } }, "Sample text preview"))));
+        };
+        this.state = {
+            loading: true,
+            fontTokens: [],
+            selectedToken: undefined,
+            errorMessage: undefined
+        };
+        // Initialize the BrandCenterService
+        this.brandCenterService = new BrandCenterService(this.props.context);
+    }
+    componentDidMount() {
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        this.loadFontTokens();
+    }
+    /**
+     * Load font tokens from Brand Center or fallback
+     */
+    loadFontTokens() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.setState({ loading: true, errorMessage: undefined });
+            try {
+                let fontTokens = [];
+                console.log('🎨 Brand Center Font Picker: Starting font token loading...');
+                // Check if custom font tokens are provided
+                if (this.props.customFontTokens && this.props.customFontTokens.length > 0) {
+                    fontTokens = this.props.customFontTokens;
+                    console.log('🎨 Brand Center Font Picker: Using custom font tokens:', fontTokens.length);
+                }
+                else {
+                    // Try to load from Brand Center using the service
+                    console.log('🎨 Brand Center Font Picker: Loading from Brand Center service...');
+                    fontTokens = yield this.brandCenterService.getFontTokens();
+                    console.log('🎨 Brand Center Font Picker: Loaded font tokens:', fontTokens.length, fontTokens);
+                }
+                // Set initial selected token
+                let selectedToken;
+                if (this.props.initialValue) {
+                    selectedToken = fontTokens.find(token => token.value === this.props.initialValue);
+                }
+                this.setState({
+                    loading: false,
+                    fontTokens,
+                    selectedToken,
+                    errorMessage: undefined
+                });
+                // Notify parent component
+                if (this.props.onFontTokensLoaded) {
+                    this.props.onFontTokensLoaded(fontTokens);
+                }
+            }
+            catch (error) {
+                console.error('Error loading font tokens:', error);
+                const errorMessage = this.props.loadingErrorMessage || 'Failed to load font tokens';
+                this.setState({
+                    loading: false,
+                    fontTokens: [],
+                    selectedToken: undefined,
+                    errorMessage
+                });
+            }
+        });
+    }
+    render() {
+        const { label, disabled } = this.props;
+        const { loading, fontTokens, selectedToken, errorMessage } = this.state;
+        // Group font tokens by category and convert to dropdown options
+        const options = [];
+        // Group fonts by category
+        const categorizedFonts = {
+            site: fontTokens.filter(token => token.category === 'site'),
+            microsoft: fontTokens.filter(token => token.category === 'microsoft')
+        };
+        // Add "From this site" section
+        if (categorizedFonts.site.length > 0) {
+            options.push({
+                key: 'site-header',
+                text: 'From this site',
+                itemType: DropdownMenuItemType.Header
+            });
+            categorizedFonts.site.forEach(token => {
+                options.push({
+                    key: token.name,
+                    text: token.displayName
+                });
+            });
+        }
+        // Add "From Microsoft" section
+        if (categorizedFonts.microsoft.length > 0) {
+            options.push({
+                key: 'microsoft-header',
+                text: 'From Microsoft',
+                itemType: DropdownMenuItemType.Header
+            });
+            categorizedFonts.microsoft.forEach(token => {
+                options.push({
+                    key: token.name,
+                    text: token.displayName
+                });
+            });
+        }
+        const selectedKey = selectedToken ? selectedToken.name : undefined;
+        const dropdownStyles = {
+            dropdown: {
+                width: '100%'
+            },
+            title: {
+                height: '40px',
+                lineHeight: '40px'
+            },
+            callout: {
+                maxHeight: '300px'
+            }
+        };
+        return (React.createElement("div", null,
+            label && React.createElement(Label, null, label),
+            loading && (React.createElement("div", { style: { padding: '10px 0' } },
+                React.createElement(Spinner, { size: SpinnerSize.small, label: "Loading font tokens..." }))),
+            errorMessage && (React.createElement(MessageBar, { messageBarType: MessageBarType.error, style: { marginBottom: '10px' } }, errorMessage)),
+            !loading && !errorMessage && (React.createElement(Dropdown, { options: options, selectedKey: selectedKey, onChange: this.onSelectionChanged, disabled: disabled, placeholder: "Select a font...", styles: dropdownStyles, onRenderOption: this.props.showPreview ? this.onRenderOption : undefined, onRenderTitle: this.props.showPreview ? this.onRenderTitle : undefined }))));
+    }
+}
+//# sourceMappingURL=PropertyFieldBrandFontPickerHost.js.map

package/lib/propertyFields/brandFontPicker/PropertyFieldBrandFontPickerHost.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PropertyFieldBrandFontPickerHost.js","sourceRoot":"","sources":["../../../src/propertyFields/brandFontPicker/PropertyFieldBrandFontPickerHost.tsx"],"names":[],"mappings":"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"}

package/lib/propertyFields/brandFontPicker/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export * from './PropertyFieldBrandFontPicker';
+export * from './IPropertyFieldBrandFontPicker';
+export * from './PropertyFieldBrandFontPickerHost';
+export * from './IPropertyFieldBrandFontPickerHost';
+export * from '../../services/BrandCenterService';
+//# sourceMappingURL=index.d.ts.map

package/lib/propertyFields/brandFontPicker/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/brandFontPicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC"}

package/lib/propertyFields/brandFontPicker/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+export * from './PropertyFieldBrandFontPicker';
+export * from './IPropertyFieldBrandFontPicker';
+export * from './PropertyFieldBrandFontPickerHost';
+export * from './IPropertyFieldBrandFontPickerHost';
+export * from '../../services/BrandCenterService';
+//# sourceMappingURL=index.js.map

package/lib/propertyFields/brandFontPicker/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/propertyFields/brandFontPicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC"}

package/lib/services/BrandCenterService.d.ts ADDED Viewed

@@ -0,0 +1,46 @@
+import { BaseComponentContext } from '@microsoft/sp-component-base';
+import { IBrandFontToken } from '../propertyFields/brandFontPicker/IPropertyFieldBrandFontPicker';
+/**
+ * Service to interact with SharePoint Brand Center for font tokens
+ */
+export declare class BrandCenterService {
+    private readonly context;
+    constructor(context: BaseComponentContext);
+    /**
+     * Get font tokens from SharePoint Brand Center
+     */
+    getFontTokens(): Promise<IBrandFontToken[]>;
+    /**
+     * Get system font tokens as fallback
+     */
+    private getSystemFontTokens;
+    /**
+     * Try to get font tokens using SharePoint Brand Center REST API
+     */
+    private getFontTokensFromRest;
+    /**
+     * Fetch site font packages from SharePoint API
+     */
+    private fetchSiteFontPackages;
+    /**
+     * Parse the site font packages response
+     */
+    private parseSiteFontPackagesResponse;
+    /**
+     * Process JSON response containing font packages
+     */
+    private processJsonFontPackagesResponse;
+    /**
+     * Process Atom XML response containing font packages
+     */
+    private processAtomXmlFontPackagesResponse;
+    /**
+     * Parse an Atom entry element to extract font package data
+     */
+    private parseAtomEntry;
+    /**
+     * Process a site font package and extract font tokens
+     */
+    private processSiteFontPackage;
+}
+//# sourceMappingURL=BrandCenterService.d.ts.map

package/lib/services/BrandCenterService.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BrandCenterService.d.ts","sourceRoot":"","sources":["../../src/services/BrandCenterService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,iEAAiE,CAAC;AAElG;;GAEG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAuB;gBAEnC,OAAO,EAAE,oBAAoB;IAIzC;;OAEG;IACU,aAAa,IAAI,OAAO,CAAC,eAAe,EAAE,CAAC;IAYxD;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA0B3B;;OAEG;YACW,qBAAqB;IAanC;;OAEG;YACW,qBAAqB;IA0BnC;;OAEG;YACW,6BAA6B;IAmB3C;;OAEG;YACW,+BAA+B;IAkB7C;;OAEG;YACW,kCAAkC;IAqChD;;OAEG;IACH,OAAO,CAAC,cAAc;IA8BtB;;OAEG;YACW,sBAAsB;CA0ErC"}

package/lib/services/BrandCenterService.js ADDED Viewed

@@ -0,0 +1,282 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/**
+ * Service to interact with SharePoint Brand Center for font tokens
+ */
+export class BrandCenterService {
+    constructor(context) {
+        this.context = context;
+    }
+    /**
+     * Get font tokens from SharePoint Brand Center
+     */
+    getFontTokens() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const siteFontTokens = yield this.getFontTokensFromRest();
+            const systemTokens = this.getSystemFontTokens();
+            // Combine all font tokens with categories
+            const allTokens = [...siteFontTokens, ...systemTokens];
+            return allTokens;
+        });
+    }
+    /**
+     * Get system font tokens as fallback
+     */
+    getSystemFontTokens() {
+        return [
+            {
+                name: 'fontFamilyBase',
+                displayName: 'Base Font',
+                value: 'var(--fontFamilyBase, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif)',
+                preview: 'The quick brown fox jumps over the lazy dog',
+                category: 'microsoft'
+            },
+            {
+                name: 'fontFamilyMonospace',
+                displayName: 'Monospace Font',
+                value: 'var(--fontFamilyMonospace, Consolas, "Courier New", Courier, monospace)',
+                preview: 'The quick brown fox jumps over the lazy dog',
+                category: 'microsoft'
+            },
+            {
+                name: 'fontFamilyNumeric',
+                displayName: 'Numeric Font',
+                value: 'var(--fontFamilyNumeric, Bahnschrift, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif)',
+                preview: '0123456789',
+                category: 'microsoft'
+            }
+        ];
+    }
+    /**
+     * Try to get font tokens using SharePoint Brand Center REST API
+     */
+    getFontTokensFromRest() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const spHttpClient = this.context.spHttpClient;
+                const currentWebUrl = this.context.pageContext.web.absoluteUrl;
+                return yield this.fetchSiteFontPackages(spHttpClient, currentWebUrl);
+            }
+            catch (error) {
+                console.debug('SharePoint Brand Center REST API access not available:', error);
+            }
+            return [];
+        });
+    }
+    /**
+     * Fetch site font packages from SharePoint API
+     */
+    fetchSiteFontPackages(spHttpClient, currentWebUrl) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const tokens = [];
+            try {
+                const siteFontPackagesResponse = yield spHttpClient.get(`${currentWebUrl}/_api/SiteFontPackages`, {
+                    headers: {
+                        'Accept': 'application/json;odata=verbose',
+                        'Content-Type': 'application/json;odata=verbose'
+                    }
+                } // eslint-disable-line @typescript-eslint/no-explicit-any
+                );
+                if (siteFontPackagesResponse.ok) {
+                    return yield this.parseSiteFontPackagesResponse(siteFontPackagesResponse, currentWebUrl);
+                }
+                else {
+                    console.debug(`Site font packages API returned ${siteFontPackagesResponse.status}: ${siteFontPackagesResponse.statusText}`);
+                }
+            }
+            catch (siteFontPackagesError) {
+                console.debug('Site font packages not available:', siteFontPackagesError);
+            }
+            return tokens;
+        });
+    }
+    /**
+     * Parse the site font packages response
+     */
+    parseSiteFontPackagesResponse(response, currentWebUrl) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const contentType = response.headers.get('content-type');
+            // Check if the response is JSON
+            if (contentType === null || contentType === void 0 ? void 0 : contentType.includes('application/json')) {
+                return yield this.processJsonFontPackagesResponse(response, currentWebUrl);
+            }
+            // Check if the response is Atom XML feed
+            else if (contentType === null || contentType === void 0 ? void 0 : contentType.includes('application/atom+xml')) {
+                return yield this.processAtomXmlFontPackagesResponse(response, currentWebUrl);
+            }
+            else {
+                // Response is not JSON or Atom XML, likely an error response
+                const responseText = yield response.text();
+                console.debug('Site font packages returned unexpected response:', responseText.substring(0, 200));
+                return [];
+            }
+        });
+    }
+    /**
+     * Process JSON response containing font packages
+     */
+    processJsonFontPackagesResponse(response, currentWebUrl) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const tokens = [];
+            const siteFontPackagesData = yield response.json();
+            if ((_a = siteFontPackagesData === null || siteFontPackagesData === void 0 ? void 0 : siteFontPackagesData.d) === null || _a === void 0 ? void 0 : _a.results) {
+                for (const fontPackage of siteFontPackagesData.d.results) {
+                    if (fontPackage.ID && !fontPackage.IsHidden && fontPackage.IsValid) {
+                        const fontTokens = yield this.processSiteFontPackage(fontPackage, currentWebUrl);
+                        if (fontTokens.length > 0) {
+                            tokens.push(...fontTokens);
+                        }
+                    }
+                }
+            }
+            return tokens;
+        });
+    }
+    /**
+     * Process Atom XML response containing font packages
+     */
+    processAtomXmlFontPackagesResponse(response, currentWebUrl) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const tokens = [];
+            try {
+                const xmlText = yield response.text();
+                // Parse the Atom XML feed - look for entry elements
+                const parser = new DOMParser();
+                const xmlDoc = parser.parseFromString(xmlText, 'text/xml');
+                // Check for parsing errors
+                const parserErrors = xmlDoc.getElementsByTagName('parsererror');
+                if (parserErrors.length > 0) {
+                    console.debug('XML parsing error:', parserErrors[0].textContent);
+                    return tokens;
+                }
+                // Look for entry elements in the Atom feed
+                const entries = xmlDoc.getElementsByTagName('entry');
+                for (const entry of Array.from(entries)) {
+                    const fontPackage = this.parseAtomEntry(entry);
+                    if ((fontPackage === null || fontPackage === void 0 ? void 0 : fontPackage.ID) && !fontPackage.IsHidden && fontPackage.IsValid) {
+                        const fontTokens = yield this.processSiteFontPackage(fontPackage, currentWebUrl);
+                        if (fontTokens.length > 0) {
+                            tokens.push(...fontTokens);
+                        }
+                    }
+                }
+            }
+            catch (xmlParseError) {
+                console.debug('Could not parse Atom XML response:', xmlParseError);
+            }
+            return tokens;
+        });
+    }
+    /**
+     * Parse an Atom entry element to extract font package data
+     */
+    parseAtomEntry(entry) {
+        try {
+            const properties = entry.getElementsByTagName('m:properties')[0];
+            if (!properties) {
+                return null;
+            }
+            const getValue = (tagName) => {
+                const element = properties.getElementsByTagName(tagName)[0];
+                return (element === null || element === void 0 ? void 0 : element.textContent) || null;
+            };
+            const getBoolValue = (tagName) => {
+                const value = getValue(tagName);
+                return value === 'true';
+            };
+            return {
+                ID: getValue('d:ID'),
+                Title: getValue('d:Title'),
+                IsHidden: getBoolValue('d:IsHidden'),
+                IsValid: getBoolValue('d:IsValid'),
+                PackageJson: getValue('d:PackageJson')
+            };
+        }
+        catch (parseError) {
+            console.debug('Could not parse Atom entry:', parseError);
+            return null;
+        }
+    }
+    /**
+     * Process a site font package and extract font tokens
+     */
+    processSiteFontPackage(fontPackage, webUrl) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const tokens = [];
+            try {
+                // Parse the PackageJson to get font information
+                if (fontPackage.PackageJson) {
+                    const packageData = JSON.parse(fontPackage.PackageJson);
+                    // Create a single token for the entire font package
+                    const packageTitle = fontPackage.Title; // Use the title as is
+                    // Determine the primary font value to use for the package
+                    let primaryFontValue = `"${packageTitle}", sans-serif`;
+                    // Try to get the primary font from font slots or faces
+                    if (packageData.fontSlots) {
+                        // Prefer body font, then heading, then title, then label
+                        const preferenceOrder = ['body', 'heading', 'title', 'label'];
+                        for (const slotName of preferenceOrder) {
+                            const slot = packageData.fontSlots[slotName];
+                            if (slot === null || slot === void 0 ? void 0 : slot.fontFamily) {
+                                primaryFontValue = `"${slot.fontFamily}", sans-serif`;
+                                break;
+                            }
+                        }
+                    }
+                    else if (packageData.fontFaces && Array.isArray(packageData.fontFaces) && packageData.fontFaces.length > 0) {
+                        // Use the first font face if no slots are available
+                        const firstFontFace = packageData.fontFaces[0];
+                        if (firstFontFace === null || firstFontFace === void 0 ? void 0 : firstFontFace.fontFamily) {
+                            primaryFontValue = `"${firstFontFace.fontFamily}", sans-serif`;
+                        }
+                    }
+                    // Create a single token for this font package
+                    tokens.push({
+                        name: `siteFontPackage${fontPackage.ID.replace(/[^a-zA-Z0-9]/g, '')}`,
+                        displayName: packageTitle,
+                        value: primaryFontValue,
+                        preview: 'The quick brown fox jumps over the lazy dog',
+                        fileUrl: `${webUrl}/_api/SiteFontPackages/GetById('${fontPackage.ID}')`,
+                        category: 'site'
+                    });
+                    // If no specific fonts found, create a general token from the package title
+                    if (tokens.length === 0 && fontPackage.Title) {
+                        tokens.push({
+                            name: `siteFontPackage${fontPackage.ID.replace(/[^a-zA-Z0-9]/g, '')}`,
+                            displayName: `Brand Font: ${packageTitle}`,
+                            value: `"${packageTitle}", sans-serif`,
+                            preview: 'The quick brown fox jumps over the lazy dog',
+                            fileUrl: `${webUrl}/_api/SiteFontPackages/GetById('${fontPackage.ID}')`,
+                            category: 'site'
+                        });
+                    }
+                }
+            }
+            catch (parseError) {
+                console.debug(`Could not parse font package ${fontPackage.ID}:`, parseError);
+                // Fallback: create token from title if JSON parsing fails
+                if (fontPackage.Title) {
+                    const packageTitle = fontPackage.Title; // Use the title as is
+                    tokens.push({
+                        name: `siteFontPackage${fontPackage.ID.replace(/[^a-zA-Z0-9]/g, '')}`,
+                        displayName: `Brand Font: ${packageTitle}`,
+                        value: `"${packageTitle}", sans-serif`,
+                        preview: 'The quick brown fox jumps over the lazy dog',
+                        fileUrl: `${webUrl}/_api/SiteFontPackages/GetById('${fontPackage.ID}')`,
+                        category: 'site'
+                    });
+                }
+            }
+            return tokens;
+        });
+    }
+}
+//# sourceMappingURL=BrandCenterService.js.map

package/lib/services/BrandCenterService.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BrandCenterService.js","sourceRoot":"","sources":["../../src/services/BrandCenterService.ts"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@pnp/spfx-property-controls",
   "description": "Reusable property pane controls for SharePoint Framework solutions",
-  "version": "3.21.0",
+  "version": "3.22.0-beta.1921141",
   "engines": {
     "node": ">=22.14.0 < 23.0.0"
   },
@@ -94,4 +94,4 @@
   "main": "lib/index.js",
   "maintainers": [],
   "contributors": []
-}
+}

package/release/manifests/bd19c378-ab07-4eaa-9bb6-0e329932d8bf.manifest.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "id": "bd19c378-ab07-4eaa-9bb6-0e329932d8bf",
   "alias": "PropertyControlsTestWebPart",
   "componentType": "WebPart",
-  "version": "3.21.0",
+  "version": "3.22.0",
   "manifestVersion": 2,
   "requiresCustomScript": false,
   "supportedHosts": [