@ncino/web-components 8.0.0-preview.15 → 8.0.0-preview.16

package/dist/components/panel/gator/panel.storybook-test.js

@@ -1 +1 @@
-import{within as h,waitFor as d,expect as e,userEvent as s}from"../../../node_modules/.pnpm/storybook@9.1.5_@testing-library_dom@10.4.0_msw@2.7.3_@types_node@24.3.1_typescript@5.9_72cffe61c3938b770feb5ac395c7392a/node_modules/storybook/dist/test/index.js";import{getShadowRootElementByDataTestId as p}from"../../../utils/vitest-utils.js";const r=async({canvasElement:w,step:t})=>{const i=h(w);let l,o,c,n;await t("Scenario: Nested Panel Functionality",async()=>{await t("GIVEN the Story renders with the first panel open and the second panel closed",async()=>{l=await i.findByTestId("first-panel"),o=p(l,"first-panel-panel"),c=await i.findByTestId("second-panel"),n=p(c,"second-panel-panel"),await d(()=>e(o).toBeVisible()),e(n).not.toBeVisible()}),await t("WHEN I click on the list item with nested content to open the second panel",async()=>{i.getByTestId("list-item-with-nested").click()}),await t("THEN the second panel is opened relative to the first panel",async()=>{await d(()=>e(n).toBeVisible());const a=o?.offsetWidth;e(window.getComputedStyle(n).left).toBe(`${a}px`)}),await t("WHEN I click the collapse button in the first panel",async()=>{const a=i.getByText("Collapse");await s.click(a)}),await t("THEN I expect the second panel to have moved with the first panel",async()=>{e(window.getComputedStyle(o).width).toBe("56px"),e(window.getComputedStyle(n).left).toBe(`${o.offsetWidth}px`)}),await t("WHEN I click the expand button in the first panel",async()=>{const a=i.getByTestId("expand-button");await s.click(a)}),await t("THEN I expect the first panel to expand and the second panel to move with it",async()=>{e(window.getComputedStyle(o).width).toBe("280px"),e(window.getComputedStyle(n).left).toBe(`${o.offsetWidth}px`)}),await t("WHEN I click on the close button in the second panel",async()=>{const a=i.getByTestId("close-button");await s.click(a)}),await t("THEN I expect the second panel to be closed",async()=>{n.addEventListener("animationend",()=>{e(n).not.toBeVisible()},{once:!0})})})};export{r as nestedPanelTests};
+import{within as h,waitFor as d,expect as e,userEvent as s}from"../../../node_modules/.pnpm/storybook@9.1.5_@testing-library_dom@10.4.0_msw@2.7.3_@types_node@24.5.2_typescript@5.9_67ef7f987bab6bd2ad2f459ed781a73a/node_modules/storybook/dist/test/index.js";import{getShadowRootElementByDataTestId as p}from"../../../utils/vitest-utils.js";const r=async({canvasElement:w,step:t})=>{const i=h(w);let l,o,c,n;await t("Scenario: Nested Panel Functionality",async()=>{await t("GIVEN the Story renders with the first panel open and the second panel closed",async()=>{l=await i.findByTestId("first-panel"),o=p(l,"first-panel-panel"),c=await i.findByTestId("second-panel"),n=p(c,"second-panel-panel"),await d(()=>e(o).toBeVisible()),e(n).not.toBeVisible()}),await t("WHEN I click on the list item with nested content to open the second panel",async()=>{i.getByTestId("list-item-with-nested").click()}),await t("THEN the second panel is opened relative to the first panel",async()=>{await d(()=>e(n).toBeVisible());const a=o?.offsetWidth;e(window.getComputedStyle(n).left).toBe(`${a}px`)}),await t("WHEN I click the collapse button in the first panel",async()=>{const a=i.getByText("Collapse");await s.click(a)}),await t("THEN I expect the second panel to have moved with the first panel",async()=>{e(window.getComputedStyle(o).width).toBe("56px"),e(window.getComputedStyle(n).left).toBe(`${o.offsetWidth}px`)}),await t("WHEN I click the expand button in the first panel",async()=>{const a=i.getByTestId("expand-button");await s.click(a)}),await t("THEN I expect the first panel to expand and the second panel to move with it",async()=>{e(window.getComputedStyle(o).width).toBe("280px"),e(window.getComputedStyle(n).left).toBe(`${o.offsetWidth}px`)}),await t("WHEN I click on the close button in the second panel",async()=>{const a=i.getByTestId("close-button");await s.click(a)}),await t("THEN I expect the second panel to be closed",async()=>{n.addEventListener("animationend",()=>{e(n).not.toBeVisible()},{once:!0})})})};export{r as nestedPanelTests};

package/dist/utils/vitest-a11y-utils.js

@@ -1 +1 @@
-import{page as s}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.3.1_typescript@5.9.2__playwright@1.55.0__87f0b62113e4cf466e19137faba4c80e/node_modules/@vitest/browser/context.js";import n from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.3.1_@vitest_browser@3.2.4_@vitest_ui@3._1b07986b91643c89c81b0014d2711937/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(t){return(await n.run(t)).violations}async function p(t){const e=await a(t);o(e,`Expected no axe core violations, but got ${e.length}: ${JSON.stringify(e)}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function h(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function g(t,e,r){let i=t.querySelector(":focus-visible");if(i||(i=t.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(e);return o(l).toContain(r)}return o(!0).toBe(!1)}export{g as expectComponentFocusStyle,h as expectComponentNotToHaveHorizontalScrollbar,p as expectNoAxeViolations,x as resizeWindowForReflowTest,a as runAxeAndGetViolations,d as superLongStringForReflowTest};
+import{page as s}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.5.2_typescript@5.9.2__playwright@1.55.0__9d4398eee1ca9f4e5bc66c38c44c1a42/node_modules/@vitest/browser/context.js";import n from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.5.2_@vitest_browser@3.2.4_@vitest_ui@3._ca089e2e148b21550246e36bcfc837cf/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(t){return(await n.run(t)).violations}async function p(t){const e=await a(t);o(e,`Expected no axe core violations, but got ${e.length}: ${JSON.stringify(e)}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function h(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function g(t,e,r){let i=t.querySelector(":focus-visible");if(i||(i=t.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(e);return o(l).toContain(r)}return o(!0).toBe(!1)}export{g as expectComponentFocusStyle,h as expectComponentNotToHaveHorizontalScrollbar,p as expectNoAxeViolations,x as resizeWindowForReflowTest,a as runAxeAndGetViolations,d as superLongStringForReflowTest};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ncino/web-components",
     "author": "nCino",
-    "version": "8.0.0-preview.15",
+    "version": "8.0.0-preview.16",
     "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"
@@ -101,21 +101,21 @@
         "@storybook/addon-links": "^9.1.5",
         "@storybook/web-components-vite": "^9.1.5",
         "@types/react": "^19.1.12",
-        "@typescript-eslint/parser": "^8.43.0",
+        "@typescript-eslint/parser": "^8.44.1",
         "@vitest/browser": "^3.2.4",
         "@vitest/coverage-v8": "^3.2.4",
         "@vitest/ui": "3.2.4",
         "axe-core": "^4.10.3",
         "cem-plugin-expanded-types": "^1.4.0",
-        "chromatic": "^13.1.4",
+        "chromatic": "^13.2.1",
         "conventional-changelog-conventionalcommits": "^9.1.0",
         "custom-element-jet-brains-integration": "^1.7.0",
         "custom-elements-manifest": "^2.1.0",
-        "eslint": "^9.35.0",
+        "eslint": "^9.36.0",
         "eslint-config-standard": "^17.1.0",
         "eslint-plugin-import": "^2.32.0",
         "eslint-plugin-json": "^4.0.1",
-        "eslint-plugin-n": "^17.22.0",
+        "eslint-plugin-n": "^17.23.1",
         "eslint-plugin-promise": "^7.2.1",
         "eslint-plugin-storybook": "^9.1.5",
         "eslint-plugin-yml": "1.18.0",
@@ -124,7 +124,7 @@
         "playwright": "1.55.0",
         "postcss": "^8.5.6",
         "rimraf": "^6.0.1",
-        "sass": "1.92.1",
+        "sass": "1.93.2",
         "storybook": "^9.1.5",
         "storybook-addon-code-editor": "^5.0.0",
         "storybook-design-token": "^4.1.0",

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ncino/web-components",
-  "version": "8.0.0-preview.14",
+  "version": "8.0.0-preview.15",
   "description-markup": "markdown",
   "contributions": {
     "html": {