@wix/patterns 0.8.0

package/dist/esm/state/CustomColumnsDragAndDropState.js

@@ -0,0 +1,80 @@
+import { CollectionOptimisticActions } from '@wix/bex-core';
+import { arrayMove } from '@wix/wix-style-react-incubator/dnd-kit/sortable';
+import { addEventListener } from '@wix/bex-core/util';
+import { action, computed, makeObservable, observable } from 'mobx';
+import { RectState } from './RectState';
+import { indexOfCompareFn } from './indexOfCompareFn';
+export class CustomColumnsDragAndDropState {
+    constructor({ customColumns, components, }) {
+        this._dnd = null;
+        this.forceRenderIndexes = undefined;
+        this.reportBi = () => {
+            // report columns re-order BI here
+        };
+        this.components = components;
+        this.container = customColumns.container;
+        this.listRect = new RectState({
+            container: customColumns.container,
+        });
+        this.customColumns = customColumns;
+        this.table = customColumns.table;
+        this.columnsActions = new CollectionOptimisticActions({
+            container: this.container,
+            collection: this.customColumns.columnsCollection,
+        });
+        makeObservable(this, {
+            _dnd: observable.ref,
+            _onCustomColumnsReorder: action.bound,
+            containerRect: computed,
+            orderedColumns: computed,
+            orderedColumnsByReorderDisabled: computed,
+        });
+    }
+    get orderedColumnsByReorderDisabled() {
+        return this.table.columns.reduce((state, column) => {
+            column.reorderDisabled
+                ? state.reorderDisabled.push(column)
+                : state.regular.push(column);
+            return state;
+        }, { regular: [], reorderDisabled: [] });
+    }
+    get orderedColumns() {
+        const { table } = this;
+        const { selectedColumns: { value: selectedColumns }, } = table;
+        const { reorderDisabled, regular } = this.orderedColumnsByReorderDisabled;
+        return [
+            ...reorderDisabled,
+            ...regular.sort(indexOfCompareFn(selectedColumns, (c) => c.id)),
+        ];
+    }
+    get collection() {
+        return this.customColumns.columnsCollection;
+    }
+    get containerRect() {
+        const { listRect } = this;
+        if (listRect.rect.left) {
+            return Object.assign({}, listRect.rect);
+        }
+        return undefined;
+    }
+    _onCustomColumnsReorder(columnId, overColumnId) {
+        const { table: { selectedColumns }, } = this;
+        const columnsArray = selectedColumns.value;
+        const reorderedColumnsArray = arrayMove(columnsArray, columnsArray.findIndex((c) => c.id === columnId), columnsArray.findIndex((c) => c.id === overColumnId));
+        selectedColumns.refresh(reorderedColumnsArray);
+    }
+    init() {
+        const { columnsActions } = this;
+        const disposers = [
+            columnsActions.init(),
+            addEventListener(columnsActions.events, 'updated', async () => {
+                const { customColumns: { columnsCollection }, } = this;
+                await columnsCollection.refreshAllPages();
+            }),
+        ];
+        return () => {
+            disposers.forEach((disposer) => disposer === null || disposer === void 0 ? void 0 : disposer());
+        };
+    }
+}
+//# sourceMappingURL=CustomColumnsDragAndDropState.js.map

package/dist/esm/state/CustomColumnsDragAndDropState.js.map

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

package/dist/esm/state/CustomColumnsHistoryState.js

@@ -0,0 +1,56 @@
+import { reaction } from 'mobx';
+import { replaceSearchParamsWith } from '@wix/bex-core';
+function parseSelectedColumnsString(selectedColumnsFromUrl) {
+    return selectedColumnsFromUrl
+        .split(',')
+        .map((columnExpression) => {
+        const [id = '', isSelected] = columnExpression.split(' ');
+        return {
+            id: decodeURIComponent(id),
+            isSelected: isSelected !== 'false',
+        };
+    })
+        .filter(({ id }) => id);
+}
+export class CustomColumnsHistoryState {
+    constructor(params) {
+        this.selectedColumnsSearchParamName = 'selectedColumns';
+        this.customColumns = params.customColumns;
+        this.history = params.history;
+        this._preInitHistoryPersistence();
+    }
+    _preInitHistoryPersistence() {
+        const { history, customColumns } = this;
+        const searchParams = new URLSearchParams(history.location.search);
+        this._selectedColumnsFromUrl = searchParams.get(this.selectedColumnsSearchParamName);
+        if (this._selectedColumnsFromUrl) {
+            this.customColumns.table.selectedColumns.setValue(parseSelectedColumnsString(this._selectedColumnsFromUrl));
+            customColumns.table.multi.collections.forEach(({ query }) => {
+                query._initializedFromHistory = true;
+            });
+        }
+    }
+    init() {
+        const disposers = [
+            reaction(() => this.customColumns.table.selectedColumns.value, (selectedColumns) => {
+                replaceSearchParamsWith(this.history, (searchParams) => {
+                    if (selectedColumns.length) {
+                        searchParams.set(this.selectedColumnsSearchParamName, selectedColumns
+                            .map((c) => `${encodeURIComponent(c.id)}${!c.isSelected ? ' false' : ''}`)
+                            .join(','));
+                    }
+                    else {
+                        searchParams.delete(this.selectedColumnsSearchParamName);
+                    }
+                });
+            }, {
+                fireImmediately: true,
+                delay: 250,
+            }),
+        ];
+        return () => {
+            disposers.forEach((d) => d());
+        };
+    }
+}
+//# sourceMappingURL=CustomColumnsHistoryState.js.map

package/dist/esm/state/CustomColumnsHistoryState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomColumnsHistoryState.js","sourceRoot":"","sources":["../../../src/state/CustomColumnsHistoryState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAW,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAGjE,SAAS,0BAA0B,CAAC,sBAA8B;IAChE,OAAO,sBAAsB;SAC1B,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,gBAAgB,EAAE,EAAE;QACxB,MAAM,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE1D,OAAO;YACL,EAAE,EAAE,kBAAkB,CAAC,EAAE,CAAC;YAC1B,UAAU,EAAE,UAAU,KAAK,OAAO;SACnC,CAAC;IACJ,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;AAC5B,CAAC;AAOD,MAAM,OAAO,yBAAyB;IAQpC,YAAY,MAAuC;QAJnD,mCAA8B,GAAG,iBAAiB,CAAC;QAKjD,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;QAC1C,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAE9B,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IAED,0BAA0B;QACxB,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAExC,MAAM,YAAY,GAAG,IAAI,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAElE,IAAI,CAAC,uBAAuB,GAAG,YAAY,CAAC,GAAG,CAC7C,IAAI,CAAC,8BAA8B,CACpC,CAAC;QAEF,IAAI,IAAI,CAAC,uBAAuB,EAAE;YAChC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,QAAQ,CAC/C,0BAA0B,CAAC,IAAI,CAAC,uBAAuB,CAAC,CACzD,CAAC;YACF,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBAC1D,KAAK,CAAC,uBAAuB,GAAG,IAAI,CAAC;YACvC,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAED,IAAI;QACF,MAAM,SAAS,GAAG;YAChB,QAAQ,CACN,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,KAAK,EACpD,CAAC,eAAe,EAAE,EAAE;gBAClB,uBAAuB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,YAAY,EAAE,EAAE;oBACrD,IAAI,eAAe,CAAC,MAAM,EAAE;wBAC1B,YAAY,CAAC,GAAG,CACd,IAAI,CAAC,8BAA8B,EACnC,eAAe;6BACZ,GAAG,CACF,CAAC,CAAC,EAAE,EAAE,CACJ,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,GACzB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC7B,EAAE,CACL;6BACA,IAAI,CAAC,GAAG,CAAC,CACb,CAAC;qBACH;yBAAM;wBACL,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;qBAC1D;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,EACD;gBACE,eAAe,EAAE,IAAI;gBACrB,KAAK,EAAE,GAAG;aACX,CACF;SACF,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC,CAAC;IACJ,CAAC;CACF"}

package/dist/esm/state/CustomColumnsState.js

@@ -0,0 +1,252 @@
+import { CollectionState, SelectState, TaskState, withoutDefaults, } from '@wix/bex-core';
+import { action, computed, makeObservable, reaction } from 'mobx';
+import { CustomColumnsHistoryState } from './CustomColumnsHistoryState';
+import { indexOfCompareFn } from './indexOfCompareFn';
+import { EventEmitter } from 'events';
+import { cairoCustomizeColumnsInSidePanel } from '@wix/bex-core/bi';
+const asStoredColumnsOrNull = (customColumnsResult) => Array.isArray(customColumnsResult)
+    ? customColumnsResult
+    : null;
+export class CustomColumnsState {
+    constructor(params) {
+        this._performedCustomColumnsActions = new Map();
+        this.initTask = new TaskState();
+        this.select = new SelectState({
+            keyGetter: (column) => column.id,
+        });
+        this.events = new EventEmitter();
+        this.onColumnCheckboxToggle = action((column) => {
+            const { select, onColumnClick } = this;
+            select.toggle(column);
+            onColumnClick === null || onColumnClick === void 0 ? void 0 : onColumnClick(column, select.isChecked(column.id));
+        });
+        this.table = params.table;
+        this.container = params.container;
+        this.columnsCollection = new CollectionState(Object.assign(Object.assign({}, this.container), { events: {}, queryName: [
+                this.container.environment.componentId,
+                this.table.collection.queryName,
+                'customColumns',
+            ]
+                .filter(Boolean)
+                .join('/'), fetchData: async () => {
+                const { orderedColumns } = this;
+                const items = orderedColumns.filter((column) => column.hiddenFromCustomColumnsSelection !== true);
+                return {
+                    items,
+                };
+            }, filters: {}, itemKey: (item) => item.id, itemName: (item) => item.name, fetchErrorMessage: () => null }));
+        if (params.dragAndDrop) {
+            const { CustomColumnsDragAndDropState } = params.dragAndDrop;
+            this.dragAndDrop = new CustomColumnsDragAndDropState({
+                customColumns: this,
+                components: params.dragAndDrop,
+            });
+        }
+        this.customColumnsHistory = this.table.collection.persistQueryToUrl
+            ? new CustomColumnsHistoryState({
+                customColumns: this,
+                history: params.container.history,
+            })
+            : null;
+        makeObservable(this, {
+            persistCustomColumns: action.bound,
+            toSelectedColumns: computed,
+            orderedColumns: computed,
+            selectedOrderedColumns: computed,
+            init: action,
+        });
+    }
+    get orderedColumns() {
+        const { dragAndDrop, table } = this;
+        const { columns, customColumnsState } = table;
+        if ((customColumnsState === null || customColumnsState === void 0 ? void 0 : customColumnsState.dragAndDrop) && dragAndDrop) {
+            return dragAndDrop.orderedColumns;
+        }
+        return columns;
+    }
+    get selectedOrderedColumns() {
+        const { orderedColumns, table: { selectedColumns: { value: selectedColumns }, }, } = this;
+        return orderedColumns.filter((column) => selectedColumns.some((selectedColumn) => selectedColumn.id === column.id && selectedColumn.isSelected));
+    }
+    async persistCustomColumns() {
+        const { table } = this;
+        const { dataCapsule, viewsProps } = table;
+        // if views enabled columns persists inside the view instead of data capsule
+        if (viewsProps) {
+            return;
+        }
+        await dataCapsule.setItem('custom-columns', table.selectedColumns.value);
+    }
+    registerSelectedColumnChange() {
+        const { table } = this;
+        table.selectedColumns.events.on('refresh', this.persistCustomColumns);
+        return () => {
+            table.selectedColumns.events.off('refresh', this.persistCustomColumns);
+        };
+    }
+    mergeNewColumns() {
+        const { table: { columns, selectedColumns, _toStoredColumn, customColumnsState }, _didFirstColumnsMerge, } = this;
+        const defaultHidden = !_didFirstColumnsMerge && !!selectedColumns.value.length;
+        const mergeTargetSelectedColumns = [...selectedColumns.value];
+        if ((customColumnsState === null || customColumnsState === void 0 ? void 0 : customColumnsState.dragAndDrop) == null) {
+            return [
+                ...mergeTargetSelectedColumns.filter((s) => columns.every((c) => s.id !== c.id)),
+                ...columns.map((c) => {
+                    const existing = selectedColumns.value.find((s) => s.id === c.id);
+                    if (existing == null) {
+                        return _toStoredColumn(c);
+                    }
+                    return Object.assign(Object.assign({}, existing), { isSelected: c.hideable === false ||
+                            c.hiddenFromCustomColumnsSelection ||
+                            existing.isSelected });
+                }),
+            ];
+        }
+        const diffColumns = columns
+            .filter((c) => selectedColumns.value.every((s) => s.id !== c.id))
+            .map((c) => _toStoredColumn(Object.assign(Object.assign({}, c), { defaultHidden: defaultHidden || c.defaultHidden })));
+        // place new columns according to their order in the original columns prop
+        diffColumns.forEach((d) => {
+            const originalIndex = columns.findIndex((c) => c.id === d.id);
+            const afterId = originalIndex > 0 ? columns[originalIndex - 1].id : null;
+            const afterIndex = afterId != null
+                ? mergeTargetSelectedColumns.findIndex((c) => c.id === afterId) + 1
+                : originalIndex === 0
+                    ? 0
+                    : mergeTargetSelectedColumns.length;
+            mergeTargetSelectedColumns.splice(afterIndex, 0, d);
+        });
+        this._didFirstColumnsMerge = true;
+        return mergeTargetSelectedColumns;
+    }
+    getStickyColumnsCount({ stickyColumns }) {
+        const { dragAndDrop, table: { selectedColumns: { value: selectedColumns }, }, } = this;
+        if (dragAndDrop == null) {
+            return stickyColumns;
+        }
+        const { reorderDisabled: reorderDisabledColumns } = dragAndDrop.orderedColumnsByReorderDisabled;
+        if (!reorderDisabledColumns.length) {
+            return stickyColumns;
+        }
+        return dragAndDrop.orderedColumnsByReorderDisabled.reorderDisabled.filter((column) => selectedColumns.some((selectedColumn) => selectedColumn.id === column.id && selectedColumn.isSelected)).length;
+    }
+    get toSelectedColumns() {
+        const { select, table: { selectedColumns: { value }, }, } = this;
+        return value.map(({ id }) => ({
+            id,
+            isSelected: select.isChecked(id),
+        }));
+    }
+    get selectionChanged() {
+        const { toSelectedColumns, table: { selectedColumns: { value }, }, } = this;
+        if (value.length !== toSelectedColumns.length) {
+            return true;
+        }
+        for (let i = 0; i < value.length; i++) {
+            const a = value[i];
+            const b = toSelectedColumns[i];
+            if (a.id !== b.id || a.isSelected !== b.isSelected) {
+                return true;
+            }
+        }
+        return false;
+    }
+    init() {
+        var _a, _b;
+        const { table } = this;
+        table.customColumnsStateInitialized = true;
+        const disposers = [
+            reaction(() => this.table.selectedColumns.value, async (selectedColumns) => {
+                const { select, columnsCollection } = this;
+                select.clear();
+                select.forceSetMany(selectedColumns.map(({ id, isSelected }) => ({
+                    value: { id },
+                    status: isSelected ? select.finalStatus : select.startStatus,
+                })));
+                await columnsCollection.refreshAllPages();
+            }, {
+                fireImmediately: true,
+            }),
+            reaction(() => this.select.selectedValues, () => {
+                const { table: { selectedColumns }, } = this;
+                if (!this.selectionChanged) {
+                    return;
+                }
+                selectedColumns.setValue(this.toSelectedColumns, {
+                    emitEvents: ['change', 'beforeRefresh', 'refresh'],
+                });
+            }),
+            this.registerSelectedColumnChange(),
+            this.columnsCollection.init(),
+            (_a = this.dragAndDrop) === null || _a === void 0 ? void 0 : _a.init(),
+            (_b = this.customColumnsHistory) === null || _b === void 0 ? void 0 : _b.init(),
+        ];
+        return () => {
+            disposers.forEach((disposer) => disposer === null || disposer === void 0 ? void 0 : disposer());
+        };
+    }
+    async _getStoredCustomColumns() {
+        const { dataCapsule } = this.table;
+        try {
+            return asStoredColumnsOrNull(await dataCapsule.getItem('custom-columns'));
+        }
+        catch (e) {
+            if (e instanceof Error && e.message === 'Key was not found in capsule') {
+                return null;
+            }
+            throw e;
+        }
+    }
+    _tableInit() {
+        const { initTask, table: { multi: { collections }, }, } = this;
+        initTask.runOnce(async () => {
+            try {
+                const beforeInitialFetchListeners = this.events.listeners('beforeInitialFetch');
+                await Promise.all(beforeInitialFetchListeners.map((l) => l()));
+                await this._fetchFromStorage();
+            }
+            catch (e) {
+                console.error(e);
+            }
+        });
+        collections.forEach((collection) => {
+            if (collection.query.refreshOnColumnsChange) {
+                collection.emitter.addListener('beforeInitialFetch', () => initTask.status.promise);
+            }
+        });
+    }
+    async _fetchFromStorage() {
+        var _a;
+        const { table: { viewsProps, columns, selectedColumns, customColumnsState }, } = this;
+        if (viewsProps) {
+            return;
+        }
+        if ((_a = customColumnsState === null || customColumnsState === void 0 ? void 0 : customColumnsState.customColumnsHistory) === null || _a === void 0 ? void 0 : _a._selectedColumnsFromUrl) {
+            return;
+        }
+        const storedCustomColumns = await this._getStoredCustomColumns();
+        if (storedCustomColumns == null) {
+            return;
+        }
+        const selectedColumnsFromStorage = columns.map(({ id, name, hideable, hiddenFromCustomColumnsSelection }) => ({
+            id,
+            name,
+            isSelected: storedCustomColumns.some((c) => (c === null || c === void 0 ? void 0 : c.id) === id && (c === null || c === void 0 ? void 0 : c.isSelected) !== false) ||
+                !hideable ||
+                hiddenFromCustomColumnsSelection === true,
+        }));
+        selectedColumns.setValue((customColumnsState === null || customColumnsState === void 0 ? void 0 : customColumnsState.dragAndDrop)
+            ? selectedColumnsFromStorage.sort(indexOfCompareFn(storedCustomColumns, (e) => e === null || e === void 0 ? void 0 : e.id))
+            : selectedColumnsFromStorage);
+    }
+    customizeColumnsInSidePanelBi({ actionName, }) {
+        if (this._performedCustomColumnsActions.get(actionName)) {
+            return;
+        }
+        this._performedCustomColumnsActions.set(actionName, true);
+        this.table.reportBi(withoutDefaults(cairoCustomizeColumnsInSidePanel)({
+            actionName,
+        }));
+    }
+}
+//# sourceMappingURL=CustomColumnsState.js.map

package/dist/esm/state/CustomColumnsState.js.map

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

package/dist/esm/state/CustomFieldsFormState.js

@@ -0,0 +1,107 @@
+import { action, computed, makeObservable, observable } from 'mobx';
+import { addResizeObserver } from '@wix/bex-core';
+export class CustomFieldsFormState {
+    constructor({ schema, translate, extendedFields = {}, }) {
+        this._formContainerRef = {
+            current: null,
+        };
+        this._schema = schema;
+        this._extendedFields = observable.map(extendedFields);
+        this._initialValues = Object.assign({}, extendedFields);
+        this._inputRefs = {};
+        this._size = 'default';
+        this._translate = translate;
+        makeObservable(this, {
+            setValue: action,
+            setNewSchema: action,
+            setContainerRef: action,
+            values: computed,
+            formSize: computed,
+            schema: computed,
+            isDirty: computed,
+            _schema: observable.ref,
+            _inputRefs: observable.ref,
+            _formContainerRef: observable.ref,
+            _size: observable.ref,
+            _adjustExtendedFields: action,
+            _adjustFormSize: action.bound,
+        });
+    }
+    _adjustFormSize() {
+        if (this._formContainerRef.current) {
+            const element = this._formContainerRef.current;
+            if (element.clientWidth < 842) {
+                this._size = 'small';
+            }
+            else {
+                this._size = 'default';
+            }
+        }
+    }
+    get formSize() {
+        return this._size;
+    }
+    get schema() {
+        return this._schema;
+    }
+    init() {
+        const disposers = [
+            addResizeObserver(this._formContainerRef.current, this._adjustFormSize),
+        ];
+        this._adjustFormSize();
+        return () => {
+            disposers.forEach((d) => d === null || d === void 0 ? void 0 : d());
+        };
+    }
+    setValue(id, value) {
+        this._extendedFields.set(id, value);
+    }
+    getInitialValue(id) {
+        return this._initialValues[id];
+    }
+    setInputRef(id, input) {
+        this._inputRefs[id] = input;
+    }
+    setNewSchema(schema) {
+        this._schema = schema;
+        this._adjustExtendedFields();
+    }
+    setContainerRef(ref) {
+        this._formContainerRef.current = ref;
+    }
+    _adjustExtendedFields() {
+        const existingFields = this._schema.map((field) => field.id);
+        this._extendedFields.forEach((_, key) => {
+            if (!existingFields.includes(key)) {
+                this._extendedFields.delete(key);
+            }
+        });
+    }
+    validate() {
+        var _a, _b;
+        const invalid = Object.keys(this._inputRefs).find((fieldId) => {
+            const ref = this._inputRefs[fieldId];
+            return ref.invalid;
+        });
+        if (invalid) {
+            (_b = (_a = this._inputRefs[invalid]).focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+            return { isValid: false };
+        }
+        return { isValid: true, extendedFields: this.values };
+    }
+    get isDirty() {
+        return !!Array.from(this._extendedFields.entries()).find(([key, value]) => {
+            if (this._initialValues.hasOwnProperty(key)) {
+                return this._initialValues[key] !== value;
+            }
+            else {
+                // includes both any string value and boolean types (all existing field types values)
+                return !!value;
+            }
+        });
+    }
+    get values() {
+        return Object.fromEntries(this._extendedFields);
+    }
+}
+//# sourceMappingURL=CustomFieldsFormState.js.map

package/dist/esm/state/CustomFieldsFormState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsFormState.js","sourceRoot":"","sources":["../../../src/state/CustomFieldsFormState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACpE,OAAO,EAAe,iBAAiB,EAAa,MAAM,eAAe,CAAC;AAW1E,MAAM,OAAO,qBAAqB;IAWhC,YAAY,EACV,MAAM,EACN,SAAS,EACT,cAAc,GAAG,EAAE,GACS;QAR9B,sBAAiB,GAAuC;YACtD,OAAO,EAAE,IAAI;SACd,CAAC;QAOA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,GAAG,CAAc,cAAc,CAAC,CAAC;QACnE,IAAI,CAAC,cAAc,qBAAQ,cAAc,CAAE,CAAC;QAC5C,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAE5B,cAAc,CAAC,IAAI,EAAE;YACnB,QAAQ,EAAE,MAAM;YAChB,YAAY,EAAE,MAAM;YACpB,eAAe,EAAE,MAAM;YACvB,MAAM,EAAE,QAAQ;YAChB,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,QAAQ;YAChB,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,UAAU,CAAC,GAAG;YACvB,UAAU,EAAE,UAAU,CAAC,GAAG;YAC1B,iBAAiB,EAAE,UAAU,CAAC,GAAG;YACjC,KAAK,EAAE,UAAU,CAAC,GAAG;YACrB,qBAAqB,EAAE,MAAM;YAC7B,eAAe,EAAE,MAAM,CAAC,KAAK;SAC9B,CAAC,CAAC;IACL,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE;YAClC,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;YAE/C,IAAI,OAAO,CAAC,WAAW,GAAG,GAAG,EAAE;gBAC7B,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;aACtB;iBAAM;gBACL,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;aACxB;SACF;IACH,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,IAAI;QACF,MAAM,SAAS,GAAG;YAChB,iBAAiB,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC;SACxE,CAAC;QAEF,IAAI,CAAC,eAAe,EAAE,CAAC;QAEvB,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,EAAI,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC;IAED,QAAQ,CAAI,EAAU,EAAE,KAAQ;QAC9B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,eAAe,CAAC,EAAU;QACxB,OAAO,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC;IAED,WAAW,CAAC,EAAU,EAAE,KAAmB;QACzC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,YAAY,CAAC,MAAqB;QAChC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,eAAe,CAAC,GAA0B;QACxC,IAAI,CAAC,iBAAiB,CAAC,OAAO,GAAG,GAAG,CAAC;IACvC,CAAC;IAED,qBAAqB;QACnB,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC7D,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YACtC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACjC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;aAClC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ;;QACN,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;YAC5D,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACrC,OAAO,GAAG,CAAC,OAAO,CAAC;QACrB,CAAC,CAAC,CAAC;QAEH,IAAI,OAAO,EAAE;YACX,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAC,KAAK,kDAAI,CAAC;YACnC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;SAC3B;QAED,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACxD,CAAC;IAED,IAAI,OAAO;QACT,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACxE,IAAI,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;gBAC3C,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC;aAC3C;iBAAM;gBACL,qFAAqF;gBACrF,OAAO,CAAC,CAAC,KAAK,CAAC;aAChB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAClD,CAAC;CACF"}