@strictly/react-form 0.0.9 → 0.0.11

package/.out/mantine/hooks.js

@@ -1,10 +1,55 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Checkbox as CheckboxImpl, Pill as PillImpl, Radio as RadioImpl, Select, TextInput as TextInputImpl, } from '@mantine/core';
 import { Cache, } from '@strictly/base';
 import { observable, runInAction, } from 'mobx';
 import { useEffect, useMemo, } from 'react';
 import { createCheckbox, } from './create_checkbox';
-import { createFieldsView } from './create_fields_view';
+import { createFieldsView, } from './create_fields_view';
 import { createForm } from './create_form';
 import { createList, DefaultList, } from './create_list';
 import { createPill, } from './create_pill';
@@ -13,7 +58,7 @@ import { createRadioGroup, } from './create_radio_group';
 import { createTextInput, } from './create_text_input';
 import { createValueInput, } from './create_value_input';
 function SimpleSelect(props) {
-    return _jsx(Select, { ...props });
+    return _jsx(Select, Object.assign({}, props));
 }
 export function useMantineFormFields({ onFieldValueChange, onFieldBlur, onFieldFocus, onFieldSubmit, fields, }) {
     const form = useMemo(function () {
@@ -56,94 +101,175 @@ export function useMantineFormFields({ onFieldValueChange, onFieldBlur, onFieldF
     ]);
     return form;
 }
-class MantineFormImpl {
-    textInputCache = new Cache(createTextInput.bind(this));
-    valueInputCache = new Cache(createValueInput.bind(this));
-    checkboxCache = new Cache(createCheckbox.bind(this));
-    radioGroupCache = new Cache(createRadioGroup.bind(this));
-    radioCache = new Cache(createRadio.bind(this));
-    pillCache = new Cache(createPill.bind(this));
-    listCache = new Cache(createList.bind(this));
-    fieldsViewCache = new Cache(createFieldsView.bind(this));
-    formCache = new Cache(createForm.bind(this));
-    @observable.ref
-    accessor fields;
-    onFieldValueChange;
-    onFieldFocus;
-    onFieldBlur;
-    onFieldSubmit;
-    constructor(fields) {
-        this.fields = fields;
-    }
-    textInput(valuePath, 
-    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    TextInput = TextInputImpl) {
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        return this.textInputCache.retrieveOrCreate(valuePath, 
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        TextInput);
-    }
-    valueInput(valuePath, ValueInput) {
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        return this.valueInputCache.retrieveOrCreate(valuePath, 
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        ValueInput);
-    }
-    select(valuePath) {
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        return this.valueInputCache.retrieveOrCreate(valuePath, 
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        SimpleSelect);
-    }
-    checkbox(valuePath, 
-    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    Checkbox = CheckboxImpl) {
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        return this.checkboxCache.retrieveOrCreate(valuePath, 
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        Checkbox);
-    }
-    radioGroup(valuePath, 
-    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    RadioGroup = RadioImpl.Group) {
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        return this.radioGroupCache.retrieveOrCreate(valuePath, 
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        RadioGroup);
-    }
-    radio(valuePath, value, 
-    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    Radio = RadioImpl) {
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        return this.radioCache.retrieveOrCreate(valuePath, value, 
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        Radio);
-    }
-    pill(valuePath, 
-    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    Pill = PillImpl) {
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        return this.pillCache.retrieveOrCreate(valuePath, 
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        Pill);
-    }
-    list(valuePath) {
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        return this.listCache.retrieveOrCreate(valuePath, DefaultList);
-    }
-    fieldsView(valuePath, FieldsView) {
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        return this.fieldsViewCache.retrieveOrCreate(valuePath, 
-        // strip props from component since we lose information in the cache
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        FieldsView, this);
-    }
-    form(valuePath, Form) {
-        // strip props from component since we lose information in the cache
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        return this.formCache.retrieveOrCreate(valuePath, 
-        // strip props from component since we lose information in the cache
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        Form, this);
-    }
-}
+let MantineFormImpl = (() => {
+    var _a, _MantineFormImpl_fields_accessor_storage;
+    var _b;
+    let _fields_decorators;
+    let _fields_initializers = [];
+    let _fields_extraInitializers = [];
+    return _a = class MantineFormImpl {
+            get fields() { return __classPrivateFieldGet(this, _MantineFormImpl_fields_accessor_storage, "f"); }
+            set fields(value) { __classPrivateFieldSet(this, _MantineFormImpl_fields_accessor_storage, value, "f"); }
+            constructor(fields) {
+                Object.defineProperty(this, "textInputCache", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: new Cache(createTextInput.bind(this))
+                });
+                Object.defineProperty(this, "valueInputCache", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: new Cache(createValueInput.bind(this))
+                });
+                Object.defineProperty(this, "checkboxCache", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: new Cache(createCheckbox.bind(this))
+                });
+                Object.defineProperty(this, "radioGroupCache", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: new Cache(createRadioGroup.bind(this))
+                });
+                Object.defineProperty(this, "radioCache", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: new Cache(createRadio.bind(this))
+                });
+                Object.defineProperty(this, "pillCache", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: new Cache(createPill.bind(this))
+                });
+                Object.defineProperty(this, "listCache", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: new Cache(createList.bind(this))
+                });
+                Object.defineProperty(this, "fieldsViewCache", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: new Cache(createFieldsView.bind(this))
+                });
+                Object.defineProperty(this, "formCache", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: new Cache(createForm.bind(this))
+                });
+                _MantineFormImpl_fields_accessor_storage.set(this, __runInitializers(this, _fields_initializers, void 0));
+                Object.defineProperty(this, "onFieldValueChange", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: __runInitializers(this, _fields_extraInitializers)
+                });
+                Object.defineProperty(this, "onFieldFocus", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: void 0
+                });
+                Object.defineProperty(this, "onFieldBlur", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: void 0
+                });
+                Object.defineProperty(this, "onFieldSubmit", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: void 0
+                });
+                this.fields = fields;
+            }
+            textInput(valuePath, 
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+            TextInput = TextInputImpl) {
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                return this.textInputCache.retrieveOrCreate(valuePath, 
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                TextInput);
+            }
+            valueInput(valuePath, ValueInput) {
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                return this.valueInputCache.retrieveOrCreate(valuePath, 
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                ValueInput);
+            }
+            select(valuePath) {
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                return this.valueInputCache.retrieveOrCreate(valuePath, 
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                SimpleSelect);
+            }
+            checkbox(valuePath, 
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+            Checkbox = CheckboxImpl) {
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                return this.checkboxCache.retrieveOrCreate(valuePath, 
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                Checkbox);
+            }
+            radioGroup(valuePath, 
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+            RadioGroup = RadioImpl.Group) {
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                return this.radioGroupCache.retrieveOrCreate(valuePath, 
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                RadioGroup);
+            }
+            radio(valuePath, value, 
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+            Radio = RadioImpl) {
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                return this.radioCache.retrieveOrCreate(valuePath, value, 
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                Radio);
+            }
+            pill(valuePath, 
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+            Pill = PillImpl) {
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                return this.pillCache.retrieveOrCreate(valuePath, 
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                Pill);
+            }
+            list(valuePath) {
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                return this.listCache.retrieveOrCreate(valuePath, DefaultList);
+            }
+            fieldsView(valuePath, FieldsView) {
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                return this.fieldsViewCache.retrieveOrCreate(valuePath, 
+                // strip props from component since we lose information in the cache
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                FieldsView, this);
+            }
+            form(valuePath, Form) {
+                // strip props from component since we lose information in the cache
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                return this.formCache.retrieveOrCreate(valuePath, 
+                // strip props from component since we lose information in the cache
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                Form, this);
+            }
+        },
+        _MantineFormImpl_fields_accessor_storage = new WeakMap(),
+        (() => {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _fields_decorators = [(_b = observable).ref.bind(_b)];
+            __esDecorate(_a, null, _fields_decorators, { kind: "accessor", name: "fields", static: false, private: false, access: { has: obj => "fields" in obj, get: obj => obj.fields, set: (obj, value) => { obj.fields = value; } }, metadata: _metadata }, _fields_initializers, _fields_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();

package/.out/mantine/specs/checkbox_hooks.stories.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { action } from '@storybook/addon-actions';
 import { useMantineFormFields } from 'mantine/hooks';
@@ -5,7 +16,8 @@ import { CHECKBOX_LABEL } from './checkbox_constants';
 function ErrorRenderer({ error }) {
     return `Error ${error}`;
 }
-function Component({ ...props }) {
+function Component(_a) {
+    var props = __rest(_a, []);
     const inputProps = useMantineFormFields(props);
     const CheckboxComponent = inputProps.checkbox('$');
     return (_jsx(CheckboxComponent, { ErrorRenderer: ErrorRenderer, label: CHECKBOX_LABEL }));

package/.out/mantine/specs/checkbox_hooks.tests.js

@@ -1,3 +1,12 @@
+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());
+    });
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { composeStories } from '@storybook/react';
 import { toArray } from '@strictly/base';
@@ -27,10 +36,12 @@ describe('mantine checkbox hooks', function () {
         let onFieldValueChange;
         let wrapper;
         let checkbox;
-        beforeEach(async function () {
-            onFieldValueChange = vi.fn();
-            wrapper = render(_jsx(Component, { onFieldValueChange: onFieldValueChange }));
-            checkbox = await wrapper.findByLabelText(CHECKBOX_LABEL);
+        beforeEach(function () {
+            return __awaiter(this, void 0, void 0, function* () {
+                onFieldValueChange = vi.fn();
+                wrapper = render(_jsx(Component, { onFieldValueChange: onFieldValueChange }));
+                checkbox = yield wrapper.findByLabelText(CHECKBOX_LABEL);
+            });
         });
         it('requests toggle', function () {
             fireEvent.click(checkbox);
@@ -43,11 +54,13 @@ describe('mantine checkbox hooks', function () {
         let onFieldBlur;
         let wrapper;
         let checkbox;
-        beforeEach(async function () {
-            onFieldFocus = vi.fn();
-            onFieldBlur = vi.fn();
-            wrapper = render((_jsx(Off, { onFieldBlur: onFieldBlur, onFieldFocus: onFieldFocus })));
-            checkbox = await wrapper.findByLabelText(CHECKBOX_LABEL);
+        beforeEach(function () {
+            return __awaiter(this, void 0, void 0, function* () {
+                onFieldFocus = vi.fn();
+                onFieldBlur = vi.fn();
+                wrapper = render((_jsx(Off, { onFieldBlur: onFieldBlur, onFieldFocus: onFieldFocus })));
+                checkbox = yield wrapper.findByLabelText(CHECKBOX_LABEL);
+            });
         });
         describe('focus', function () {
             beforeEach(function () {

package/.out/mantine/specs/create_fields_view.tests.d.ts

@@ -0,0 +1 @@
+export {};

package/.out/mantine/specs/create_fields_view.tests.js

@@ -0,0 +1,17 @@
+describe('createFieldsView', () => {
+    describe('CallbackMapper', () => {
+        it('maps a root paths', () => {
+            const callbackMapper = null;
+            expectTypeOf().toEqualTypeOf();
+        });
+        it('maps a simple paths', () => {
+            const callbackMapper = null;
+            expectTypeOf().toEqualTypeOf();
+        });
+        it('maps a indexed paths', () => {
+            const callbackMapper = null;
+            expectTypeOf().toEqualTypeOf();
+        });
+    });
+});
+export {};

package/.out/mantine/specs/fields_view_hooks.stories.d.ts

@@ -1,10 +1,14 @@
 import { type Meta, type StoryObj } from '@storybook/react';
 import { type FieldsViewProps } from 'core/props';
 import { type Field } from 'types/field';
-declare function Component(props: FieldsViewProps<{
+export declare function ParentFieldLabel(): string;
+export declare function SubFieldLabel(): string;
+declare function Component({ onClickField: onClickFieldImpl, ...props }: FieldsViewProps<{
     $: Field<string, string>;
     '$.a': Field<string, string>;
-}>): import("react/jsx-runtime").JSX.Element;
+}> & {
+    onClickField: (valuePath: '$' | '$.a') => void;
+}): import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof Component>;
 export default meta;
 type Story = StoryObj<typeof Component>;

package/.out/mantine/specs/fields_view_hooks.stories.js

@@ -1,21 +1,52 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Stack, } from '@mantine/core';
+import { Paper, Stack, Text, } from '@mantine/core';
 import { action } from '@storybook/addon-actions';
 import { useMantineFormFields } from 'mantine/hooks';
-const onClick = action('some button clicked');
+import { useCallback, useMemo, } from 'react';
+export function ParentFieldLabel() {
+    return '$';
+}
+export function SubFieldLabel() {
+    return '$ (child)';
+}
 function ErrorRenderer({ error }) {
     return `error ${error}`;
 }
-function SubFieldsView(props) {
+function SubFieldsView(_a) {
+    var { onClickField: onClickFieldImpl } = _a, props = __rest(_a, ["onClickField"]);
     const form = useMantineFormFields(props);
     const TextInput = form.textInput('$');
-    return (_jsxs(Stack, { children: [_jsx(TextInput, { ErrorRenderer: ErrorRenderer, label: 'sub fields view' }), _jsx(Button, { onClick: props.onClick, children: "Bonus Button" })] }));
+    const onClick$ = useCallback(() => {
+        onClickFieldImpl('$');
+    }, [onClickFieldImpl]);
+    return (_jsx(Stack, { children: _jsx(TextInput, { ErrorRenderer: ErrorRenderer, label: SubFieldLabel(), onClick: onClick$ }) }));
 }
-function Component(props) {
+function Component(_a) {
+    var { onClickField: onClickFieldImpl } = _a, props = __rest(_a, ["onClickField"]);
     const form = useMantineFormFields(props);
-    const FieldsView = form.fieldsView('$.a', SubFieldsView);
+    const { Component, callbackMapper, } = form.fieldsView('$.a', SubFieldsView);
     const TextInput = form.textInput('$');
-    return (_jsxs(Stack, { children: [_jsx(TextInput, { ErrorRenderer: ErrorRenderer, label: 'fields view' }), _jsx(FieldsView, { onClick: onClick })] }));
+    const onClick$ = useCallback(() => {
+        onClickFieldImpl('$');
+    }, [onClickFieldImpl]);
+    const onClickChildField = useMemo(() => {
+        return callbackMapper(onClickFieldImpl);
+    }, [
+        onClickFieldImpl,
+        callbackMapper,
+    ]);
+    return (_jsxs(Stack, { children: [_jsx(TextInput, { ErrorRenderer: ErrorRenderer, label: ParentFieldLabel(), onClick: onClick$ }), _jsxs(Paper, { p: 'sm', withBorder: true, children: [_jsx(Text, { children: "$.a" }), _jsx(Component, { onClickField: onClickChildField })] })] }));
 }
 const meta = {
     component: Component,
@@ -24,6 +55,7 @@ const meta = {
         onFieldFocus: action('onFieldFocus'),
         onFieldSubmit: action('onFieldSubmit'),
         onFieldValueChange: action('onFieldValueChange'),
+        onClickField: action('onClickField'),
     },
 };
 export default meta;

package/.out/mantine/specs/fields_view_hooks.tests.js

@@ -1,12 +1,41 @@
+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());
+    });
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { composeStories } from '@storybook/react';
 import { toArray } from '@strictly/base';
-import { render, } from '@testing-library/react';
+import { fireEvent, render, } from '@testing-library/react';
 import * as stories from './fields_view_hooks.stories';
 const composedStories = composeStories(stories);
+const { Empty, } = composedStories;
 describe('field view hooks', function () {
     it.each(toArray(composedStories))('renders %s', function (_name, Story) {
         const wrapper = render(_jsx(Story, {}));
         expect(wrapper.container).toMatchSnapshot();
     });
+    describe('callbackMapper', () => {
+        it.each([
+            [
+                '$',
+                stories.ParentFieldLabel(),
+            ],
+            [
+                '$.a',
+                stories.SubFieldLabel(),
+            ],
+        ])('calls back with the correct paths for field at %s', (valuePath, labelText) => __awaiter(this, void 0, void 0, function* () {
+            const onClickField = vi.fn();
+            const wrapper = render(_jsx(Empty, { onClickField: onClickField }));
+            const element = yield wrapper.findByLabelText(labelText);
+            fireEvent.click(element);
+            expect(onClickField).toHaveBeenCalledOnce();
+            expect(onClickField).toHaveBeenCalledWith(valuePath);
+        }));
+    });
 });

package/.out/mantine/specs/radio_group_hooks.stories.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Stack, } from '@mantine/core';
 import { action } from '@storybook/addon-actions';
@@ -6,7 +17,8 @@ import { RADIO_GROUP_LABEL, RADIO_LABELS, RADIO_VALUES, } from './radio_group_co
 function ErrorRenderer({ error }) {
     return `custom error ${error}`;
 }
-function Component({ ...props }) {
+function Component(_a) {
+    var props = __rest(_a, []);
     const form = useMantineFormFields(props);
     const RadioGroupComponent = form.radioGroup('$');
     return (_jsx(RadioGroupComponent, { ErrorRenderer: ErrorRenderer, label: RADIO_GROUP_LABEL, children: _jsx(Stack, { children: RADIO_VALUES.map(function (value) {

package/.out/mantine/specs/radio_group_hooks.tests.js

@@ -1,3 +1,12 @@
+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());
+    });
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { composeStories } from '@storybook/react';
 import { toArray } from '@strictly/base';
@@ -18,19 +27,23 @@ describe('mantine radio group hooks', function () {
         let onFieldBlur;
         let wrapper;
         let radioGroup;
-        beforeEach(async function () {
-            onFieldValueChange = vi.fn();
-            onFieldFocus = vi.fn();
-            onFieldBlur = vi.fn();
-            wrapper = render((_jsx(Empty, { onFieldBlur: onFieldBlur, onFieldFocus: onFieldFocus, onFieldValueChange: onFieldValueChange })));
-            radioGroup = await wrapper.findByLabelText(RADIO_GROUP_LABEL);
+        beforeEach(function () {
+            return __awaiter(this, void 0, void 0, function* () {
+                onFieldValueChange = vi.fn();
+                onFieldFocus = vi.fn();
+                onFieldBlur = vi.fn();
+                wrapper = render((_jsx(Empty, { onFieldBlur: onFieldBlur, onFieldFocus: onFieldFocus, onFieldValueChange: onFieldValueChange })));
+                radioGroup = yield wrapper.findByLabelText(RADIO_GROUP_LABEL);
+            });
         });
         describe.each(RADIO_VALUES)('selects %s', function (value) {
             let radio;
-            beforeEach(async function () {
-                const label = RADIO_LABELS[value];
-                radio = await wrapper.findByLabelText(label);
-                fireEvent.click(radio);
+            beforeEach(function () {
+                return __awaiter(this, void 0, void 0, function* () {
+                    const label = RADIO_LABELS[value];
+                    radio = yield wrapper.findByLabelText(label);
+                    fireEvent.click(radio);
+                });
             });
             it('fires onFieldValueChange', function () {
                 expect(onFieldValueChange).toHaveBeenCalledOnce();