@pnp/spfx-controls-react 3.15.0-beta.4968986 → 3.15.0-beta.4969006

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 (7) hide show
  1. package/CHANGELOG.json +5 -2
  2. package/lib/common/telemetry/version.js +1 -1
  3. package/lib/controls/dynamicForm/DynamicForm.module.css +1 -1
  4. package/lib/controls/dynamicForm/DynamicForm.module.scss.d.ts +2 -2
  5. package/lib/controls/dynamicForm/DynamicForm.module.scss.js +16 -16
  6. package/lib/controls/dynamicForm/dynamicField/DynamicField.js +13 -13
  7. package/package.json +1 -1
package/CHANGELOG.json CHANGED
@@ -4,13 +4,16 @@
4
4
  "version": "3.15.0",
5
5
  "changes": {
6
6
  "new": [],
7
- "enhancements": [],
7
+ "enhancements": [
8
+ "`FolderExplorer`: show files on folder explorer control [#1502](https://github.com/pnp/sp-dev-fx-controls-react/pull/1502)"
9
+ ],
8
10
  "fixes": [
9
11
  "`FieldPicker`: Changed react import to fix `cannot be used as a JSX component` error [#1500](https://github.com/pnp/sp-dev-fx-controls-react/pull/1500)"
10
12
  ]
11
13
  },
12
14
  "contributions": [
13
- "[Andreas Omayrat](https://github.com/andreasomayrat)"
15
+ "[Andreas Omayrat](https://github.com/andreasomayrat)",
16
+ "[Ayoub](https://github.com/ayoubqrt)"
14
17
  ]
15
18
  },
16
19
  {
package/lib/common/telemetry/version.js CHANGED
@@ -1,2 +1,2 @@
1
- export var version = "3.15.0-beta.4968986";
1
+ export var version = "3.15.0-beta.4969006";
2
2
  //# sourceMappingURL=version.js.map
package/lib/controls/dynamicForm/DynamicForm.module.css CHANGED
@@ -1,2 +1,2 @@
1
- .FieldEditor_ae28c3e4{padding:4px 3px}.titleContainer_ae28c3e4{display:-ms-flexbox;display:flex}.fieldLabel_ae28c3e4{font-weight:600;font-size:14px;padding-top:5px;padding-bottom:5px;font-family:"Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;font-weight:600;color:"[theme:neutralPrimary, default:#323130]";box-sizing:border-box;box-shadow:none;margin:0;overflow-wrap:break-word;display:block}.fieldDescription_ae28c3e4{font-weight:400;font-size:12px;color:#858585;margin-top:4px;font-family:"Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-wrap:break-word;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fieldIcon_ae28c3e4{-ms-flex-item-align:center;align-self:center;font-size:16px;color:"[theme:neutralSecondary, default: #605e5c]";margin-right:8px}.feildDisplayNoPadding_ae28c3e4,.feildDisplay_ae28c3e4{display:inline-block;vertical-align:top;width:100%;font-size:14px;font-weight:400;outline:0}.feildDisplay_ae28c3e4{padding:6px 0 0 0}.fieldRequired_ae28c3e4::after{content:" *";color:"[theme:errorText, default:#a4262c]";padding-right:12px}.buttons_ae28c3e4{padding:15px 4px}.filePicker_ae28c3e4{padding:7px;-ms-flex-align:center;align-items:center}.richText_ae28c3e4{position:relative}.errormessage_ae28c3e4{animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both;font-family:"Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;font-size:12px;font-weight:400;color:"[theme:errorText, default:#a4262c]";margin:0;padding-top:5px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.fieldContainer_ae28c3e4{padding-bottom:4px}.labelContainer_ae28c3e4{padding-bottom:7px}.pickersContainer_ae28c3e4{padding:6px 0 0}.thumbnailFieldButtons_ae28c3e4{display:-ms-flexbox;display:flex}
1
+ .FieldEditor_9d099108{padding:4px 3px}.titleContainer_9d099108{display:-ms-flexbox;display:flex}.fieldLabel_9d099108{font-weight:600;font-size:14px;padding-top:5px;padding-bottom:5px;font-family:"Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;font-weight:600;color:"[theme:neutralPrimary, default:#323130]";box-sizing:border-box;box-shadow:none;margin:0;overflow-wrap:break-word;display:block}.fieldDescription_9d099108{font-weight:400;font-size:12px;color:#858585;margin-top:4px;font-family:"Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-wrap:break-word;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fieldIcon_9d099108{-ms-flex-item-align:center;align-self:center;font-size:16px;color:"[theme:neutralSecondary, default: #605e5c]";margin-right:8px}.fieldDisplayNoPadding_9d099108,.fieldDisplay_9d099108{display:inline-block;vertical-align:top;width:100%;font-size:14px;font-weight:400;outline:0}.fieldDisplay_9d099108{padding:6px 0 0 0}.fieldRequired_9d099108::after{content:" *";color:"[theme:errorText, default:#a4262c]";padding-right:12px}.buttons_9d099108{padding:15px 4px}.filePicker_9d099108{padding:7px;-ms-flex-align:center;align-items:center}.richText_9d099108{position:relative}.errormessage_9d099108{animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both;font-family:"Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;font-size:12px;font-weight:400;color:"[theme:errorText, default:#a4262c]";margin:0;padding-top:5px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.fieldContainer_9d099108{padding-bottom:4px}.labelContainer_9d099108{padding-bottom:7px}.pickersContainer_9d099108{padding:6px 0 0}.thumbnailFieldButtons_9d099108{display:-ms-flexbox;display:flex}
2
2
  /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGU6Ly8vaG9tZS9ydW5uZXIvd29yay9zcC1kZXYtZngtY29udHJvbHMtcmVhY3Qvc3AtZGV2LWZ4LWNvbnRyb2xzLXJlYWN0L3NyYy9jb250cm9scy9keW5hbWljRm9ybS9EeW5hbWljRm9ybS5tb2R1bGUuc2NzcyIsIiRzdGRpbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxzQkFDQyxRQUFBLElBQUEsSUFHRCx5QkFDRSxRQUFBLFlBQUEsUUFBQSxLQUdGLHFCQUNDLFlBQUEsSUFDQSxVQUFBLEtBQ0EsWUFBQSxJQUNBLGVBQUEsSUFDQSxZQUFBLFVDRXdCLENERnhCLDhCQ0V3RCxDREZ4RCxVQ0VvRSxDREZwRSxhQ0VtRixDREZuRixrQkNFdUcsQ0RGdkcsTUNFK0csQ0RGL0csZ0JDRWlJLENERmpJLFdBRUEsdUJBQUEsWUFDQSxZQUFBLElBQ0EsTUFBQSwwQ0FDQSxXQUFBLFdBQ0EsV0FBQSxLQUNBLE9BQUEsRUFDQSxjQUFBLFdBQ0MsUUFBQSxNQUdGLDJCQUNDLFlBQUEsSUFDQSxVQUFBLEtBQ0EsTUFBQSxRQUNBLFdBQUEsSUFDQSxZQUFBLFVDQ3dCLENERHhCLDhCQ0N3RCxDRER4RCxVQ0NvRSxDRERwRSxhQ0NtRixDRERuRixrQkNDdUcsQ0REdkcsTUNDK0csQ0REL0csZ0JDQ2lJLENERGpJLFdBRUEsdUJBQUEsWUFDQSw0QkFBQSxZQUNBLGNBQUEsV0FDQSxRQUFBLE1BQ0Esb0JBQUEsS0FBQSxnQkFBQSxLQUFBLFlBQUEsS0FHRCxvQkFDQyxvQkFBQSxPQUFBLFdBQUEsT0FDQSxVQUFBLEtBQ0EsTUFBQSw2Q0FDQSxhQUFBLElBR0QsZ0NBQUEsdUJBQ0UsUUFBQSxhQUNELGVBQUEsSUFDQSxNQUFBLEtBQ0EsVUFBQSxLQUNBLFlBQUEsSUFDQSxRQUFBLEVBR0QsdUJBRUMsUUFBQSxJQUFBLEVBQUEsRUFBQSxFQU1ELCtCQUNDLFFBQUEsS0FDQSxNQUFBLHFDQUNBLGNBQUEsS0FHRCxrQkFDQyxRQUFBLEtBQUEsSUFHRCxxQkFDQyxRQUFBLElBQ0EsZUFBQSxPQUFBLFlBQUEsT0FHRCxtQkFDRSxTQUFBLFNBR0YsdUJBQ0MsbUJBQUEsTUFDQSwwQkFBQSx5QkFDQSxvQkFBQSxLQUNBLFlBQUEsVUNBd0IsQ0RBeEIsOEJDQXdELENEQXhELFVDQW9FLENEQXBFLGFDQW1GLENEQW5GLGtCQ0F1RyxDREF2RyxNQ0ErRyxDREEvRyxnQkNBaUksQ0RBakksV0FFQSx1QkFBQSxZQUNBLFVBQUEsS0FDQSxZQUFBLElBQ0EsTUFBQSxxQ0FDQSxPQUFBLEVBQ0EsWUFBQSxJQUNBLFFBQUEsWUFBQSxRQUFBLEtBQ0EsZUFBQSxPQUFBLFlBQUEsT0FHRCx5QkFDRSxlQUFBLElBR0YseUJBQ0UsZUFBQSxJQUdGLDJCQUNFLFFBQUEsSUFBQSxFQUFBLEVBR0YsZ0NBQ0UsUUFBQSxZQUFBLFFBQUEifQ== */
package/lib/controls/dynamicForm/DynamicForm.module.scss.d.ts CHANGED
@@ -4,8 +4,8 @@ declare const styles: {
4
4
  fieldLabel: string;
5
5
  fieldDescription: string;
6
6
  fieldIcon: string;
7
- feildDisplayNoPadding: string;
8
- feildDisplay: string;
7
+ fieldDisplayNoPadding: string;
8
+ fieldDisplay: string;
9
9
  fieldRequired: string;
10
10
  buttons: string;
11
11
  filePicker: string;
package/lib/controls/dynamicForm/DynamicForm.module.scss.js CHANGED
@@ -1,22 +1,22 @@
1
1
  /* tslint:disable */
2
2
  require("./DynamicForm.module.css");
3
3
  var styles = {
4
- FieldEditor: 'FieldEditor_ae28c3e4',
5
- titleContainer: 'titleContainer_ae28c3e4',
6
- fieldLabel: 'fieldLabel_ae28c3e4',
7
- fieldDescription: 'fieldDescription_ae28c3e4',
8
- fieldIcon: 'fieldIcon_ae28c3e4',
9
- feildDisplayNoPadding: 'feildDisplayNoPadding_ae28c3e4',
10
- feildDisplay: 'feildDisplay_ae28c3e4',
11
- fieldRequired: 'fieldRequired_ae28c3e4',
12
- buttons: 'buttons_ae28c3e4',
13
- filePicker: 'filePicker_ae28c3e4',
14
- richText: 'richText_ae28c3e4',
15
- errormessage: 'errormessage_ae28c3e4',
16
- fieldContainer: 'fieldContainer_ae28c3e4',
17
- labelContainer: 'labelContainer_ae28c3e4',
18
- pickersContainer: 'pickersContainer_ae28c3e4',
19
- thumbnailFieldButtons: 'thumbnailFieldButtons_ae28c3e4'
4
+ FieldEditor: 'FieldEditor_9d099108',
5
+ titleContainer: 'titleContainer_9d099108',
6
+ fieldLabel: 'fieldLabel_9d099108',
7
+ fieldDescription: 'fieldDescription_9d099108',
8
+ fieldIcon: 'fieldIcon_9d099108',
9
+ fieldDisplayNoPadding: 'fieldDisplayNoPadding_9d099108',
10
+ fieldDisplay: 'fieldDisplay_9d099108',
11
+ fieldRequired: 'fieldRequired_9d099108',
12
+ buttons: 'buttons_9d099108',
13
+ filePicker: 'filePicker_9d099108',
14
+ richText: 'richText_9d099108',
15
+ errormessage: 'errormessage_9d099108',
16
+ fieldContainer: 'fieldContainer_9d099108',
17
+ labelContainer: 'labelContainer_9d099108',
18
+ pickersContainer: 'pickersContainer_9d099108',
19
+ thumbnailFieldButtons: 'thumbnailFieldButtons_9d099108'
20
20
  };
21
21
  export default styles;
22
22
  /* tslint:enable */
package/lib/controls/dynamicForm/dynamicField/DynamicField.js CHANGED
@@ -115,7 +115,7 @@ var DynamicField = /** @class */ (function (_super) {
115
115
  React.createElement("div", { className: styles.titleContainer },
116
116
  React.createElement(Icon, { className: styles.fieldIcon, iconName: "TextField" }),
117
117
  labelEl),
118
- React.createElement(TextField, { defaultValue: defaultValue, placeholder: placeholder, className: styles.feildDisplay, onChange: function (e, newText) { _this.onChange(newText); }, disabled: disabled, onBlur: _this.onBlur, errorMessage: errorText }),
118
+ React.createElement(TextField, { defaultValue: defaultValue, placeholder: placeholder, className: styles.fieldDisplay, onChange: function (e, newText) { _this.onChange(newText); }, disabled: disabled, onBlur: _this.onBlur, errorMessage: errorText }),
119
119
  descriptionEl);
120
120
  case 'Note':
121
121
  if (isRichText) {
@@ -124,7 +124,7 @@ var DynamicField = /** @class */ (function (_super) {
124
124
  React.createElement("div", { className: styles.titleContainer },
125
125
  React.createElement(Icon, { className: styles.fieldIcon, iconName: "AlignLeft" }),
126
126
  labelEl),
127
- React.createElement(RichText, { placeholder: placeholder, value: value, className: styles.feildDisplay, onChange: function (newText) { _this.onChange(newText); return newText; }, isEditMode: disabled }),
127
+ React.createElement(RichText, { placeholder: placeholder, value: value, className: styles.fieldDisplay, onChange: function (newText) { _this.onChange(newText); return newText; }, isEditMode: disabled }),
128
128
  descriptionEl,
129
129
  errorTextEl);
130
130
  }
@@ -133,7 +133,7 @@ var DynamicField = /** @class */ (function (_super) {
133
133
  React.createElement("div", { className: styles.titleContainer },
134
134
  React.createElement(Icon, { className: styles.fieldIcon, iconName: "AlignLeft" }),
135
135
  labelEl),
136
- React.createElement(TextField, { defaultValue: defaultValue, placeholder: placeholder, className: styles.feildDisplay, multiline: true, onChange: function (e, newText) { _this.onChange(newText); }, disabled: disabled, onBlur: _this.onBlur, errorMessage: errorText }),
136
+ React.createElement(TextField, { defaultValue: defaultValue, placeholder: placeholder, className: styles.fieldDisplay, multiline: true, onChange: function (e, newText) { _this.onChange(newText); }, disabled: disabled, onBlur: _this.onBlur, errorMessage: errorText }),
137
137
  descriptionEl);
138
138
  }
139
139
  case 'Choice':
@@ -162,7 +162,7 @@ var DynamicField = /** @class */ (function (_super) {
162
162
  React.createElement("div", { className: styles.titleContainer },
163
163
  React.createElement(Icon, { className: styles.fieldIcon, iconName: "Switch" }),
164
164
  labelEl),
165
- React.createElement(ListItemPicker, { disabled: disabled, listId: lookupListID, defaultSelectedItems: defaultValue, columnInternalName: lookupField, className: styles.feildDisplay, enableDefaultSuggestions: true, keyColumnInternalName: 'Id', itemLimit: 1, onSelectedItem: function (newValue) { _this.onChange(newValue); }, context: context }),
165
+ React.createElement(ListItemPicker, { disabled: disabled, listId: lookupListID, defaultSelectedItems: defaultValue, columnInternalName: lookupField, className: styles.fieldDisplay, enableDefaultSuggestions: true, keyColumnInternalName: 'Id', itemLimit: 1, onSelectedItem: function (newValue) { _this.onChange(newValue); }, context: context }),
166
166
  descriptionEl,
167
167
  errorTextEl);
168
168
  case 'LookupMulti':
@@ -170,7 +170,7 @@ var DynamicField = /** @class */ (function (_super) {
170
170
  React.createElement("div", { className: styles.titleContainer },
171
171
  React.createElement(Icon, { className: styles.fieldIcon, iconName: "Switch" }),
172
172
  labelEl),
173
- React.createElement(ListItemPicker, { disabled: disabled, listId: lookupListID, defaultSelectedItems: defaultValue, columnInternalName: lookupField, className: styles.feildDisplay, enableDefaultSuggestions: true, keyColumnInternalName: 'Id', itemLimit: 100, onSelectedItem: function (newValue) { _this.onChange(newValue); }, context: context }),
173
+ React.createElement(ListItemPicker, { disabled: disabled, listId: lookupListID, defaultSelectedItems: defaultValue, columnInternalName: lookupField, className: styles.fieldDisplay, enableDefaultSuggestions: true, keyColumnInternalName: 'Id', itemLimit: 100, onSelectedItem: function (newValue) { _this.onChange(newValue); }, context: context }),
174
174
  descriptionEl,
175
175
  errorTextEl);
176
176
  case 'Number':
@@ -178,14 +178,14 @@ var DynamicField = /** @class */ (function (_super) {
178
178
  React.createElement("div", { className: styles.titleContainer },
179
179
  React.createElement(Icon, { className: styles.fieldIcon, iconName: "NumberField" }),
180
180
  labelEl),
181
- React.createElement(TextField, { defaultValue: defaultValue, placeholder: placeholder, className: styles.feildDisplay, type: "Number", onChange: function (e, newText) { _this.onChange(newText); }, disabled: disabled, onBlur: _this.onBlur, errorMessage: errorText }),
181
+ React.createElement(TextField, { defaultValue: defaultValue, placeholder: placeholder, className: styles.fieldDisplay, type: "Number", onChange: function (e, newText) { _this.onChange(newText); }, disabled: disabled, onBlur: _this.onBlur, errorMessage: errorText }),
182
182
  descriptionEl);
183
183
  case 'Currency':
184
184
  return React.createElement("div", null,
185
185
  React.createElement("div", { className: styles.titleContainer },
186
186
  React.createElement(Icon, { className: styles.fieldIcon, iconName: "AllCurrency" }),
187
187
  labelEl),
188
- React.createElement(TextField, { defaultValue: defaultValue, placeholder: placeholder, className: styles.feildDisplay, type: "Currency", onChange: function (e, newText) { _this.onChange(newText); }, disabled: disabled, onBlur: _this.onBlur, errorMessage: errorText }),
188
+ React.createElement(TextField, { defaultValue: defaultValue, placeholder: placeholder, className: styles.fieldDisplay, type: "Currency", onChange: function (e, newText) { _this.onChange(newText); }, disabled: disabled, onBlur: _this.onBlur, errorMessage: errorText }),
189
189
  descriptionEl);
190
190
  case 'DateTime':
191
191
  return React.createElement("div", { className: styles.fieldContainer },
@@ -203,7 +203,7 @@ var DynamicField = /** @class */ (function (_super) {
203
203
  React.createElement("div", { className: styles.titleContainer },
204
204
  React.createElement(Icon, { className: styles.fieldIcon, iconName: "CheckboxComposite" }),
205
205
  labelEl),
206
- React.createElement(Toggle, { className: styles.feildDisplay, defaultChecked: defaultValue, onText: strings.Yes, offText: strings.No, onChange: function (e, checkedvalue) { _this.onChange(checkedvalue); }, disabled: disabled }),
206
+ React.createElement(Toggle, { className: styles.fieldDisplay, defaultChecked: defaultValue, onText: strings.Yes, offText: strings.No, onChange: function (e, checkedvalue) { _this.onChange(checkedvalue); }, disabled: disabled }),
207
207
  descriptionEl,
208
208
  errorTextEl);
209
209
  case 'User':
@@ -211,7 +211,7 @@ var DynamicField = /** @class */ (function (_super) {
211
211
  React.createElement("div", { className: styles.titleContainer },
212
212
  React.createElement(Icon, { className: styles.fieldIcon, iconName: "Contact" }),
213
213
  labelEl),
214
- React.createElement(PeoplePicker, { placeholder: placeholder, defaultSelectedUsers: defaultValue, peoplePickerCntrlclassName: styles.feildDisplay, context: context, personSelectionLimit: 1, showtooltip: false, showHiddenInUI: false, principalTypes: principalType === 'PeopleOnly' ? [PrincipalType.User] : [PrincipalType.User, PrincipalType.SharePointGroup, PrincipalType.DistributionList, PrincipalType.SecurityGroup], resolveDelay: 1000, onChange: function (items) { _this.onChange(items); }, disabled: disabled }),
214
+ React.createElement(PeoplePicker, { placeholder: placeholder, defaultSelectedUsers: defaultValue, peoplePickerCntrlclassName: styles.fieldDisplay, context: context, personSelectionLimit: 1, showtooltip: false, showHiddenInUI: false, principalTypes: principalType === 'PeopleOnly' ? [PrincipalType.User] : [PrincipalType.User, PrincipalType.SharePointGroup, PrincipalType.DistributionList, PrincipalType.SecurityGroup], resolveDelay: 1000, onChange: function (items) { _this.onChange(items); }, disabled: disabled }),
215
215
  descriptionEl,
216
216
  errorTextEl);
217
217
  case 'UserMulti':
@@ -219,7 +219,7 @@ var DynamicField = /** @class */ (function (_super) {
219
219
  React.createElement("div", { className: styles.titleContainer },
220
220
  React.createElement(Icon, { className: styles.fieldIcon, iconName: "Contact" }),
221
221
  labelEl),
222
- React.createElement(PeoplePicker, { placeholder: placeholder, defaultSelectedUsers: defaultValue, peoplePickerCntrlclassName: styles.feildDisplay, context: context, personSelectionLimit: 30, showtooltip: false, showHiddenInUI: false, principalTypes: principalType === 'PeopleOnly' ? [PrincipalType.User] : [PrincipalType.User, PrincipalType.SharePointGroup, PrincipalType.DistributionList, PrincipalType.SecurityGroup], resolveDelay: 1000, onChange: function (items) { _this.onChange(items); }, disabled: disabled }),
222
+ React.createElement(PeoplePicker, { placeholder: placeholder, defaultSelectedUsers: defaultValue, peoplePickerCntrlclassName: styles.fieldDisplay, context: context, personSelectionLimit: 30, showtooltip: false, showHiddenInUI: false, principalTypes: principalType === 'PeopleOnly' ? [PrincipalType.User] : [PrincipalType.User, PrincipalType.SharePointGroup, PrincipalType.DistributionList, PrincipalType.SecurityGroup], resolveDelay: 1000, onChange: function (items) { _this.onChange(items); }, disabled: disabled }),
223
223
  descriptionEl,
224
224
  errorTextEl);
225
225
  case 'URL':
@@ -228,8 +228,8 @@ var DynamicField = /** @class */ (function (_super) {
228
228
  React.createElement(Icon, { className: styles.fieldIcon, iconName: "Link" }),
229
229
  labelEl),
230
230
  React.createElement(Stack, { tokens: { childrenGap: 4 } },
231
- React.createElement(TextField, { defaultValue: defaultValue ? defaultValue.Url : '', placeholder: strings.DynamicFormEnterURLPlaceholder, className: styles.feildDisplayNoPadding, onChange: function (e, newText) { _this.onURLChange(newText, true); }, disabled: disabled, onBlur: _this.onBlur }),
232
- React.createElement(TextField, { defaultValue: defaultValue ? defaultValue.Description : '', placeholder: strings.DynamicFormEnterDescriptionPlaceholder, className: styles.feildDisplayNoPadding, onChange: function (e, newText) { _this.onURLChange(newText, false); }, disabled: disabled })),
231
+ React.createElement(TextField, { defaultValue: defaultValue ? defaultValue.Url : '', placeholder: strings.DynamicFormEnterURLPlaceholder, className: styles.fieldDisplayNoPadding, onChange: function (e, newText) { _this.onURLChange(newText, true); }, disabled: disabled, onBlur: _this.onBlur }),
232
+ React.createElement(TextField, { defaultValue: defaultValue ? defaultValue.Description : '', placeholder: strings.DynamicFormEnterDescriptionPlaceholder, className: styles.fieldDisplayNoPadding, onChange: function (e, newText) { _this.onURLChange(newText, false); }, disabled: disabled })),
233
233
  descriptionEl,
234
234
  errorTextEl);
235
235
  case 'Thumbnail':
@@ -246,7 +246,7 @@ var DynamicField = /** @class */ (function (_super) {
246
246
  }, horizontalAlign: 'space-between' },
247
247
  hasImage && React.createElement(Image, { src: changedValue, height: 60 }),
248
248
  React.createElement("div", { className: styles.thumbnailFieldButtons },
249
- React.createElement(FilePicker, { buttonClassName: styles.feildDisplay,
249
+ React.createElement(FilePicker, { buttonClassName: styles.fieldDisplay,
250
250
  //bingAPIKey={bingAPIKey}
251
251
  accepts: [".gif", ".jpg", ".jpeg", ".bmp", ".dib", ".tif", ".tiff", ".ico", ".png", ".jxr", ".svg"], buttonLabel: hasImage ? undefined : 'Add an image', buttonIcon: hasImage ? 'Edit' : 'FileImage', onSave: _this.saveIntoSharePoint, onChange: _this.saveIntoSharePoint, context: context, disabled: disabled, hideLocalMultipleUploadTab: true, hideOneDriveTab: true, hideStockImages: true, hideWebSearchTab: true }),
252
252
  hasImage &&
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pnp/spfx-controls-react",
3
3
  "description": "Reusable React controls for SharePoint Framework solutions",
4
- "version": "3.15.0-beta.4968986",
4
+ "version": "3.15.0-beta.4969006",
5
5
  "scripts": {
6
6
  "build": "gulp build",
7
7
  "clean": "gulp clean",