@multiplatform.one/forms 6.0.4 → 6.3.0

package/dist/cjs/fields/ToggleGroup/ToggleGroup.stories.native.js

@@ -1,374 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var ToggleGroup_stories_exports = {};
-__export(ToggleGroup_stories_exports, {
-  Basic: () => Basic,
-  Comparison: () => Comparison,
-  Disabled: () => Disabled,
-  Interactive: () => Interactive,
-  Main: () => Main,
-  Sizes: () => Sizes,
-  Standalone: () => Standalone,
-  WithError: () => WithError,
-  default: () => ToggleGroup_stories_default
-});
-module.exports = __toCommonJS(ToggleGroup_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_storybook = require("@multiplatform.one/storybook");
-var import_react_form = require("@tanstack/react-form");
-var import_react = require("react");
-var import_tamagui = require("tamagui");
-var import_Button = require("../../Button/index.native.js");
-var import_Form = require("../../Form/index.native.js");
-var import_index = require("./index.native.js");
-var meta = {
-  title: "Forms/ToggleGroup",
-  component: import_index.ToggleGroup,
-  parameters: {
-    status: {
-      type: "beta"
-    }
-  },
-  argTypes: {
-    label: {
-      control: "text",
-      description: "Label for the toggle group"
-    },
-    helperText: {
-      control: "text",
-      description: "Helper text displayed below the toggle group"
-    },
-    error: {
-      control: "text",
-      description: "Error message to display"
-    },
-    required: {
-      control: "boolean",
-      description: "Whether the toggle group is required"
-    },
-    disabled: {
-      control: "boolean",
-      description: "Whether the toggle group is disabled"
-    },
-    size: {
-      control: "select",
-      options: ["$2", "$3", "$4"],
-      description: "Size of the toggle group"
-    },
-    type: {
-      control: "select",
-      options: ["single", "multiple"],
-      description: "Whether single or multiple items can be selected"
-    }
-  }
-};
-var ToggleGroup_stories_default = meta;
-var Main = {
-  name: "Main",
-  render: function render() {
-    var FormExample = function FormExample2() {
-      var form = (0, import_react_form.useForm)({
-        defaultValues: {
-          alignment: "center",
-          features: ["comments"]
-        },
-        onSubmit: async function onSubmit(param) {
-          var {
-            value
-          } = param;
-          (0, import_storybook.action)("onSubmit")(value);
-        }
-      });
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
-        form,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ToggleGroup, {
-            label: "Alignment",
-            name: "alignment",
-            type: "single",
-            options: [{
-              label: "Left",
-              value: "left"
-            }, {
-              label: "Center",
-              value: "center"
-            }, {
-              label: "Right",
-              value: "right"
-            }]
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ToggleGroup, {
-            label: "Enabled features",
-            name: "features",
-            type: "multiple",
-            options: [{
-              label: "Comments",
-              value: "comments"
-            }, {
-              label: "Mentions",
-              value: "mentions"
-            }, {
-              label: "Attachments",
-              value: "attachments"
-            }]
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
-            action: "submit",
-            children: "Submit"
-          })]
-        })
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
-  }
-};
-var Standalone = {
-  args: {
-    label: "Alignment",
-    helperText: "Choose alignment",
-    type: "single",
-    defaultValue: "left",
-    options: [{
-      label: "Left",
-      value: "left"
-    }, {
-      label: "Center",
-      value: "center"
-    }, {
-      label: "Right",
-      value: "right"
-    }]
-  },
-  render: function render2(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ToggleGroup, {
-      ...args
-    });
-  }
-};
-var Basic = {
-  args: {
-    label: "Text alignment",
-    helperText: "Choose one alignment",
-    type: "single",
-    defaultValue: "left",
-    options: [{
-      label: "Left",
-      value: "left"
-    }, {
-      label: "Center",
-      value: "center"
-    }, {
-      label: "Right",
-      value: "right"
-    }],
-    onValueChange: (0, import_storybook.action)("onValueChange")
-  }
-};
-var Disabled = {
-  args: {
-    label: "Disabled Toggle Group",
-    disabled: true,
-    type: "single",
-    defaultValue: "left",
-    options: [{
-      label: "Left",
-      value: "left"
-    }, {
-      label: "Center",
-      value: "center"
-    }, {
-      label: "Right",
-      value: "right"
-    }]
-  }
-};
-var WithError = {
-  args: {
-    label: "Toggle Group with Error",
-    error: "This field is required",
-    required: true,
-    type: "single",
-    options: [{
-      label: "Left",
-      value: "left"
-    }, {
-      label: "Center",
-      value: "center"
-    }, {
-      label: "Right",
-      value: "right"
-    }]
-  }
-};
-var Sizes = {
-  render: function render3() {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      gap: "$4",
-      maxWidth: 400,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ToggleGroup, {
-        label: "Small",
-        size: "$2",
-        type: "single",
-        defaultValue: "left",
-        options: [{
-          label: "Left",
-          value: "left"
-        }, {
-          label: "Center",
-          value: "center"
-        }, {
-          label: "Right",
-          value: "right"
-        }]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ToggleGroup, {
-        label: "Medium (default)",
-        size: "$3",
-        type: "single",
-        defaultValue: "center",
-        options: [{
-          label: "Left",
-          value: "left"
-        }, {
-          label: "Center",
-          value: "center"
-        }, {
-          label: "Right",
-          value: "right"
-        }]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ToggleGroup, {
-        label: "Large",
-        size: "$4",
-        type: "single",
-        defaultValue: "right",
-        options: [{
-          label: "Left",
-          value: "left"
-        }, {
-          label: "Center",
-          value: "center"
-        }, {
-          label: "Right",
-          value: "right"
-        }]
-      })]
-    });
-  }
-};
-var Interactive = {
-  render: function render4() {
-    var InteractiveExample = function InteractiveExample2() {
-      var [value, setValue] = (0, import_react.useState)("left");
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        gap: "$4",
-        maxWidth: 400,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ToggleGroup, {
-          label: "Text alignment",
-          type: "single",
-          value,
-          onValueChange: function onValueChange(val) {
-            return setValue(val);
-          },
-          options: [{
-            label: "Left",
-            value: "left"
-          }, {
-            label: "Center",
-            value: "center"
-          }, {
-            label: "Right",
-            value: "right"
-          }]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
-          children: ["Selected: ", value]
-        })]
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
-  }
-};
-var alignmentOptions = [{
-  label: "Left",
-  value: "left"
-}, {
-  label: "Center",
-  value: "center"
-}, {
-  label: "Right",
-  value: "right"
-}];
-var Comparison = {
-  render: function render5() {
-    var ComparisonExample = function ComparisonExample2() {
-      var [customVal, setCustomVal] = (0, import_react.useState)("left");
-      var [tamaguiVal, setTamaguiVal] = (0, import_react.useState)("left");
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: "$6",
-        alignItems: "flex-start",
-        padding: "$4",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          gap: "$3",
-          width: 300,
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-            size: "$2",
-            color: "$placeholderColor",
-            children: "Custom ToggleGroup"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ToggleGroup, {
-            type: "single",
-            value: customVal,
-            options: alignmentOptions,
-            onValueChange: function onValueChange(val) {
-              setCustomVal(val);
-              (0, import_storybook.action)("custom.onValueChange")(val);
-            }
-          })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          gap: "$3",
-          width: 300,
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-            size: "$2",
-            color: "$placeholderColor",
-            children: "Tamagui ToggleGroup"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup, {
-            type: "single",
-            value: tamaguiVal,
-            onValueChange: function onValueChange(val) {
-              setTamaguiVal(val);
-              (0, import_storybook.action)("tamagui.onValueChange")(val);
-            },
-            children: alignmentOptions.map(function (opt) {
-              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
-                value: opt.value,
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
-                  children: opt.label
-                })
-              }, opt.value);
-            })
-          })]
-        })]
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ComparisonExample, {});
-  }
-};
-//# sourceMappingURL=ToggleGroup.stories.native.js.map

package/dist/cjs/fields/ToggleGroup/ToggleGroup.stories.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroup_stories_exports","__export","Basic","Comparison","Disabled","Interactive","Main","Sizes","Standalone","WithError","default","ToggleGroup_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react_form","import_react","import_tamagui","import_Button","import_Form","import_index","meta","title","component","ToggleGroup","parameters","status","type","argTypes","label","control","description","helperText","error","required","disabled","size","options","name","render","FormExample","FormExample2","form","useForm","defaultValues","alignment","features","onSubmit","param","action","jsx","Form","children","jsxs","YStack","gap","Button","args","defaultValue","render2","onValueChange","render3","maxWidth"],"sources":["../../../../src/fields/ToggleGroup/ToggleGroup.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useFocusManagement.spec.cjs

@@ -1,241 +0,0 @@
-var import_react = require("@testing-library/react");
-var import_vitest = require("vitest");
-var import_test_utils = require("@multiplatform.one/test-utils");
-var import_useFocusManagement = require("./useFocusManagement.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-const mockFocus = import_vitest.vi.fn();
-const mockContains = import_vitest.vi.fn();
-(0, import_vitest.beforeAll)(() => {
-  Object.defineProperty(HTMLElement.prototype, "focus", {
-    writable: true,
-    value: mockFocus
-  });
-  Object.defineProperty(HTMLElement.prototype, "contains", {
-    writable: true,
-    value: mockContains
-  });
-  Object.defineProperty(document, "activeElement", {
-    writable: true,
-    value: null
-  });
-  const mockQuerySelectorAll = import_vitest.vi.fn();
-  Object.defineProperty(HTMLElement.prototype, "querySelectorAll", {
-    writable: true,
-    value: mockQuerySelectorAll
-  });
-});
-(0, import_vitest.describe)("useFocusManagement", () => {
-  (0, import_vitest.describe)("basic functionality", () => {
-    (0, import_vitest.it)("should return the correct interface", () => {
-      const TestComponent = () => {
-        const focusManagement = (0, import_useFocusManagement.useFocusManagement)();
-        (0, import_vitest.expect)(focusManagement).toHaveProperty("containerRef");
-        (0, import_vitest.expect)(focusManagement).toHaveProperty("focusedElement");
-        (0, import_vitest.expect)(focusManagement).toHaveProperty("focusNext");
-        (0, import_vitest.expect)(focusManagement).toHaveProperty("focusPrevious");
-        (0, import_vitest.expect)(focusManagement).toHaveProperty("focusElement");
-        (0, import_vitest.expect)(focusManagement).toHaveProperty("getFocusableElements");
-        (0, import_vitest.expect)(focusManagement).toHaveProperty("setFocusTrap");
-        (0, import_vitest.expect)(typeof focusManagement.containerRef).toBe("object");
-        (0, import_vitest.expect)(typeof focusManagement.focusNext).toBe("function");
-        (0, import_vitest.expect)(typeof focusManagement.focusPrevious).toBe("function");
-        (0, import_vitest.expect)(typeof focusManagement.focusElement).toBe("function");
-        (0, import_vitest.expect)(typeof focusManagement.getFocusableElements).toBe("function");
-        (0, import_vitest.expect)(typeof focusManagement.setFocusTrap).toBe("function");
-        return null;
-      };
-      (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
-    });
-    (0, import_vitest.it)("should initialize with default options", () => {
-      const TestComponent = () => {
-        const focusManagement = (0, import_useFocusManagement.useFocusManagement)();
-        (0, import_vitest.expect)(focusManagement.containerRef.current).toBeNull();
-        (0, import_vitest.expect)(focusManagement.focusedElement).toBeNull();
-        return null;
-      };
-      (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
-    });
-  });
-  (0, import_vitest.describe)("container ref", () => {
-    (0, import_vitest.it)("should provide a container ref", () => {
-      let refValue = null;
-      const TestComponent = () => {
-        const focusManagement = (0, import_useFocusManagement.useFocusManagement)();
-        refValue = focusManagement.containerRef;
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-          ref: focusManagement.containerRef,
-          "data-testid": "container",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
-            type: "button",
-            children: "Test Button"
-          })
-        });
-      };
-      (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
-      (0, import_vitest.expect)(refValue).toHaveProperty("current");
-    });
-  });
-  (0, import_vitest.describe)("focusable elements detection", () => {
-    (0, import_vitest.it)("should return empty array when no container", () => {
-      const TestComponent = () => {
-        const focusManagement = (0, import_useFocusManagement.useFocusManagement)();
-        const elements = focusManagement.getFocusableElements();
-        (0, import_vitest.expect)(elements).toHaveLength(0);
-        return null;
-      };
-      (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
-    });
-  });
-  (0, import_vitest.describe)("initial focus", () => {
-    (0, import_vitest.it)("should not set initial focus when set to none", () => {
-      const TestComponent = () => {
-        const focusManagement = (0, import_useFocusManagement.useFocusManagement)({
-          initialFocus: "none"
-        });
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-          ref: focusManagement.containerRef,
-          children: "Test"
-        });
-      };
-      (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
-      (0, import_vitest.expect)(mockFocus).not.toHaveBeenCalled();
-    });
-  });
-  (0, import_vitest.describe)("auto focus delay", () => {
-    (0, import_vitest.it)("should delay initial focus", () => {
-      import_vitest.vi.useFakeTimers();
-      const mockElement = {
-        focus: import_vitest.vi.fn()
-      };
-      HTMLElement.prototype.querySelectorAll = import_vitest.vi.fn(() => ({
-        [Symbol.iterator]: function* () {
-          yield mockElement;
-        }
-      }));
-      const TestComponent = () => {
-        const focusManagement = (0, import_useFocusManagement.useFocusManagement)({
-          initialFocus: "first",
-          autoFocusDelay: 1e3
-        });
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-          ref: focusManagement.containerRef,
-          children: "Test"
-        });
-      };
-      (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
-      (0, import_vitest.expect)(mockElement.focus).not.toHaveBeenCalled();
-      (0, import_react.act)(() => {
-        import_vitest.vi.advanceTimersByTime(1e3);
-      });
-      (0, import_vitest.expect)(mockElement.focus).toHaveBeenCalled();
-      import_vitest.vi.useRealTimers();
-    });
-  });
-  (0, import_vitest.describe)("focus change callback", () => {
-    (0, import_vitest.it)("should call onFocusChange when focus changes", () => {
-      const onFocusChange = import_vitest.vi.fn();
-      let testFocusManagement;
-      const TestComponent = () => {
-        testFocusManagement = (0, import_useFocusManagement.useFocusManagement)({
-          onFocusChange
-        });
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-          ref: testFocusManagement.containerRef,
-          children: "Test"
-        });
-      };
-      (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
-      const mockElement = {
-        focus: import_vitest.vi.fn()
-      };
-      (0, import_react.act)(() => {
-        testFocusManagement.focusElement(mockElement);
-      });
-      (0, import_vitest.expect)(onFocusChange).toHaveBeenCalledWith(mockElement);
-    });
-  });
-  (0, import_vitest.describe)("restore focus", () => {
-    (0, import_vitest.it)("should restore focus when enabled", () => {
-      const mockPreviouslyFocused = {
-        focus: import_vitest.vi.fn()
-      };
-      Object.defineProperty(document, "activeElement", {
-        value: mockPreviouslyFocused
-      });
-      const TestComponent = () => {
-        const focusManagement = (0, import_useFocusManagement.useFocusManagement)({
-          restoreFocus: true
-        });
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-          ref: focusManagement.containerRef,
-          children: "Test"
-        });
-      };
-      const {
-        unmount
-      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
-      unmount();
-      (0, import_vitest.expect)(mockPreviouslyFocused.focus).toHaveBeenCalled();
-    });
-    (0, import_vitest.it)("should not restore focus when disabled", () => {
-      const mockPreviouslyFocused = {
-        focus: import_vitest.vi.fn()
-      };
-      Object.defineProperty(document, "activeElement", {
-        value: mockPreviouslyFocused
-      });
-      const TestComponent = () => {
-        const focusManagement = (0, import_useFocusManagement.useFocusManagement)({
-          restoreFocus: false
-        });
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-          ref: focusManagement.containerRef,
-          children: "Test"
-        });
-      };
-      const {
-        unmount
-      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
-      unmount();
-      (0, import_vitest.expect)(mockPreviouslyFocused.focus).not.toHaveBeenCalled();
-    });
-  });
-});
-(0, import_vitest.describe)("useOTPFocusManagement", () => {
-  (0, import_vitest.it)("should return the correct interface", () => {
-    const TestComponent = () => {
-      const otpFocus = (0, import_useFocusManagement.useOTPFocusManagement)(6);
-      (0, import_vitest.expect)(otpFocus).toHaveProperty("focusedIndex");
-      (0, import_vitest.expect)(otpFocus).toHaveProperty("focusInput");
-      (0, import_vitest.expect)(otpFocus).toHaveProperty("handleKeyPress");
-      (0, import_vitest.expect)(otpFocus).toHaveProperty("setInputRef");
-      (0, import_vitest.expect)(typeof otpFocus.focusInput).toBe("function");
-      (0, import_vitest.expect)(typeof otpFocus.handleKeyPress).toBe("function");
-      (0, import_vitest.expect)(typeof otpFocus.setInputRef).toBe("function");
-      return null;
-    };
-    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
-  });
-});
-(0, import_vitest.describe)("useSearchableDropdownFocus", () => {
-  (0, import_vitest.it)("should return the correct interface", () => {
-    const TestComponent = () => {
-      const dropdownFocus = (0, import_useFocusManagement.useSearchableDropdownFocus)(true, []);
-      (0, import_vitest.expect)(dropdownFocus).toHaveProperty("highlightedIndex");
-      (0, import_vitest.expect)(dropdownFocus).toHaveProperty("setHighlightedIndex");
-      (0, import_vitest.expect)(dropdownFocus).toHaveProperty("handleKeyDown");
-      (0, import_vitest.expect)(typeof dropdownFocus.setHighlightedIndex).toBe("function");
-      (0, import_vitest.expect)(typeof dropdownFocus.handleKeyDown).toBe("function");
-      return null;
-    };
-    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
-  });
-  (0, import_vitest.it)("should reset highlighted index when closed", () => {
-    const TestComponent = () => {
-      const dropdownFocus = (0, import_useFocusManagement.useSearchableDropdownFocus)(false, ["Item 1"]);
-      (0, import_vitest.expect)(dropdownFocus.highlightedIndex).toBe(-1);
-      return null;
-    };
-    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
-  });
-});