@steroidsjs/core 2.1.0-beta.9 → 2.2.2

package/ui/form/Form/Form.js

@@ -1,306 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.FormContext = void 0;
-var React = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var get_1 = __importDefault(require("lodash-es/get"));
-var isUndefined_1 = __importDefault(require("lodash-es/isUndefined"));
-var set_1 = __importDefault(require("lodash-es/set"));
-var queryString = __importStar(require("qs"));
-var react_1 = require("react");
-var react_use_1 = require("react-use");
-var AutoSaveHelper_1 = __importDefault(require("./AutoSaveHelper"));
-var SyncAddressBarHelper_1 = __importDefault(require("./SyncAddressBarHelper"));
-var hooks_1 = require("../../../hooks");
-var form_1 = require("../../../utils/form");
-var validate_1 = __importDefault(require("../validate"));
-exports.FormContext = React.createContext({});
-var getCaptchaToken = function (params) {
-    var googleCaptcha = params.googleCaptcha, siteKey = params.siteKey, _a = params.actionName, actionName = _a === void 0 ? 'submit' : _a;
-    return new Promise(function (resolve) {
-        googleCaptcha.ready(function () {
-            googleCaptcha.execute(siteKey, { action: actionName }).then(function (token) { return resolve(token); });
-        });
-    });
-};
-function Form(props) {
-    var _this = this;
-    // Dev validation. You cannot change data provider (formId, useRedux)
-    if (process.env.NODE_ENV !== 'production') {
-        var prevFormId = react_use_1.usePrevious(props.formId); // eslint-disable-line react-hooks/rules-of-hooks
-        var prevUseRedux = react_use_1.usePrevious(props.useRedux); // eslint-disable-line react-hooks/rules-of-hooks
-        if ((prevFormId && props.formId !== prevFormId) || (prevUseRedux && props.useRedux !== prevUseRedux)) {
-            throw new Error('Props formId and useRedux cannot be changed dynamically! Its related to data provider');
-        }
-    }
-    // Get components and dispatch method
-    var components = hooks_1.useComponents();
-    // Normalize layout
-    var layout = react_1.useMemo(function () { return form_1.normalizeLayout(props.layout); }, [props.layout]);
-    // Resolve initial values
-    var initialValues = props.initialValues;
-    // Restore initial values from address bar and local storage
-    var isFirstMount = react_use_1.useFirstMountState();
-    var locationSearch = react_redux_1.useSelector(function (state) { return get_1["default"](state, 'router.location.search', ''); });
-    if (isFirstMount) {
-        // Query
-        if (props.syncWithAddressBar) {
-            initialValues = SyncAddressBarHelper_1["default"].restore(__assign(__assign({}, props.initialValues), SyncAddressBarHelper_1["default"].cleanValues(queryString.parse(locationSearch))), props.restoreCustomizer);
-        }
-        // Local storage
-        if (props.autoSave) {
-            initialValues = AutoSaveHelper_1["default"].restore(props.clientStorage, props.formId, initialValues);
-        }
-    }
-    // Init data provider
-    var provider = props.useRedux ? form_1.providers.redux : form_1.providers.reducer;
-    var _a = provider.useForm(props.formId, initialValues), values = _a.values, isInvalid = _a.isInvalid, isSubmitting = _a.isSubmitting, setErrors = _a.setErrors, reducer = _a.reducer, dispatch = _a.dispatch;
-    // Sync with address bar
-    react_use_1.useUpdateEffect(function () {
-        if (props.syncWithAddressBar) {
-            // TODO
-            /*const page = Number(_get(values, 'page', 1));
-            SyncAddressBarHelper.save(
-                components.store,
-                SyncAddressBarHelper.cleanValues({
-                    ...values,
-                    page: page > 1 && page,
-                }),
-                props.useHash,
-            );*/
-        }
-    }, [props.syncWithAddressBar, props.useHash, values]);
-    // Auto focus
-    react_use_1.useMount(function () {
-        if (props.autoFocus && process.env.IS_WEB) {
-            // TODO
-            /*const element: any = findDOMNode(this);
-            const inputEl = element.querySelector('input:not([type=hidden])');
-            setTimeout(() => {
-                if (inputEl && inputEl.focus) {
-                    inputEl.focus();
-                }
-            }, 10);*/
-        }
-    });
-    // Auto save
-    react_use_1.useUpdateEffect(function () {
-        if (props.autoSave && values) {
-            // TODO
-            //AutoSaveHelper.save(components.clientStorage, props.formId, values);
-        }
-    }, [props.autoSave, values]);
-    // OnChange handler
-    react_use_1.useUpdateEffect(function () {
-        if (props.onChange) {
-            props.onChange(values);
-        }
-    }, [props, values]);
-    // OnSubmit handler
-    var onSubmit = react_1.useCallback(function (e) { return __awaiter(_this, void 0, void 0, function () {
-        var cleanedValues, captchaAttribute, googleCaptcha, captchaToken, options, response, _a, data;
-        var _b;
-        var _this = this;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    // TODO
-                    e.preventDefault();
-                    // Append non touched fields to values object
-                    if (props.formId) {
-                        Object.keys(components.ui.getRegisteredFields(props.formId) || {})
-                            .forEach(function (key) {
-                            if (isUndefined_1["default"](get_1["default"](values, key))) {
-                                set_1["default"](values, key, null);
-                            }
-                        });
-                    }
-                    cleanedValues = form_1.cleanEmptyObject(values);
-                    // Event onBeforeSubmit
-                    if (props.onBeforeSubmit && props.onBeforeSubmit.call(null, cleanedValues) === false) {
-                        return [2 /*return*/, null];
-                    }
-                    if (props.validators) {
-                        validate_1["default"](cleanedValues, props.validators);
-                    }
-                    if (props.onSubmit) {
-                        return [2 /*return*/, props.onSubmit.call(null, cleanedValues)];
-                    }
-                    captchaAttribute = null;
-                    Object.entries(components.ui.getRegisteredFields(props.formId) || {}).forEach(function (_a) {
-                        var attribute = _a[0], fieldType = _a[1];
-                        if (fieldType === 'ReCaptchaField') {
-                            captchaAttribute = attribute;
-                        }
-                    });
-                    if (!(captchaAttribute && components.resource.googleCaptchaSiteKey)) return [3 /*break*/, 3];
-                    return [4 /*yield*/, components.resource.loadGoogleCaptcha()];
-                case 1:
-                    googleCaptcha = _c.sent();
-                    return [4 /*yield*/, getCaptchaToken({
-                            googleCaptcha: googleCaptcha,
-                            siteKey: components.resource.googleCaptchaSiteKey,
-                            actionName: props.captchaActionName
-                        })];
-                case 2:
-                    captchaToken = _c.sent();
-                    cleanedValues = __assign(__assign({}, cleanedValues), (_b = {}, _b[captchaAttribute] = captchaToken, _b));
-                    _c.label = 3;
-                case 3:
-                    options = {
-                        onTwoFactor: props.onTwoFactor
-                            ? function (providerName) { return __awaiter(_this, void 0, void 0, function () {
-                                var info, _a;
-                                return __generator(this, function (_b) {
-                                    switch (_b.label) {
-                                        case 0:
-                                            if (!props.autoStartTwoFactor) return [3 /*break*/, 2];
-                                            return [4 /*yield*/, components.http.post("/api/v1/auth/2fa/" + providerName + "/send")];
-                                        case 1:
-                                            _a = _b.sent();
-                                            return [3 /*break*/, 3];
-                                        case 2:
-                                            _a = null;
-                                            _b.label = 3;
-                                        case 3:
-                                            info = _a;
-                                            props.onTwoFactor(providerName, info);
-                                            return [2 /*return*/];
-                                    }
-                                });
-                            }); }
-                            : undefined
-                    };
-                    if (!(typeof props.action === 'function')) return [3 /*break*/, 5];
-                    return [4 /*yield*/, props.action(components.api, cleanedValues, options)];
-                case 4:
-                    _a = _c.sent();
-                    return [3 /*break*/, 7];
-                case 5: return [4 /*yield*/, components.http.send(props.actionMethod, props.action || window.location.pathname, cleanedValues, options)];
-                case 6:
-                    _a = _c.sent();
-                    _c.label = 7;
-                case 7:
-                    response = _a;
-                    // Skip on 2fa
-                    if (response.twoFactor) {
-                        return [2 /*return*/, null];
-                    }
-                    data = response.data || {};
-                    // Event onAfterSubmit
-                    if (props.onAfterSubmit && props.onAfterSubmit.call(null, cleanedValues, data, response) === false) {
-                        return [2 /*return*/, null];
-                    }
-                    if (data.errors) {
-                        setErrors(data.errors);
-                        return [2 /*return*/, null];
-                    }
-                    if (props.onComplete) {
-                        props.onComplete.call(null, cleanedValues, data, response);
-                    }
-                    if (props.autoSave) {
-                        // TODO
-                        //const AutoSaveHelper = require('../ui/form/Form/AutoSaveHelper').default;
-                        //AutoSaveHelper.remove(props.clientStorage, props.formId);
-                    }
-                    return [2 /*return*/, null];
-            }
-        });
-    }); }, [components.api, components.http, components.resource, components.ui, props, setErrors, values]);
-    var formContextValue = react_1.useMemo(function () { return ({
-        formId: props.formId,
-        model: props.model,
-        prefix: props.prefix,
-        layout: props.layout,
-        provider: provider,
-        reducer: reducer,
-        dispatch: dispatch
-    }); }, [dispatch, props.formId, props.layout, props.model, props.prefix, provider, reducer]);
-    // Wait initialization (only for redux)
-    if (values === undefined) {
-        return null;
-    }
-    // Render context and form
-    return (React.createElement(exports.FormContext.Provider, { value: formContextValue }, props.view !== false
-        ? components.ui.renderView(props.view || 'form.FormView', __assign(__assign({}, props.viewProps), { isInvalid: isInvalid,
-            isSubmitting: isSubmitting,
-            layout: layout,
-            onSubmit: onSubmit, children: props.children, submitLabel: props.submitLabel, fields: props.fields, className: props.className }))
-        : props.children));
-}
-Form.defaultProps = {
-    actionMethod: 'POST',
-    autoStartTwoFactor: true,
-    layout: 'default',
-    captchaActionName: 'submit'
-};
-exports["default"] = Form;

package/ui/form/Form/SyncAddressBarHelper.d.ts

@@ -1,13 +0,0 @@
-export default class SyncAddressBarHelper {
-    static restore(initialValues: any, customizer?: any): any;
-    /**
-     * WARNING
-     * Method incorrectly saves nested objects (e.g. {foo: [{bar: 1}]}
-     *
-     * @param {object} store
-     * @param {object} values
-     * @param {boolean} useHash
-     */
-    static save(store: any, values: any, useHash?: boolean): void;
-    static cleanValues(values?: {}): {};
-}

package/ui/form/Form/SyncAddressBarHelper.js

@@ -1,119 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var path_to_regexp_1 = require("path-to-regexp");
-var queryString = __importStar(require("qs"));
-var isArray_1 = __importDefault(require("lodash-es/isArray"));
-var isObject_1 = __importDefault(require("lodash-es/isObject"));
-var isBoolean_1 = __importDefault(require("lodash-es/isBoolean"));
-var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
-var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
-var connected_react_router_1 = require("connected-react-router");
-var router_1 = require("../../../reducers/router");
-var SyncAddressBarHelper = /** @class */ (function () {
-    function SyncAddressBarHelper() {
-    }
-    SyncAddressBarHelper.restore = function (initialValues, customizer) {
-        if (customizer === void 0) { customizer = null; }
-        var newValues = __assign(__assign({}, initialValues), queryString.parse(window.location.hash));
-        if (customizer && isFunction_1["default"](customizer)) {
-            newValues = customizer(initialValues, queryString.parse(location.hash));
-        }
-        return newValues;
-    };
-    /**
-     * WARNING
-     * Method incorrectly saves nested objects (e.g. {foo: [{bar: 1}]}
-     *
-     * @param {object} store
-     * @param {object} values
-     * @param {boolean} useHash
-     */
-    SyncAddressBarHelper.save = function (store, values, useHash) {
-        if (useHash === void 0) { useHash = true; }
-        values = __assign({}, values);
-        Object.keys(values).map(function (key) {
-            var value = values[key];
-            if (isObject_1["default"](value) && !isArray_1["default"](value)) {
-                delete values[key];
-            }
-            else if (isArray_1["default"](value)) {
-                values[key] = value.join(',');
-            }
-            else if (isBoolean_1["default"](value)) {
-                if (!value) {
-                    delete values[key];
-                }
-                else {
-                    values[key] = 1;
-                }
-            }
-            else if (value === null) {
-                delete values[key];
-            }
-        });
-        var querySeparator = useHash ? '#' : '?';
-        var currentRoute = router_1.getRoute(store.getState() || {});
-        var params = router_1.getRouteParams(store.getState() || {});
-        if (isEmpty_1["default"](values)) {
-            if (currentRoute) {
-                store.dispatch(connected_react_router_1.push(path_to_regexp_1.compile(currentRoute.path)(params)));
-            }
-            else {
-                location.hash = null;
-            }
-        }
-        else if (currentRoute) {
-            store.dispatch(connected_react_router_1.push(path_to_regexp_1.compile(currentRoute.path)(params)
-                + querySeparator
-                + queryString.stringify(values)));
-        }
-        else {
-            location.hash = querySeparator + queryString.stringify(values);
-        }
-    };
-    SyncAddressBarHelper.cleanValues = function (values) {
-        if (values === void 0) { values = {}; }
-        var obj = __assign({}, values);
-        Object.keys(obj).forEach(function (key) {
-            if (!obj[key] || (isArray_1["default"](obj[key]) && !obj[key].length)) {
-                delete obj[key];
-            }
-        });
-        return obj;
-    };
-    return SyncAddressBarHelper;
-}());
-exports["default"] = SyncAddressBarHelper;

package/ui/form/Form/demo/basic.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-/**
- * Basic
- * @order 1
- * @col 12
- */
-export default _default;

package/ui/form/Form/demo/basic.js

@@ -1,58 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var Form_1 = __importDefault(require("../Form"));
-var DateField_1 = __importDefault(require("../../DateField"));
-var DateTimeField_1 = __importDefault(require("../../DateTimeField"));
-var TextField_1 = __importDefault(require("../../TextField"));
-var InputField_1 = __importDefault(require("../../InputField"));
-/**
- * Basic
- * @order 1
- * @col 12
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Form_1["default"], { formId: 'TestForm', useRedux: true, syncWithAddressBar: true, autoFocus: true, fields: [
-            {
-                component: InputField_1["default"],
-                attribute: 'email',
-                label: 'Email'
-            },
-            {
-                component: TextField_1["default"],
-                attribute: 'message',
-                label: 'Message'
-            },
-            {
-                component: DateField_1["default"],
-                attribute: 'date',
-                label: 'Date'
-            },
-            {
-                component: DateTimeField_1["default"],
-                attribute: 'startTime',
-                label: 'Start time'
-            },
-        ], submitLabel: 'Submit', validators: [['Email', 'required']] }))); });

package/ui/form/Form/index.d.ts

@@ -1,2 +0,0 @@
-import Form from './Form';
-export default Form;

package/ui/form/Form/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var Form_1 = __importDefault(require("./Form"));
-exports["default"] = Form_1["default"];

package/ui/form/HtmlField/HtmlField.d.ts

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
-/**
- * HtmlField
- * Компонент для создания HTML-разметки, использующий WYSIWYG-реадактор
- */
-export interface IHtmlFieldProps extends IFieldWrapperInputProps, IFieldWrapperOutputProps {
-    /**
-     * Конфигурация wysiwyg реадактора
-     */
-    editorProps?: any;
-    /**
-     * Дополнительный CSS-класс
-     */
-    className?: CssClassName;
-    /**
-     * Url на который будет отправлена форма загрузки файла
-     * @example /api/v1/upload-files
-     */
-    uploadUrl?: string;
-    /**
-     * После загрузки изображения на сервер,
-     * можно указать с каким процессором должно вернуться картинка
-     * @example origin
-     */
-    uploadImagesProcessor?: string;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    /**
-     * Обработчик события при фокусе на редактора
-     * @param event
-     */
-    onFocus?: (event: any) => any;
-    /**
-     * Обработчик события при снятии фокуса с редактора
-     * @param event
-     */
-    onBlur?: (event: any) => any;
-    [key: string]: any;
-}
-export interface IHtmlFieldViewProps extends IHtmlFieldProps {
-    onChange: (event: any, editor: any) => void;
-}
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
-export default _default;

package/ui/form/HtmlField/HtmlField.js

@@ -1,57 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var react_1 = require("react");
-var merge_1 = __importDefault(require("lodash-es/merge"));
-var hooks_1 = require("../../../hooks");
-var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
-function HtmlField(props) {
-    var components = hooks_1.useComponents();
-    var onFocus = react_1.useCallback(function (event) {
-        if (props.onFocus) {
-            props.onFocus(event);
-        }
-    }, [props]);
-    var onBlur = react_1.useCallback(function (event) {
-        if (props.onBlur) {
-            props.onBlur(event);
-        }
-    }, [props]);
-    var onChange = react_1.useCallback(function (event, editor) {
-        props.input.onChange(editor.getData());
-    }, [props.input]);
-    var uploadUrl = props.uploadUrl, uploadImagesProcessor = props.uploadImagesProcessor;
-    var editorProps = react_1.useMemo(function () { return merge_1["default"]({
-        image: {
-            upload: {
-                types: ['jpeg', 'png', 'gif', 'jpg', 'svg']
-            }
-        },
-        simpleUpload: {
-            uploadUrl: uploadUrl + (uploadImagesProcessor
-                ? '?imagesProcessor=' + uploadImagesProcessor
-                : '')
-        }
-    }, props.editorProps); }, [props.editorProps, uploadUrl, uploadImagesProcessor]);
-    return components.ui.renderView(props.view || 'form.HtmlFieldView', __assign(__assign({ onFocus: onFocus,
-        onBlur: onBlur,
-        onChange: onChange }, props), { editorProps: editorProps }));
-}
-HtmlField.defaultProps = {
-    disabled: false,
-    className: ''
-};
-exports["default"] = fieldWrapper_1["default"]('HtmlField', HtmlField);

package/ui/form/HtmlField/demo/basic.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-/**
- * Basic
- * @order 1
- * @col 12
- */
-export default _default;

package/ui/form/HtmlField/demo/basic.js

@@ -1,33 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var HtmlField_1 = __importDefault(require("../HtmlField"));
-/**
- * Basic
- * @order 1
- * @col 12
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(HtmlField_1["default"], { label: 'Article content', uploadUrl: '/api/v1/file-test', uploadImagesProcessor: 'original' }))); });