@plasmicpkgs/react-aria 0.0.117 → 0.0.119

package/skinny/registerRadioGroup.stories.cjs.js

@@ -1,120 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var test = require('@storybook/test');
-var React = require('react');
-var registerRadio = require('./registerRadio.cjs.js');
-var registerRadioGroup = require('./registerRadioGroup.cjs.js');
-require('react-aria-components');
-require('./common-45acb83c.cjs.js');
-require('./utils-fc1ddd7c.cjs.js');
-require('@plasmicapp/host');
-require('@plasmicapp/host/registerComponent');
-require('./contexts-6d0cb2b1.cjs.js');
-require('./registerLabel.cjs.js');
-require('./variant-utils-0ad70db8.cjs.js');
-require('./OptionsItemIdManager-a89a28b9.cjs.js');
-require('./registerDescription.cjs.js');
-require('./registerText.cjs.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const meta = {
-  title: "Components/BaseRadioGroup",
-  component: registerRadioGroup.BaseRadioGroup,
-  args: {
-    onChange: test.fn()
-  }
-};
-const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-const beforeEach = async () => {
-  await sleep(100);
-};
-const createRadioItems = (count) => {
-  return Array.from({ length: count }, (_, i) => ({
-    value: `radio${i + 1}`,
-    label: `Radio ${i + 1}`
-  }));
-};
-const Basic = {
-  args: {
-    children: createRadioItems(3).map((item) => /* @__PURE__ */ React__default.default.createElement(registerRadio.BaseRadio, { value: item.value }, item.label))
-  },
-  play: async ({ canvasElement, args }) => {
-    await beforeEach();
-    const canvas = test.within(canvasElement);
-    const radios = await canvas.findAllByRole("radio");
-    test.expect(radios).toHaveLength(3);
-    radios.forEach((radio) => {
-      test.expect(radio).not.toBeChecked();
-    });
-    await test.userEvent.click(radios[1]);
-    test.expect(radios[1]).toBeChecked();
-    test.expect(args.onChange).toHaveBeenCalledWith("radio2");
-  }
-};
-const WithDefaultSelection = {
-  args: {
-    defaultValue: "radio1",
-    children: createRadioItems(3).map((item) => /* @__PURE__ */ React__default.default.createElement(registerRadio.BaseRadio, { value: item.value }, item.label))
-  },
-  play: async ({ canvasElement, args }) => {
-    await beforeEach();
-    const canvas = test.within(canvasElement);
-    const radios = await canvas.findAllByRole("radio");
-    test.expect(radios[0]).toBeChecked();
-    test.expect(radios[1]).not.toBeChecked();
-    test.expect(radios[2]).not.toBeChecked();
-    await test.userEvent.click(radios[2]);
-    test.expect(radios[0]).not.toBeChecked();
-    test.expect(radios[1]).not.toBeChecked();
-    test.expect(radios[2]).toBeChecked();
-    test.expect(args.onChange).toHaveBeenCalledWith("radio3");
-  }
-};
-const Disabled = {
-  args: {
-    isDisabled: true,
-    defaultValue: "radio1",
-    children: createRadioItems(3).map((item) => /* @__PURE__ */ React__default.default.createElement(registerRadio.BaseRadio, { key: item.value, value: item.value }, item.label))
-  },
-  play: async ({ canvasElement, args }) => {
-    await beforeEach();
-    const canvas = test.within(canvasElement);
-    const radios = await canvas.findAllByRole("radio");
-    radios.forEach((radio) => {
-      test.expect(radio).toBeDisabled();
-    });
-    await test.userEvent.click(radios[1]);
-    test.expect(args.onChange).not.toHaveBeenCalled();
-    test.expect(radios[1]).not.toBeChecked();
-  }
-};
-const ReadOnly = {
-  args: {
-    isReadOnly: true,
-    defaultValue: "radio1",
-    children: createRadioItems(3).map((item) => /* @__PURE__ */ React__default.default.createElement(registerRadio.BaseRadio, { key: item.value, value: item.value }, item.label))
-  },
-  play: async ({ canvasElement, args }) => {
-    await beforeEach();
-    const canvas = test.within(canvasElement);
-    const radios = await canvas.findAllByRole("radio");
-    radios.forEach((radio) => {
-      test.expect(radio).not.toBeDisabled();
-    });
-    await test.userEvent.click(radios[2]);
-    test.expect(args.onChange).not.toHaveBeenCalled();
-    test.expect(radios[2]).not.toBeChecked();
-  }
-};
-
-exports.Basic = Basic;
-exports.Disabled = Disabled;
-exports.ReadOnly = ReadOnly;
-exports.WithDefaultSelection = WithDefaultSelection;
-exports.default = meta;
-//# sourceMappingURL=registerRadioGroup.stories.cjs.js.map

package/skinny/registerRadioGroup.stories.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registerRadioGroup.stories.cjs.js","sources":["../src/registerRadioGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, within } from \"@storybook/test\";\nimport React from \"react\";\nimport { BaseRadio } from \"./registerRadio\";\nimport { BaseRadioGroup } from \"./registerRadioGroup\";\n\nconst meta: Meta<typeof BaseRadioGroup> = {\n  title: \"Components/BaseRadioGroup\",\n  component: BaseRadioGroup,\n  args: {\n    onChange: fn(),\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseRadioGroup>;\n\n// TODO: Assertions may be flaky because the registeredId is set inside useEffect, so in the first render, the id is randomly generated by react-aria itself.\n// We use sleep to wait for the id to be set before asserting.\n// This is marked todo because the sleep needs to be removed in a separate PR that fixes this issue\nconst sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));\n\nconst beforeEach = async () => {\n  await sleep(100);\n};\n\n// Helper function to create radio items\nconst createRadioItems = (count: number) => {\n  return Array.from({ length: count }, (_, i) => ({\n    value: `radio${i + 1}`,\n    label: `Radio ${i + 1}`,\n  }));\n};\n\n// Basic RadioGroup with no initial selection\nexport const Basic: Story = {\n  args: {\n    children: createRadioItems(3).map((item) => (\n      <BaseRadio value={item.value}>{item.label}</BaseRadio>\n    )),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const radios = await canvas.findAllByRole(\"radio\");\n    expect(radios).toHaveLength(3);\n\n    // Verify initial state\n    radios.forEach((radio) => {\n      expect(radio).not.toBeChecked();\n    });\n\n    // Test selection\n    await userEvent.click(radios[1]);\n    expect(radios[1]).toBeChecked();\n    expect(args.onChange).toHaveBeenCalledWith(\"radio2\");\n  },\n};\n\n// RadioGroup with pre-selected values\nexport const WithDefaultSelection: Story = {\n  args: {\n    defaultValue: \"radio1\",\n    children: createRadioItems(3).map((item) => (\n      <BaseRadio value={item.value}>{item.label}</BaseRadio>\n    )),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const radios = await canvas.findAllByRole(\"radio\");\n\n    // Verify initial state\n    expect(radios[0]).toBeChecked(); // via defaultSelected prop passed to the group\n    expect(radios[1]).not.toBeChecked();\n    expect(radios[2]).not.toBeChecked();\n\n    // Test deselection\n    await userEvent.click(radios[2]);\n    expect(radios[0]).not.toBeChecked(); //changed\n    expect(radios[1]).not.toBeChecked(); //changed\n    expect(radios[2]).toBeChecked();\n    expect(args.onChange).toHaveBeenCalledWith(\"radio3\");\n  },\n};\n\n// Disabled RadioGroup\nexport const Disabled: Story = {\n  args: {\n    isDisabled: true,\n    defaultValue: \"radio1\",\n    children: createRadioItems(3).map((item) => (\n      <BaseRadio key={item.value} value={item.value}>\n        {item.label}\n      </BaseRadio>\n    )),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const radios = await canvas.findAllByRole(\"radio\");\n\n    // Verify disabled state\n    radios.forEach((radio) => {\n      expect(radio).toBeDisabled();\n    });\n\n    // Verify clicks don't trigger changes\n    await userEvent.click(radios[1]);\n    expect(args.onChange).not.toHaveBeenCalled();\n    expect(radios[1]).not.toBeChecked();\n  },\n};\n\n// ReadOnly RadioGroup\nexport const ReadOnly: Story = {\n  args: {\n    isReadOnly: true,\n    defaultValue: \"radio1\",\n    children: createRadioItems(3).map((item) => (\n      <BaseRadio key={item.value} value={item.value}>\n        {item.label}\n      </BaseRadio>\n    )),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const radios = await canvas.findAllByRole(\"radio\");\n\n    // Verify that the items are not disabled (but readonly)\n    radios.forEach((radio) => {\n      expect(radio).not.toBeDisabled();\n    });\n\n    // Verify clicks don't trigger changes\n    await userEvent.click(radios[2]);\n    expect(args.onChange).not.toHaveBeenCalled();\n    expect(radios[2]).not.toBeChecked();\n  },\n};\n"],"names":["BaseRadioGroup","fn","React","BaseRadio","within","expect","userEvent"],"mappings":"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"}

package/skinny/registerRadioGroup.stories.esm.js

@@ -1,108 +0,0 @@
-import { fn, within, expect, userEvent } from '@storybook/test';
-import React from 'react';
-import { BaseRadio } from './registerRadio.esm.js';
-import { BaseRadioGroup } from './registerRadioGroup.esm.js';
-import 'react-aria-components';
-import './common-616eb178.esm.js';
-import './utils-fd88ad47.esm.js';
-import '@plasmicapp/host';
-import '@plasmicapp/host/registerComponent';
-import './contexts-5cb81c2f.esm.js';
-import './registerLabel.esm.js';
-import './variant-utils-4405ebb0.esm.js';
-import './OptionsItemIdManager-832b8cfe.esm.js';
-import './registerDescription.esm.js';
-import './registerText.esm.js';
-
-const meta = {
-  title: "Components/BaseRadioGroup",
-  component: BaseRadioGroup,
-  args: {
-    onChange: fn()
-  }
-};
-const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-const beforeEach = async () => {
-  await sleep(100);
-};
-const createRadioItems = (count) => {
-  return Array.from({ length: count }, (_, i) => ({
-    value: `radio${i + 1}`,
-    label: `Radio ${i + 1}`
-  }));
-};
-const Basic = {
-  args: {
-    children: createRadioItems(3).map((item) => /* @__PURE__ */ React.createElement(BaseRadio, { value: item.value }, item.label))
-  },
-  play: async ({ canvasElement, args }) => {
-    await beforeEach();
-    const canvas = within(canvasElement);
-    const radios = await canvas.findAllByRole("radio");
-    expect(radios).toHaveLength(3);
-    radios.forEach((radio) => {
-      expect(radio).not.toBeChecked();
-    });
-    await userEvent.click(radios[1]);
-    expect(radios[1]).toBeChecked();
-    expect(args.onChange).toHaveBeenCalledWith("radio2");
-  }
-};
-const WithDefaultSelection = {
-  args: {
-    defaultValue: "radio1",
-    children: createRadioItems(3).map((item) => /* @__PURE__ */ React.createElement(BaseRadio, { value: item.value }, item.label))
-  },
-  play: async ({ canvasElement, args }) => {
-    await beforeEach();
-    const canvas = within(canvasElement);
-    const radios = await canvas.findAllByRole("radio");
-    expect(radios[0]).toBeChecked();
-    expect(radios[1]).not.toBeChecked();
-    expect(radios[2]).not.toBeChecked();
-    await userEvent.click(radios[2]);
-    expect(radios[0]).not.toBeChecked();
-    expect(radios[1]).not.toBeChecked();
-    expect(radios[2]).toBeChecked();
-    expect(args.onChange).toHaveBeenCalledWith("radio3");
-  }
-};
-const Disabled = {
-  args: {
-    isDisabled: true,
-    defaultValue: "radio1",
-    children: createRadioItems(3).map((item) => /* @__PURE__ */ React.createElement(BaseRadio, { key: item.value, value: item.value }, item.label))
-  },
-  play: async ({ canvasElement, args }) => {
-    await beforeEach();
-    const canvas = within(canvasElement);
-    const radios = await canvas.findAllByRole("radio");
-    radios.forEach((radio) => {
-      expect(radio).toBeDisabled();
-    });
-    await userEvent.click(radios[1]);
-    expect(args.onChange).not.toHaveBeenCalled();
-    expect(radios[1]).not.toBeChecked();
-  }
-};
-const ReadOnly = {
-  args: {
-    isReadOnly: true,
-    defaultValue: "radio1",
-    children: createRadioItems(3).map((item) => /* @__PURE__ */ React.createElement(BaseRadio, { key: item.value, value: item.value }, item.label))
-  },
-  play: async ({ canvasElement, args }) => {
-    await beforeEach();
-    const canvas = within(canvasElement);
-    const radios = await canvas.findAllByRole("radio");
-    radios.forEach((radio) => {
-      expect(radio).not.toBeDisabled();
-    });
-    await userEvent.click(radios[2]);
-    expect(args.onChange).not.toHaveBeenCalled();
-    expect(radios[2]).not.toBeChecked();
-  }
-};
-
-export { Basic, Disabled, ReadOnly, WithDefaultSelection, meta as default };
-//# sourceMappingURL=registerRadioGroup.stories.esm.js.map

package/skinny/registerRadioGroup.stories.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registerRadioGroup.stories.esm.js","sources":["../src/registerRadioGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, within } from \"@storybook/test\";\nimport React from \"react\";\nimport { BaseRadio } from \"./registerRadio\";\nimport { BaseRadioGroup } from \"./registerRadioGroup\";\n\nconst meta: Meta<typeof BaseRadioGroup> = {\n  title: \"Components/BaseRadioGroup\",\n  component: BaseRadioGroup,\n  args: {\n    onChange: fn(),\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseRadioGroup>;\n\n// TODO: Assertions may be flaky because the registeredId is set inside useEffect, so in the first render, the id is randomly generated by react-aria itself.\n// We use sleep to wait for the id to be set before asserting.\n// This is marked todo because the sleep needs to be removed in a separate PR that fixes this issue\nconst sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));\n\nconst beforeEach = async () => {\n  await sleep(100);\n};\n\n// Helper function to create radio items\nconst createRadioItems = (count: number) => {\n  return Array.from({ length: count }, (_, i) => ({\n    value: `radio${i + 1}`,\n    label: `Radio ${i + 1}`,\n  }));\n};\n\n// Basic RadioGroup with no initial selection\nexport const Basic: Story = {\n  args: {\n    children: createRadioItems(3).map((item) => (\n      <BaseRadio value={item.value}>{item.label}</BaseRadio>\n    )),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const radios = await canvas.findAllByRole(\"radio\");\n    expect(radios).toHaveLength(3);\n\n    // Verify initial state\n    radios.forEach((radio) => {\n      expect(radio).not.toBeChecked();\n    });\n\n    // Test selection\n    await userEvent.click(radios[1]);\n    expect(radios[1]).toBeChecked();\n    expect(args.onChange).toHaveBeenCalledWith(\"radio2\");\n  },\n};\n\n// RadioGroup with pre-selected values\nexport const WithDefaultSelection: Story = {\n  args: {\n    defaultValue: \"radio1\",\n    children: createRadioItems(3).map((item) => (\n      <BaseRadio value={item.value}>{item.label}</BaseRadio>\n    )),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const radios = await canvas.findAllByRole(\"radio\");\n\n    // Verify initial state\n    expect(radios[0]).toBeChecked(); // via defaultSelected prop passed to the group\n    expect(radios[1]).not.toBeChecked();\n    expect(radios[2]).not.toBeChecked();\n\n    // Test deselection\n    await userEvent.click(radios[2]);\n    expect(radios[0]).not.toBeChecked(); //changed\n    expect(radios[1]).not.toBeChecked(); //changed\n    expect(radios[2]).toBeChecked();\n    expect(args.onChange).toHaveBeenCalledWith(\"radio3\");\n  },\n};\n\n// Disabled RadioGroup\nexport const Disabled: Story = {\n  args: {\n    isDisabled: true,\n    defaultValue: \"radio1\",\n    children: createRadioItems(3).map((item) => (\n      <BaseRadio key={item.value} value={item.value}>\n        {item.label}\n      </BaseRadio>\n    )),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const radios = await canvas.findAllByRole(\"radio\");\n\n    // Verify disabled state\n    radios.forEach((radio) => {\n      expect(radio).toBeDisabled();\n    });\n\n    // Verify clicks don't trigger changes\n    await userEvent.click(radios[1]);\n    expect(args.onChange).not.toHaveBeenCalled();\n    expect(radios[1]).not.toBeChecked();\n  },\n};\n\n// ReadOnly RadioGroup\nexport const ReadOnly: Story = {\n  args: {\n    isReadOnly: true,\n    defaultValue: \"radio1\",\n    children: createRadioItems(3).map((item) => (\n      <BaseRadio key={item.value} value={item.value}>\n        {item.label}\n      </BaseRadio>\n    )),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const radios = await canvas.findAllByRole(\"radio\");\n\n    // Verify that the items are not disabled (but readonly)\n    radios.forEach((radio) => {\n      expect(radio).not.toBeDisabled();\n    });\n\n    // Verify clicks don't trigger changes\n    await userEvent.click(radios[2]);\n    expect(args.onChange).not.toHaveBeenCalled();\n    expect(radios[2]).not.toBeChecked();\n  },\n};\n"],"names":[],"mappings":"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"}

package/skinny/registerSelect.stories.cjs.js

@@ -1,215 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var host = require('@plasmicapp/host');
-var test = require('@storybook/test');
-var React = require('react');
-var registerButton = require('./registerButton.cjs.js');
-var registerSection = require('./registerListBox-040b0374.cjs.js');
-var registerListBoxItem = require('./registerListBoxItem.cjs.js');
-var registerPopover = require('./registerPopover.cjs.js');
-var registerSelect = require('./registerSelect.cjs.js');
-require('react-aria');
-require('react-aria-components');
-require('./common-45acb83c.cjs.js');
-require('./utils-fc1ddd7c.cjs.js');
-require('@plasmicapp/host/registerComponent');
-require('./variant-utils-0ad70db8.cjs.js');
-require('./contexts-6d0cb2b1.cjs.js');
-require('./OptionsItemIdManager-a89a28b9.cjs.js');
-require('./registerDescription.cjs.js');
-require('./registerText.cjs.js');
-require('@react-aria/utils');
-require('./registerLabel.cjs.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const meta = {
-  title: "Components/BaseSelect",
-  component: registerSelect.BaseSelect,
-  args: {
-    onSelectionChange: test.fn(),
-    onOpenChange: test.fn()
-  }
-};
-const createListItems = (count) => {
-  return Array.from({ length: count }, (_, i) => ({
-    id: `${i + 1}`,
-    textValue: `Item ${i + 1}`,
-    children: `Item ${i + 1}`
-  }));
-};
-const BoilerplateSelect = ({ children }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(registerButton.BaseButton, null, /* @__PURE__ */ React__default.default.createElement(registerSelect.BaseSelectValue, null, "Select an option \u25BC")), /* @__PURE__ */ React__default.default.createElement(registerPopover.BasePopover, null, /* @__PURE__ */ React__default.default.createElement(registerSection.BaseListBox, null, children)));
-const Basic = {
-  args: {
-    children: /* @__PURE__ */ React__default.default.createElement(BoilerplateSelect, null, createListItems(3).map((item) => /* @__PURE__ */ React__default.default.createElement(registerListBoxItem.BaseListBoxItem, { textValue: item.textValue, id: item.id }, item.children)))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = test.within(canvasElement);
-    const doc = test.within(document.body);
-    const button = canvas.getByRole("button");
-    test.expect(doc.queryByRole("listbox")).not.toBeInTheDocument();
-    test.expect(button).toHaveTextContent("Select an option \u25BC");
-    await test.userEvent.click(button);
-    const options = await test.within(doc.getByRole("listbox")).findAllByRole(
-      "option"
-    );
-    test.expect(options).toHaveLength(3);
-    await test.userEvent.click(options[1]);
-    test.expect(button).toHaveTextContent("Item 2");
-    test.expect(doc.queryByRole("listbox")).not.toBeInTheDocument();
-    test.expect(args.onOpenChange).toHaveBeenCalledTimes(2);
-    test.expect(args.onSelectionChange).toHaveBeenCalledOnce();
-  }
-};
-const WithDefaultSelection = {
-  args: {
-    defaultSelectedKey: "3",
-    children: /* @__PURE__ */ React__default.default.createElement(BoilerplateSelect, null, createListItems(3).map((item) => /* @__PURE__ */ React__default.default.createElement(registerListBoxItem.BaseListBoxItem, { textValue: item.textValue, id: item.id }, item.children)))
-  },
-  play: async ({ canvasElement }) => {
-    const canvas = test.within(canvasElement);
-    const doc = test.within(document.body);
-    const button = canvas.getByRole("button");
-    test.expect(doc.queryByRole("listbox")).not.toBeInTheDocument();
-    await test.waitFor(() => test.expect(button).toHaveTextContent("Item 3"));
-    await test.userEvent.click(button);
-    const options = test.within(doc.getByRole("listbox")).getAllByRole("option");
-    await test.userEvent.click(options[1]);
-    test.expect(button).toHaveTextContent("Item 2");
-  }
-};
-const Disabled = {
-  args: {
-    defaultSelectedKey: "3",
-    isDisabled: true,
-    children: /* @__PURE__ */ React__default.default.createElement(BoilerplateSelect, null, createListItems(3).map((item) => /* @__PURE__ */ React__default.default.createElement(registerListBoxItem.BaseListBoxItem, { textValue: item.textValue, id: item.id }, item.children)))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = test.within(canvasElement);
-    const doc = test.within(document.body);
-    const button = canvas.getByRole("button");
-    test.expect(button).toBeDisabled();
-    await test.userEvent.tab();
-    await test.waitFor(() => test.expect(button).toHaveTextContent("Item 3"));
-    await test.userEvent.click(button);
-    test.expect(doc.queryByRole("listbox")).not.toBeInTheDocument();
-    test.expect(button).toHaveTextContent("Item 3");
-    test.expect(args.onOpenChange).not.toHaveBeenCalled();
-    test.expect(args.onSelectionChange).not.toHaveBeenCalled();
-  }
-};
-const WithDisabledOptions = {
-  args: {
-    disabledKeys: ["1"],
-    children: /* @__PURE__ */ React__default.default.createElement(BoilerplateSelect, null, createListItems(3).map((item) => /* @__PURE__ */ React__default.default.createElement(registerListBoxItem.BaseListBoxItem, { textValue: item.textValue, id: item.id }, item.children)))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = test.within(canvasElement);
-    const doc = test.within(document.body);
-    const button = canvas.getByRole("button");
-    test.expect(doc.queryByRole("listbox")).not.toBeInTheDocument();
-    test.expect(button).toHaveTextContent("Select an option \u25BC");
-    await test.userEvent.click(button);
-    test.expect(args.onOpenChange).toHaveBeenCalledOnce();
-    const listbox = await doc.findByRole("listbox");
-    const options = await test.within(listbox).findAllByRole("option");
-    test.expect(options).toHaveLength(3);
-    await test.userEvent.click(options[0]);
-    test.expect(args.onOpenChange).toHaveBeenCalledOnce();
-    test.expect(args.onSelectionChange).not.toHaveBeenCalled();
-    test.expect(button).toHaveTextContent("Select an option \u25BC");
-    await test.userEvent.click(options[1]);
-    test.expect(args.onOpenChange).toHaveBeenCalledTimes(2);
-    test.expect(args.onSelectionChange).toHaveBeenCalledOnce();
-    test.expect(button).toHaveTextContent("Item 2");
-  }
-};
-const SelectedInCanvas = {
-  args: {
-    children: /* @__PURE__ */ React__default.default.createElement(BoilerplateSelect, null, createListItems(3).map((item) => /* @__PURE__ */ React__default.default.createElement(registerListBoxItem.BaseListBoxItem, { textValue: item.textValue, id: item.id }, item.children)))
-  },
-  render: (_a) => {
-    var _b = _a, args = __objRest(_b, ["__plasmic_selection_prop__"]);
-    const [selected, setSelected] = React.useState(false);
-    React.useEffect(() => {
-      setTimeout(() => {
-        setSelected(true);
-      }, 1e3);
-    }, []);
-    return (
-      // Simulate Plasmic canvas envirnment
-      /* @__PURE__ */ React__default.default.createElement(
-        host.PlasmicCanvasContext.Provider,
-        {
-          value: {
-            componentName: "test",
-            globalVariants: {}
-          }
-        },
-        /* @__PURE__ */ React__default.default.createElement(
-          registerSelect.BaseSelect,
-          __spreadValues({
-            __plasmic_selection_prop__: {
-              isSelected: selected
-            }
-          }, args)
-        )
-      )
-    );
-  },
-  play: async () => {
-    const doc = test.within(document.body);
-    await test.waitFor(
-      () => {
-        test.expect(doc.queryByRole("listbox")).not.toBeInTheDocument();
-      },
-      { timeout: 100 }
-    );
-    await test.waitFor(
-      () => {
-        test.expect(doc.queryByRole("listbox")).toBeInTheDocument();
-      },
-      { timeout: 1100 }
-    );
-  }
-};
-
-exports.Basic = Basic;
-exports.Disabled = Disabled;
-exports.SelectedInCanvas = SelectedInCanvas;
-exports.WithDefaultSelection = WithDefaultSelection;
-exports.WithDisabledOptions = WithDisabledOptions;
-exports.default = meta;
-//# sourceMappingURL=registerSelect.stories.cjs.js.map

package/skinny/registerSelect.stories.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registerSelect.stories.cjs.js","sources":["../src/registerSelect.stories.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport React, { useEffect, useState } from \"react\";\nimport { BaseButton } from \"./registerButton\";\nimport { BaseListBox } from \"./registerListBox\";\nimport { BaseListBoxItem } from \"./registerListBoxItem\";\nimport { BasePopover } from \"./registerPopover\";\nimport { BaseSelect, BaseSelectValue } from \"./registerSelect\";\n\nconst meta: Meta<typeof BaseSelect> = {\n  title: \"Components/BaseSelect\",\n  component: BaseSelect,\n  args: {\n    onSelectionChange: fn(),\n    onOpenChange: fn(),\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseSelect>;\n\n// Helper function to create list items\nconst createListItems = (count: number) => {\n  return Array.from({ length: count }, (_, i) => ({\n    id: `${i + 1}`,\n    textValue: `Item ${i + 1}`,\n    children: `Item ${i + 1}`,\n  }));\n};\n\nconst BoilerplateSelect = ({ children }: { children: React.ReactNode }) => (\n  <>\n    <BaseButton>\n      <BaseSelectValue>Select an option ▼</BaseSelectValue>\n    </BaseButton>\n    <BasePopover>\n      <BaseListBox>{children}</BaseListBox>\n    </BasePopover>\n  </>\n);\n\nexport const Basic: Story = {\n  args: {\n    children: (\n      <BoilerplateSelect>\n        {createListItems(3).map((item) => (\n          <BaseListBoxItem textValue={item.textValue} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n      </BoilerplateSelect>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    // popovers are rendered outside canvas, so we need to use document.body\n    const doc = within(document.body);\n\n    // Get the button and input\n    const button = canvas.getByRole(\"button\");\n\n    // Check that listbox is not in the document\n    expect(doc.queryByRole(\"listbox\")).not.toBeInTheDocument();\n    expect(button).toHaveTextContent(\"Select an option ▼\");\n\n    // Open the select\n    await userEvent.click(button);\n\n    // Ensure that clicking the button shows all available options, regardless of the input value\n    const options = await within(doc.getByRole(\"listbox\")).findAllByRole(\n      \"option\"\n    );\n    expect(options).toHaveLength(3);\n\n    // Select an option\n    await userEvent.click(options[1]);\n    // Check that the input value is updated\n    expect(button).toHaveTextContent(\"Item 2\");\n\n    // Check that listbox is not in the document\n    expect(doc.queryByRole(\"listbox\")).not.toBeInTheDocument();\n\n    // Check that the onOpenChange and onSelectionChange are called as expected\n    expect(args.onOpenChange).toHaveBeenCalledTimes(2);\n    expect(args.onSelectionChange).toHaveBeenCalledOnce();\n  },\n};\n\nexport const WithDefaultSelection: Story = {\n  args: {\n    defaultSelectedKey: \"3\",\n    children: (\n      <BoilerplateSelect>\n        {createListItems(3).map((item) => (\n          <BaseListBoxItem textValue={item.textValue} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n      </BoilerplateSelect>\n    ),\n  },\n  play: async ({ canvasElement }) => {\n    const canvas = within(canvasElement);\n    // popovers are rendered outside canvas, so we need to use document.body\n    const doc = within(document.body);\n\n    // Get the button and input\n    const button = canvas.getByRole(\"button\");\n\n    // Check that listbox is not in the document\n    expect(doc.queryByRole(\"listbox\")).not.toBeInTheDocument();\n\n    await waitFor(() => expect(button).toHaveTextContent(\"Item 3\")); // via defaultSelectedKey\n\n    // Open the select\n    await userEvent.click(button);\n\n    const options = within(doc.getByRole(\"listbox\")).getAllByRole(\"option\");\n    await userEvent.click(options[1]);\n\n    expect(button).toHaveTextContent(\"Item 2\");\n  },\n};\n\nexport const Disabled: Story = {\n  args: {\n    defaultSelectedKey: \"3\",\n    isDisabled: true,\n    children: (\n      <BoilerplateSelect>\n        {createListItems(3).map((item) => (\n          <BaseListBoxItem textValue={item.textValue} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n      </BoilerplateSelect>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    // popovers are rendered outside canvas, so we need to use document.body\n    const doc = within(document.body);\n\n    // Get the button and input\n    const button = canvas.getByRole(\"button\");\n\n    // Verify disabled state\n    expect(button).toBeDisabled();\n\n    await userEvent.tab(); // NOTE: I'm not sure why, but without this, the test is very flaky at the next line.\n    await waitFor(() => expect(button).toHaveTextContent(\"Item 3\")); // via defaultSelectedKey\n\n    // Open the select\n    await userEvent.click(button);\n\n    // Check that listbox is not in the document\n    expect(doc.queryByRole(\"listbox\")).not.toBeInTheDocument();\n\n    expect(button).toHaveTextContent(\"Item 3\"); // unchanged\n\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n    expect(args.onSelectionChange).not.toHaveBeenCalled();\n  },\n};\n\nexport const WithDisabledOptions: Story = {\n  args: {\n    disabledKeys: [\"1\"],\n    children: (\n      <BoilerplateSelect>\n        {createListItems(3).map((item) => (\n          <BaseListBoxItem textValue={item.textValue} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n      </BoilerplateSelect>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    // popovers are rendered outside canvas, so we need to use document.body\n    const doc = within(document.body);\n\n    // Get the button and input\n    const button = canvas.getByRole(\"button\");\n\n    expect(doc.queryByRole(\"listbox\")).not.toBeInTheDocument();\n    expect(button).toHaveTextContent(\"Select an option ▼\");\n\n    // Open the select\n    await userEvent.click(button);\n    expect(args.onOpenChange).toHaveBeenCalledOnce();\n\n    // Ensure that clicking the button shows all available options, regardless of the input value\n    const listbox = await doc.findByRole(\"listbox\");\n    const options = await within(listbox).findAllByRole(\"option\");\n    expect(options).toHaveLength(3);\n\n    // click the disabled option\n    await userEvent.click(options[0]);\n    expect(args.onOpenChange).toHaveBeenCalledOnce(); // the popover does not close when selecting a disabled option\n    expect(args.onSelectionChange).not.toHaveBeenCalled(); // the select state does not change when selecting a disabled option\n    expect(button).toHaveTextContent(\"Select an option ▼\"); // unchanged\n\n    await userEvent.click(options[1]); // Other items stay selectable\n    expect(args.onOpenChange).toHaveBeenCalledTimes(2);\n    expect(args.onSelectionChange).toHaveBeenCalledOnce();\n\n    expect(button).toHaveTextContent(\"Item 2\");\n  },\n};\n\nexport const SelectedInCanvas: Story = {\n  args: {\n    children: (\n      <BoilerplateSelect>\n        {createListItems(3).map((item) => (\n          <BaseListBoxItem textValue={item.textValue} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n      </BoilerplateSelect>\n    ),\n  },\n  render: ({ __plasmic_selection_prop__, ...args }) => {\n    const [selected, setSelected] = useState(false);\n    useEffect(() => {\n      setTimeout(() => {\n        setSelected(true);\n      }, 1000);\n    }, []);\n\n    return (\n      // Simulate Plasmic canvas envirnment\n      <PlasmicCanvasContext.Provider\n        value={{\n          componentName: \"test\",\n          globalVariants: {},\n        }}\n      >\n        <BaseSelect\n          // Simulate node selection in Plasmic canvas\n          __plasmic_selection_prop__={{\n            isSelected: selected,\n          }}\n          {...args}\n        />\n      </PlasmicCanvasContext.Provider>\n    );\n  },\n  play: async () => {\n    // popovers are rendered outside canvas, so we need to use document.body\n    const doc = within(document.body);\n\n    await waitFor(\n      () => {\n        expect(doc.queryByRole(\"listbox\")).not.toBeInTheDocument();\n      },\n      { timeout: 100 }\n    );\n\n    await waitFor(\n      () => {\n        expect(doc.queryByRole(\"listbox\")).toBeInTheDocument();\n      },\n      { timeout: 1100 }\n    );\n  },\n};\n"],"names":["BaseSelect","fn","React","BaseButton","BaseSelectValue","BasePopover","BaseListBox","BaseListBoxItem","within","expect","userEvent","waitFor","useState","useEffect","PlasmicCanvasContext"],"mappings":"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"}