@luomus/laji-form 15.1.0 → 15.1.2

package/lib/components/fields/SingleItemArrayField.d.ts

@@ -1,15 +0,0 @@
-export default class SingleItemArrayField extends React.Component<any, any, any> {
-    static propTypes: {
-        schema: PropTypes.Validator<PropTypes.InferProps<{
-            type: PropTypes.Requireable<string>;
-        }>>;
-        formData: PropTypes.Requireable<any[]>;
-    };
-    static getName(): string;
-    constructor(props: any);
-    getStateFromProps(props: any): any;
-    getActiveIdx: (props: any) => any;
-    onChange: (formData: any) => void;
-}
-import * as React from "react";
-import * as PropTypes from "prop-types";

package/lib/components/fields/SingleItemArrayField.js

@@ -1,60 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
-const VirtualSchemaField_1 = require("../VirtualSchemaField");
-const utils_1 = require("../../utils");
-const ArrayField_1 = require("./ArrayField");
-let SingleItemArrayField = class SingleItemArrayField extends React.Component {
-    constructor(props) {
-        super(props);
-        this.getActiveIdx = (props) => {
-            const options = utils_1.getUiOptions(props.uiSchema);
-            return "activeIdx" in options
-                ? options.activeIdx
-                : 0;
-        };
-        this.onChange = (formData) => {
-            const activeIdx = this.getActiveIdx(this.props);
-            const copy = (this.props.formData || []).slice();
-            copy[activeIdx] = formData;
-            this.props.onChange(copy);
-        };
-        props.formContext.globals[`${this.props.idSchema.$id}.activeIdx`] = this.getActiveIdx(props);
-    }
-    static getName() { return "SingleItemArrayField"; }
-    componentDidUpdate() {
-        this.props.formContext.globals[`${this.props.idSchema.$id}.activeIdx`] = this.getActiveIdx(this.props);
-    }
-    getStateFromProps(props) {
-        const activeIdx = this.getActiveIdx(props);
-        if (typeof activeIdx !== "number" || isNaN(activeIdx)) {
-            return Object.assign(Object.assign({}, props), { uiSchema: {
-                    "ui:field": "HiddenField"
-                } });
-        }
-        let uiSchema = Object.assign(Object.assign({ "ui:title": utils_1.getTitle(props, activeIdx), "ui:help": props.uiSchema["ui:help"] }, props.uiSchema.items || {}), { "ui:options": Object.assign({ titleClassName: utils_1.getUiOptions(props.uiSchema).titleClassName }, utils_1.getUiOptions(props.uiSchema.items)) });
-        if (utils_1.isMultiSelect(props.schema, uiSchema)) {
-            uiSchema = Object.assign(Object.assign({}, uiSchema), { "ui:options": Object.assign(Object.assign({}, utils_1.getUiOptions(uiSchema)), { renderTitleAsLabel: true }) });
-        }
-        return Object.assign(Object.assign({}, props), { formData: props.formData && props.formData.length && activeIdx in props.formData
-                ? props.formData[activeIdx]
-                : utils_1.addLajiFormIds(utils_1.getDefaultFormState(props.schema.items), this.props.formContext.services.ids.getRelativeTmpIdTree(props.idSchema.$id), false)[0], schema: props.schema.items, uiSchema, idSchema: ArrayField_1.ArrayFieldPatched.prototype.getIdSchema.call(this, props, activeIdx), errorSchema: props.errorSchema[activeIdx] || {}, onChange: this.onChange });
-    }
-};
-SingleItemArrayField.propTypes = {
-    schema: PropTypes.shape({
-        type: PropTypes.oneOf(["array"])
-    }).isRequired,
-    formData: PropTypes.array
-};
-SingleItemArrayField = __decorate([
-    VirtualSchemaField_1.default
-], SingleItemArrayField);
-exports.default = SingleItemArrayField;

package/lib/components/fields/SortArrayField.d.ts

@@ -1,73 +0,0 @@
-import * as React from "react";
-import { FieldProps } from "../LajiForm";
-export declare const colIsLoading: (col: SortCol) => boolean;
-interface SortCol {
-    name: string;
-    /**
-     * Undefined if shouldn't sort at all.
-     */
-    descending?: boolean;
-    /**
-     * Compare function provided by the compare strategy. It can be asynchronously set.
-     * If it returns undefined, comparison will fallback to the default algorithm.
-    */
-    compare?: (a: any, b: any, sortCol: SortCol, schema: any) => number | undefined;
-    /**
-     * The chosen compare strategy object.
-    */
-    compareStrategy: CompareStrategy;
-    loading?: boolean;
-}
-interface State {
-    uiSchema?: any;
-    sortCols: SortCol[];
-}
-declare type DefaultCompareStrategy = {
-    strategy: "default";
-    noDescending?: boolean;
-};
-declare type TaxonomicCompareStrategy = {
-    strategy: "taxonomic";
-    noDescending?: boolean;
-    valueField?: string;
-    query: {
-        informalGroupsFilter?: string;
-        onlyFinnish?: boolean;
-    };
-};
-declare type CompareStrategy = DefaultCompareStrategy | TaxonomicCompareStrategy;
-/**
- * Sorts date according to selected columns. This component provides only the sorting logic,
- * a child component must handle the UI for selecting the sort columns.
- *
- * Can be used only if items are objects (non-objects don't have UUIDs which are used for
- * keeping the original order intact upon changes);
- */
-export default class SortArrayField extends React.Component<FieldProps, State> {
-    state: State;
-    sortTimeIdToSortedIdx: Record<string, number>;
-    /**
-     * Id-to-idx mapping when the sorting was touched. Used to sorting newly items where they are put, instead of sorting them according to the sort cols.
-    */
-    sortTimeIdToOrigIdx: Record<string, number>;
-    constructor(props: FieldProps);
-    componentDidUpdate(): void;
-    /**
-     * Sort cols might be retrieved from settings JSON, which doesn't hold the 'compare' fn. We add the fn
-     * asynchronously when the  component updates according to the comparison strategy name.
-     */
-    syncColumns(): void;
-    getUiShema(props: FieldProps, { sortCols }: State, sortedData: any[]): any;
-    getSortableColumns(props: FieldProps): string[] | undefined;
-    getNextComponentProps(props: any, state: State): {
-        uiSchema: any;
-        formData: any[];
-        onChange: (formData: any[]) => void;
-    };
-    updateSortCol(sortCol: SortCol): void;
-    setSortCols(sortCols: SortCol[]): void;
-    onSortToggle(name: string): void;
-    onChange: (formData: any[]) => void;
-    render(): JSX.Element;
-}
-export {};

package/lib/components/fields/SortArrayField.js

@@ -1,351 +0,0 @@
-"use strict";
-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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.colIsLoading = void 0;
-const React = require("react");
-const utils_1 = require("../../utils");
-const memoize = require("memoizee");
-const ReactContext_1 = require("../../ReactContext");
-const components_1 = require("../components");
-const Spinner = require("react-spinner");
-const colIsLoading = (col) => col.compareStrategy && !col.compare;
-exports.colIsLoading = colIsLoading;
-const colsLoading = (sortCols) => sortCols.filter(exports.colIsLoading).length > 0;
-class Comparer {
-    constructor(options, colName, formContext) {
-        this.options = options;
-        this.formContext = formContext;
-        this.colName = colName;
-    }
-}
-class TaxonomicComparer extends Comparer {
-    constructor(options, colName, formContext) {
-        super(options, colName, formContext);
-        this.compare = this.compare.bind(this);
-    }
-    initialize() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.idToIdx = (yield this.formContext.apiClient.fetchCached("/taxa", Object.assign(Object.assign({}, this.options.query), { pageSize: 10000, selectedFields: "id" })))
-                .results.reduce((idToIdx, { id }, idx) => {
-                idToIdx[id] = idx;
-                return idToIdx;
-            }, {});
-        });
-    }
-    compare(a, b) {
-        const aValue = a[this.options.valueField || this.colName];
-        const bValue = b[this.options.valueField || this.colName];
-        if (this.idToIdx[aValue] === undefined && this.idToIdx[bValue] !== undefined) {
-            return 1;
-        }
-        else if (this.idToIdx[aValue] !== undefined && this.idToIdx[bValue] === undefined) {
-            return -1;
-            // Fall back to default comparison if it's neither are in the taxonomic set.
-        }
-        else if (this.idToIdx[aValue] === undefined && this.idToIdx[bValue] === undefined) {
-            return undefined;
-        }
-        return this.idToIdx[aValue] - this.idToIdx[bValue];
-    }
-}
-class DefaultComparer extends Comparer {
-    compare(a, b, sortCol, schema) {
-        const { name } = sortCol;
-        const colSchema = schema.items.properties[name];
-        const aValue = getValue(a[name], colSchema);
-        const bValue = getValue(b[name], colSchema);
-        if (aValue === undefined && bValue !== undefined || aValue < bValue) {
-            return -1;
-        }
-        else if (aValue !== undefined && bValue === undefined || aValue > bValue) {
-            return 1;
-        }
-        return 0;
-    }
-}
-const compareStrategyMap = {
-    taxonomic: TaxonomicComparer,
-    default: DefaultComparer
-};
-const comparers = {};
-const ColumnOptionsUI = ({ field, compareStrategies = [], sortCol, updateSortCol, formContext }) => {
-    const { MenuItem, Glyphicon, Dropdown } = React.useContext(ReactContext_1.default).theme;
-    const selectedStrategy = sortCol === null || sortCol === void 0 ? void 0 : sortCol.compareStrategy;
-    const selectedStrategyIdx = selectedStrategy ? compareStrategies.indexOf(selectedStrategy) : 0;
-    const onClick = React.useCallback((e) => {
-        e.stopPropagation();
-    }, []);
-    const onSelect = React.useCallback((idx) => {
-        const strategy = compareStrategies[idx];
-        updateSortCol(Object.assign(Object.assign({}, (sortCol || {})), { compareStrategy: strategy }));
-    }, [compareStrategies, sortCol, updateSortCol]);
-    if (!compareStrategies) {
-        return null;
-    }
-    return (React.createElement(components_1.TooltipComponent, { tooltip: formContext.translations["SortStrategies"], placement: "left" },
-        React.createElement(Dropdown, { id: `${field}-column-options`, onClick: onClick, className: "laji-form-col-options", pullRight: true },
-            React.createElement(Dropdown.Toggle, { noCaret: true },
-                React.createElement(Glyphicon, { glyph: "cog" })),
-            React.createElement(Dropdown.Menu, { onSelect: onSelect }, compareStrategies.map((strategy, i) => {
-                const label = formContext.translations[`SortStrategy${utils_1.capitalizeFirstLetter(strategy.strategy)}`];
-                return React.createElement(MenuItem, { key: i, eventKey: i, active: selectedStrategyIdx === i }, label);
-            })))));
-};
-const getUpdateSortCol = memoize((col, sortCols, setSortCols) => (sortCol) => {
-    const existingIdx = sortCols.findIndex(c => c.name === col);
-    const _sortCols = [...sortCols];
-    _sortCols.splice(existingIdx === -1 ? _sortCols.length : existingIdx, 1, Object.assign(Object.assign({}, sortCol), { name: col, descending: sortCol.descending }));
-    setSortCols(_sortCols);
-});
-const getUI = (columns, sortCols, setSortCols, formContext) => {
-    return Object.keys(columns || {}).reduce((fieldToUI, field) => {
-        var _a, _b;
-        fieldToUI[field] = React.createElement(React.Fragment, null,
-            colsLoading(sortCols) && React.createElement(Spinner, null),
-            (((_b = (_a = columns === null || columns === void 0 ? void 0 : columns[field]) === null || _a === void 0 ? void 0 : _a.compareStrategies) === null || _b === void 0 ? void 0 : _b.length) || 0) > 1 && React.createElement(ColumnOptionsUI, Object.assign({ field: field }, columns === null || columns === void 0 ? void 0 : columns[field], { sortCol: sortCols === null || sortCols === void 0 ? void 0 : sortCols.find(c => c.name === field), updateSortCol: getUpdateSortCol(field, sortCols, setSortCols), formContext: formContext })));
-        return fieldToUI;
-    }, {});
-};
-const getValue = (formData, schema) => {
-    var _a;
-    if (schema.oneOf) {
-        return (_a = schema.oneOf.find(({ const: v }) => v === formData)) === null || _a === void 0 ? void 0 : _a.title;
-    }
-    return formData;
-};
-const sort = (schema, { sortCols }, sortTimeIdToSortedIdx, sortTimeIdToOrigIdx) => (a, b) => {
-    var _a, _b;
-    // Don't sort items that weren't there when the sorting was done.
-    // For example when adding a new item to the array, it should be exactly where it is added.
-    // const idToOrigIdx = getIdToOrigIdx(formData);
-    const aSortedIdx = sortTimeIdToOrigIdx[utils_1.getUUID(a)];
-    const bSortedIdx = sortTimeIdToOrigIdx[utils_1.getUUID(b)];
-    if (aSortedIdx === undefined || bSortedIdx === undefined) {
-        return sortTimeIdToSortedIdx[utils_1.getUUID(a)] - sortTimeIdToSortedIdx[utils_1.getUUID(b)];
-    }
-    const defaultSort = DefaultComparer.prototype.compare;
-    let result;
-    for (const sortCol of sortCols) {
-        result = sortCol.descending === undefined
-            ? 0
-            : ((_b = (_a = sortCol.compare) === null || _a === void 0 ? void 0 : _a.call(sortCol, a, b, sortCol, schema)) !== null && _b !== void 0 ? _b : defaultSort(a, b, sortCol, schema)) || 0;
-        if (result !== 0) {
-            result = sortCol.descending ? result * -1 : result;
-            break;
-        }
-    }
-    return result;
-};
-const getSortedData = memoize((formData, schema, state, sortTimeIdToSortedIdx, sortTimeIdToOrigIdx) => {
-    return (state.sortCols.length && !colsLoading(state.sortCols))
-        ? [...formData].sort(sort(schema, state, sortTimeIdToSortedIdx, sortTimeIdToOrigIdx))
-        : formData;
-}, { max: 1 });
-const getIdToIdx = (formData) => formData.reduce((idToIdx, item, idx) => {
-    idToIdx[utils_1.getUUID(item)] = idx;
-    return idToIdx;
-}, {});
-// These are otherwise identical, but are memoized against different input.
-// Use max 2 because current props / next props might be compared.
-const getIdToSortedIdx = memoize((formData) => getIdToIdx(formData), { max: 2 });
-const getIdToOrigIdx = memoize((formData) => getIdToIdx(formData), { max: 2 });
-/**
- * Sorts date according to selected columns. This component provides only the sorting logic,
- * a child component must handle the UI for selecting the sort columns.
- *
- * Can be used only if items are objects (non-objects don't have UUIDs which are used for
- * keeping the original order intact upon changes);
- */
-class SortArrayField extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { sortCols: [] };
-        this.sortTimeIdToSortedIdx = {};
-        /**
-         * Id-to-idx mapping when the sorting was touched. Used to sorting newly items where they are put, instead of sorting them according to the sort cols.
-        */
-        this.sortTimeIdToOrigIdx = {};
-        // Note: if next component hard sorts the data, this won't work with that.
-        // Probably not a common use case to have both hard/soft sorting.
-        this.onChange = (formData) => {
-            if (!this.state.sortCols.length) {
-                this.props.onChange(formData);
-                return;
-            }
-            else {
-                const idToOrigIdx = getIdToOrigIdx(this.props.formData);
-                this.sortTimeIdToSortedIdx = getIdToSortedIdx(formData);
-                const existingItems = [];
-                const newItems = [];
-                let prevUUID = -1; // Start with UUID that won't match any item.
-                const UUIDToPrev = {};
-                formData.forEach(i => {
-                    const uuid = utils_1.getUUID(i);
-                    if (idToOrigIdx[uuid] !== undefined) {
-                        existingItems.push(i);
-                    }
-                    else {
-                        newItems.push(i);
-                        UUIDToPrev[uuid] = prevUUID;
-                    }
-                    prevUUID = uuid;
-                });
-                const sortedToOriginal = existingItems.sort((a, b) => {
-                    const aIdx = idToOrigIdx[utils_1.getUUID(a)];
-                    const bIdx = idToOrigIdx[utils_1.getUUID(b)];
-                    return aIdx - bIdx;
-                });
-                newItems.forEach(item => {
-                    const uuid = utils_1.getUUID(item);
-                    const precedingUUID = UUIDToPrev[uuid];
-                    const precedingOriginalIdx = sortedToOriginal.findIndex((i) => utils_1.getUUID(i) === precedingUUID);
-                    const precedingSortedIdx = this.sortTimeIdToSortedIdx[utils_1.getUUID(item)];
-                    // Detect whether i's a new empty item. If it is, put it to the end of the original array.
-                    // Otherwise (it's e.g. a copied item), put it in the original array after the preceding item of the sorted order.
-                    if (precedingSortedIdx === sortedToOriginal.length && utils_1.isDefaultData(item, this.props.schema.items)) {
-                        sortedToOriginal.push(item);
-                    }
-                    else {
-                        sortedToOriginal.splice(precedingOriginalIdx + 1, 0, item);
-                    }
-                });
-                this.props.onChange(sortedToOriginal);
-            }
-        };
-        props.formContext.services.settings.bind(this, props);
-        this.syncColumns();
-    }
-    componentDidUpdate() {
-        this.syncColumns();
-    }
-    /**
-     * Sort cols might be retrieved from settings JSON, which doesn't hold the 'compare' fn. We add the fn
-     * asynchronously when the  component updates according to the comparison strategy name.
-     */
-    syncColumns() {
-        const { sortCols } = this.state;
-        sortCols.forEach(sortCol => {
-            const { compareStrategy } = sortCol;
-            if (sortCol.compare) {
-                return;
-            }
-            const finish = (comparer) => {
-                const descending = (sortCol === null || sortCol === void 0 ? void 0 : sortCol.descending) === undefined
-                    ? true
-                    : sortCol === null || sortCol === void 0 ? void 0 : sortCol.descending;
-                this.updateSortCol(Object.assign(Object.assign({}, (sortCol || {})), { compareStrategy, compare: comparer.compare, descending }));
-            };
-            const comparer = comparers[compareStrategy.strategy];
-            if (!comparer) {
-                comparers[compareStrategy.strategy] = new compareStrategyMap[compareStrategy.strategy](compareStrategy, sortCol.name, this.props.formContext);
-                const instance = comparers[compareStrategy.strategy];
-                if (instance.initialize) {
-                    instance.initialize().then(() => finish(instance));
-                }
-                else {
-                    finish(instance);
-                }
-            }
-            else {
-                finish(comparer);
-            }
-        });
-    }
-    getUiShema(props, { sortCols }, sortedData) {
-        var _a;
-        const idToSortedIdx = getIdToSortedIdx(sortedData);
-        const idToOrigIdx = getIdToSortedIdx(props.formData);
-        const nextComponentUiSchema = utils_1.getInnerUiSchema(props.uiSchema);
-        const uiOptions = utils_1.getUiOptions(props.uiSchema);
-        return Object.assign(Object.assign({}, nextComponentUiSchema), { "ui:options": Object.assign(Object.assign({}, utils_1.getUiOptions(nextComponentUiSchema)), { onSortToggle: this.onSortToggle.bind(this), sortCols, ui: getUI(uiOptions.columns, sortCols, this.setSortCols.bind(this), props.formContext), sortableColumns: this.getSortableColumns(props), sortColTooltips: (_a = Object.keys(uiOptions.columns || {})) === null || _a === void 0 ? void 0 : _a.reduce((map, c) => {
-                    var _a;
-                    const { tooltip } = ((_a = uiOptions.columns) === null || _a === void 0 ? void 0 : _a[c]) || {};
-                    if (tooltip) {
-                        map[c] = tooltip;
-                    }
-                    return map;
-                }, {}), idxMap: Object.keys(idToOrigIdx).reduce((map, id) => {
-                    map[idToSortedIdx[id]] = idToOrigIdx[id];
-                    map["_" + idToOrigIdx[id]] = idToSortedIdx[id];
-                    return map;
-                }, {}) }) });
-    }
-    getSortableColumns(props) {
-        const { uiSchema, schema } = props;
-        const { sortableColumns, excludeSortableColumns } = utils_1.getUiOptions(uiSchema);
-        if (sortableColumns) {
-            if (excludeSortableColumns) {
-                return sortableColumns.filter(c => !excludeSortableColumns.includes(c));
-            }
-            return sortableColumns;
-        }
-        if (excludeSortableColumns) {
-            return Object.keys(schema.items.properties).filter(c => !excludeSortableColumns.includes(c));
-        }
-        return undefined;
-    }
-    getNextComponentProps(props, state) {
-        const sortedFormData = getSortedData(props.formData || [], props.schema, state, this.sortTimeIdToSortedIdx, this.sortTimeIdToOrigIdx);
-        return {
-            uiSchema: this.getUiShema(props, state, sortedFormData),
-            formData: sortedFormData,
-            onChange: this.onChange
-        };
-    }
-    updateSortCol(sortCol) {
-        const existingIdx = this.state.sortCols.findIndex(c => c.name === sortCol.name);
-        const _sortCols = [...this.state.sortCols];
-        _sortCols.splice(existingIdx === -1 ? _sortCols.length : existingIdx, 1, sortCol);
-        this.setSortCols(_sortCols);
-    }
-    setSortCols(sortCols) {
-        this.sortTimeIdToSortedIdx = {};
-        this.sortTimeIdToOrigIdx = getIdToOrigIdx(this.props.formData);
-        this.setState({ sortCols });
-    }
-    onSortToggle(name) {
-        var _a, _b;
-        const { sortCols: _sortCols = [] } = this.state || {};
-        const sortCols = [..._sortCols];
-        const colSortIdx = sortCols === null || sortCols === void 0 ? void 0 : sortCols.findIndex(s => s.name === name);
-        const current = sortCols[colSortIdx];
-        const options = utils_1.getUiOptions(this.props.uiSchema);
-        const { multisort } = options;
-        const colOptions = ((_a = options.columns) === null || _a === void 0 ? void 0 : _a[name]) || {};
-        const compareStrategy = (current === null || current === void 0 ? void 0 : current.compareStrategy) || ((_b = colOptions.compareStrategies) === null || _b === void 0 ? void 0 : _b[0]) || { strategy: "default" };
-        const { noDescending } = compareStrategy;
-        const nextDescending = (current === null || current === void 0 ? void 0 : current.descending) === undefined
-            ? false
-            : current.descending
-                ? undefined
-                : noDescending ? undefined : true;
-        const sortCol = Object.assign(Object.assign({}, (current || {})), { compareStrategy,
-            name, descending: nextDescending });
-        if (!multisort) {
-            this.setSortCols([sortCol]);
-            return;
-        }
-        if (current && current.descending === undefined) { // Push to end if the "descending" changes from undefined.
-            sortCols.splice(colSortIdx, 1);
-            sortCols.push(sortCol);
-        }
-        else { // Replace current with new
-            sortCols.splice(current ? colSortIdx : sortCols.length, 1, sortCol);
-        }
-        this.setSortCols(sortCols);
-    }
-    render() {
-        const { SchemaField } = this.props.registry.fields;
-        const nextProps = this.getNextComponentProps(this.props, this.state);
-        return (React.createElement(SchemaField, Object.assign({}, this.props, nextProps, { onChange: this.onChange })));
-    }
-}
-exports.default = SortArrayField;

package/lib/components/fields/SplitField.d.ts

@@ -1,28 +0,0 @@
-import * as React from "react";
-import * as PropTypes from "prop-types";
-import { FieldProps } from "../LajiForm";
-export default class SplitField extends React.Component<FieldProps> {
-    static contextType: React.Context<import("../../ReactContext").ContextProps>;
-    static propTypes: {
-        uiSchema: PropTypes.Requireable<PropTypes.InferProps<{
-            "ui:options": PropTypes.Validator<PropTypes.InferProps<{
-                splits: PropTypes.Validator<(PropTypes.InferProps<{
-                    fields: PropTypes.Validator<(string | null | undefined)[]>;
-                    uiSchema: PropTypes.Requireable<object>;
-                    name: PropTypes.Requireable<string>;
-                    lg: PropTypes.Requireable<number>;
-                    md: PropTypes.Requireable<number>;
-                    sm: PropTypes.Requireable<number>;
-                    xs: PropTypes.Requireable<number>;
-                }> | null | undefined)[]>;
-            }>>;
-        }>>;
-        schema: PropTypes.Validator<PropTypes.InferProps<{
-            type: PropTypes.Requireable<string>;
-        }>>;
-        formData: PropTypes.Validator<object>;
-    };
-    render(): JSX.Element;
-    renderSplitField: ({ fields }: any) => JSX.Element;
-    onChange: (fields: string[]) => (formData: any) => void;
-}

package/lib/components/fields/SplitField.js

@@ -1,65 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
-const utils_1 = require("../../utils");
-const BaseComponent_1 = require("../BaseComponent");
-const NestField_1 = require("./NestField");
-const ReactContext_1 = require("../../ReactContext");
-const utils_2 = require("@rjsf/utils");
-let SplitField = class SplitField extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.renderSplitField = ({ fields }) => {
-            const { SchemaField } = this.props.registry.fields;
-            // TODO TS fix typing after NestField ts conversion.
-            const _props = NestField_1.getPropsForFields(this.props, fields);
-            return (React.createElement(SchemaField, Object.assign({}, this.props, _props, { onChange: this.onChange(fields), name: "" })));
-        };
-        this.onChange = (fields) => (formData) => {
-            this.props.onChange(fields.reduce((updatedFormData, field) => {
-                return Object.assign(Object.assign({}, updatedFormData), { [field]: formData[field] });
-            }, this.props.formData));
-        };
-    }
-    render() {
-        const TitleFieldTemplate = utils_2.getTemplate("TitleFieldTemplate", this.props.registry, utils_1.getUiOptions(this.props.uiSchema));
-        const DescriptionFieldTemplate = utils_2.getTemplate("DescriptionFieldTemplate", this.props.registry, utils_1.getUiOptions(this.props.uiSchema));
-        const { "ui:title": _title } = this.props.uiSchema;
-        const { Row, Col } = this.context.theme;
-        return (React.createElement("div", null,
-            React.createElement(TitleFieldTemplate, { id: `${this.props.idSchema.$id}__title`, title: _title !== undefined ? _title : this.props.title, required: this.props.required || this.props.uiSchema["ui:required"], schema: this.props.schema, uiSchema: this.props.uiSchema, registry: this.props.registry }),
-            React.createElement(DescriptionFieldTemplate, { id: `${this.props.idSchema.$id}__description`, schema: this.props.schema, description: this.props.description, registry: this.props.registry }),
-            React.createElement(Row, null, utils_1.getUiOptions(this.props.uiSchema).splits.map((split, i) => React.createElement(Col, { md: split.md, lg: split.lg, xs: split.xs, sm: split.sm, key: i }, this.renderSplitField(split))))));
-    }
-};
-SplitField.contextType = ReactContext_1.default;
-SplitField.propTypes = {
-    uiSchema: PropTypes.shape({
-        "ui:options": PropTypes.shape({
-            splits: PropTypes.arrayOf(PropTypes.shape({
-                fields: PropTypes.arrayOf(PropTypes.string).isRequired,
-                uiSchema: PropTypes.object,
-                name: PropTypes.string,
-                lg: PropTypes.number,
-                md: PropTypes.number,
-                sm: PropTypes.number,
-                xs: PropTypes.number
-            })).isRequired
-        }).isRequired
-    }),
-    schema: PropTypes.shape({
-        type: PropTypes.oneOf(["object"])
-    }).isRequired,
-    formData: PropTypes.object.isRequired
-};
-SplitField = __decorate([
-    BaseComponent_1.default
-], SplitField);
-exports.default = SplitField;

package/lib/components/fields/StringToArrayField.d.ts

@@ -1,24 +0,0 @@
-export default class StringToArrayField extends React.Component<any, any, any> {
-    static propTypes: {
-        schema: PropTypes.Validator<PropTypes.InferProps<{
-            type: PropTypes.Requireable<string>;
-        }>>;
-        formData: PropTypes.Requireable<string>;
-    };
-    static getName(): string;
-    constructor(props: any);
-    constructor(props: any, context: any);
-    getStateFromProps(props: any): {
-        schema: {
-            type: string;
-            title: any;
-            items: any;
-        };
-        formData: any;
-        uiSchema: any;
-        onChange: (formData: any) => void;
-    };
-    onChange: (formData: any) => void;
-}
-import * as React from "react";
-import * as PropTypes from "prop-types";

package/lib/components/fields/StringToArrayField.js

@@ -1,48 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
-const VirtualSchemaField_1 = require("../VirtualSchemaField");
-const utils_1 = require("../../utils");
-let StringToArrayField = class StringToArrayField extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.onChange = (formData) => {
-            const { delimiter = " " } = this.getUiOptions();
-            this.props.onChange(formData.filter(v => v).join(delimiter));
-        };
-    }
-    static getName() { return "StringToArrayField"; }
-    getStateFromProps(props) {
-        const { formData = "" } = props;
-        const { delimiter = " " } = this.getUiOptions();
-        const { "ui:disabled": disabled, "ui:readonly": readonly } = props.uiSchema;
-        const innerUiSchema = utils_1.getInnerUiSchema(props.uiSchema);
-        return {
-            schema: {
-                type: "array",
-                title: props.schema.title,
-                items: Object.assign(Object.assign({}, props.schema), { title: "" })
-            },
-            formData: formData.split(delimiter),
-            uiSchema: Object.assign({ "ui:disabled": disabled, "ui:readonly": readonly }, innerUiSchema),
-            onChange: this.onChange
-        };
-    }
-};
-StringToArrayField.propTypes = {
-    schema: PropTypes.shape({
-        type: PropTypes.oneOf(["string"])
-    }).isRequired,
-    formData: PropTypes.string
-};
-StringToArrayField = __decorate([
-    VirtualSchemaField_1.default
-], StringToArrayField);
-exports.default = StringToArrayField;