quirk-ui 0.1.73 → 0.1.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AccordionItem.css.d.ts +13 -0
- package/dist/{CategoryFilters-CIWwf9VY.js → CategoryFilters-Dvx_tFs9.js} +1 -1
- package/dist/{CategoryFilters-CvmFCE3e.cjs → CategoryFilters-jaBdSByQ.cjs} +1 -1
- package/dist/CategoryFilters.css.d.ts +31 -0
- package/dist/FormField-BO1hKjUb.js +228 -0
- package/dist/FormField-wfYSN1Vd.cjs +1 -0
- package/dist/FormField.css +1 -0
- package/dist/FormField.css.d.ts +22 -0
- package/dist/HeroSubComponents.css.d.ts +30 -0
- package/dist/NavLink.css.d.ts +72 -0
- package/dist/core/components/Accordion/Accordion.test.cjs +1 -1
- package/dist/core/components/Accordion/Accordion.test.mjs +1 -1
- package/dist/core/components/Accordion/AccordionItem.test.cjs +1 -1
- package/dist/core/components/Accordion/AccordionItem.test.mjs +1 -1
- package/dist/core/components/Avatar/Avatar.test.cjs +1 -1
- package/dist/core/components/Avatar/Avatar.test.mjs +1 -1
- package/dist/core/components/Badge/Badge.test.cjs +1 -1
- package/dist/core/components/Badge/Badge.test.mjs +1 -1
- package/dist/core/components/Badge/index.cjs +1 -1
- package/dist/core/components/Badge/index.mjs +1 -1
- package/dist/core/components/Box/Box.test.cjs +1 -1
- package/dist/core/components/Box/Box.test.mjs +1 -1
- package/dist/core/components/Box/index.cjs +1 -1
- package/dist/core/components/Box/index.mjs +1 -1
- package/dist/core/components/Breadcrumbs/Breadcrumbs.test.cjs +1 -1
- package/dist/core/components/Breadcrumbs/Breadcrumbs.test.mjs +1 -1
- package/dist/core/components/Breadcrumbs/index.cjs +1 -1
- package/dist/core/components/Breadcrumbs/index.mjs +1 -1
- package/dist/core/components/Button/Button.test.cjs +1 -1
- package/dist/core/components/Button/Button.test.mjs +2 -2
- package/dist/core/components/Button/index.cjs +1 -1
- package/dist/core/components/Button/index.mjs +1 -1
- package/dist/core/components/ButtonGroup/ButtonGroup.test.cjs +1 -1
- package/dist/core/components/ButtonGroup/ButtonGroup.test.mjs +1 -1
- package/dist/core/components/Calendar/Calendar.test.cjs +1 -1
- package/dist/core/components/Calendar/Calendar.test.mjs +2 -2
- package/dist/core/components/Calendar/index.cjs +1 -1
- package/dist/core/components/Calendar/index.mjs +1 -1
- package/dist/core/components/Card/Card.test.cjs +1 -1
- package/dist/core/components/Card/Card.test.mjs +1 -1
- package/dist/core/components/Card/index.cjs +1 -1
- package/dist/core/components/Card/index.mjs +1 -1
- package/dist/core/components/Carousel/Carousel.test.cjs +1 -1
- package/dist/core/components/Carousel/Carousel.test.mjs +1 -1
- package/dist/core/components/Checkbox/Checkbox.test.cjs +1 -1
- package/dist/core/components/Checkbox/Checkbox.test.mjs +1 -1
- package/dist/core/components/Container/Container.test.cjs +1 -1
- package/dist/core/components/Container/Container.test.mjs +1 -1
- package/dist/core/components/Container/index.cjs +1 -1
- package/dist/core/components/Container/index.mjs +1 -1
- package/dist/core/components/DatePicker/DatePicker.test.cjs +1 -1
- package/dist/core/components/DatePicker/DatePicker.test.mjs +2 -2
- package/dist/core/components/DatePicker/index.cjs +1 -1
- package/dist/core/components/DatePicker/index.mjs +2 -2
- package/dist/core/components/Divider/Divider.test.cjs +1 -1
- package/dist/core/components/Divider/Divider.test.mjs +1 -1
- package/dist/core/components/Divider/index.cjs +1 -1
- package/dist/core/components/Divider/index.mjs +1 -1
- package/dist/core/components/Drawer/Drawer.test.cjs +1 -1
- package/dist/core/components/Drawer/Drawer.test.mjs +1 -1
- package/dist/core/components/Drawer/index.cjs +1 -1
- package/dist/core/components/Drawer/index.mjs +1 -1
- package/dist/core/components/Fieldset/Fieldset.test.cjs +1 -1
- package/dist/core/components/Fieldset/Fieldset.test.mjs +1 -1
- package/dist/core/components/Fieldset/index.cjs +1 -1
- package/dist/core/components/Fieldset/index.mjs +1 -1
- package/dist/core/components/FileUpload/FileUpload.test.cjs +1 -1
- package/dist/core/components/FileUpload/FileUpload.test.mjs +1 -1
- package/dist/core/components/FileUpload/index.cjs +1 -1
- package/dist/core/components/FileUpload/index.mjs +1 -1
- package/dist/core/components/FloatingActionButton/FloatingActionButton.test.cjs +1 -1
- package/dist/core/components/FloatingActionButton/FloatingActionButton.test.mjs +1 -1
- package/dist/core/components/FloatingActionButton/index.cjs +1 -1
- package/dist/core/components/FloatingActionButton/index.mjs +1 -1
- package/dist/core/components/Footer/Footer.test.cjs +1 -1
- package/dist/core/components/Footer/Footer.test.mjs +1 -1
- package/dist/core/components/Footer/index.cjs +1 -1
- package/dist/core/components/Footer/index.mjs +2 -2
- package/dist/core/components/Form/Form.test.cjs +1 -1
- package/dist/core/components/Form/Form.test.mjs +1 -1
- package/dist/core/components/Form/index.cjs +1 -1
- package/dist/core/components/Form/index.mjs +1 -1
- package/dist/core/components/Grid/Grid.test.cjs +1 -1
- package/dist/core/components/Grid/Grid.test.mjs +1 -1
- package/dist/core/components/Heading/Heading.test.cjs +1 -1
- package/dist/core/components/Heading/Heading.test.mjs +1 -1
- package/dist/core/components/Input/Input.test.cjs +1 -1
- package/dist/core/components/Input/Input.test.mjs +1 -1
- package/dist/core/components/Input/index.cjs +1 -1
- package/dist/core/components/Input/index.mjs +25 -31
- package/dist/core/components/Label/Label.test.cjs +1 -1
- package/dist/core/components/Label/Label.test.mjs +1 -1
- package/dist/core/components/Label/index.cjs +1 -1
- package/dist/core/components/Label/index.mjs +1 -1
- package/dist/core/components/List/List.test.cjs +1 -1
- package/dist/core/components/List/List.test.mjs +1 -1
- package/dist/core/components/List/index.cjs +1 -1
- package/dist/core/components/List/index.mjs +1 -1
- package/dist/core/components/Modal/Modal.test.cjs +1 -1
- package/dist/core/components/Modal/Modal.test.mjs +1 -1
- package/dist/core/components/Modal/index.cjs +1 -1
- package/dist/core/components/Modal/index.mjs +1 -1
- package/dist/core/components/NavBar/NavBar.test.cjs +1 -1
- package/dist/core/components/NavBar/NavBar.test.mjs +1 -1
- package/dist/core/components/NavBar/index.cjs +1 -1
- package/dist/core/components/NavBar/index.mjs +1 -1
- package/dist/core/components/Notification/Notification.test.cjs +1 -1
- package/dist/core/components/Notification/Notification.test.mjs +1 -1
- package/dist/core/components/Notification/index.cjs +1 -1
- package/dist/core/components/Notification/index.mjs +1 -1
- package/dist/core/components/NotificationContainer/NotificationContainer.test.cjs +1 -1
- package/dist/core/components/NotificationContainer/NotificationContainer.test.mjs +1 -1
- package/dist/core/components/NotificationContainer/index.cjs +1 -1
- package/dist/core/components/NotificationContainer/index.mjs +1 -1
- package/dist/core/components/ProgressBar/ProgressBar.test.cjs +1 -1
- package/dist/core/components/ProgressBar/ProgressBar.test.mjs +1 -1
- package/dist/core/components/ProgressBar/index.cjs +1 -1
- package/dist/core/components/ProgressBar/index.mjs +1 -1
- package/dist/core/components/Radio/Radio.test.cjs +1 -1
- package/dist/core/components/Radio/Radio.test.mjs +1 -1
- package/dist/core/components/Radio/index.cjs +1 -1
- package/dist/core/components/Radio/index.mjs +1 -1
- package/dist/core/components/Range/Range.test.cjs +1 -1
- package/dist/core/components/Range/Range.test.mjs +1 -1
- package/dist/core/components/Range/index.cjs +1 -1
- package/dist/core/components/Range/index.mjs +1 -1
- package/dist/core/components/Select/Select.test.cjs +1 -1
- package/dist/core/components/Select/Select.test.mjs +176 -106
- package/dist/core/components/Select/index.cjs +1 -1
- package/dist/core/components/Select/index.mjs +100 -80
- package/dist/core/components/Sidebar/Sidebar.test.cjs +1 -1
- package/dist/core/components/Sidebar/Sidebar.test.mjs +1 -1
- package/dist/core/components/Sidebar/index.cjs +1 -1
- package/dist/core/components/Sidebar/index.mjs +1 -1
- package/dist/core/components/Skeleton/Skeleton.test.cjs +1 -1
- package/dist/core/components/Skeleton/Skeleton.test.mjs +1 -1
- package/dist/core/components/Spacer/Spacer.test.cjs +1 -1
- package/dist/core/components/Spacer/Spacer.test.mjs +1 -1
- package/dist/core/components/Spinner/Spinner.test.cjs +1 -1
- package/dist/core/components/Spinner/Spinner.test.mjs +1 -1
- package/dist/core/components/Stack/Stack.test.cjs +1 -1
- package/dist/core/components/Stack/Stack.test.mjs +1 -1
- package/dist/core/components/Switch/Switch.test.cjs +1 -1
- package/dist/core/components/Switch/Switch.test.mjs +1 -1
- package/dist/core/components/Table/Table.test.cjs +1 -1
- package/dist/core/components/Table/Table.test.mjs +1 -1
- package/dist/core/components/Tabs/Tabs.test.cjs +1 -1
- package/dist/core/components/Tabs/Tabs.test.mjs +1 -1
- package/dist/core/components/Text/Text.test.cjs +1 -1
- package/dist/core/components/Text/Text.test.mjs +1 -1
- package/dist/core/components/Textarea/Textarea.test.cjs +1 -1
- package/dist/core/components/Textarea/Textarea.test.mjs +1 -1
- package/dist/core/components/Textarea/index.cjs +1 -1
- package/dist/core/components/Textarea/index.mjs +1 -1
- package/dist/core/components/Tooltip/Tooltip.test.cjs +1 -1
- package/dist/core/components/Tooltip/Tooltip.test.mjs +1 -1
- package/dist/core/components/Tooltip/index.cjs +1 -1
- package/dist/core/components/Tooltip/index.mjs +1 -1
- package/dist/core.cjs +1 -1
- package/dist/core.d.ts +30 -43
- package/dist/core.mjs +42 -44
- package/dist/{index-BQV8LRFm.js → index-Ck6GdALV.js} +0 -1
- package/dist/{index-DITXfOUM.cjs → index-CvpbNrYS.cjs} +16 -16
- package/dist/{index-2ZLA4POI.js → index-DTDGFsW8.js} +1 -1
- package/dist/{index-D0ylyll7.cjs → index-hPJqlEOh.cjs} +1 -1
- package/dist/{index-CnlJ2RgH.js → index-paelIj6o.js} +1 -1
- package/dist/{index-odc0vuSq.cjs → index-rFLvzU5A.cjs} +1 -1
- package/dist/index.css.d.ts +1 -0
- package/dist/index10.css.d.ts +7 -0
- package/dist/index11.css.d.ts +26 -0
- package/dist/index12.css.d.ts +24 -0
- package/dist/index13.css.d.ts +33 -0
- package/dist/index14.css.d.ts +10 -0
- package/dist/index15.css.d.ts +18 -0
- package/dist/index16.css.d.ts +38 -0
- package/dist/index17.css.d.ts +16 -0
- package/dist/index18.css.d.ts +14 -0
- package/dist/index19.css.d.ts +17 -0
- package/dist/index2.css.d.ts +9 -0
- package/dist/index20.css.d.ts +13 -0
- package/dist/index21.css.d.ts +25 -0
- package/dist/index22.css.d.ts +5 -0
- package/dist/index23.css.d.ts +19 -0
- package/dist/index24.css.d.ts +21 -0
- package/dist/index25.css +1 -1
- package/dist/index25.css.d.ts +16 -0
- package/dist/index26.css.d.ts +10 -0
- package/dist/index27.css.d.ts +18 -0
- package/dist/index28.css.d.ts +16 -0
- package/dist/index29.css.d.ts +10 -0
- package/dist/index3.css.d.ts +12 -0
- package/dist/index30.css.d.ts +19 -0
- package/dist/index31.css.d.ts +15 -0
- package/dist/index32.css.d.ts +22 -0
- package/dist/index33.css.d.ts +15 -0
- package/dist/index34.css +1 -1
- package/dist/index34.css.d.ts +14 -0
- package/dist/index35.css +1 -1
- package/dist/index35.css.d.ts +23 -0
- package/dist/index36.css +1 -1
- package/dist/index36.css.d.ts +14 -0
- package/dist/index37.css +1 -1
- package/dist/index37.css.d.ts +18 -0
- package/dist/index38.css +1 -1
- package/dist/index38.css.d.ts +21 -0
- package/dist/index39.css +1 -1
- package/dist/index39.css.d.ts +20 -0
- package/dist/index4.css.d.ts +10 -0
- package/dist/index40.css +1 -1
- package/dist/index40.css.d.ts +17 -0
- package/dist/index41.css +1 -1
- package/dist/index41.css.d.ts +14 -0
- package/dist/index42.css +1 -1
- package/dist/index42.css.d.ts +22 -0
- package/dist/index43.css +1 -1
- package/dist/index43.css.d.ts +35 -0
- package/dist/index44.css +1 -1
- package/dist/index44.css.d.ts +13 -0
- package/dist/index45.css +1 -1
- package/dist/index45.css.d.ts +23 -0
- package/dist/index46.css +1 -1
- package/dist/index46.css.d.ts +12 -0
- package/dist/index47.css +1 -1
- package/dist/index47.css.d.ts +19 -0
- package/dist/index48.css +1 -1
- package/dist/index48.css.d.ts +20 -0
- package/dist/index49.css +1 -1
- package/dist/index49.css.d.ts +20 -0
- package/dist/index5.css.d.ts +22 -0
- package/dist/index50.css +1 -1
- package/dist/index50.css.d.ts +27 -0
- package/dist/index51.css +1 -1
- package/dist/index51.css.d.ts +17 -0
- package/dist/index52.css +1 -1
- package/dist/index52.css.d.ts +11 -0
- package/dist/index53.css.d.ts +12 -0
- package/dist/index54.css.d.ts +14 -0
- package/dist/index55.css.d.ts +20 -0
- package/dist/index56.css.d.ts +25 -0
- package/dist/index57.css.d.ts +13 -0
- package/dist/index58.css +1 -1
- package/dist/index58.css.d.ts +12 -0
- package/dist/index59.css +1 -1
- package/dist/index59.css.d.ts +20 -0
- package/dist/index6.css.d.ts +19 -0
- package/dist/index60.css +1 -1
- package/dist/index60.css.d.ts +20 -0
- package/dist/index61.css +1 -1
- package/dist/index61.css.d.ts +18 -0
- package/dist/index62.css +1 -1
- package/dist/index62.css.d.ts +22 -0
- package/dist/index63.css +1 -1
- package/dist/index63.css.d.ts +28 -0
- package/dist/index64.css +1 -1
- package/dist/index64.css.d.ts +26 -0
- package/dist/index65.css +1 -1
- package/dist/index65.css.d.ts +19 -0
- package/dist/index7.css.d.ts +40 -0
- package/dist/index8.css.d.ts +32 -0
- package/dist/index9.css.d.ts +9 -0
- package/dist/main.cjs +1 -1
- package/dist/main.d.ts +48 -43
- package/dist/main.mjs +94 -94
- package/dist/next/blocks/DocumentListBlock/CategoryFilters.cjs +1 -1
- package/dist/next/blocks/DocumentListBlock/CategoryFilters.mjs +2 -2
- package/dist/next/blocks/DocumentListBlock/index.cjs +1 -1
- package/dist/next/blocks/DocumentListBlock/index.mjs +2 -2
- package/dist/next/blocks/FormBlock/FormField.cjs +1 -0
- package/dist/next/blocks/FormBlock/FormField.mjs +13 -0
- package/dist/next/blocks/FormBlock/index.cjs +1 -0
- package/dist/next/blocks/FormBlock/index.mjs +192 -0
- package/dist/next/blocks/FormBlock/validate.cjs +1 -0
- package/dist/next/blocks/FormBlock/validate.mjs +76 -0
- package/dist/next/blocks/TabsBlock/index.cjs +1 -1
- package/dist/next/blocks/TabsBlock/index.mjs +1 -1
- package/dist/next/blocks/WasHelpfulBlock/index.cjs +1 -1
- package/dist/next/blocks/WasHelpfulBlock/index.mjs +1 -1
- package/dist/next/cards/BlogArticleCard/index.cjs +1 -1
- package/dist/next/cards/BlogArticleCard/index.mjs +1 -1
- package/dist/next/cards/SpotlightCard/index.cjs +1 -1
- package/dist/next/cards/SpotlightCard/index.mjs +1 -1
- package/dist/next/ui/CallToAction/index.cjs +1 -1
- package/dist/next/ui/CallToAction/index.mjs +1 -1
- package/dist/next.cjs +1 -1
- package/dist/next.d.ts +18 -0
- package/dist/next.mjs +45 -43
- package/dist/styles.css.d.ts +1 -0
- package/dist/tokens.css.d.ts +1 -0
- package/package.json +1 -1
- package/dist/core/components/MultiSelect/MultiSelect.test.cjs +0 -6
- package/dist/core/components/MultiSelect/MultiSelect.test.mjs +0 -3518
- package/dist/core/components/MultiSelect/__mocks__/styles.module.css.cjs +0 -1
- package/dist/core/components/MultiSelect/__mocks__/styles.module.css.mjs +0 -14
- package/dist/core/components/MultiSelect/index.cjs +0 -1
- package/dist/core/components/MultiSelect/index.mjs +0 -94
- package/dist/index66.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index34.css');const z=require("react/jsx-runtime"),M="_form_3xode_1",b="_fullWidth_3xode_10",L="_vertical_3xode_16",C="_horizontal_3xode_20",j="_inline_3xode_26",q="_spacingXs_3xode_33",F="_spacingSm_3xode_37",W="_spacingMd_3xode_41",N="_spacingLg_3xode_45",O="_spacingXl_3xode_49",n={form:M,fullWidth:b,vertical:L,horizontal:C,inline:j,spacingXs:q,spacingSm:F,spacingMd:W,spacingLg:N,spacingXl:O};function P({method:e="post",action:l,encType:a,target:r,noValidate:_=!1,layout:g="vertical",spacing:p="md",maxWidth:i,fullWidth:d=!1,className:f="",style:m,children:u,onSubmit:o,onChange:c,onReset:t,...x}){const h=s=>{o&&o(s)},S=s=>{c&&c(s)},X=s=>{t&&t(s)},$={vertical:n.vertical,horizontal:n.horizontal,inline:n.inline}[g],v={xs:n.spacingXs,sm:n.spacingSm,md:n.spacingMd,lg:n.spacingLg,xl:n.spacingXl}[p],y={...m,...i&&{maxWidth:typeof i=="number"?`${i}px`:i}};return z.jsx("form",{method:e,action:l,encType:a,target:r,noValidate:_,className:`${f} ${n.form} ${$} ${v} ${d?n.fullWidth:""}`.trim(),style:y,onSubmit:h,onChange:S,onReset:X,...x,children:u})}exports.Form=P;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as z } from "react/jsx-runtime";
|
|
2
|
-
import '../../../
|
|
2
|
+
import '../../../index34.css';const L = "_form_3xode_1", M = "_fullWidth_3xode_10", C = "_vertical_3xode_16", b = "_horizontal_3xode_20", W = "_inline_3xode_26", j = "_spacingXs_3xode_33", F = "_spacingSm_3xode_37", N = "_spacingMd_3xode_41", R = "_spacingLg_3xode_45", k = "_spacingXl_3xode_49", n = {
|
|
3
3
|
form: L,
|
|
4
4
|
fullWidth: M,
|
|
5
5
|
vertical: C,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),e=require("../../../index-
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),e=require("../../../index-CvpbNrYS.cjs"),s=require("./index.cjs");e.describe("Grid",()=>{e.describe("Rendering",()=>{e.it("renders children",()=>{e.render(t.jsxs(s.Grid,{columns:2,children:[t.jsx("div",{children:"Item 1"}),t.jsx("div",{children:"Item 2"})]})),e.globalExpect(e.screen.getByText("Item 1")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Item 2")).toBeInTheDocument()}),e.it("applies custom className",()=>{const{container:i}=e.render(t.jsx(s.Grid,{columns:2,className:"custom-grid",children:t.jsx("div",{children:"Item"})}));e.globalExpect(i.querySelector(".custom-grid")).toBeInTheDocument()})}),e.describe("Columns",()=>{e.it("applies correct number of columns",()=>{const{container:i}=e.render(t.jsxs(s.Grid,{columns:3,children:[t.jsx("div",{children:"Item 1"}),t.jsx("div",{children:"Item 2"}),t.jsx("div",{children:"Item 3"})]})),r=i.firstChild;e.globalExpect(r.style.gridTemplateColumns).toBe("repeat(3, 1fr)")}),e.it("applies custom column template",()=>{const{container:i}=e.render(t.jsx(s.Grid,{columns:"1fr 2fr 1fr",children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.gridTemplateColumns).toBe("1fr 2fr 1fr")}),e.it("applies responsive columns",()=>{const{container:i}=e.render(t.jsx(s.Grid,{columns:{xs:1,sm:2,md:3,lg:4,xl:6},children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.getPropertyValue("--xs-columns")).toBe("repeat(1, 1fr)"),e.globalExpect(r.style.getPropertyValue("--md-columns")).toBe("repeat(3, 1fr)")})}),e.describe("Rows",()=>{e.it("applies number of rows",()=>{const{container:i}=e.render(t.jsx(s.Grid,{rows:3,children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.gridTemplateRows).toBe("repeat(3, 1fr)")}),e.it("applies custom row template",()=>{const{container:i}=e.render(t.jsx(s.Grid,{rows:"auto 1fr auto",children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.gridTemplateRows).toBe("auto 1fr auto")})}),e.describe("Gap",()=>{e.it("applies custom gap",()=>{const{container:i}=e.render(t.jsx(s.Grid,{columns:3,gap:"2rem",children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.gap).toBe("2rem")}),e.it("applies separate row and column gaps",()=>{const{container:i}=e.render(t.jsx(s.Grid,{columns:3,rowGap:"1rem",columnGap:"2rem",children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.rowGap).toBe("1rem"),e.globalExpect(r.style.columnGap).toBe("2rem")})}),e.describe("Auto-fit",()=>{e.it("uses auto-fit with default minmax",()=>{const{container:i}=e.render(t.jsx(s.Grid,{autoFit:!0,children:t.jsx("div",{children:"Item 1"})}));e.globalExpect(i.firstChild.style.gridTemplateColumns).toBe("repeat(auto-fit, minmax(250px, 1fr))")}),e.it("uses auto-fit with custom minmax",()=>{const{container:i}=e.render(t.jsx(s.Grid,{columns:3,autoFitMinMax:"300px",gap:"2rem",children:t.jsx("div",{children:"Item 1"})}));e.globalExpect(i.firstChild.style.gridTemplateColumns).toBe("repeat(auto-fit, minmax(300px, 1fr))")})}),e.describe("Template Areas",()=>{e.it("applies named areas",()=>{const i=[["header","header"],["sidebar","main"],["footer","footer"]],{container:r}=e.render(t.jsx(s.Grid,{columns:2,areas:i,gap:"2rem",children:t.jsx("div",{children:"Item 1"})})),l=r.firstChild.style.gridTemplateAreas;e.globalExpect(l).toContain("header"),e.globalExpect(l).toContain("main"),e.globalExpect(l).toContain("footer")})}),e.describe("Alignment",()=>{e.it("applies alignItems",()=>{const{container:i}=e.render(t.jsx(s.Grid,{alignItems:"center",children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.alignItems).toBe("center")}),e.it("applies justifyItems",()=>{const{container:i}=e.render(t.jsx(s.Grid,{justifyItems:"center",children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.justifyItems).toBe("center")}),e.it("applies justifyContent",()=>{const{container:i}=e.render(t.jsx(s.Grid,{justifyContent:"space-between",children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.justifyContent).toBe("space-between")}),e.it("applies alignContent",()=>{const{container:i}=e.render(t.jsx(s.Grid,{alignContent:"center",children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.alignContent).toBe("center")})}),e.describe("Full Height",()=>{e.it("applies full height",()=>{const{container:i}=e.render(t.jsx(s.Grid,{fullHeight:!0,children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.minHeight).toBe("100%")})}),e.describe("Style Prop",()=>{e.it("applies custom style",()=>{const{container:i}=e.render(t.jsx(s.Grid,{style:{backgroundColor:"red"},children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.backgroundColor).toBe("red")}),e.it("merges custom style with grid styles",()=>{const{container:i}=e.render(t.jsx(s.Grid,{columns:3,gap:"2rem",style:{padding:"1rem"},children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.gridTemplateColumns).toBe("repeat(3, 1fr)"),e.globalExpect(r.style.gap).toBe("2rem"),e.globalExpect(r.style.padding).toBe("1rem")})}),e.describe("Props Forwarding",()=>{e.it("forwards HTML attributes",()=>{const{container:i}=e.render(t.jsx(s.Grid,{"data-testid":"custom-grid",id:"grid-1",children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r).toHaveAttribute("data-testid","custom-grid"),e.globalExpect(r).toHaveAttribute("id","grid-1")})}),e.describe("Combined Props",()=>{e.it("applies multiple props together",()=>{const{container:i}=e.render(t.jsx(s.Grid,{columns:4,gap:"2rem",alignItems:"center",justifyContent:"space-between",fullHeight:!0,children:t.jsx("div",{children:"Item 1"})})),r=i.firstChild;e.globalExpect(r.style.gridTemplateColumns).toBe("repeat(4, 1fr)"),e.globalExpect(r.style.gap).toBe("2rem"),e.globalExpect(r.style.alignItems).toBe("center"),e.globalExpect(r.style.justifyContent).toBe("space-between"),e.globalExpect(r.style.minHeight).toBe("100%")})})});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { d as o, i as s, r, g as n, s as d } from "../../../index-
|
|
2
|
+
import { d as o, i as s, r, g as n, s as d } from "../../../index-Ck6GdALV.js";
|
|
3
3
|
import { Grid as l } from "./index.mjs";
|
|
4
4
|
o("Grid", () => {
|
|
5
5
|
o("Rendering", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const a=require("react/jsx-runtime"),e=require("../../../index-
|
|
1
|
+
"use strict";const a=require("react/jsx-runtime"),e=require("../../../index-CvpbNrYS.cjs"),n=require("./index.cjs");e.describe("Heading",()=>{e.describe("Rendering",()=>{e.it("renders with default level (h1)",()=>{e.render(a.jsx(n.Heading,{children:"Test Heading"}));const t=e.screen.getByText("Test Heading");e.globalExpect(t.tagName).toBe("H1"),e.globalExpect(t).toHaveClass("heading"),e.globalExpect(t).toHaveClass("h1")}),e.it("renders the correct heading level",()=>{e.render(a.jsx(n.Heading,{level:3,children:"Heading Level 3"}));const t=e.screen.getByText("Heading Level 3");e.globalExpect(t.tagName).toBe("H3"),e.globalExpect(t).toHaveClass("h3")}),e.it("renders all heading levels",()=>{[1,2,3,4,5,6].forEach(s=>{e.render(a.jsxs(n.Heading,{level:s,children:["Level ",s]},s));const l=e.screen.getByText(`Level ${s}`);e.globalExpect(l.tagName).toBe(`H${s}`),e.globalExpect(l).toHaveClass(`h${s}`)})})}),e.describe("Custom Tag (as prop)",()=>{e.it("renders as different tag while keeping level style",()=>{e.render(a.jsx(n.Heading,{level:1,as:"h2",children:"Visual H1, Semantic H2"}));const t=e.screen.getByText("Visual H1, Semantic H2");e.globalExpect(t.tagName).toBe("H2"),e.globalExpect(t).toHaveClass("h1")}),e.it("renders h3 as h6",()=>{e.render(a.jsx(n.Heading,{level:3,as:"h6",children:"Style H3, Tag H6"}));const t=e.screen.getByText("Style H3, Tag H6");e.globalExpect(t.tagName).toBe("H6"),e.globalExpect(t).toHaveClass("h3")})}),e.describe("Alignment",()=>{e.it("applies left alignment",()=>{e.render(a.jsx(n.Heading,{align:"left",children:"Left Aligned"}));const t=e.screen.getByText("Left Aligned");e.globalExpect(t).toHaveClass("align-left")}),e.it("applies center alignment",()=>{e.render(a.jsx(n.Heading,{align:"center",children:"Centered"}));const t=e.screen.getByText("Centered");e.globalExpect(t).toHaveClass("align-center")}),e.it("applies right alignment",()=>{e.render(a.jsx(n.Heading,{align:"right",children:"Right Aligned"}));const t=e.screen.getByText("Right Aligned");e.globalExpect(t).toHaveClass("align-right")})}),e.describe("Text Transform",()=>{e.it("applies uppercase transform",()=>{e.render(a.jsx(n.Heading,{transform:"uppercase",children:"Uppercase"}));const t=e.screen.getByText("Uppercase");e.globalExpect(t).toHaveClass("transform-uppercase")}),e.it("applies lowercase transform",()=>{e.render(a.jsx(n.Heading,{transform:"lowercase",children:"Lowercase"}));const t=e.screen.getByText("Lowercase");e.globalExpect(t).toHaveClass("transform-lowercase")}),e.it("applies capitalize transform",()=>{e.render(a.jsx(n.Heading,{transform:"capitalize",children:"Capitalize"}));const t=e.screen.getByText("Capitalize");e.globalExpect(t).toHaveClass("transform-capitalize")}),e.it("applies no transform by default",()=>{e.render(a.jsx(n.Heading,{children:"No Transform"}));const t=e.screen.getByText("No Transform");e.globalExpect(t).not.toHaveClass("transform-uppercase"),e.globalExpect(t).not.toHaveClass("transform-lowercase"),e.globalExpect(t).not.toHaveClass("transform-capitalize")})}),e.describe("Gradient",()=>{e.it("applies gradient class",()=>{e.render(a.jsx(n.Heading,{gradient:!0,children:"Gradient Heading"}));const t=e.screen.getByText("Gradient Heading");e.globalExpect(t).toHaveClass("gradient")}),e.it("does not apply gradient by default",()=>{e.render(a.jsx(n.Heading,{children:"Normal Heading"}));const t=e.screen.getByText("Normal Heading");e.globalExpect(t).not.toHaveClass("gradient")})}),e.describe("Truncation",()=>{e.it("applies truncate class",()=>{e.render(a.jsx(n.Heading,{truncate:!0,children:"Truncated Heading"}));const t=e.screen.getByText("Truncated Heading");e.globalExpect(t).toHaveClass("truncate")}),e.it("applies maxLines style",()=>{e.render(a.jsx(n.Heading,{maxLines:2,children:"Multi-line truncate"}));const t=e.screen.getByText("Multi-line truncate");e.globalExpect(t).toHaveStyle({display:"-webkit-box",WebkitLineClamp:"2"})}),e.it("does not apply truncate by default",()=>{e.render(a.jsx(n.Heading,{children:"Full Heading"}));const t=e.screen.getByText("Full Heading");e.globalExpect(t).not.toHaveClass("truncate")})}),e.describe("Styling",()=>{e.it("applies custom className",()=>{e.render(a.jsx(n.Heading,{level:2,className:"custom-class",children:"Styled Heading"}));const t=e.screen.getByText("Styled Heading");e.globalExpect(t).toHaveClass("custom-class"),e.globalExpect(t).toHaveClass("heading"),e.globalExpect(t).toHaveClass("h2")}),e.it("applies multiple custom classes",()=>{e.render(a.jsx(n.Heading,{className:"class1 class2",children:"Multiple Classes"}));const t=e.screen.getByText("Multiple Classes");e.globalExpect(t).toHaveClass("class1"),e.globalExpect(t).toHaveClass("class2")}),e.it("applies custom style",()=>{e.render(a.jsx(n.Heading,{style:{color:"red",fontSize:"3rem"},children:"Custom Style"}));const t=e.screen.getByText("Custom Style");e.globalExpect(t).toHaveStyle({color:"rgb(255, 0, 0)",fontSize:"3rem"})})}),e.describe("Children",()=>{e.it("renders text children properly",()=>{e.render(a.jsx(n.Heading,{level:4,children:"Simple Text"})),e.globalExpect(e.screen.getByText("Simple Text")).toBeInTheDocument()}),e.it("renders nested elements",()=>{e.render(a.jsxs(n.Heading,{level:2,children:[a.jsx("span",{children:"Child"})," ",a.jsx("strong",{children:"Text"})]})),e.globalExpect(e.screen.getByText("Child")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Text")).toBeInTheDocument()}),e.it("renders children from original test",()=>{e.render(a.jsx(n.Heading,{level:4,children:a.jsx("span",{children:"Child Text"})}));const t=e.screen.getByText("Child Text");e.globalExpect(t).toBeInTheDocument()})}),e.describe("HTML Attributes",()=>{e.it("supports id attribute",()=>{e.render(a.jsx(n.Heading,{id:"heading-id",children:"With ID"}));const t=e.screen.getByText("With ID");e.globalExpect(t).toHaveAttribute("id","heading-id")}),e.it("supports data attributes",()=>{e.render(a.jsx(n.Heading,{"data-testid":"test-heading","data-section":"intro",children:"Data Attrs"}));const t=e.screen.getByTestId("test-heading");e.globalExpect(t).toHaveAttribute("data-section","intro")})}),e.describe("Event Handlers",()=>{e.it("handles onClick",()=>{const t=e.vi.fn();e.render(a.jsx(n.Heading,{onClick:t,children:"Clickable"}));const s=e.screen.getByText("Clickable");e.fireEvent.click(s),e.globalExpect(t).toHaveBeenCalledTimes(1)})}),e.describe("Combined Props",()=>{e.it("applies multiple props together",()=>{e.render(a.jsx(n.Heading,{level:2,align:"center",transform:"uppercase",gradient:!0,className:"custom",children:"Combined"}));const t=e.screen.getByText("Combined");e.globalExpect(t.tagName).toBe("H2"),e.globalExpect(t).toHaveClass("h2"),e.globalExpect(t).toHaveClass("align-center"),e.globalExpect(t).toHaveClass("transform-uppercase"),e.globalExpect(t).toHaveClass("gradient"),e.globalExpect(t).toHaveClass("custom")})})});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as a, jsxs as c } from "react/jsx-runtime";
|
|
2
|
-
import { d as r, i as n, r as l, s, g as t, v as g, f as h } from "../../../index-
|
|
2
|
+
import { d as r, i as n, r as l, s, g as t, v as g, f as h } from "../../../index-Ck6GdALV.js";
|
|
3
3
|
import { Heading as i } from "./index.mjs";
|
|
4
4
|
r("Heading", () => {
|
|
5
5
|
r("Rendering", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const n=require("react/jsx-runtime"),e=require("../../../index-
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime"),e=require("../../../index-CvpbNrYS.cjs"),r=require("./index.cjs");e.vi.mock("../Label",()=>({Label:({children:t,htmlFor:a,required:l,intent:i,"aria-disabled":s})=>n.jsxs("label",{htmlFor:a,className:i,"aria-disabled":s,children:[t,l&&n.jsx("span",{className:"required",children:"*"})]})}));e.describe("Input",()=>{e.describe("Rendering",()=>{e.it("renders an input with a label",()=>{e.render(n.jsx(r.Input,{label:"Email",name:"email"})),e.globalExpect(e.screen.getByLabelText("Email")).toBeInTheDocument()}),e.it("shows required asterisk when required",()=>{e.render(n.jsx(r.Input,{label:"Email",required:!0})),e.globalExpect(e.screen.getByText("*")).toBeInTheDocument()}),e.it("renders helper text",()=>{e.render(n.jsx(r.Input,{label:"Email",helperText:"Enter a valid email"})),e.globalExpect(e.screen.getByText("Enter a valid email")).toBeInTheDocument()}),e.it("applies custom className",()=>{const{container:t}=e.render(n.jsx(r.Input,{className:"custom-input",name:"email"}));e.globalExpect(t.querySelector(".custom-input")).toBeInTheDocument()}),e.it("renders without a label",()=>{e.render(n.jsx(r.Input,{name:"email",placeholder:"Enter email"})),e.globalExpect(e.screen.getByPlaceholderText("Enter email")).toBeInTheDocument()})}),e.describe("Error State",()=>{e.it("renders error message when error is a string",()=>{e.render(n.jsx(r.Input,{label:"Email",name:"email",error:"Required field"})),e.globalExpect(e.screen.getByText("Required field")).toBeInTheDocument(),e.globalExpect(e.screen.getByLabelText("Email")).toHaveAttribute("aria-invalid","true")}),e.it("shows error state when error is boolean true",()=>{e.render(n.jsx(r.Input,{label:"Email",name:"email",error:!0})),e.globalExpect(e.screen.getByLabelText("Email")).toHaveAttribute("aria-invalid","true")}),e.it("applies error styling to label",()=>{const{container:t}=e.render(n.jsx(r.Input,{label:"Email",error:"Error message"})),a=t.querySelector("label");e.globalExpect(a).toHaveClass("error")}),e.it("links error message to input with aria-describedby",()=>{e.render(n.jsx(r.Input,{label:"Email",id:"email-input",error:"Error message"}));const t=e.screen.getByLabelText("Email");e.globalExpect(t).toHaveAttribute("aria-describedby","email-input-description")})}),e.describe("Sizes",()=>{e.it("applies small size",()=>{const{container:t}=e.render(n.jsx(r.Input,{size:"sm"})),a=t.querySelector("input");e.globalExpect(a).toHaveClass("sm")}),e.it("applies medium size by default",()=>{const{container:t}=e.render(n.jsx(r.Input,{})),a=t.querySelector("input");e.globalExpect(a).toHaveClass("md")}),e.it("applies large size",()=>{const{container:t}=e.render(n.jsx(r.Input,{size:"lg"})),a=t.querySelector("input");e.globalExpect(a).toHaveClass("lg")})}),e.describe("Variants",()=>{e.it("applies default variant by default",()=>{const{container:t}=e.render(n.jsx(r.Input,{})),a=t.querySelector("input");e.globalExpect(a).toHaveClass("default")}),e.it("applies filled variant",()=>{const{container:t}=e.render(n.jsx(r.Input,{variant:"filled"})),a=t.querySelector("input");e.globalExpect(a).toHaveClass("filled")}),e.it("applies flushed variant",()=>{const{container:t}=e.render(n.jsx(r.Input,{variant:"flushed"})),a=t.querySelector("input");e.globalExpect(a).toHaveClass("flushed")})}),e.describe("Icons",()=>{e.it("renders left icon",()=>{const{container:t}=e.render(n.jsx(r.Input,{leftIcon:n.jsx("span",{"data-testid":"left-icon",children:"👤"})}));e.globalExpect(e.screen.getByTestId("left-icon")).toBeInTheDocument();const a=t.querySelector("input");e.globalExpect(a).toHaveClass("hasLeftIcon")}),e.it("renders right icon",()=>{const{container:t}=e.render(n.jsx(r.Input,{rightIcon:n.jsx("span",{"data-testid":"right-icon",children:"✓"})}));e.globalExpect(e.screen.getByTestId("right-icon")).toBeInTheDocument();const a=t.querySelector("input");e.globalExpect(a).toHaveClass("hasRightIcon")}),e.it("renders both left and right icons",()=>{const{container:t}=e.render(n.jsx(r.Input,{leftIcon:n.jsx("span",{"data-testid":"left-icon",children:"👤"}),rightIcon:n.jsx("span",{"data-testid":"right-icon",children:"✓"})}));e.globalExpect(e.screen.getByTestId("left-icon")).toBeInTheDocument(),e.globalExpect(e.screen.getByTestId("right-icon")).toBeInTheDocument();const a=t.querySelector("input");e.globalExpect(a).toHaveClass("hasLeftIcon"),e.globalExpect(a).toHaveClass("hasRightIcon")})}),e.describe("States",()=>{e.it("renders disabled input",()=>{e.render(n.jsx(r.Input,{label:"Email",disabled:!0}));const t=e.screen.getByLabelText("Email");e.globalExpect(t).toBeDisabled()}),e.it("renders readonly input",()=>{e.render(n.jsx(r.Input,{label:"Email",readOnly:!0,value:"test@example.com"}));const t=e.screen.getByLabelText("Email");e.globalExpect(t).toHaveAttribute("readonly")}),e.it("applies disabled styling to label",()=>{e.render(n.jsx(r.Input,{label:"Email",disabled:!0}));const t=e.screen.getByText(/email/i);e.globalExpect(t).toHaveClass("disabled")})}),e.describe("Full Width",()=>{e.it("applies fullWidth class when fullWidth is true",()=>{const{container:t}=e.render(n.jsx(r.Input,{fullWidth:!0})),a=t.querySelector('[class*="wrapper"]');e.globalExpect(a).toHaveClass("fullWidth")})}),e.describe("Input Types",()=>{e.it("renders email input",()=>{e.render(n.jsx(r.Input,{type:"email",label:"Email"}));const t=e.screen.getByLabelText("Email");e.globalExpect(t).toHaveAttribute("type","email")}),e.it("renders password input",()=>{e.render(n.jsx(r.Input,{type:"password",label:"Password"}));const t=e.screen.getByLabelText("Password");e.globalExpect(t).toHaveAttribute("type","password")}),e.it("renders number input",()=>{e.render(n.jsx(r.Input,{type:"number",label:"Age"}));const t=e.screen.getByLabelText("Age");e.globalExpect(t).toHaveAttribute("type","number")}),e.it("renders search input",()=>{e.render(n.jsx(r.Input,{type:"search",label:"Search"}));const t=e.screen.getByLabelText("Search");e.globalExpect(t).toHaveAttribute("type","search")})}),e.describe("Input Attributes",()=>{e.it("forwards placeholder",()=>{e.render(n.jsx(r.Input,{placeholder:"Enter text"})),e.globalExpect(e.screen.getByPlaceholderText("Enter text")).toBeInTheDocument()}),e.it("forwards value",()=>{e.render(n.jsx(r.Input,{value:"test value",onChange:()=>{}}));const t=e.screen.getByDisplayValue("test value");e.globalExpect(t).toBeInTheDocument()}),e.it("forwards name attribute",()=>{e.render(n.jsx(r.Input,{name:"username"}));const t=e.screen.getByRole("textbox");e.globalExpect(t).toHaveAttribute("name","username")}),e.it("forwards autocomplete",()=>{e.render(n.jsx(r.Input,{autoComplete:"email"}));const t=e.screen.getByRole("textbox");e.globalExpect(t).toHaveAttribute("autocomplete","email")}),e.it("forwards maxLength",()=>{e.render(n.jsx(r.Input,{maxLength:10}));const t=e.screen.getByRole("textbox");e.globalExpect(t).toHaveAttribute("maxLength","10")}),e.it("forwards pattern",()=>{e.render(n.jsx(r.Input,{pattern:"[0-9]+"}));const t=e.screen.getByRole("textbox");e.globalExpect(t).toHaveAttribute("pattern","[0-9]+")})}),e.describe("Event Handlers",()=>{e.it("calls onChange when input value changes",()=>{const t=e.vi.fn();e.render(n.jsx(r.Input,{onChange:t}));const a=e.screen.getByRole("textbox");e.fireEvent.change(a,{target:{value:"test"}}),e.globalExpect(t).toHaveBeenCalled()}),e.it("calls onFocus when input is focused",()=>{const t=e.vi.fn();e.render(n.jsx(r.Input,{onFocus:t}));const a=e.screen.getByRole("textbox");e.fireEvent.focus(a),e.globalExpect(t).toHaveBeenCalled()}),e.it("calls onBlur when input loses focus",()=>{const t=e.vi.fn();e.render(n.jsx(r.Input,{onBlur:t}));const a=e.screen.getByRole("textbox");e.fireEvent.blur(a),e.globalExpect(t).toHaveBeenCalled()})}),e.describe("Accessibility",()=>{e.it("generates unique id when not provided",()=>{const{container:t}=e.render(n.jsx(r.Input,{label:"Email"})),a=t.querySelector("input");e.globalExpect(a).toHaveAttribute("id")}),e.it("uses provided id",()=>{e.render(n.jsx(r.Input,{id:"custom-id",label:"Email"}));const t=e.screen.getByLabelText("Email");e.globalExpect(t).toHaveAttribute("id","custom-id")}),e.it("uses name as id fallback",()=>{e.render(n.jsx(r.Input,{name:"email-field",label:"Email"}));const t=e.screen.getByLabelText("Email");e.globalExpect(t).toHaveAttribute("id","email-field")}),e.it("associates label with input",()=>{e.render(n.jsx(r.Input,{label:"Email",id:"email-input"}));const t=e.screen.getByLabelText("Email");e.globalExpect(t).toHaveAttribute("id","email-input")}),e.it("marks input as required for screen readers",()=>{e.render(n.jsx(r.Input,{label:"Email",required:!0}));const t=e.screen.getByLabelText(/email/i);e.globalExpect(t.hasAttribute("required")).toBe(!0)})})});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as b, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { v as u, d as o, i as n, r as l, g as t, s, f as c } from "../../../index-
|
|
2
|
+
import { v as u, d as o, i as n, r as l, g as t, s, f as c } from "../../../index-Ck6GdALV.js";
|
|
3
3
|
import { Input as i } from "./index.mjs";
|
|
4
4
|
u.mock("../Label", () => ({
|
|
5
5
|
Label: ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index24.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index24.css');const t=require("react/jsx-runtime"),j=require("../Label/index.cjs"),M="_wrapper_1nvgm_1",C="_fullWidth_1nvgm_8",L="_inputContainer_1nvgm_36",N="_input_1nvgm_36",y="_sm_1nvgm_78",b="_md_1nvgm_84",w="_lg_1nvgm_90",R="_filled_1nvgm_102",W="_flushed_1nvgm_112",S="_hasLeftIcon_1nvgm_126",T="_hasRightIcon_1nvgm_130",q="_leftIcon_1nvgm_134",E="_rightIcon_1nvgm_145",F="_errorInput_1nvgm_157",O="_helperText_1nvgm_167",k="_errorMessage_1nvgm_173",n={wrapper:M,fullWidth:C,inputContainer:L,input:N,sm:y,md:b,lg:w,default:"_default_1nvgm_97",filled:R,flushed:W,hasLeftIcon:S,hasRightIcon:T,leftIcon:q,rightIcon:E,errorInput:F,helperText:O,errorMessage:k};function z({label:_,id:g,className:h,error:r,helperText:i,required:d,disabled:o,readOnly:p,size:m="md",variant:f="default",fullWidth:v=!1,leftIcon:a,rightIcon:l,style:I,...u}){const e=g??u.name??`input-${Math.random().toString(36).slice(2)}`,s=!!r,c=typeof r=="string"?r:void 0,$={sm:n.sm,md:n.md,lg:n.lg}[m],x={default:n.default,filled:n.filled,flushed:n.flushed}[f];return t.jsxs("div",{className:`${h??""} ${n.wrapper} ${v?n.fullWidth:""}`.trim(),style:I,children:[_&&t.jsx(j.Label,{htmlFor:e,size:m,intent:s?"error":o?"disabled":"default",required:d,disabled:o,children:_}),t.jsxs("div",{className:`${n.inputContainer}`.trim(),children:[a&&t.jsx("span",{className:n.leftIcon,"aria-hidden":"true",children:a}),t.jsx("input",{id:e,className:`${n.input} ${$} ${x} ${s?n.errorInput:""} ${a?n.hasLeftIcon:""} ${l?n.hasRightIcon:""}`.trim(),"aria-invalid":s,"aria-describedby":c||i?`${e}-description`:void 0,disabled:o,readOnly:p,required:d,...u}),l&&t.jsx("span",{className:n.rightIcon,"aria-hidden":"true",children:l})]}),(c||i)&&t.jsx("div",{id:`${e}-description`,className:`${n.helperText} ${s?n.errorMessage:""}`.trim(),children:c||i})]})}exports.Input=z;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as g, jsx as
|
|
1
|
+
import { jsxs as g, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { Label as N } from "../Label/index.mjs";
|
|
3
3
|
import '../../../index24.css';const x = "_wrapper_1nvgm_1", L = "_fullWidth_1nvgm_8", w = "_inputContainer_1nvgm_36", R = "_input_1nvgm_36", W = "_sm_1nvgm_78", y = "_md_1nvgm_84", j = "_lg_1nvgm_90", T = "_filled_1nvgm_102", b = "_flushed_1nvgm_112", E = "_hasLeftIcon_1nvgm_126", F = "_hasRightIcon_1nvgm_130", S = "_leftIcon_1nvgm_134", k = "_rightIcon_1nvgm_145", z = "_errorInput_1nvgm_157", A = "_helperText_1nvgm_167", B = "_errorMessage_1nvgm_173", n = {
|
|
4
4
|
wrapper: x,
|
|
@@ -36,7 +36,7 @@ function H({
|
|
|
36
36
|
style: $,
|
|
37
37
|
...h
|
|
38
38
|
}) {
|
|
39
|
-
const
|
|
39
|
+
const e = u ?? h.name ?? `input-${Math.random().toString(36).slice(2)}`, s = !!r, c = typeof r == "string" ? r : void 0, C = {
|
|
40
40
|
sm: n.sm,
|
|
41
41
|
md: n.md,
|
|
42
42
|
lg: n.lg
|
|
@@ -51,45 +51,39 @@ function H({
|
|
|
51
51
|
className: `${p ?? ""} ${n.wrapper} ${I ? n.fullWidth : ""}`.trim(),
|
|
52
52
|
style: $,
|
|
53
53
|
children: [
|
|
54
|
-
_ && /* @__PURE__ */
|
|
54
|
+
_ && /* @__PURE__ */ t(
|
|
55
55
|
N,
|
|
56
56
|
{
|
|
57
|
-
htmlFor:
|
|
57
|
+
htmlFor: e,
|
|
58
58
|
size: m,
|
|
59
|
-
intent:
|
|
59
|
+
intent: s ? "error" : o ? "disabled" : "default",
|
|
60
60
|
required: d,
|
|
61
61
|
disabled: o,
|
|
62
62
|
children: _
|
|
63
63
|
}
|
|
64
64
|
),
|
|
65
|
-
/* @__PURE__ */ g(
|
|
65
|
+
/* @__PURE__ */ g("div", { className: `${n.inputContainer}`.trim(), children: [
|
|
66
|
+
a && /* @__PURE__ */ t("span", { className: n.leftIcon, "aria-hidden": "true", children: a }),
|
|
67
|
+
/* @__PURE__ */ t(
|
|
68
|
+
"input",
|
|
69
|
+
{
|
|
70
|
+
id: e,
|
|
71
|
+
className: `${n.input} ${C} ${M} ${s ? n.errorInput : ""} ${a ? n.hasLeftIcon : ""} ${l ? n.hasRightIcon : ""}`.trim(),
|
|
72
|
+
"aria-invalid": s,
|
|
73
|
+
"aria-describedby": c || i ? `${e}-description` : void 0,
|
|
74
|
+
disabled: o,
|
|
75
|
+
readOnly: f,
|
|
76
|
+
required: d,
|
|
77
|
+
...h
|
|
78
|
+
}
|
|
79
|
+
),
|
|
80
|
+
l && /* @__PURE__ */ t("span", { className: n.rightIcon, "aria-hidden": "true", children: l })
|
|
81
|
+
] }),
|
|
82
|
+
(c || i) && /* @__PURE__ */ t(
|
|
66
83
|
"div",
|
|
67
84
|
{
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
a && /* @__PURE__ */ e("span", { className: n.leftIcon, "aria-hidden": "true", children: a }),
|
|
71
|
-
/* @__PURE__ */ e(
|
|
72
|
-
"input",
|
|
73
|
-
{
|
|
74
|
-
id: s,
|
|
75
|
-
className: `${n.input} ${C} ${M} ${t ? n.errorInput : ""} ${a ? n.hasLeftIcon : ""} ${l ? n.hasRightIcon : ""}`.trim(),
|
|
76
|
-
"aria-invalid": t,
|
|
77
|
-
"aria-describedby": c || i ? `${s}-description` : void 0,
|
|
78
|
-
disabled: o,
|
|
79
|
-
readOnly: f,
|
|
80
|
-
required: d,
|
|
81
|
-
...h
|
|
82
|
-
}
|
|
83
|
-
),
|
|
84
|
-
l && /* @__PURE__ */ e("span", { className: n.rightIcon, "aria-hidden": "true", children: l })
|
|
85
|
-
]
|
|
86
|
-
}
|
|
87
|
-
),
|
|
88
|
-
(c || i) && /* @__PURE__ */ e(
|
|
89
|
-
"div",
|
|
90
|
-
{
|
|
91
|
-
id: `${s}-description`,
|
|
92
|
-
className: `${n.helperText} ${t ? n.errorMessage : ""}`.trim(),
|
|
85
|
+
id: `${e}-description`,
|
|
86
|
+
className: `${n.helperText} ${s ? n.errorMessage : ""}`.trim(),
|
|
93
87
|
children: c || i
|
|
94
88
|
}
|
|
95
89
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),e=require("../../../index-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),e=require("../../../index-CvpbNrYS.cjs"),a=require("./index.cjs");e.vi.mock("lucide-react",()=>({Info:({size:t,className:l,"aria-label":n,role:o})=>r.jsx("svg",{"data-testid":"info-icon",className:l,"aria-label":n,role:o,width:t,height:t,children:"Info"}),AlertCircle:({size:t,className:l,"aria-label":n,role:o})=>r.jsx("svg",{"data-testid":"alert-icon",className:l,"aria-label":n,role:o,width:t,height:t,children:"Alert"})}));e.describe("Label",()=>{e.describe("Rendering",()=>{e.it("renders label text",()=>{e.render(r.jsx(a.Label,{htmlFor:"username",children:"Username"})),e.globalExpect(e.screen.getByText("Username")).toBeInTheDocument()}),e.it("applies htmlFor attribute",()=>{const{container:t}=e.render(r.jsx(a.Label,{htmlFor:"email-input",children:"Email"})),l=t.querySelector("label");e.globalExpect(l).toHaveAttribute("for","email-input")}),e.it("applies custom className",()=>{const{container:t}=e.render(r.jsx(a.Label,{className:"custom-label",children:"Text"})),l=t.querySelector("label");e.globalExpect(l).toHaveClass("custom-label")})}),e.describe("Required and Optional",()=>{e.it("renders required asterisk when required",()=>{e.render(r.jsx(a.Label,{htmlFor:"username",required:!0,children:"Email"})),e.globalExpect(e.screen.getByText("*")).toBeInTheDocument()}),e.it("renders (optional) when optional",()=>{e.render(r.jsx(a.Label,{htmlFor:"email",optional:!0,children:"Email"})),e.globalExpect(e.screen.getByText("(optional)")).toBeInTheDocument()}),e.it("does not render (optional) when required is true",()=>{e.render(r.jsx(a.Label,{htmlFor:"email",required:!0,optional:!0,children:"Email"})),e.globalExpect(e.screen.queryByText("(optional)")).not.toBeInTheDocument(),e.globalExpect(e.screen.getByText("*")).toBeInTheDocument()})}),e.describe("Sizes",()=>{e.it("applies small size class",()=>{const{container:t}=e.render(r.jsx(a.Label,{size:"sm",children:"Small"})),l=t.querySelector("label");e.globalExpect(l).toHaveClass("sm")}),e.it("applies medium size class by default",()=>{const{container:t}=e.render(r.jsx(a.Label,{children:"Medium"})),l=t.querySelector("label");e.globalExpect(l).toHaveClass("md")}),e.it("applies large size class",()=>{const{container:t}=e.render(r.jsx(a.Label,{size:"lg",children:"Large"})),l=t.querySelector("label");e.globalExpect(l).toHaveClass("lg")})}),e.describe("Intents",()=>{e.it("applies default intent class by default",()=>{const{container:t}=e.render(r.jsx(a.Label,{children:"Default"})),l=t.querySelector("label");e.globalExpect(l).toHaveClass("default")}),e.it("applies muted intent class",()=>{const{container:t}=e.render(r.jsx(a.Label,{intent:"muted",children:"Muted"})),l=t.querySelector("label");e.globalExpect(l).toHaveClass("muted")}),e.it("applies accent intent class",()=>{const{container:t}=e.render(r.jsx(a.Label,{intent:"accent",children:"Accent"})),l=t.querySelector("label");e.globalExpect(l).toHaveClass("accent")}),e.it("applies error intent class",()=>{const{container:t}=e.render(r.jsx(a.Label,{intent:"error",children:"Error"})),l=t.querySelector("label");e.globalExpect(l).toHaveClass("error")})}),e.describe("Disabled State",()=>{e.it("applies disabled class when disabled",()=>{const{container:t}=e.render(r.jsx(a.Label,{disabled:!0,children:"Disabled"})),l=t.querySelector("label");e.globalExpect(l).toHaveClass("disabled")}),e.it("overrides intent when disabled",()=>{const{container:t}=e.render(r.jsx(a.Label,{intent:"accent",disabled:!0,children:"Disabled Accent"})),l=t.querySelector("label");e.globalExpect(l).toHaveClass("disabled"),e.globalExpect(l).not.toHaveClass("accent")}),e.it("sets aria-disabled when disabled",()=>{const{container:t}=e.render(r.jsx(a.Label,{disabled:!0,children:"Disabled"})),l=t.querySelector("label");e.globalExpect(l).toHaveAttribute("aria-disabled")})}),e.describe("Screen Reader Only",()=>{e.it("applies visually hidden class when srOnly is true",()=>{e.render(r.jsx(a.Label,{htmlFor:"secret",size:"md",srOnly:!0,children:"Hidden Label"}));const t=e.screen.getByText("Hidden Label").closest("label");e.globalExpect(t==null?void 0:t.className).toMatch(/srOnly/)})}),e.describe("Tooltip",()=>{e.it("renders tooltip icon and text",()=>{e.render(r.jsx(a.Label,{htmlFor:"email",tooltip:"Helpful tooltip info",children:"Email"})),e.globalExpect(e.screen.getByTestId("info-icon")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Helpful tooltip info")).toBeInTheDocument()}),e.it("renders tooltip with ARIA label",()=>{e.render(r.jsx(a.Label,{htmlFor:"email",tooltip:"Help text",children:"Email"})),e.globalExpect(e.screen.getByLabelText("Help")).toBeInTheDocument()})}),e.describe("Error Icon",()=>{e.it("renders error icon when showErrorIcon is true and intent is error",()=>{e.render(r.jsx(a.Label,{htmlFor:"password",intent:"error",showErrorIcon:!0,children:"Password"})),e.globalExpect(e.screen.getByTestId("alert-icon")).toBeInTheDocument(),e.globalExpect(e.screen.getByLabelText("Error")).toBeInTheDocument()}),e.it("does not render error icon when intent is not error",()=>{e.render(r.jsx(a.Label,{htmlFor:"password",showErrorIcon:!0,children:"Password"})),e.globalExpect(e.screen.queryByTestId("alert-icon")).not.toBeInTheDocument()}),e.it("does not render error icon when showErrorIcon is false",()=>{e.render(r.jsx(a.Label,{htmlFor:"password",intent:"error",children:"Password"})),e.globalExpect(e.screen.queryByTestId("alert-icon")).not.toBeInTheDocument()})}),e.describe("Props Forwarding",()=>{e.it("forwards HTML attributes",()=>{const{container:t}=e.render(r.jsx(a.Label,{"data-testid":"custom-label",id:"label-id",children:"Text"})),l=t.querySelector("label");e.globalExpect(l).toHaveAttribute("data-testid","custom-label"),e.globalExpect(l).toHaveAttribute("id","label-id")})})});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { v as u, d as i, i as n, r as a, g as l, s } from "../../../index-
|
|
2
|
+
import { v as u, d as i, i as n, r as a, g as l, s } from "../../../index-Ck6GdALV.js";
|
|
3
3
|
import { Label as o } from "./index.mjs";
|
|
4
4
|
u.mock("lucide-react", () => ({
|
|
5
5
|
Info: ({ size: e, className: t, "aria-label": c, role: d }) => /* @__PURE__ */ r(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index38.css');const e=require("react/jsx-runtime"),b=require("../../../circle-alert-BD4YL4ck.cjs"),f=require("../../../info-84t9SZ3O.cjs"),j="_label_4aga2_1",y="_text_4aga2_7",N="_sm_4aga2_14",q="_md_4aga2_18",$="_lg_4aga2_22",h="_muted_4aga2_31",O="_accent_4aga2_35",I="_disabled_4aga2_39",T="_error_4aga2_43",C="_required_4aga2_48",W="_optional_4aga2_53",z="_srOnly_4aga2_59",v="_icon_4aga2_72",A="_tooltipWrapper_4aga2_78",L="_tooltipIcon_4aga2_84",S="_tooltipText_4aga2_92",a={label:j,text:y,sm:N,md:q,lg:$,default:"_default_4aga2_27",muted:h,accent:O,disabled:I,error:T,required:C,optional:W,srOnly:z,icon:v,tooltipWrapper:A,tooltipIcon:L,tooltipText:S};function E({htmlFor:r,size:n="md",intent:s="default",required:t=!1,optional:c=!1,disabled:l=!1,srOnly:i=!1,tooltip:o,showErrorIcon:_=!1,className:p,children:d,...g}){const m=a[n]??"",u=l?a.disabled:a[s]??"",x=i?a.srOnly:"";return e.jsx("label",{className:`${a.label} ${m} ${u} ${x} ${p??""} `,"aria-disabled":l||void 0,...g,htmlFor:r,children:e.jsxs("span",{className:a.text,children:[d,t&&e.jsx("span",{className:a.required,children:"*"}),!t&&c&&e.jsx("span",{className:a.optional,children:"(optional)"}),s==="error"&&_&&e.jsx(b.CircleAlert,{size:16,className:a.icon,"aria-label":"Error",role:"img"}),o&&e.jsxs("span",{className:a.tooltipWrapper,children:[e.jsx(f.Info,{size:16,className:a.tooltipIcon,"aria-label":"Help",role:"img"}),e.jsx("span",{className:a.tooltipText,children:o})]})]})})}exports.Label=E;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o, jsxs as n } from "react/jsx-runtime";
|
|
2
2
|
import { C as x } from "../../../circle-alert-GZZQ4_uC.js";
|
|
3
3
|
import { I as N } from "../../../info-Cq103K5v.js";
|
|
4
|
-
import '../../../
|
|
4
|
+
import '../../../index38.css';const h = "_label_4aga2_1", y = "_text_4aga2_7", I = "_sm_4aga2_14", C = "_md_4aga2_18", O = "_lg_4aga2_22", $ = "_muted_4aga2_31", T = "_accent_4aga2_35", W = "_disabled_4aga2_39", q = "_error_4aga2_43", z = "_required_4aga2_48", j = "_optional_4aga2_53", v = "_srOnly_4aga2_59", A = "_icon_4aga2_72", E = "_tooltipWrapper_4aga2_78", H = "_tooltipIcon_4aga2_84", L = "_tooltipText_4aga2_92", a = {
|
|
5
5
|
label: h,
|
|
6
6
|
text: y,
|
|
7
7
|
sm: I,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),e=require("../../../index-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),e=require("../../../index-CvpbNrYS.cjs"),l=require("./index.cjs"),n=[{id:"1",content:i.jsx("div",{children:i.jsx("h3",{children:"Item 1"})})},{id:"2",content:i.jsx("div",{children:"Item 2"})},{id:"3",content:"Item 3",renderItem:t=>i.jsx("strong",{children:t})}],c=[{id:"1",content:"Clickable Item 1"},{id:"2",content:i.jsx("div",{children:"Clickable Item 2"})}],r=e.vi.fn();e.describe("List",()=>{e.beforeEach(()=>{r.mockClear()}),e.describe("Rendering",()=>{e.it("renders list items correctly",()=>{e.render(i.jsx(l.List,{items:n})),e.globalExpect(e.screen.getByText("Item 1")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Item 2")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Item 3")).toBeInTheDocument()}),e.it("renders list items as JSX elements correctly",()=>{e.render(i.jsx(l.List,{items:n})),e.globalExpect(e.screen.getByText("Item 2")).toBeInTheDocument()}),e.it("renders as ul by default",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n})),s=t.querySelector("ul");e.globalExpect(s).toBeInTheDocument()}),e.it("renders as ol when ordered is true",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n,ordered:!0})),s=t.querySelector("ol");e.globalExpect(s).toBeInTheDocument()})}),e.describe("Variants",()=>{e.it("applies default variant by default",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n})),s=t.firstChild;e.globalExpect(s).toHaveClass("variant-default")}),e.it("applies bordered variant",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n,variant:"bordered"})),s=t.firstChild;e.globalExpect(s).toHaveClass("variant-bordered")}),e.it("applies divided variant",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n,variant:"divided"})),s=t.firstChild;e.globalExpect(s).toHaveClass("variant-divided")}),e.it("applies plain variant",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n,variant:"plain"})),s=t.firstChild;e.globalExpect(s).toHaveClass("variant-plain")})}),e.describe("Sizes",()=>{e.it("applies medium size by default",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n})),s=t.firstChild;e.globalExpect(s).toHaveClass("size-md")}),e.it("applies small size",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n,size:"sm"})),s=t.firstChild;e.globalExpect(s).toHaveClass("size-sm")}),e.it("applies large size",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n,size:"lg"})),s=t.firstChild;e.globalExpect(s).toHaveClass("size-lg")})}),e.describe("Click Handling",()=>{e.it("calls onItemClick when a clickable item is clicked",()=>{e.render(i.jsx(l.List,{items:c,onItemClick:r}));const t=e.screen.getByText("Clickable Item 1");e.fireEvent.click(t),e.globalExpect(r).toHaveBeenCalledWith({id:"1",content:"Clickable Item 1"});const s=e.screen.getByText("Clickable Item 2");e.fireEvent.click(s),e.globalExpect(r).toHaveBeenCalledWith({id:"2",content:i.jsx("div",{children:"Clickable Item 2"})})}),e.it("does not throw an error if onItemClick is not provided",()=>{e.render(i.jsx(l.List,{items:n}));const t=e.screen.getByText("Item 1");e.globalExpect(()=>{e.fireEvent.click(t)}).not.toThrow()}),e.it("applies clickable class when onItemClick is provided",()=>{const{container:t}=e.render(i.jsx(l.List,{items:c,onItemClick:r}));t.querySelectorAll("li").forEach(o=>{e.globalExpect(o).toHaveClass("clickable")})}),e.it("adds role=button when clickable",()=>{e.render(i.jsx(l.List,{items:c,onItemClick:r}));const t=e.screen.getByText("Clickable Item 1");e.globalExpect(t).toHaveAttribute("role","button")}),e.it("is focusable when clickable",()=>{e.render(i.jsx(l.List,{items:c,onItemClick:r}));const t=e.screen.getByText("Clickable Item 1");e.globalExpect(t).toHaveAttribute("tabIndex","0")})}),e.describe("Keyboard Navigation",()=>{e.it("handles Enter key",()=>{e.render(i.jsx(l.List,{items:c,onItemClick:r}));const t=e.screen.getByText("Clickable Item 1");e.fireEvent.keyDown(t,{key:"Enter"}),e.globalExpect(r).toHaveBeenCalled()}),e.it("handles Space key",()=>{e.render(i.jsx(l.List,{items:c,onItemClick:r}));const t=e.screen.getByText("Clickable Item 1");e.fireEvent.keyDown(t,{key:" "}),e.globalExpect(r).toHaveBeenCalled()})}),e.describe("Disabled Items",()=>{e.it("applies disabled class to disabled items",()=>{const t=[{id:"1",content:"Enabled Item"},{id:"2",content:"Disabled Item",disabled:!0}],{container:s}=e.render(i.jsx(l.List,{items:t,onItemClick:r})),o=s.querySelectorAll("li");e.globalExpect(o[1]).toHaveClass("disabled")}),e.it("does not call onClick for disabled items",()=>{const t=[{id:"1",content:"Disabled Item",disabled:!0}];e.render(i.jsx(l.List,{items:t,onItemClick:r}));const s=e.screen.getByText("Disabled Item");e.fireEvent.click(s),e.globalExpect(r).not.toHaveBeenCalled()}),e.it("sets aria-disabled on disabled items",()=>{const t=[{id:"1",content:"Disabled Item",disabled:!0}];e.render(i.jsx(l.List,{items:t}));const s=e.screen.getByText("Disabled Item");e.globalExpect(s).toHaveAttribute("aria-disabled","true")})}),e.describe("Hoverable",()=>{e.it("applies hoverable class by default",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n})),s=t.firstChild;e.globalExpect(s).toHaveClass("hoverable")}),e.it("does not apply hoverable class when hoverable is false",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n,hoverable:!1})),s=t.firstChild;e.globalExpect(s).not.toHaveClass("hoverable")})}),e.describe("Striped",()=>{e.it("applies striped class when striped is true",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n,striped:!0})),s=t.firstChild;e.globalExpect(s).toHaveClass("striped")}),e.it("does not apply striped class by default",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n})),s=t.firstChild;e.globalExpect(s).not.toHaveClass("striped")})}),e.describe("Custom Rendering",()=>{e.it("uses renderItem when provided",()=>{const t=[{id:"1",content:"Custom",renderItem:s=>i.jsx("strong",{"data-testid":"custom-render",children:s})}];e.render(i.jsx(l.List,{items:t})),e.globalExpect(e.screen.getByTestId("custom-render")).toBeInTheDocument()})}),e.describe("Custom Styling",()=>{e.it("applies custom className to list",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n,className:"custom-list"})),s=t.firstChild;e.globalExpect(s).toHaveClass("custom-list")}),e.it("applies custom className to list items",()=>{const t=[{id:"1",content:"Item",className:"custom-item"}],{container:s}=e.render(i.jsx(l.List,{items:t})),o=s.querySelector("li");e.globalExpect(o).toHaveClass("custom-item")}),e.it("applies custom style to list",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n,style:{maxWidth:"500px"}})),s=t.firstChild;e.globalExpect(s.style.maxWidth).toBe("500px")}),e.it("applies custom style to list items",()=>{const t=[{id:"1",content:"Item",style:{color:"red"}}],{container:s}=e.render(i.jsx(l.List,{items:t})),o=s.querySelector("li");e.globalExpect(o.style.color).toBe("red")})}),e.describe("Props Forwarding",()=>{e.it("forwards HTML attributes",()=>{const{container:t}=e.render(i.jsx(l.List,{items:n,"data-testid":"test-list",id:"my-list"})),s=t.firstChild;e.globalExpect(s).toHaveAttribute("data-testid","test-list"),e.globalExpect(s).toHaveAttribute("id","my-list")})})});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { v as u, d, b as v, i as l, r as o, g as i, s as c, f as b } from "../../../index-
|
|
2
|
+
import { v as u, d, b as v, i as l, r as o, g as i, s as c, f as b } from "../../../index-Ck6GdALV.js";
|
|
3
3
|
import { List as n } from "./index.mjs";
|
|
4
4
|
const a = [
|
|
5
5
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index51.css');const l=require("react/jsx-runtime"),g="_list_1e9d1_2",j="_listItem_1e9d1_17",x="_hoverable_1e9d1_84",D="_disabled_1e9d1_84",L="_clickable_1e9d1_102",N="_striped_1e9d1_120",s={list:g,listItem:j,"variant-default":"_variant-default_1e9d1_24","variant-bordered":"_variant-bordered_1e9d1_31","variant-divided":"_variant-divided_1e9d1_50","variant-plain":"_variant-plain_1e9d1_61","size-sm":"_size-sm_1e9d1_68","size-md":"_size-md_1e9d1_73","size-lg":"_size-lg_1e9d1_78",hoverable:x,disabled:D,clickable:L,striped:N};function q({items:r,ordered:_=!1,variant:n="default",size:o="md",hoverable:c=!0,striped:v=!1,className:b,style:u,onItemClick:a,...$}){const p=_?"ol":"ul",f=s[`variant-${n}`]||"",y=s[`size-${o}`]||"",z=c?s.hoverable:"",h=v?s.striped:"";return l.jsx(p,{className:`${s.list} ${f} ${y} ${z} ${h} ${b??""}`.trim(),style:u,...$,children:r.map(e=>{const d=e.disabled,t=!d&&a;return l.jsx("li",{className:`${s.listItem} ${d?s.disabled:""} ${t?s.clickable:""} ${e.className??""}`.trim(),style:e.style,onClick:d?void 0:()=>a==null?void 0:a(e),role:t?"button":void 0,tabIndex:t?0:void 0,onKeyDown:t?i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),a==null||a(e))}:void 0,"aria-disabled":d?"true":void 0,children:e.renderItem?e.renderItem(e.content):e.content},e.id)})})}exports.List=q;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import '../../../
|
|
2
|
+
import '../../../index51.css';const g = "_list_1e9d1_2", x = "_listItem_1e9d1_17", D = "_hoverable_1e9d1_84", N = "_disabled_1e9d1_84", L = "_clickable_1e9d1_102", j = "_striped_1e9d1_120", s = {
|
|
3
3
|
list: g,
|
|
4
4
|
listItem: x,
|
|
5
5
|
"variant-default": "_variant-default_1e9d1_24",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),e=require("../../../index-
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),e=require("../../../index-CvpbNrYS.cjs"),o=require("./index.cjs");e.describe("Modal",()=>{e.beforeEach(()=>{document.body.innerHTML=""}),e.describe("Rendering",()=>{e.it("renders the trigger button",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.globalExpect(e.screen.getByRole("button",{name:"Open Modal"})).toBeInTheDocument()}),e.it("does not render the modal content initially",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()}),e.it("renders the modal content when the trigger is clicked",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})}),e.describe("Sizes",()=>{e.it("applies small size",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,size:"sm"}));const n=document.querySelector(".modalContentContainer");e.globalExpect(n).toHaveClass("size-sm")}),e.it("applies medium size by default",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0}));const n=document.querySelector(".modalContentContainer");e.globalExpect(n).toHaveClass("size-md")}),e.it("applies large size",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,size:"lg"}));const n=document.querySelector(".modalContentContainer");e.globalExpect(n).toHaveClass("size-lg")})}),e.describe("Title",()=>{e.it("renders title when provided",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),title:"Modal Title",isOpen:!0})),e.globalExpect(e.screen.getByText("Modal Title")).toBeInTheDocument()}),e.it("does not render title when not provided",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0}));const n=document.querySelector(".title");e.globalExpect(n).not.toBeInTheDocument()})}),e.describe("Close Button",()=>{e.it("shows close button by default",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(e.screen.getByRole("button",{name:/close/i})).toBeInTheDocument()}),e.it("hides close button when showCloseButton is false",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,showCloseButton:!1})),e.globalExpect(e.screen.queryByRole("button",{name:/close/i})).not.toBeInTheDocument()}),e.it("closes the modal when close button is clicked",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument();const l=e.screen.getByRole("button",{name:/close/i});e.fireEvent.click(l),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()})}),e.describe("Overlay Click",()=>{e.it("closes the modal when clicking overlay by default",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument();const l=document.querySelector(".overlay");e.fireEvent.click(l),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()}),e.it("does not close when clicking overlay if closeOnOverlayClick is false",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),closeOnOverlayClick:!1}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument();const l=document.querySelector(".overlay");e.fireEvent.click(l),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()}),e.it("does not close when clicking modal content",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n);const l=e.screen.getByText("Modal Content");e.fireEvent.click(l),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})}),e.describe("Escape Key",()=>{e.it("closes modal on Escape key by default",async()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument(),e.fireEvent.keyDown(document,{key:"Escape"}),await e.waitForWrapper(()=>{e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()})}),e.it("does not close on Escape if closeOnEscape is false",async()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),closeOnEscape:!1}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.fireEvent.keyDown(document,{key:"Escape"}),await e.waitForWrapper(()=>{e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})})}),e.describe("Controlled Mode",()=>{e.it("handles controlled open state",()=>{const{rerender:n}=e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),isOpen:!1}));e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument(),n(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),isOpen:!0})),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()}),e.it("calls onOpen when trigger is clicked in controlled mode",()=>{const n=e.vi.fn();e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!1,onOpen:n}));const l=e.screen.getByRole("button",{name:"Open"});e.fireEvent.click(l),e.globalExpect(n).toHaveBeenCalled()}),e.it("calls onClose when close button is clicked in controlled mode",()=>{const n=e.vi.fn();e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,onClose:n}));const l=e.screen.getByRole("button",{name:/close/i});e.fireEvent.click(l),e.globalExpect(n).toHaveBeenCalled()})}),e.describe("Accessibility",()=>{e.it("has dialog role",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(e.screen.getByRole("dialog")).toBeInTheDocument()}),e.it("has aria-modal attribute",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0}));const n=e.screen.getByRole("dialog");e.globalExpect(n).toHaveAttribute("aria-modal","true")}),e.it("links title with aria-labelledby",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),title:"My Modal",isOpen:!0}));const n=e.screen.getByRole("dialog");e.globalExpect(n).toHaveAttribute("aria-labelledby","modal-title"),e.globalExpect(e.screen.getByText("My Modal")).toHaveAttribute("id","modal-title")})}),e.describe("Custom Styling",()=>{e.it("applies custom className to modal",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),className:"custom-modal",isOpen:!0}));const n=document.querySelector(".modal");e.globalExpect(n).toHaveClass("custom-modal")}),e.it("applies custom className to overlay",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),overlayClassName:"custom-overlay",isOpen:!0}));const n=document.querySelector(".overlay");e.globalExpect(n).toHaveClass("custom-overlay")}),e.it("applies custom inline styles",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),style:{maxWidth:"500px"},isOpen:!0}));const n=document.querySelector(".modal");e.globalExpect(n.style.maxWidth).toBe("500px")})})});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { d as a, b as g, i, r as c, g as o, s as n, f as r, w as s, v as u } from "../../../index-
|
|
2
|
+
import { d as a, b as g, i, r as c, g as o, s as n, f as r, w as s, v as u } from "../../../index-Ck6GdALV.js";
|
|
3
3
|
import { Modal as l } from "./index.mjs";
|
|
4
4
|
a("Modal", () => {
|
|
5
5
|
g(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index37.css');const e=require("react/jsx-runtime"),r=require("react"),M=require("react-dom"),R=require("../../../x-Dft9NVe_.cjs"),T="_overlay_15f9m_2",C="_fadeIn_15f9m_1",D="_modal_15f9m_18",P="_slideUp_15f9m_1",U="_trigger_15f9m_64",A="_closeButton_15f9m_71",F="_title_15f9m_101",K="_content_15f9m_111",l={overlay:T,fadeIn:C,modal:D,slideUp:P,"size-sm":"_size-sm_15f9m_37","size-md":"_size-md_15f9m_42","size-lg":"_size-lg_15f9m_47","size-xl":"_size-xl_15f9m_52","size-full":"_size-full_15f9m_57",trigger:U,closeButton:A,title:F,content:K},X=()=>{typeof document<"u"&&(document.body.style.overflow="hidden")},b=()=>{typeof document<"u"&&(document.body.style.overflow="")};function G({content:x,trigger:k,isOpen:v,onOpen:o,onClose:i,size:z="md",closeOnEscape:y=!0,closeOnOverlayClick:j=!0,showCloseButton:p=!0,className:w,overlayClassName:$,style:E,title:f}){const[N,g]=r.useState(!1),m=r.useRef(null),_=v!==void 0,t=_?v:N,q=()=>{_||g(!0),o==null||o()},d=()=>{_||g(!1),i==null||i()},S=()=>{t?d():q()},I=()=>{j&&d()};r.useEffect(()=>{if(!y||!t)return;const n=c=>{c.key==="Escape"&&d()};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[t,y]),r.useEffect(()=>(t?X():b(),()=>b()),[t]),r.useEffect(()=>{if(!t||!m.current)return;const n=m.current,c=n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),s=c[0],a=c[c.length-1],h=u=>{u.key==="Tab"&&(u.shiftKey?document.activeElement===s&&(u.preventDefault(),a==null||a.focus()):document.activeElement===a&&(u.preventDefault(),s==null||s.focus()))};return n.addEventListener("keydown",h),s==null||s.focus(),()=>{n.removeEventListener("keydown",h)}},[t]);const B=l[`size-${z}`]||"",L=t?e.jsx("div",{className:`${l.overlay} ${$??""}`.trim(),onClick:I,role:"dialog","aria-modal":"true","aria-labelledby":f?"modal-title":void 0,children:e.jsxs("div",{className:`${B} modalContentContainer`,children:[p&&e.jsx("button",{"aria-label":"Close",className:l.closeButton,onClick:d,type:"button",children:e.jsx(R.X,{size:20})}),e.jsxs("div",{ref:m,className:`${l.modal} ${w??""}`.trim(),style:E,onClick:n=>n.stopPropagation(),children:[f&&e.jsx("div",{className:l.title,id:"modal-title",children:f}),e.jsx("div",{className:l.content,children:x})]})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.trigger,onClick:S,children:k}),typeof window<"u"&&M.createPortal(L,document.body)]})}exports.Modal=G;
|
|
@@ -2,7 +2,7 @@ import { jsxs as _, Fragment as j, jsx as s } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as D, useRef as P, useEffect as v } from "react";
|
|
3
3
|
import { createPortal as R } from "react-dom";
|
|
4
4
|
import { X as q } from "../../../x-CnsEH4Ox.js";
|
|
5
|
-
import '../../../
|
|
5
|
+
import '../../../index37.css';const A = "_overlay_15f9m_2", F = "_fadeIn_15f9m_1", K = "_modal_15f9m_18", M = "_slideUp_15f9m_1", X = "_trigger_15f9m_64", G = "_closeButton_15f9m_71", H = "_title_15f9m_101", J = "_content_15f9m_111", o = {
|
|
6
6
|
overlay: A,
|
|
7
7
|
fadeIn: F,
|
|
8
8
|
modal: K,
|