@webiny/app-admin 5.41.4-beta.6 → 5.42.0-beta.0
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.
- package/base/Admin.js +4 -13
- package/base/Admin.js.map +1 -1
- package/base/providers/TelemetryProvider.d.ts +1 -7
- package/base/providers/TelemetryProvider.js +3 -2
- package/base/providers/TelemetryProvider.js.map +1 -1
- package/base/providers/UiStateProvider.d.ts +1 -7
- package/base/providers/UiStateProvider.js +3 -2
- package/base/providers/UiStateProvider.js.map +1 -1
- package/base/providers/ViewCompositionProvider.js.map +1 -1
- package/base/ui/FileManager.js.map +1 -1
- package/base/ui/Menu.js +4 -4
- package/base/ui/Menu.js.map +1 -1
- package/base/ui/Navigation.d.ts +1 -5
- package/base/ui/Navigation.js +2 -2
- package/base/ui/Navigation.js.map +1 -1
- package/base/ui/Search.d.ts +1 -7
- package/base/ui/Search.js +2 -2
- package/base/ui/Search.js.map +1 -1
- package/base/ui/UserMenu.d.ts +1 -7
- package/base/ui/UserMenu.js +2 -2
- package/base/ui/UserMenu.js.map +1 -1
- package/components/AppInstaller/AppInstaller.js +1 -1
- package/components/AppInstaller/AppInstaller.js.map +1 -1
- package/components/AppInstaller/Sidebar.js +1 -1
- package/components/AppInstaller/Sidebar.js.map +1 -1
- package/components/BulkActions/Worker.js.map +1 -1
- package/components/BulkActions/useDialogWithReport/useDialogWithReport.js.map +1 -1
- package/components/Dialogs/DialogsContext.d.ts +4 -13
- package/components/Dialogs/DialogsContext.js +83 -61
- package/components/Dialogs/DialogsContext.js.map +1 -1
- package/components/IconPicker/IconPicker.d.ts +13 -0
- package/components/IconPicker/IconPicker.js +46 -0
- package/components/IconPicker/IconPicker.js.map +1 -0
- package/components/IconPicker/IconPicker.styles.d.ts +63 -0
- package/components/IconPicker/IconPicker.styles.js +187 -0
- package/components/IconPicker/IconPicker.styles.js.map +1 -0
- package/components/IconPicker/IconPickerComponent.d.ts +16 -0
- package/components/IconPicker/IconPickerComponent.js +101 -0
- package/components/IconPicker/IconPickerComponent.js.map +1 -0
- package/components/IconPicker/IconPickerPresenter.d.ts +52 -0
- package/components/IconPicker/IconPickerPresenter.js +118 -0
- package/components/IconPicker/IconPickerPresenter.js.map +1 -0
- package/components/IconPicker/IconPickerPresenter.test.d.ts +1 -0
- package/components/IconPicker/IconPickerPresenter.test.js +111 -0
- package/components/IconPicker/IconPickerPresenter.test.js.map +1 -0
- package/components/IconPicker/IconPickerPresenterProvider.d.ts +9 -0
- package/components/IconPicker/IconPickerPresenterProvider.js +26 -0
- package/components/IconPicker/IconPickerPresenterProvider.js.map +1 -0
- package/components/IconPicker/IconPickerTab.d.ts +32 -0
- package/components/IconPicker/IconPickerTab.js +169 -0
- package/components/IconPicker/IconPickerTab.js.map +1 -0
- package/components/IconPicker/IconRenderer.d.ts +34 -0
- package/components/IconPicker/IconRenderer.js +35 -0
- package/components/IconPicker/IconRenderer.js.map +1 -0
- package/components/IconPicker/IconRepository.d.ts +19 -0
- package/components/IconPicker/IconRepository.js +79 -0
- package/components/IconPicker/IconRepository.js.map +1 -0
- package/components/IconPicker/IconRepository.test.d.ts +1 -0
- package/components/IconPicker/IconRepository.test.js +68 -0
- package/components/IconPicker/IconRepository.test.js.map +1 -0
- package/components/IconPicker/IconRepositoryFactory.d.ts +9 -0
- package/components/IconPicker/IconRepositoryFactory.js +40 -0
- package/components/IconPicker/IconRepositoryFactory.js.map +1 -0
- package/components/IconPicker/Loading.d.ts +14 -0
- package/components/IconPicker/Loading.js +76 -0
- package/components/IconPicker/Loading.js.map +1 -0
- package/components/IconPicker/config/Emojis.d.ts +2 -0
- package/components/IconPicker/config/Emojis.js +31 -0
- package/components/IconPicker/config/Emojis.js.map +1 -0
- package/components/IconPicker/config/FontAwesomeIcons.d.ts +2 -0
- package/components/IconPicker/config/FontAwesomeIcons.js +74 -0
- package/components/IconPicker/config/FontAwesomeIcons.js.map +1 -0
- package/components/IconPicker/config/IconPackProvider.d.ts +7 -0
- package/components/IconPicker/config/IconPackProvider.js +29 -0
- package/components/IconPicker/config/IconPackProvider.js.map +1 -0
- package/components/IconPicker/config/IconType.d.ts +32 -0
- package/components/IconPicker/config/IconType.js +92 -0
- package/components/IconPicker/config/IconType.js.map +1 -0
- package/components/IconPicker/config/index.d.ts +31 -0
- package/components/IconPicker/config/index.js +63 -0
- package/components/IconPicker/config/index.js.map +1 -0
- package/components/IconPicker/defaultIcon.d.ts +6 -0
- package/components/IconPicker/defaultIcon.js +14 -0
- package/components/IconPicker/defaultIcon.js.map +1 -0
- package/components/IconPicker/index.d.ts +7 -0
- package/components/IconPicker/index.js +49 -0
- package/components/IconPicker/index.js.map +1 -0
- package/components/IconPicker/plugins/customPlugin.d.ts +2 -0
- package/components/IconPicker/plugins/customPlugin.js +157 -0
- package/components/IconPicker/plugins/customPlugin.js.map +1 -0
- package/components/IconPicker/plugins/emojisPlugin.d.ts +2 -0
- package/components/IconPicker/plugins/emojisPlugin.js +164 -0
- package/components/IconPicker/plugins/emojisPlugin.js.map +1 -0
- package/components/IconPicker/plugins/graphql.d.ts +20 -0
- package/components/IconPicker/plugins/graphql.js +18 -0
- package/components/IconPicker/plugins/graphql.js.map +1 -0
- package/components/IconPicker/plugins/iconsPlugin.d.ts +2 -0
- package/components/IconPicker/plugins/iconsPlugin.js +146 -0
- package/components/IconPicker/plugins/iconsPlugin.js.map +1 -0
- package/components/IconPicker/types.d.ts +22 -0
- package/components/IconPicker/types.js +15 -0
- package/components/IconPicker/types.js.map +1 -0
- package/components/MultiImageUpload.js.map +1 -1
- package/components/OverlayLayout/OverlayLayout.js.map +1 -1
- package/components/RichTextEditor/tools/header/index.js.map +1 -1
- package/components/RichTextEditor/tools/image/index.js.map +1 -1
- package/components/RichTextEditor/tools/image/tunes.js.map +1 -1
- package/components/RichTextEditor/tools/image/ui.js.map +1 -1
- package/components/RichTextEditor/tools/paragraph/index.js.map +1 -1
- package/components/RichTextEditor/tools/textColor/index.js.map +1 -1
- package/components/SimpleUI/InputField.js.map +1 -1
- package/components/SingleImageUpload.js.map +1 -1
- package/hooks/useConfirmationDialog.js.map +1 -1
- package/hooks/useDialog.js.map +1 -1
- package/hooks/useIsMounted.js.map +1 -1
- package/hooks/useKeyHandler.js.map +1 -1
- package/hooks/useSnackbar.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.js +12 -0
- package/index.js.map +1 -1
- package/package.json +35 -34
- package/plugins/MenuPlugin.js.map +1 -1
- package/plugins/PermissionRendererPlugin.js.map +1 -1
- package/plugins/globalSearch/SearchBar.js.map +1 -1
- package/plugins/globalSearch/SearchBarDropdown.js.map +1 -1
- package/plugins/globalSearch/index.js.map +1 -1
- package/types.d.ts +1 -0
- package/types.js +7 -0
- package/types.js.map +1 -1
- package/ui/elements/AccordionElement.js +3 -4
- package/ui/elements/AccordionElement.js.map +1 -1
- package/ui/elements/ButtonElement.js.map +1 -1
- package/ui/elements/ButtonGroupElement.js +2 -3
- package/ui/elements/ButtonGroupElement.js.map +1 -1
- package/ui/elements/LabelElement.js.map +1 -1
- package/ui/elements/NavigationMenuElement.js +2 -3
- package/ui/elements/NavigationMenuElement.js.map +1 -1
- package/ui/elements/PlaceholderElement.js.map +1 -1
- package/ui/elements/SmallButtonElement.js.map +1 -1
- package/ui/elements/TypographyElement.js +2 -3
- package/ui/elements/TypographyElement.js.map +1 -1
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js +2 -3
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map +1 -1
- package/ui/elements/form/DynamicFieldsetElement.js.map +1 -1
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map +1 -1
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map +1 -1
- package/ui/elements/form/FileManagerElement.js.map +1 -1
- package/ui/elements/form/FormElement.js +3 -4
- package/ui/elements/form/FormElement.js.map +1 -1
- package/ui/elements/form/FormFieldElement.js +3 -3
- package/ui/elements/form/FormFieldElement.js.map +1 -1
- package/ui/elements/form/HiddenElement.js.map +1 -1
- package/ui/elements/form/InputElement.js.map +1 -1
- package/ui/elements/form/PasswordElement.js.map +1 -1
- package/ui/elements/form/SelectElement.js.map +1 -1
- package/ui/elements/form/TextareaElement.js.map +1 -1
- package/ui/views/AdminView/ContentElement.js.map +1 -1
- package/ui/views/AdminView/HeaderElement.js +1 -1
- package/ui/views/AdminView/HeaderElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionCenterElement.js +2 -3
- package/ui/views/AdminView/HeaderSectionCenterElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionLeftElement.js +2 -3
- package/ui/views/AdminView/HeaderSectionLeftElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionRightElement.js +2 -3
- package/ui/views/AdminView/HeaderSectionRightElement.js.map +1 -1
- package/ui/views/FormView/FormContainerElement.js +2 -3
- package/ui/views/FormView/FormContainerElement.js.map +1 -1
- package/ui/views/FormView/FormFooterElement.js +2 -3
- package/ui/views/FormView/FormFooterElement.js.map +1 -1
- package/ui/views/FormView/FormHeaderElement.js +2 -3
- package/ui/views/FormView/FormHeaderElement.js.map +1 -1
- package/ui/views/FormView.js +2 -3
- package/ui/views/FormView.js.map +1 -1
- package/ui/views/OverlayView/ContentElement.js +2 -3
- package/ui/views/OverlayView/ContentElement.js.map +1 -1
- package/ui/views/OverlayView/HeaderElement.js.map +1 -1
- package/ui/views/OverlayView/HeaderTitleElement.js.map +1 -1
- package/ui/views/OverlayView.js +2 -3
- package/ui/views/OverlayView.js.map +1 -1
- package/ui/views/SplitView/SplitViewPanelElement.js +2 -3
- package/ui/views/SplitView/SplitViewPanelElement.js.map +1 -1
- package/ui/views/SplitView.js +2 -3
- package/ui/views/SplitView.js.map +1 -1
|
@@ -10,8 +10,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
10
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
12
|
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
13
|
-
var
|
|
14
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
13
|
+
var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
|
|
15
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
16
|
var _form = require("@webiny/form");
|
|
@@ -33,9 +32,9 @@ var FormElement = exports.FormElement = /*#__PURE__*/function (_UIElement) {
|
|
|
33
32
|
onSubmit: this.config.onSubmit,
|
|
34
33
|
data: this.config.getData()
|
|
35
34
|
}, function (formProps) {
|
|
36
|
-
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (0,
|
|
35
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (0, _superPropGet2.default)(FormElement, "render", _this2, 3)([(0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
37
36
|
formProps: formProps
|
|
38
|
-
})));
|
|
37
|
+
})]));
|
|
39
38
|
});
|
|
40
39
|
}
|
|
41
40
|
}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_UIElement2","FormElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","_this2","createElement","Form","onSubmit","data","getData","formProps","Fragment","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_UIElement2","FormElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","_this2","createElement","Form","onSubmit","data","getData","formProps","Fragment","_superPropGet2","_objectSpread2","UIElement"],"sources":["FormElement.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Form, FormOnSubmit, FormRenderPropParams } from \"@webiny/form\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\ninterface FormElementConfig extends UIElementConfig {\n onSubmit: FormOnSubmit;\n getData(): Record<string, any>;\n getInvalidFields?(): Record<string, any>;\n isDisabled?(): boolean;\n onChange?: FormOnSubmit;\n onInvalid?: () => void;\n submitOnEnter?: boolean;\n validateOnFirstSubmit?: boolean;\n}\n\nexport interface FormElementRenderProps extends UiElementRenderProps {\n formProps: FormRenderPropParams;\n}\n\nexport class FormElement extends UIElement<FormElementConfig> {\n public constructor(id: string, config: FormElementConfig) {\n super(id, config);\n\n this.useGrid(false);\n }\n\n public override render(props: FormElementRenderProps): React.ReactNode {\n return (\n <Form onSubmit={this.config.onSubmit} data={this.config.getData()}>\n {formProps => <Fragment>{super.render({ ...props, formProps })}</Fragment>}\n </Form>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAkF,IAiBrEG,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAAE,UAAA;EACpB,SAAAF,YAAmBG,EAAU,EAAEC,MAAyB,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,WAAA;IACtDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,WAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,WAAA,EAAAE,UAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,WAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA6B,EAAmB;MAAA,IAAAC,MAAA;MACnE,oBACIrB,MAAA,CAAAY,OAAA,CAAAU,aAAA,CAACnB,KAAA,CAAAoB,IAAI;QAACC,QAAQ,EAAE,IAAI,CAACf,MAAM,CAACe,QAAS;QAACC,IAAI,EAAE,IAAI,CAAChB,MAAM,CAACiB,OAAO,CAAC;MAAE,GAC7D,UAAAC,SAAS;QAAA,oBAAI3B,MAAA,CAAAY,OAAA,CAAAU,aAAA,CAACtB,MAAA,CAAA4B,QAAQ,YAAAC,cAAA,CAAAjB,OAAA,EAAAP,WAAA,YAAAgB,MAAA,UAAAS,cAAA,CAAAlB,OAAA,MAAAkB,cAAA,CAAAlB,OAAA,MAAoBQ,KAAK;UAAEO,SAAS,EAATA;QAAS,IAAc,CAAC;MAAA,CACxE,CAAC;IAEf;EAAC;AAAA,EAb4BI,qBAAS","ignoreList":[]}
|
|
@@ -118,15 +118,15 @@ var FormFieldElement = exports.FormFieldElement = /*#__PURE__*/function (_UIElem
|
|
|
118
118
|
key: "onBeforeChange",
|
|
119
119
|
value: function onBeforeChange(value, cb) {
|
|
120
120
|
var callbacks = (0, _toConsumableArray2.default)(this._beforeChange);
|
|
121
|
-
var
|
|
121
|
+
var _next = function next(val) {
|
|
122
122
|
var callbackCallable = callbacks.pop();
|
|
123
123
|
if (!callbackCallable) {
|
|
124
124
|
cb(val);
|
|
125
125
|
return;
|
|
126
126
|
}
|
|
127
|
-
callbackCallable(val,
|
|
127
|
+
callbackCallable(val, _next);
|
|
128
128
|
};
|
|
129
|
-
|
|
129
|
+
_next(value);
|
|
130
130
|
}
|
|
131
131
|
}, {
|
|
132
132
|
key: "onAfterChange",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_UIElement2","require","FormFieldElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","beforeChange","_beforeChange","push","afterChange","_afterChange","applyPlugins","_inherits2","_createClass2","key","value","getName","name","getValidators","props","validators","getDefaultValue","defaultValue","getLabel","label","getDescription","description","getPlaceholder","placeholder","setLabel","setDescription","setPlaceholder","setDefaultValue","getIsDisabled","isDisabled","setIsDisabled","setValidators","onBeforeChange","cb","callbacks","_toConsumableArray2","next","val","callbackCallable","pop","onAfterChange","form","addBeforeChange","addAfterChange","setBeforeChange","setAfterChange","UIElement"],"sources":["FormFieldElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormRenderPropParams, FormAPI } from \"@webiny/form\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\nimport { Validator } from \"@webiny/validation/types\";\n\nexport interface FormFieldElementConfig<TRenderProps = FormRenderPropParams>\n extends UIElementConfig<TRenderProps> {\n name: string;\n validators?: GetterWithProps<Validator | Validator[]>;\n beforeChange?: BeforeChange;\n afterChange?: AfterChange;\n defaultValue?: any | GetterWithProps<any>;\n isDisabled?: boolean | GetterWithProps<boolean>;\n label?: string | GetterWithProps<string>;\n description?: string | React.ReactElement | GetterWithProps<string | React.ReactElement>;\n placeholder?: string | GetterWithProps<string>;\n}\n\nexport interface FormFieldElementRenderProps {\n formProps: FormRenderPropParams;\n}\n\ninterface BeforeChange {\n (value: any, callback: BeforeChangeCallback): void;\n}\n\ninterface BeforeChangeCallback {\n (value: any): void;\n}\n\ninterface AfterChange<T = any, D extends Record<string, any> = Record<string, any>> {\n (value: T, form: FormAPI<D>): void;\n}\n\ninterface GetterWithProps<T> {\n (props: FormElementRenderProps): T;\n}\n\nexport class FormFieldElement<\n TConfig extends FormFieldElementConfig = FormFieldElementConfig\n> extends UIElement<TConfig> {\n private _beforeChange: BeforeChange[] = [];\n private _afterChange: AfterChange[] = [];\n\n public constructor(id: string, config: TConfig) {\n super(id, config);\n\n if (config.beforeChange) {\n this._beforeChange.push(config.beforeChange);\n }\n\n if (config.afterChange) {\n this._afterChange.push(config.afterChange);\n }\n\n this.applyPlugins(FormFieldElement);\n }\n\n public getName(): string {\n return this.config.name;\n }\n\n public getValidators(props?: FormFieldElementRenderProps): Validator | Validator[] {\n if (!this.config.validators || typeof this.config.validators !== \"function\") {\n return () => true;\n }\n\n return this.config.validators(props as FormFieldElementRenderProps);\n }\n\n public getDefaultValue(props?: FormFieldElementRenderProps): any {\n if (typeof this.config.defaultValue === \"function\") {\n return this.config.defaultValue(props);\n }\n\n return this.config.defaultValue;\n }\n\n public getLabel(props?: FormFieldElementRenderProps): string {\n if (typeof this.config.label === \"function\") {\n return this.config.label(props as FormFieldElementRenderProps);\n }\n\n return this.config.label as string;\n }\n\n public getDescription(props?: FormFieldElementRenderProps): string | React.ReactElement {\n if (typeof this.config.description === \"function\") {\n return this.config.description(props as FormFieldElementRenderProps);\n }\n\n return this.config.description as string;\n }\n\n public getPlaceholder(props?: FormFieldElementRenderProps): string {\n if (typeof this.config.placeholder === \"function\") {\n return this.config.placeholder(props as FormFieldElementRenderProps);\n }\n\n return this.config.placeholder as string;\n }\n\n public setLabel(label: string | GetterWithProps<string>): void {\n this.config.label = label;\n }\n\n public setDescription(\n description: string | React.ReactElement | GetterWithProps<string | React.ReactElement>\n ): void {\n this.config.description = description;\n }\n\n public setPlaceholder(placeholder: string | GetterWithProps<string>): void {\n this.config.placeholder = placeholder;\n }\n\n public setDefaultValue(value: any | GetterWithProps<any>): void {\n this.config.defaultValue = value;\n }\n\n public getIsDisabled(props?: FormFieldElementRenderProps): boolean {\n if (typeof this.config.isDisabled === \"function\") {\n return this.config.isDisabled(props as FormFieldElementRenderProps);\n }\n return this.config.isDisabled as boolean;\n }\n\n public setIsDisabled(isDisabled: boolean | GetterWithProps<boolean>): void {\n this.config.isDisabled = isDisabled;\n }\n\n public setValidators(validators: GetterWithProps<Validator>): void {\n this.config.validators = validators;\n }\n\n public onBeforeChange(value: string, cb: (value: string) => void): void {\n const callbacks = [...this._beforeChange];\n const next = (val: string) => {\n const callbackCallable = callbacks.pop();\n if (!callbackCallable) {\n cb(val);\n return;\n }\n callbackCallable(val, next);\n };\n\n next(value);\n }\n\n public onAfterChange(value: string, form: FormAPI): void {\n const callbacks = [...this._afterChange];\n const next = (val: string) => {\n const callbackCallable = callbacks.pop();\n if (!callbackCallable) {\n return;\n }\n callbackCallable(val, form);\n };\n\n next(value);\n }\n\n public addBeforeChange(cb: BeforeChange): void {\n this._beforeChange.push(cb);\n }\n\n public addAfterChange<T = any, D extends Record<string, any> = Record<string, any>>(\n cb: AfterChange<T, D>\n ): void {\n /**\n * TODO @ts-refactor possibly different subtype. Or so TS complains.\n */\n // @ts-expect-error\n this._afterChange.push(cb);\n }\n\n public setBeforeChange(cb: BeforeChange): void {\n this._beforeChange = [cb];\n }\n\n public setAfterChange(cb: AfterChange): void {\n this._afterChange = [cb];\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_UIElement2","require","FormFieldElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","beforeChange","_beforeChange","push","afterChange","_afterChange","applyPlugins","_inherits2","_createClass2","key","value","getName","name","getValidators","props","validators","getDefaultValue","defaultValue","getLabel","label","getDescription","description","getPlaceholder","placeholder","setLabel","setDescription","setPlaceholder","setDefaultValue","getIsDisabled","isDisabled","setIsDisabled","setValidators","onBeforeChange","cb","callbacks","_toConsumableArray2","next","val","callbackCallable","pop","onAfterChange","form","addBeforeChange","addAfterChange","setBeforeChange","setAfterChange","UIElement"],"sources":["FormFieldElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormRenderPropParams, FormAPI } from \"@webiny/form\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\nimport { Validator } from \"@webiny/validation/types\";\n\nexport interface FormFieldElementConfig<TRenderProps = FormRenderPropParams>\n extends UIElementConfig<TRenderProps> {\n name: string;\n validators?: GetterWithProps<Validator | Validator[]>;\n beforeChange?: BeforeChange;\n afterChange?: AfterChange;\n defaultValue?: any | GetterWithProps<any>;\n isDisabled?: boolean | GetterWithProps<boolean>;\n label?: string | GetterWithProps<string>;\n description?: string | React.ReactElement | GetterWithProps<string | React.ReactElement>;\n placeholder?: string | GetterWithProps<string>;\n}\n\nexport interface FormFieldElementRenderProps {\n formProps: FormRenderPropParams;\n}\n\ninterface BeforeChange {\n (value: any, callback: BeforeChangeCallback): void;\n}\n\ninterface BeforeChangeCallback {\n (value: any): void;\n}\n\ninterface AfterChange<T = any, D extends Record<string, any> = Record<string, any>> {\n (value: T, form: FormAPI<D>): void;\n}\n\ninterface GetterWithProps<T> {\n (props: FormElementRenderProps): T;\n}\n\nexport class FormFieldElement<\n TConfig extends FormFieldElementConfig = FormFieldElementConfig\n> extends UIElement<TConfig> {\n private _beforeChange: BeforeChange[] = [];\n private _afterChange: AfterChange[] = [];\n\n public constructor(id: string, config: TConfig) {\n super(id, config);\n\n if (config.beforeChange) {\n this._beforeChange.push(config.beforeChange);\n }\n\n if (config.afterChange) {\n this._afterChange.push(config.afterChange);\n }\n\n this.applyPlugins(FormFieldElement);\n }\n\n public getName(): string {\n return this.config.name;\n }\n\n public getValidators(props?: FormFieldElementRenderProps): Validator | Validator[] {\n if (!this.config.validators || typeof this.config.validators !== \"function\") {\n return () => true;\n }\n\n return this.config.validators(props as FormFieldElementRenderProps);\n }\n\n public getDefaultValue(props?: FormFieldElementRenderProps): any {\n if (typeof this.config.defaultValue === \"function\") {\n return this.config.defaultValue(props);\n }\n\n return this.config.defaultValue;\n }\n\n public getLabel(props?: FormFieldElementRenderProps): string {\n if (typeof this.config.label === \"function\") {\n return this.config.label(props as FormFieldElementRenderProps);\n }\n\n return this.config.label as string;\n }\n\n public getDescription(props?: FormFieldElementRenderProps): string | React.ReactElement {\n if (typeof this.config.description === \"function\") {\n return this.config.description(props as FormFieldElementRenderProps);\n }\n\n return this.config.description as string;\n }\n\n public getPlaceholder(props?: FormFieldElementRenderProps): string {\n if (typeof this.config.placeholder === \"function\") {\n return this.config.placeholder(props as FormFieldElementRenderProps);\n }\n\n return this.config.placeholder as string;\n }\n\n public setLabel(label: string | GetterWithProps<string>): void {\n this.config.label = label;\n }\n\n public setDescription(\n description: string | React.ReactElement | GetterWithProps<string | React.ReactElement>\n ): void {\n this.config.description = description;\n }\n\n public setPlaceholder(placeholder: string | GetterWithProps<string>): void {\n this.config.placeholder = placeholder;\n }\n\n public setDefaultValue(value: any | GetterWithProps<any>): void {\n this.config.defaultValue = value;\n }\n\n public getIsDisabled(props?: FormFieldElementRenderProps): boolean {\n if (typeof this.config.isDisabled === \"function\") {\n return this.config.isDisabled(props as FormFieldElementRenderProps);\n }\n return this.config.isDisabled as boolean;\n }\n\n public setIsDisabled(isDisabled: boolean | GetterWithProps<boolean>): void {\n this.config.isDisabled = isDisabled;\n }\n\n public setValidators(validators: GetterWithProps<Validator>): void {\n this.config.validators = validators;\n }\n\n public onBeforeChange(value: string, cb: (value: string) => void): void {\n const callbacks = [...this._beforeChange];\n const next = (val: string) => {\n const callbackCallable = callbacks.pop();\n if (!callbackCallable) {\n cb(val);\n return;\n }\n callbackCallable(val, next);\n };\n\n next(value);\n }\n\n public onAfterChange(value: string, form: FormAPI): void {\n const callbacks = [...this._afterChange];\n const next = (val: string) => {\n const callbackCallable = callbacks.pop();\n if (!callbackCallable) {\n return;\n }\n callbackCallable(val, form);\n };\n\n next(value);\n }\n\n public addBeforeChange(cb: BeforeChange): void {\n this._beforeChange.push(cb);\n }\n\n public addAfterChange<T = any, D extends Record<string, any> = Record<string, any>>(\n cb: AfterChange<T, D>\n ): void {\n /**\n * TODO @ts-refactor possibly different subtype. Or so TS complains.\n */\n // @ts-expect-error\n this._afterChange.push(cb);\n }\n\n public setBeforeChange(cb: BeforeChange): void {\n this._beforeChange = [cb];\n }\n\n public setAfterChange(cb: AfterChange): void {\n this._afterChange = [cb];\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_FormFieldElement2","HiddenElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","FormFieldElement"],"sources":["HiddenElement.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n FormFieldElement,\n FormFieldElementConfig,\n FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport class HiddenElement extends FormFieldElement {\n public constructor(id: string, config: FormFieldElementConfig) {\n super(id, config);\n\n this.applyPlugins(HiddenElement);\n }\n\n public override render(props: FormFieldElementRenderProps): React.ReactNode {\n if (!props.formProps) {\n throw Error(`HiddenElement must be placed inside of a FormElement.`);\n }\n\n const { Bind } = props.formProps;\n\n return (\n <Bind\n name={this.getName()}\n validators={this.getValidators(props)}\n defaultValue={this.getDefaultValue(props)}\n beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n afterChange={(value: string, form) => this.onAfterChange(value, form)}\n />\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAI6C,IAEhCE,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,iBAAA;EACtB,SAAAF,cAAmBG,EAAU,EAAEC,MAA8B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,aAAA;IAC3DK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,aAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,aAAa,CAAC;IAAC,OAAAK,KAAA;EACrC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,aAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,aAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_FormFieldElement2","HiddenElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","FormFieldElement"],"sources":["HiddenElement.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n FormFieldElement,\n FormFieldElementConfig,\n FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport class HiddenElement extends FormFieldElement {\n public constructor(id: string, config: FormFieldElementConfig) {\n super(id, config);\n\n this.applyPlugins(HiddenElement);\n }\n\n public override render(props: FormFieldElementRenderProps): React.ReactNode {\n if (!props.formProps) {\n throw Error(`HiddenElement must be placed inside of a FormElement.`);\n }\n\n const { Bind } = props.formProps;\n\n return (\n <Bind\n name={this.getName()}\n validators={this.getValidators(props)}\n defaultValue={this.getDefaultValue(props)}\n beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n afterChange={(value: string, form) => this.onAfterChange(value, form)}\n />\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAI6C,IAEhCE,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,iBAAA;EACtB,SAAAF,cAAmBG,EAAU,EAAEC,MAA8B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,aAAA;IAC3DK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,aAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,aAAa,CAAC;IAAC,OAAAK,KAAA;EACrC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,aAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,aAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAAkC,EAAmB;MAAA,IAAAC,MAAA;MACxE,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,wDAAwD,CAAC;MACxE;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACIvB,MAAA,CAAAW,OAAA,CAAAa,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAdA,YAAYA,CAAGd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAbA,WAAWA,CAAGjB,KAAa,EAAEkB,IAAI;UAAA,OAAKf,MAAI,CAACgB,aAAa,CAACnB,KAAK,EAAEkB,IAAI,CAAC;QAAA;MAAC,CACzE,CAAC;IAEV;EAAC;AAAA,EAvB8BE,mCAAgB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_FormFieldElement2","InputElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Input","concat","getLabel","label","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription","FormFieldElement"],"sources":["InputElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport {\n FormFieldElement,\n FormFieldElementConfig,\n FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport type InputElementRenderProps = FormFieldElementRenderProps;\nexport class InputElement extends FormFieldElement {\n public constructor(id: string, config: FormFieldElementConfig) {\n super(id, config);\n\n this.applyPlugins(InputElement);\n }\n\n public override render(props: FormFieldElementRenderProps): React.ReactNode {\n if (!props.formProps) {\n throw Error(`InputElement must be placed inside of a FormElement.`);\n }\n\n const { Bind } = props.formProps;\n\n return (\n <Bind\n name={this.getName()}\n validators={this.getValidators(props)}\n defaultValue={this.getDefaultValue(props)}\n beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n afterChange={(value: string, form) => this.onAfterChange(value, form)}\n >\n <Input\n data-testid={`input-element-${this.getLabel(props)}`}\n label={this.getLabel(props)}\n placeholder={this.getPlaceholder(props)}\n disabled={this.getIsDisabled(props)}\n description={this.getDescription(props)}\n />\n </Bind>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAI6C,IAGhCG,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAAE,iBAAA;EACrB,SAAAF,aAAmBG,EAAU,EAAEC,MAA8B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,YAAA;IAC3DK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,YAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,YAAY,CAAC;IAAC,OAAAK,KAAA;EACpC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,YAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,YAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_FormFieldElement2","InputElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Input","concat","getLabel","label","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription","FormFieldElement"],"sources":["InputElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport {\n FormFieldElement,\n FormFieldElementConfig,\n FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport type InputElementRenderProps = FormFieldElementRenderProps;\nexport class InputElement extends FormFieldElement {\n public constructor(id: string, config: FormFieldElementConfig) {\n super(id, config);\n\n this.applyPlugins(InputElement);\n }\n\n public override render(props: FormFieldElementRenderProps): React.ReactNode {\n if (!props.formProps) {\n throw Error(`InputElement must be placed inside of a FormElement.`);\n }\n\n const { Bind } = props.formProps;\n\n return (\n <Bind\n name={this.getName()}\n validators={this.getValidators(props)}\n defaultValue={this.getDefaultValue(props)}\n beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n afterChange={(value: string, form) => this.onAfterChange(value, form)}\n >\n <Input\n data-testid={`input-element-${this.getLabel(props)}`}\n label={this.getLabel(props)}\n placeholder={this.getPlaceholder(props)}\n disabled={this.getIsDisabled(props)}\n description={this.getDescription(props)}\n />\n </Bind>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAI6C,IAGhCG,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAAE,iBAAA;EACrB,SAAAF,aAAmBG,EAAU,EAAEC,MAA8B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,YAAA;IAC3DK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,YAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,YAAY,CAAC;IAAC,OAAAK,KAAA;EACpC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,YAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,YAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAAkC,EAAmB;MAAA,IAAAC,MAAA;MACxE,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,uDAAuD,CAAC;MACvE;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACIxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAdA,YAAYA,CAAGd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAbA,WAAWA,CAAGjB,KAAa,EAAEkB,IAAI;UAAA,OAAKf,MAAI,CAACgB,aAAa,CAACnB,KAAK,EAAEkB,IAAI,CAAC;QAAA;MAAC,gBAEtEpC,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACtB,MAAA,CAAAmC,KAAK;QACF,gCAAAC,MAAA,CAA8B,IAAI,CAACC,QAAQ,CAACpB,KAAK,CAAC,CAAG;QACrDqB,KAAK,EAAE,IAAI,CAACD,QAAQ,CAACpB,KAAK,CAAE;QAC5BsB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACvB,KAAK,CAAE;QACxCwB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACzB,KAAK,CAAE;QACpC0B,WAAW,EAAE,IAAI,CAACC,cAAc,CAAC3B,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;AAAA,EA/B6B4B,mCAAgB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_InputElement2","_Input","PasswordElement","exports","_InputElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","props","_this","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Input","type","label","getLabel","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription","InputElement"],"sources":["PasswordElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputElement } from \"./InputElement\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\nimport { Input } from \"@webiny/ui/Input\";\n\nexport class PasswordElement extends InputElement {\n public override render(props: FormFieldElementRenderProps): React.ReactElement {\n if (!props.formProps) {\n throw Error(`PasswordElement must be placed inside of a FormElement.`);\n }\n\n const { Bind } = props.formProps;\n\n return (\n <Bind\n name={this.getName()}\n validators={this.getValidators(props)}\n defaultValue={this.getDefaultValue(props)}\n beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n afterChange={(value: string, form) => this.onAfterChange(value, form)}\n >\n <Input\n type={\"password\"}\n label={this.getLabel(props)}\n placeholder={this.getPlaceholder(props)}\n disabled={this.getIsDisabled(props)}\n description={this.getDescription(props)}\n />\n </Bind>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAyC,IAE5BG,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,aAAA;EAAA,SAAAF,gBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,eAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,eAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,eAAA,EAAAE,aAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,eAAA;IAAAS,GAAA;IAAAC,KAAA,EACxB,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_InputElement2","_Input","PasswordElement","exports","_InputElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","props","_this","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Input","type","label","getLabel","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription","InputElement"],"sources":["PasswordElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputElement } from \"./InputElement\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\nimport { Input } from \"@webiny/ui/Input\";\n\nexport class PasswordElement extends InputElement {\n public override render(props: FormFieldElementRenderProps): React.ReactElement {\n if (!props.formProps) {\n throw Error(`PasswordElement must be placed inside of a FormElement.`);\n }\n\n const { Bind } = props.formProps;\n\n return (\n <Bind\n name={this.getName()}\n validators={this.getValidators(props)}\n defaultValue={this.getDefaultValue(props)}\n beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n afterChange={(value: string, form) => this.onAfterChange(value, form)}\n >\n <Input\n type={\"password\"}\n label={this.getLabel(props)}\n placeholder={this.getPlaceholder(props)}\n disabled={this.getIsDisabled(props)}\n description={this.getDescription(props)}\n />\n </Bind>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAyC,IAE5BG,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,aAAA;EAAA,SAAAF,gBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,eAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,eAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,eAAA,EAAAE,aAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,eAAA;IAAAS,GAAA;IAAAC,KAAA,EACxB,SAAgBC,MAAMA,CAACC,KAAkC,EAAsB;MAAA,IAAAC,KAAA;MAC3E,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,0DAA0D,CAAC;MAC1E;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACIrB,MAAA,CAAAS,OAAA,CAAAa,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAdA,YAAYA,CAAGd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,KAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAbA,WAAWA,CAAGjB,KAAa,EAAEkB,IAAI;UAAA,OAAKf,KAAI,CAACgB,aAAa,CAACnB,KAAK,EAAEkB,IAAI,CAAC;QAAA;MAAC,gBAEtEjC,MAAA,CAAAS,OAAA,CAAAa,aAAA,CAAClB,MAAA,CAAA+B,KAAK;QACFC,IAAI,EAAE,UAAW;QACjBC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACrB,KAAK,CAAE;QAC5BsB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACvB,KAAK,CAAE;QACxCwB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACzB,KAAK,CAAE;QACpC0B,WAAW,EAAE,IAAI,CAACC,cAAc,CAAC3B,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;AAAA,EAzBgC4B,2BAAY","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_Select","_FormFieldElement2","SelectElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","setOptions","options","getOptions","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Select","label","getLabel","disabled","getIsDisabled","description","map","_ref","FormFieldElement"],"sources":["SelectElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport {\n FormFieldElement,\n FormFieldElementConfig,\n FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface SelectElementOption {\n value: string;\n label: string;\n}\n\nexport interface SelectElementConfig extends FormFieldElementConfig {\n options?: SelectElementOption[];\n}\n\nexport class SelectElement extends FormFieldElement<SelectElementConfig> {\n public constructor(id: string, config: SelectElementConfig) {\n super(id, config);\n\n this.applyPlugins(SelectElement);\n }\n\n public setOptions(options: SelectElementOption[]): void {\n this.config.options = options;\n }\n\n public getOptions(): SelectElementOption[] | undefined {\n return this.config.options;\n }\n\n public override render(props: FormFieldElementRenderProps): React.ReactNode {\n if (!props.formProps) {\n throw Error(`SelectElement must be placed inside of a FormElement.`);\n }\n\n const { Bind } = props.formProps;\n\n return (\n <Bind\n name={this.getName()}\n validators={this.getValidators(props)}\n defaultValue={this.getDefaultValue(props)}\n beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n afterChange={(value: string, form) => this.onAfterChange(value, form)}\n >\n <Select\n label={this.getLabel(props)}\n disabled={this.getIsDisabled(props)}\n description={this.getDefaultValue(props)}\n >\n {(this.getOptions() || []).map(({ value, label }) => (\n <option key={value} value={value}>\n {label}\n </option>\n ))}\n </Select>\n </Bind>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAI6C,IAWhCG,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,iBAAA;EACtB,SAAAF,cAAmBG,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,aAAA;IACxDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,aAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,aAAa,CAAC;IAAC,OAAAK,KAAA;EACrC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,aAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,aAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_Select","_FormFieldElement2","SelectElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","setOptions","options","getOptions","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Select","label","getLabel","disabled","getIsDisabled","description","map","_ref","FormFieldElement"],"sources":["SelectElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport {\n FormFieldElement,\n FormFieldElementConfig,\n FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface SelectElementOption {\n value: string;\n label: string;\n}\n\nexport interface SelectElementConfig extends FormFieldElementConfig {\n options?: SelectElementOption[];\n}\n\nexport class SelectElement extends FormFieldElement<SelectElementConfig> {\n public constructor(id: string, config: SelectElementConfig) {\n super(id, config);\n\n this.applyPlugins(SelectElement);\n }\n\n public setOptions(options: SelectElementOption[]): void {\n this.config.options = options;\n }\n\n public getOptions(): SelectElementOption[] | undefined {\n return this.config.options;\n }\n\n public override render(props: FormFieldElementRenderProps): React.ReactNode {\n if (!props.formProps) {\n throw Error(`SelectElement must be placed inside of a FormElement.`);\n }\n\n const { Bind } = props.formProps;\n\n return (\n <Bind\n name={this.getName()}\n validators={this.getValidators(props)}\n defaultValue={this.getDefaultValue(props)}\n beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n afterChange={(value: string, form) => this.onAfterChange(value, form)}\n >\n <Select\n label={this.getLabel(props)}\n disabled={this.getIsDisabled(props)}\n description={this.getDefaultValue(props)}\n >\n {(this.getOptions() || []).map(({ value, label }) => (\n <option key={value} value={value}>\n {label}\n </option>\n ))}\n </Select>\n </Bind>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAI6C,IAWhCG,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,iBAAA;EACtB,SAAAF,cAAmBG,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,aAAA;IACxDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,aAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,aAAa,CAAC;IAAC,OAAAK,KAAA;EACrC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,aAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,aAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAOC,UAAUA,CAACC,OAA8B,EAAQ;MACpD,IAAI,CAACX,MAAM,CAACW,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOG,UAAUA,CAAA,EAAsC;MACnD,OAAO,IAAI,CAACZ,MAAM,CAACW,OAAO;IAC9B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAgBI,MAAMA,CAACC,KAAkC,EAAmB;MAAA,IAAAC,MAAA;MACxE,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,wDAAwD,CAAC;MACxE;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACI3B,MAAA,CAAAY,OAAA,CAAAgB,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAdA,YAAYA,CAAGjB,KAAa,EAAEkB,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAACnB,KAAK,EAAEkB,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAbA,WAAWA,CAAGpB,KAAa,EAAEqB,IAAI;UAAA,OAAKf,MAAI,CAACgB,aAAa,CAACtB,KAAK,EAAEqB,IAAI,CAAC;QAAA;MAAC,gBAEtEvC,MAAA,CAAAY,OAAA,CAAAgB,aAAA,CAACzB,OAAA,CAAAsC,MAAM;QACHC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACpB,KAAK,CAAE;QAC5BqB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACtB,KAAK,CAAE;QACpCuB,WAAW,EAAE,IAAI,CAACZ,eAAe,CAACX,KAAK;MAAE,GAExC,CAAC,IAAI,CAACF,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE0B,GAAG,CAAC,UAAAC,IAAA;QAAA,IAAG9B,KAAK,GAAA8B,IAAA,CAAL9B,KAAK;UAAEwB,KAAK,GAAAM,IAAA,CAALN,KAAK;QAAA,oBAC1C1C,MAAA,CAAAY,OAAA,CAAAgB,aAAA;UAAQX,GAAG,EAAEC,KAAM;UAACA,KAAK,EAAEA;QAAM,GAC5BwB,KACG,CAAC;MAAA,CACZ,CACG,CACN,CAAC;IAEf;EAAC;AAAA,EA3C8BO,mCAAgB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_FormFieldElement2","TextareaElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","setRows","rows","getRows","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","Input","label","getLabel","disabled","getIsDisabled","description","getDescription","FormFieldElement"],"sources":["TextareaElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { FormRenderPropParams } from \"@webiny/form\";\nimport { FormFieldElement, FormFieldElementConfig } from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface TextareaElementRenderProps {\n formProps: FormRenderPropParams;\n}\n\nexport interface TextareaElementConfig extends FormFieldElementConfig {\n rows: number;\n}\n\nexport class TextareaElement extends FormFieldElement<TextareaElementConfig> {\n constructor(id: string, config: TextareaElementConfig) {\n super(id, config);\n\n this.applyPlugins(TextareaElement);\n }\n\n public setRows(rows: number): void {\n this.config.rows = rows;\n }\n\n public getRows(): number {\n return this.config.rows;\n }\n\n public override render(props: TextareaElementRenderProps): React.ReactNode {\n if (!props.formProps) {\n throw Error(`TextareaElement must be placed inside of a FormElement.`);\n }\n\n const { Bind } = props.formProps;\n\n return (\n <Bind name={this.getName()} validators={this.getValidators(props)}>\n <Input\n label={this.getLabel(props)}\n disabled={this.getIsDisabled(props)}\n rows={this.getRows()}\n description={this.getDescription(props)}\n />\n </Bind>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AAA+F,IAUlFG,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,iBAAA;EACxB,SAAAF,gBAAYG,EAAU,EAAEC,MAA6B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,eAAA;IACnDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,eAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,eAAe,CAAC;IAAC,OAAAK,KAAA;EACvC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,eAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,eAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_FormFieldElement2","TextareaElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","setRows","rows","getRows","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","Input","label","getLabel","disabled","getIsDisabled","description","getDescription","FormFieldElement"],"sources":["TextareaElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { FormRenderPropParams } from \"@webiny/form\";\nimport { FormFieldElement, FormFieldElementConfig } from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface TextareaElementRenderProps {\n formProps: FormRenderPropParams;\n}\n\nexport interface TextareaElementConfig extends FormFieldElementConfig {\n rows: number;\n}\n\nexport class TextareaElement extends FormFieldElement<TextareaElementConfig> {\n constructor(id: string, config: TextareaElementConfig) {\n super(id, config);\n\n this.applyPlugins(TextareaElement);\n }\n\n public setRows(rows: number): void {\n this.config.rows = rows;\n }\n\n public getRows(): number {\n return this.config.rows;\n }\n\n public override render(props: TextareaElementRenderProps): React.ReactNode {\n if (!props.formProps) {\n throw Error(`TextareaElement must be placed inside of a FormElement.`);\n }\n\n const { Bind } = props.formProps;\n\n return (\n <Bind name={this.getName()} validators={this.getValidators(props)}>\n <Input\n label={this.getLabel(props)}\n disabled={this.getIsDisabled(props)}\n rows={this.getRows()}\n description={this.getDescription(props)}\n />\n </Bind>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AAA+F,IAUlFG,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,iBAAA;EACxB,SAAAF,gBAAYG,EAAU,EAAEC,MAA6B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,eAAA;IACnDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,eAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,eAAe,CAAC;IAAC,OAAAK,KAAA;EACvC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,eAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,eAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAOC,OAAOA,CAACC,IAAY,EAAQ;MAC/B,IAAI,CAACX,MAAM,CAACW,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOG,OAAOA,CAAA,EAAW;MACrB,OAAO,IAAI,CAACZ,MAAM,CAACW,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAgBI,MAAMA,CAACC,KAAiC,EAAmB;MACvE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,0DAA0D,CAAC;MAC1E;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI1B,MAAA,CAAAY,OAAA,CAAAe,aAAA,CAACD,IAAI;QAACE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QAACC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK;MAAE,gBAC9DvB,MAAA,CAAAY,OAAA,CAAAe,aAAA,CAACxB,MAAA,CAAA6B,KAAK;QACFC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACX,KAAK,CAAE;QAC5BY,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACb,KAAK,CAAE;QACpCH,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBgB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACf,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;AAAA,EAhCgCgB,mCAAgB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_UIRenderer2","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentElementRenderer","_UIRenderer","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","next","props","createElement","children","UIRenderer","ContentElement","exports","_UIElement","id","_this","useGrid","addRenderer","applyPlugins","UIElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nconst ContentWrapper = styled(\"div\")({\n width: \"100%\",\n paddingTop: 64\n});\n\nclass ContentElementRenderer extends UIRenderer<ContentElement> {\n public override render({ next, props }: UIRenderParams<ContentElement>): React.ReactNode {\n return <ContentWrapper>{props.children ? props.children : next()}</ContentWrapper>;\n }\n}\n\nexport class ContentElement extends UIElement {\n public constructor(id: string) {\n super(id);\n this.useGrid(false);\n this.addRenderer(new ContentElementRenderer());\n this.applyPlugins(ContentElement);\n }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA6D,SAAAG,iCAAA;AAE7D,IAAMC,cAAc,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGnC,CAAC;AAAC,IAEGa,sBAAsB,0BAAAC,WAAA;EAAA,SAAAD,uBAAA;IAAA,IAAAE,gBAAA,CAAAZ,OAAA,QAAAU,sBAAA;IAAA,WAAAG,WAAA,CAAAb,OAAA,QAAAU,sBAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAf,OAAA,EAAAU,sBAAA,EAAAC,WAAA;EAAA,WAAAK,aAAA,CAAAhB,OAAA,EAAAU,sBAAA;IAAAO,GAAA;IAAAC,KAAA,EACxB,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_UIRenderer2","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentElementRenderer","_UIRenderer","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","next","props","createElement","children","UIRenderer","ContentElement","exports","_UIElement","id","_this","useGrid","addRenderer","applyPlugins","UIElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nconst ContentWrapper = styled(\"div\")({\n width: \"100%\",\n paddingTop: 64\n});\n\nclass ContentElementRenderer extends UIRenderer<ContentElement> {\n public override render({ next, props }: UIRenderParams<ContentElement>): React.ReactNode {\n return <ContentWrapper>{props.children ? props.children : next()}</ContentWrapper>;\n }\n}\n\nexport class ContentElement extends UIElement {\n public constructor(id: string) {\n super(id);\n this.useGrid(false);\n this.addRenderer(new ContentElementRenderer());\n this.applyPlugins(ContentElement);\n }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA6D,SAAAG,iCAAA;AAE7D,IAAMC,cAAc,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGnC,CAAC;AAAC,IAEGa,sBAAsB,0BAAAC,WAAA;EAAA,SAAAD,uBAAA;IAAA,IAAAE,gBAAA,CAAAZ,OAAA,QAAAU,sBAAA;IAAA,WAAAG,WAAA,CAAAb,OAAA,QAAAU,sBAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAf,OAAA,EAAAU,sBAAA,EAAAC,WAAA;EAAA,WAAAK,aAAA,CAAAhB,OAAA,EAAAU,sBAAA;IAAAO,GAAA;IAAAC,KAAA,EACxB,SAAgBC,MAAMA,CAAAC,IAAA,EAAmE;MAAA,IAAhEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;QAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAChC,oBAAO9B,MAAA,CAAAQ,OAAA,CAAAuB,aAAA,CAACzB,cAAc,QAAEwB,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,GAAGH,IAAI,CAAC,CAAkB,CAAC;IACtF;EAAC;AAAA,EAHgCI,uBAAU;AAAA,IAMlCC,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,UAAA;EACvB,SAAAF,eAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAlB,gBAAA,CAAAZ,OAAA,QAAA0B,cAAA;IAC3BI,KAAA,OAAAjB,WAAA,CAAAb,OAAA,QAAA0B,cAAA,GAAMG,EAAE;IACRC,KAAA,CAAKC,OAAO,CAAC,KAAK,CAAC;IACnBD,KAAA,CAAKE,WAAW,CAAC,IAAItB,sBAAsB,CAAC,CAAC,CAAC;IAC9CoB,KAAA,CAAKG,YAAY,CAACP,cAAc,CAAC;IAAC,OAAAI,KAAA;EACtC;EAAC,IAAAf,UAAA,CAAAf,OAAA,EAAA0B,cAAA,EAAAE,UAAA;EAAA,WAAAZ,aAAA,CAAAhB,OAAA,EAAA0B,cAAA;AAAA,EAN+BQ,qBAAS","ignoreList":[]}
|
|
@@ -52,7 +52,7 @@ var HeaderElement = exports.HeaderElement = /*#__PURE__*/function (_UIElement) {
|
|
|
52
52
|
_this.addElement(new _HeaderSectionCenterElement.HeaderSectionCenterElement("headerCenter"));
|
|
53
53
|
_this.addElement(new _HeaderSectionRightElement.HeaderSectionRightElement("headerRight"));
|
|
54
54
|
_this.addRenderer(new HeaderElementRenderer());
|
|
55
|
-
_this.setMenuButton(
|
|
55
|
+
_this.setMenuButton(/*#__PURE__*/_react.default.createElement(_Hamburger.default, null));
|
|
56
56
|
_this.applyPlugins(HeaderElement);
|
|
57
57
|
return _this;
|
|
58
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_TopAppBar","_GenericElement","_PlaceholderElement","_HeaderSectionLeftElement","_HeaderSectionCenterElement","_HeaderSectionRightElement","_Hamburger","_UIRenderer2","ElementID","HeaderElementRenderer","_UIRenderer","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","next","createElement","TopAppBarPrimary","fixed","UIRenderer","HeaderElement","exports","_UIElement","id","_this","useGrid","leftSection","addElement","HeaderSectionLeftElement","PlaceholderElement","MenuButton","Logo","HeaderSectionCenterElement","HeaderSectionRightElement","addRenderer","setMenuButton","applyPlugins","getLeftSection","getElement","getCenterSection","getRightSection","setLogo","logo","element","replaceWith","GenericElement","TopAppBarTitle","menuButton","button","UIElement"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarPrimary, TopAppBarTitle } from \"@webiny/ui/TopAppBar\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderSectionLeftElement } from \"./HeaderSectionLeftElement\";\nimport { HeaderSectionCenterElement } from \"./HeaderSectionCenterElement\";\nimport { HeaderSectionRightElement } from \"./HeaderSectionRightElement\";\nimport Hamburger from \"./components/Hamburger\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nenum ElementID {\n MenuButton = \"headerMenuButton\",\n Logo = \"headerLogo\"\n}\n\nclass HeaderElementRenderer extends UIRenderer<HeaderElement> {\n public override render({ next }: UIRenderParams<HeaderElement>): React.ReactNode {\n return <TopAppBarPrimary fixed>{next()}</TopAppBarPrimary>;\n }\n}\n\nexport class HeaderElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n\n const leftSection = this.addElement(new HeaderSectionLeftElement(\"headerLeft\"));\n leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));\n leftSection.addElement(new PlaceholderElement(ElementID.Logo));\n\n this.addElement(new HeaderSectionCenterElement(\"headerCenter\"));\n this.addElement(new HeaderSectionRightElement(\"headerRight\"));\n\n this.addRenderer(new HeaderElementRenderer());\n\n this.setMenuButton(<Hamburger />);\n this.applyPlugins(HeaderElement);\n }\n\n public getLeftSection(): HeaderSectionLeftElement {\n return this.getElement(\"headerLeft\") as HeaderSectionLeftElement;\n }\n\n public getCenterSection(): HeaderSectionCenterElement {\n return this.getElement(\"headerCenter\") as HeaderSectionCenterElement;\n }\n\n public getRightSection(): HeaderSectionRightElement {\n return this.getElement(\"headerRight\") as HeaderSectionRightElement;\n }\n\n public setLogo(logo: React.ReactElement): void {\n // TODO: extract into a `LogoElement` class\n const element = this.getElement(ElementID.Logo);\n if (!element) {\n return;\n }\n element.replaceWith(\n new GenericElement(ElementID.Logo, () => {\n return <TopAppBarTitle>{logo}</TopAppBarTitle>;\n })\n );\n }\n\n public setMenuButton(menuButton: React.ReactElement): void {\n const button = this.getElement(ElementID.MenuButton);\n if (!button) {\n return;\n }\n button.replaceWith(\n new GenericElement(ElementID.MenuButton, () => {\n return menuButton;\n })\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,2BAAA,GAAAN,OAAA;AACA,IAAAO,0BAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AAA6D,IAExDU,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA,EAATA,SAAS;AAAA,IAKRC,qBAAqB,0BAAAC,WAAA;EAAA,SAAAD,sBAAA;IAAA,IAAAE,gBAAA,CAAAC,OAAA,QAAAH,qBAAA;IAAA,WAAAI,WAAA,CAAAD,OAAA,QAAAH,qBAAA,EAAAK,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAH,qBAAA,EAAAC,WAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAH,qBAAA;IAAAQ,GAAA;IAAAC,KAAA,EACvB,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_TopAppBar","_GenericElement","_PlaceholderElement","_HeaderSectionLeftElement","_HeaderSectionCenterElement","_HeaderSectionRightElement","_Hamburger","_UIRenderer2","ElementID","HeaderElementRenderer","_UIRenderer","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","next","createElement","TopAppBarPrimary","fixed","UIRenderer","HeaderElement","exports","_UIElement","id","_this","useGrid","leftSection","addElement","HeaderSectionLeftElement","PlaceholderElement","MenuButton","Logo","HeaderSectionCenterElement","HeaderSectionRightElement","addRenderer","setMenuButton","applyPlugins","getLeftSection","getElement","getCenterSection","getRightSection","setLogo","logo","element","replaceWith","GenericElement","TopAppBarTitle","menuButton","button","UIElement"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarPrimary, TopAppBarTitle } from \"@webiny/ui/TopAppBar\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderSectionLeftElement } from \"./HeaderSectionLeftElement\";\nimport { HeaderSectionCenterElement } from \"./HeaderSectionCenterElement\";\nimport { HeaderSectionRightElement } from \"./HeaderSectionRightElement\";\nimport Hamburger from \"./components/Hamburger\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nenum ElementID {\n MenuButton = \"headerMenuButton\",\n Logo = \"headerLogo\"\n}\n\nclass HeaderElementRenderer extends UIRenderer<HeaderElement> {\n public override render({ next }: UIRenderParams<HeaderElement>): React.ReactNode {\n return <TopAppBarPrimary fixed>{next()}</TopAppBarPrimary>;\n }\n}\n\nexport class HeaderElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n\n const leftSection = this.addElement(new HeaderSectionLeftElement(\"headerLeft\"));\n leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));\n leftSection.addElement(new PlaceholderElement(ElementID.Logo));\n\n this.addElement(new HeaderSectionCenterElement(\"headerCenter\"));\n this.addElement(new HeaderSectionRightElement(\"headerRight\"));\n\n this.addRenderer(new HeaderElementRenderer());\n\n this.setMenuButton(<Hamburger />);\n this.applyPlugins(HeaderElement);\n }\n\n public getLeftSection(): HeaderSectionLeftElement {\n return this.getElement(\"headerLeft\") as HeaderSectionLeftElement;\n }\n\n public getCenterSection(): HeaderSectionCenterElement {\n return this.getElement(\"headerCenter\") as HeaderSectionCenterElement;\n }\n\n public getRightSection(): HeaderSectionRightElement {\n return this.getElement(\"headerRight\") as HeaderSectionRightElement;\n }\n\n public setLogo(logo: React.ReactElement): void {\n // TODO: extract into a `LogoElement` class\n const element = this.getElement(ElementID.Logo);\n if (!element) {\n return;\n }\n element.replaceWith(\n new GenericElement(ElementID.Logo, () => {\n return <TopAppBarTitle>{logo}</TopAppBarTitle>;\n })\n );\n }\n\n public setMenuButton(menuButton: React.ReactElement): void {\n const button = this.getElement(ElementID.MenuButton);\n if (!button) {\n return;\n }\n button.replaceWith(\n new GenericElement(ElementID.MenuButton, () => {\n return menuButton;\n })\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,8 +8,7 @@ exports.HeaderSectionCenterElement = void 0;
|
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
10
|
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
11
|
-
var
|
|
12
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
|
+
var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
|
|
13
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
13
|
var _react = _interopRequireDefault(require("react"));
|
|
15
14
|
var _emotion = require("emotion");
|
|
@@ -33,7 +32,7 @@ var HeaderSectionCenterElement = exports.HeaderSectionCenterElement = /*#__PURE_
|
|
|
33
32
|
return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
|
|
34
33
|
className: middleBar,
|
|
35
34
|
alignEnd: true
|
|
36
|
-
}, (0,
|
|
35
|
+
}, (0, _superPropGet2.default)(HeaderSectionCenterElement, "render", this, 3)([props]));
|
|
37
36
|
}
|
|
38
37
|
}]);
|
|
39
38
|
}(_UIElement2.UIElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","middleBar","css","width","HeaderSectionCenterElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","middleBar","css","width","HeaderSectionCenterElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_superPropGet2","UIElement"],"sources":["HeaderSectionCenterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst middleBar = css({\n width: \"50%\"\n});\n\nexport class HeaderSectionCenterElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n return (\n <TopAppBarSection className={middleBar} alignEnd>\n {super.render(props)}\n </TopAppBarSection>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,SAAS,GAAG,IAAAC,YAAG,EAAC;EAClBC,KAAK,EAAE;AACX,CAAC,CAAC;AAAC,IAEUC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,0BAAAE,UAAA;EACnC,SAAAF,2BAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,0BAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,0BAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,0BAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,0BAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,SAAU;QAACqB,QAAQ;MAAA,OAAAC,cAAA,CAAAb,OAAA,EAAAN,0BAAA,sBAC9Bc,KAAK,EACL,CAAC;IAE3B;EAAC;AAAA,EAb2CM,qBAAS","ignoreList":[]}
|
|
@@ -8,8 +8,7 @@ exports.HeaderSectionLeftElement = void 0;
|
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
10
|
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
11
|
-
var
|
|
12
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
|
+
var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
|
|
13
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
13
|
var _react = _interopRequireDefault(require("react"));
|
|
15
14
|
var _emotion = require("emotion");
|
|
@@ -33,7 +32,7 @@ var HeaderSectionLeftElement = exports.HeaderSectionLeftElement = /*#__PURE__*/f
|
|
|
33
32
|
return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
|
|
34
33
|
className: edgeBars,
|
|
35
34
|
alignStart: true
|
|
36
|
-
}, (0,
|
|
35
|
+
}, (0, _superPropGet2.default)(HeaderSectionLeftElement, "render", this, 3)([props]));
|
|
37
36
|
}
|
|
38
37
|
}]);
|
|
39
38
|
}(_UIElement2.UIElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionLeftElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignStart","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionLeftElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignStart","_superPropGet2","UIElement"],"sources":["HeaderSectionLeftElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n width: \"25%\"\n});\n\nexport class HeaderSectionLeftElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n return (\n <TopAppBarSection className={edgeBars} alignStart>\n {super.render(props)}\n </TopAppBarSection>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,GAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,CAAC;AAAC,IAEUC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,0BAAAE,UAAA;EACjC,SAAAF,yBAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,wBAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,wBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,wBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,wBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,QAAS;QAACqB,UAAU;MAAA,OAAAC,cAAA,CAAAb,OAAA,EAAAN,wBAAA,sBAC/Bc,KAAK,EACL,CAAC;IAE3B;EAAC;AAAA,EAbyCM,qBAAS","ignoreList":[]}
|
|
@@ -8,8 +8,7 @@ exports.HeaderSectionRightElement = void 0;
|
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
10
|
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
11
|
-
var
|
|
12
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
|
+
var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
|
|
13
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
13
|
var _react = _interopRequireDefault(require("react"));
|
|
15
14
|
var _emotion = require("emotion");
|
|
@@ -33,7 +32,7 @@ var HeaderSectionRightElement = exports.HeaderSectionRightElement = /*#__PURE__*
|
|
|
33
32
|
return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
|
|
34
33
|
className: edgeBars,
|
|
35
34
|
alignEnd: true
|
|
36
|
-
}, (0,
|
|
35
|
+
}, (0, _superPropGet2.default)(HeaderSectionRightElement, "render", this, 3)([props]));
|
|
37
36
|
}
|
|
38
37
|
}]);
|
|
39
38
|
}(_UIElement2.UIElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionRightElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionRightElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_superPropGet2","UIElement"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n return (\n <TopAppBarSection className={edgeBars} alignEnd>\n {super.render(props)}\n </TopAppBarSection>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,GAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,CAAC;AAAC,IAEUC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,0BAAAE,UAAA;EAClC,SAAAF,0BAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,yBAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,yBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,yBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,yBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,QAAS;QAACqB,QAAQ;MAAA,OAAAC,cAAA,CAAAb,OAAA,EAAAN,yBAAA,sBAC7Bc,KAAK,EACL,CAAC;IAE3B;EAAC;AAAA,EAb0CM,qBAAS","ignoreList":[]}
|
|
@@ -8,8 +8,7 @@ exports.FormContainerElement = void 0;
|
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
10
|
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
11
|
-
var
|
|
12
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
|
+
var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
|
|
13
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
13
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
15
14
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -43,7 +42,7 @@ var FormContainerElement = exports.FormContainerElement = /*#__PURE__*/function
|
|
|
43
42
|
return (0, _createClass2.default)(FormContainerElement, [{
|
|
44
43
|
key: "render",
|
|
45
44
|
value: function render(props) {
|
|
46
|
-
var children = (0,
|
|
45
|
+
var children = (0, _superPropGet2.default)(FormContainerElement, "render", this, 3)([props]);
|
|
47
46
|
return /*#__PURE__*/_react.default.createElement(FormContainerWrapper, {
|
|
48
47
|
className: (0, _classnames.default)("webiny-data-list", this.config.className),
|
|
49
48
|
"data-testid": this.config.testId
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_Elevation","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","FormContainerWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FormContainerElement","exports","_UIElement","id","config","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","children","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_Elevation","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","FormContainerWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FormContainerElement","exports","_UIElement","id","config","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","children","_superPropGet2","createElement","className","classNames","testId","noElevation","Elevation","z","UIElement"],"sources":["FormContainerElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst FormContainerWrapper = styled(\"div\")({\n position: \"relative\",\n margin: \"17px 50px\"\n});\n\ninterface FormContainerConfig extends UIElementConfig {\n testId?: string;\n noElevation?: boolean;\n className?: string;\n}\n\nexport class FormContainerElement extends UIElement<FormContainerConfig> {\n public constructor(id: string, config: FormContainerConfig) {\n super(id, config);\n this.useGrid(false);\n }\n\n public override render(props: UiElementRenderProps) {\n const children = super.render(props);\n\n return (\n <FormContainerWrapper\n className={classNames(\"webiny-data-list\", this.config.className)}\n data-testid={this.config.testId}\n >\n {this.config.noElevation ? children : <Elevation z={1}>{children}</Elevation>}\n </FormContainerWrapper>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAkF,SAAAI,iCAAA;AAElF,IAAMC,oBAAoB,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGzC,CAAC;AAAC,IAQUa,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAAAE,UAAA;EAC7B,SAAAF,qBAAmBG,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAhB,OAAA,QAAAU,oBAAA;IACxDK,KAAA,OAAAE,WAAA,CAAAjB,OAAA,QAAAU,oBAAA,GAAMG,EAAE,EAAEC,MAAM;IAChBC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAnB,OAAA,EAAAU,oBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAApB,OAAA,EAAAU,oBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAE;MAChD,IAAMC,QAAQ,OAAAC,cAAA,CAAA1B,OAAA,EAAAU,oBAAA,sBAAgBc,KAAK,EAAC;MAEpC,oBACIjC,MAAA,CAAAS,OAAA,CAAA2B,aAAA,CAAC7B,oBAAoB;QACjB8B,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAE,IAAI,CAACf,MAAM,CAACc,SAAS,CAAE;QACjE,eAAa,IAAI,CAACd,MAAM,CAACgB;MAAO,GAE/B,IAAI,CAAChB,MAAM,CAACiB,WAAW,GAAGN,QAAQ,gBAAGlC,MAAA,CAAAS,OAAA,CAAA2B,aAAA,CAAChC,UAAA,CAAAqC,SAAS;QAACC,CAAC,EAAE;MAAE,GAAER,QAAoB,CAC1D,CAAC;IAE/B;EAAC;AAAA,EAjBqCS,qBAAS","ignoreList":[]}
|
|
@@ -8,8 +8,7 @@ exports.FormFooterElement = void 0;
|
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
10
|
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
11
|
-
var
|
|
12
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
|
+
var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
|
|
13
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
13
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
15
14
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -41,7 +40,7 @@ var FormFooterElement = exports.FormFooterElement = /*#__PURE__*/function (_UIEl
|
|
|
41
40
|
return (0, _createClass2.default)(FormFooterElement, [{
|
|
42
41
|
key: "render",
|
|
43
42
|
value: function render(props) {
|
|
44
|
-
return /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, (0,
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, (0, _superPropGet2.default)(FormFooterElement, "render", this, 3)([props]));
|
|
45
44
|
}
|
|
46
45
|
}]);
|
|
47
46
|
}(_UIElement2.UIElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FormFooterElement","exports","_UIElement","id","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FormFooterElement","exports","_UIElement","id","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","_superPropGet2","UIElement"],"sources":["FormFooterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst ButtonWrapper = styled(\"div\")({\n display: \"flex\",\n justifyContent: \"space-between\",\n borderTop: \"1px solid var(--mdc-theme-on-background)\",\n color: \"var(--mdc-theme-text-primary-on-background)\",\n textAlign: \"right\",\n padding: 25,\n \">:last-child\": {\n marginLeft: \"auto\"\n }\n});\n\nexport class FormFooterElement extends UIElement {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n }\n\n public override render(props: UiElementRenderProps) {\n return <ButtonWrapper>{super.render(props)}</ButtonWrapper>;\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAiE,SAAAE,iCAAA;AAEjE,IAAMC,aAAa,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAUlC,CAAC;AAAC,IAEUa,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,UAAA;EAC1B,SAAAF,kBAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAf,OAAA,QAAAU,iBAAA;IAC3BI,KAAA,OAAAE,WAAA,CAAAhB,OAAA,QAAAU,iBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAlB,OAAA,EAAAU,iBAAA,EAAAE,UAAA;EAAA,WAAAO,aAAA,CAAAnB,OAAA,EAAAU,iBAAA;IAAAU,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAE;MAChD,oBAAO9B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC1B,aAAa,YAAA2B,cAAA,CAAAzB,OAAA,EAAAU,iBAAA,sBAAea,KAAK,EAAiB,CAAC;IAC/D;EAAC;AAAA,EATkCG,qBAAS","ignoreList":[]}
|
|
@@ -8,8 +8,7 @@ exports.FormHeaderElement = void 0;
|
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
10
|
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
11
|
-
var
|
|
12
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
|
+
var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
|
|
13
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
13
|
var _react = _interopRequireDefault(require("react"));
|
|
15
14
|
var _emotion = require("emotion");
|
|
@@ -72,7 +71,7 @@ var FormHeaderElement = exports.FormHeaderElement = /*#__PURE__*/function (_UIEl
|
|
|
72
71
|
}, getTitle(props)))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
|
|
73
72
|
span: 6,
|
|
74
73
|
className: actionsClass
|
|
75
|
-
}, (0,
|
|
74
|
+
}, (0, _superPropGet2.default)(FormHeaderElement, "render", this, 3)([props])));
|
|
76
75
|
}
|
|
77
76
|
}]);
|
|
78
77
|
}(_UIElement2.UIElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Grid","_Typography","_UIElement2","_Icon","iconClass","css","marginRight","color","headerClass","borderBottom","titleClass","display","alignItems","actionsClass","justifyContent","FormHeaderElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","setIcon","icon","addAction","element","addElement","render","props","_this$config","getTitle","createElement","Grid","className","Cell","span","Fragment","Icon","Typography","use","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Grid","_Typography","_UIElement2","_Icon","iconClass","css","marginRight","color","headerClass","borderBottom","titleClass","display","alignItems","actionsClass","justifyContent","FormHeaderElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","setIcon","icon","addAction","element","addElement","render","props","_this$config","getTitle","createElement","Grid","className","Cell","span","Fragment","Icon","Typography","use","_superPropGet2","UIElement"],"sources":["FormHeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\n\nconst iconClass = css({\n marginRight: 15,\n color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst headerClass = css({\n borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst titleClass = css({\n display: \"flex\",\n alignItems: \"center\"\n});\n\nconst actionsClass = css({\n display: \"flex\",\n justifyContent: \"flex-end\",\n alignItems: \"center\"\n});\n\ninterface FormHeaderConfig extends UIElementConfig {\n getTitle(props: FormElementRenderProps): string;\n icon?: React.ReactElement;\n}\n\nexport class FormHeaderElement extends UIElement<FormHeaderConfig> {\n public constructor(id: string, config: FormHeaderConfig) {\n super(id, config);\n\n this.useGrid(false);\n }\n\n public setIcon(icon: React.ReactElement) {\n this.config.icon = icon;\n }\n\n public addAction(element: UIElement) {\n this.addElement(element);\n }\n\n public override render(props: FormElementRenderProps): React.ReactNode {\n const { icon, getTitle } = this.config;\n\n return (\n <Grid className={headerClass}>\n <Cell span={6} className={titleClass}>\n <React.Fragment>\n {icon && <Icon className={iconClass} icon={icon} />}\n <Typography use=\"headline5\">{getTitle(props)}</Typography>\n </React.Fragment>\n </Cell>\n <Cell span={6} className={actionsClass}>\n {super.render(props)}\n </Cell>\n </Grid>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
package/ui/views/FormView.js
CHANGED
|
@@ -8,8 +8,7 @@ exports.FormView = void 0;
|
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
10
|
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
11
|
-
var
|
|
12
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
|
+
var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
|
|
13
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
13
|
var _react = _interopRequireDefault(require("react"));
|
|
15
14
|
var _Progress = require("@webiny/ui/Progress");
|
|
@@ -42,7 +41,7 @@ var FormView = exports.FormView = /*#__PURE__*/function (_UIView) {
|
|
|
42
41
|
key: "addElement",
|
|
43
42
|
value: function addElement(element) {
|
|
44
43
|
if (element.id === "form" || element.id === "formContainer") {
|
|
45
|
-
return (0,
|
|
44
|
+
return (0, _superPropGet2.default)(FormView, "addElement", this, 3)([element]);
|
|
46
45
|
}
|
|
47
46
|
return this.getFormContainer().addElement(element);
|
|
48
47
|
}
|