quirk-ui 0.1.20 → 0.1.21
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/assets/index12.css +1 -1
- package/dist/assets/index21.css +1 -1
- package/dist/assets/index22.css +1 -1
- package/dist/assets/index23.css +1 -1
- package/dist/assets/index61.css +1 -1
- package/dist/assets/index66.css +1 -1
- package/dist/core/components/Calendar/Calendar.test.cjs +1 -1
- package/dist/core/components/Calendar/Calendar.test.mjs +1 -1
- package/dist/core/components/Calendar/index.cjs +1 -1
- package/dist/core/components/Calendar/index.mjs +1 -1
- package/dist/core/components/Checkbox/index.cjs +1 -1
- package/dist/core/components/Checkbox/index.mjs +59 -59
- package/dist/core/components/DatePicker/DatePicker.test.cjs +1 -1
- package/dist/core/components/DatePicker/DatePicker.test.mjs +1 -1
- package/dist/core/components/DatePicker/index.cjs +2 -2
- package/dist/core/components/DatePicker/index.mjs +56 -56
- package/dist/core/components/Heading/index.cjs +1 -1
- package/dist/core/components/Heading/index.mjs +27 -27
- package/dist/core/components/Text/index.cjs +1 -1
- package/dist/core/components/Text/index.mjs +21 -21
- package/dist/{index-hM-Do4qg.js → index-D38CuMjf.js} +42 -42
- package/dist/{index-CiXCoJuk.cjs → index-DvtjEAHw.cjs} +1 -1
- package/dist/next/blocks/StickyScrollBlock/index.cjs +1 -1
- package/dist/next/blocks/StickyScrollBlock/index.mjs +34 -34
- package/dist/styles.css +12 -12
- package/package.json +1 -1
package/dist/assets/index12.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._layout_11dq8_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_11dq8_7{display:flex;flex-direction:column;width:100%;max-width:var(--layout-width);margin:0 auto;gap:var(--spacing-md);position:relative;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (max-width: 767px){._container_11dq8_7{gap:var(--spacing-xl)}}._heading_11dq8_23{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_11dq8_23:has(._title_11dq8_28+._cta_11dq8_28):not(:has(._text_11dq8_28)){gap:var(--spacing-lg)}._heading_11dq8_23 h1,._heading_11dq8_23 h2,._heading_11dq8_23 h3,._heading_11dq8_23 h4,._heading_11dq8_23 h5,._heading_11dq8_23 h6{width:100%;margin-bottom:0}._scroll_11dq8_43{display:flex;gap:var(--spacing-xl)}._sidebar_11dq8_48{flex:.4;position:sticky;top:30%;align-self:flex-start;min-height:40vh;display:flex;align-items:center;padding:0 var(--spacing-xl)}@media (max-width: 767px){._sidebar_11dq8_48{display:none}}._sidebar_11dq8_48 ul{list-style:none;padding:0;margin:0;columns:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}._sidebar_11dq8_48 ul li ._number_11dq8_73{border-radius:var(--radius-full);background-color:var(--color-secondary-25);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);font-family:var(--font-family-primary, "inherit");width:35px;height:35px;flex:1 0 35px;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out,background-color .3s ease-in-out}._sidebar_11dq8_48 ul li ._link_11dq8_91{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);text-align:left;font-size:var(--font-size-md);font-family:var(--font-family-primary, "inherit");font-weight:var(--font-weight-semibold);text-decoration:none;color:var(--color-text-primary);background-color:transparent;border:none;transition:color .3s ease-in-out}._sidebar_11dq8_48 ul li ._link_11dq8_91._active_11dq8_106{color:var(--color-primary-100)}._sidebar_11dq8_48 ul li ._link_11dq8_91._active_11dq8_106 ._number_11dq8_73{background-color:var(--color-primary-100);color:#fff}._content_11dq8_118{flex:1;display:flex;flex-direction:column;gap:40rem}@media (max-width: 767px){._content_11dq8_118{gap:10rem}}._flex_11dq8_129{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-md)}._flex_11dq8_129 ._number_11dq8_73{border-radius:var(--radius-full);background-color:var(--color-secondary-25);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);width:35px;height:35px;flex:1 0 35px;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out,background-color .3s ease-in-out}._item_11dq8_154{scroll-margin-top:18rem;height:40vh;display:flex;align-items:center;gap:2rem}._item_11dq8_154 ._text_11dq8_28{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}._item_11dq8_154 ._title_11dq8_28{margin-block-end:0}._item_11dq8_154 ._image_11dq8_173{flex:1 0;display:flex;align-items:center;justify-content:center}._item_11dq8_154 ._image_11dq8_173 img{width:100%;max-width:600px;height:auto}@media (max-width: 767px){._item_11dq8_154{flex-direction:column-reverse;height:auto}._item_11dq8_154 ._image_11dq8_173{flex:1;width:100%;align-self:center}}._eyebrow_11dq8_199{font-weight:var(--font-weight-bold)}
|
package/dist/assets/index21.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1c1di_1{display:inline-flex;flex-direction:column;gap:var(--spacing-xs)}._wrapper_1c1di_7{display:flex;align-items:center;gap:var(--spacing-sm);position:relative}._sm_1c1di_15{font-size:var(--font-size-sm)}._sm_1c1di_15 ._checkbox_1c1di_19{width:16px;height:16px}._sm_1c1di_15 ._checkbox_1c1di_19:after{width:4px;height:8px;left:4px;top:0}._md_1c1di_31{font-size:var(--font-size-md)}._md_1c1di_31 ._checkbox_1c1di_19{width:20px;height:20px}._md_1c1di_31 ._checkbox_1c1di_19:after{width:5px;height:10px;left:5px;top:2px}._lg_1c1di_47{font-size:var(--font-size-lg)}._lg_1c1di_47 ._checkbox_1c1di_19{width:24px;height:24px}._lg_1c1di_47 ._checkbox_1c1di_19:after{width:6px;height:12px;left:7px;top:4px}._checkbox_1c1di_19{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-foreground);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0;margin:2px 0 0}._checkbox_1c1di_19:hover:not(:disabled){border-color:var(--color-primary-100)}._checkbox_1c1di_19:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:2px}._checkbox_1c1di_19:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._checkbox_1c1di_19:checked:after{content:"";position:absolute;width:5px;height:10px;border:solid var(--color-primary-foreground);border-width:0 2px 2px 0;transform:rotate(45deg)}._checkbox_1c1di_19:disabled{background-color:var(--color-secondary-10);border-color:var(--color-secondary-25);cursor:not-allowed;opacity:.6}._checkbox_1c1di_19:disabled:checked{background-color:var(--color-secondary-50);border-color:var(--color-secondary-50)}._checkbox_1c1di_19._error_1c1di_117{border-color:var(--color-states-error-text)}._checkbox_1c1di_19._error_1c1di_117:checked{background-color:var(--color-states-error-text);border-color:var(--color-states-error-text)}._label_1c1di_127{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-primary);line-height:var(--line-height-normal);font-family:var(--font-family-primary);margin:0}._label_1c1di_127._disabled_1c1di_136{color:var(--color-secondary-50);cursor:not-allowed}._required_1c1di_141{color:var(--color-states-error-text);margin-left:var(--spacing-xs)}._helperText_1c1di_147{font-size:var(--font-size-sm);color:var(--color-secondary-50);margin-left:calc(20px + var(--spacing-sm))}._errorText_1c1di_153{color:var(--color-states-error-text)}@media (max-width: 480px){._wrapper_1c1di_7{gap:var(--spacing-xs)}}
|
package/dist/assets/index22.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._text_1gbox_1{font-family:var(--font-family-primary, inherit);font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--color-text-primary);margin:0}._text_1gbox_1 p{margin-bottom:var(--spacing-md)}._text_1gbox_1 p:last-child{margin-bottom:0}._text_1gbox_1 h1,._text_1gbox_1 h2,._text_1gbox_1 h3,._text_1gbox_1 h4,._text_1gbox_1 h5,._text_1gbox_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-heading)}._text_1gbox_1 h1:first-child,._text_1gbox_1 h2:first-child,._text_1gbox_1 h3:first-child,._text_1gbox_1 h4:first-child,._text_1gbox_1 h5:first-child,._text_1gbox_1 h6:first-child{margin-top:0}._text_1gbox_1 h1{font-size:var(--font-size-h1)}._text_1gbox_1 h2{font-size:var(--font-size-h2)}._text_1gbox_1 h3{font-size:var(--font-size-h3)}._text_1gbox_1 h4{font-size:var(--font-size-h4)}._text_1gbox_1 h5{font-size:var(--font-size-h5)}._text_1gbox_1 h6{font-size:var(--font-size-h6)}._text_1gbox_1 ul,._text_1gbox_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_1gbox_1 ul:last-child,._text_1gbox_1 ol:last-child{margin-bottom:0}._text_1gbox_1 ul{list-style-type:disc}._text_1gbox_1 ol{list-style-type:decimal}._text_1gbox_1 li{margin-bottom:var(--spacing-xs)}._text_1gbox_1 li:last-child{margin-bottom:0}._text_1gbox_1 li>ul,._text_1gbox_1 li>ol{margin-top:var(--spacing-xs);margin-bottom:0}._text_1gbox_1 a{color:var(--color-link-base);text-decoration:underline;transition:color .2s ease}._text_1gbox_1 a:hover{color:var(--color-link-hover);text-decoration:none}._text_1gbox_1 a:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:2px;border-radius:var(--radius-sm)}._text_1gbox_1 blockquote{border-left:4px solid var(--color-primary-100);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-secondary-50);font-style:italic}._text_1gbox_1 pre{background-color:var(--color-secondary-10);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto;margin:var(--spacing-md) 0}._text_1gbox_1 code{background-color:var(--color-secondary-10);padding:.125rem .25rem;border-radius:var(--radius-sm);font-family:monospace;font-size:.875em}._text_1gbox_1 pre code{background-color:transparent;padding:0}._text_1gbox_1 hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-lg) 0}._text_1gbox_1 strong{font-weight:var(--font-weight-bold)}._text_1gbox_1 em{font-style:italic}._default_1gbox_167{font-size:var(--font-size-md);font-weight:var(--font-weight-normal)}._muted_1gbox_172{color:var(--color-secondary-50)}._lead_1gbox_176{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}._large_1gbox_182{font-size:var(--font-size-xl);font-weight:var(--font-weight-normal)}._small_1gbox_187{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}
|
package/dist/assets/index23.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._heading_274hu_2{font-family:var(--font-family-primary, inherit);line-height:var(--line-height-tight, 1.1);color:var(--color-heading, var(--color-text));margin:0}._h1_274hu_10{font-size:var(--font-size-h1, 2.5rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.02em}._h2_274hu_16{font-size:var(--font-size-h2, 2rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.01em}._h3_274hu_22{font-size:var(--font-size-h3, 1.75rem);font-weight:var(--font-weight-semibold, 600)}._h4_274hu_27{font-size:var(--font-size-h4, 1.5rem);font-weight:var(--font-weight-semibold, 600)}._h5_274hu_32{font-size:var(--font-size-h5, 1.25rem);font-weight:var(--font-weight-medium, 500)}._h6_274hu_37{font-size:var(--font-size-h6, 1rem);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.05em}._align-left_274hu_45{text-align:left}._align-center_274hu_49{text-align:center}._align-right_274hu_53{text-align:right}._transform-uppercase_274hu_58{text-transform:uppercase}._transform-lowercase_274hu_62{text-transform:lowercase}._transform-capitalize_274hu_66{text-transform:capitalize}._gradient_274hu_71{background:linear-gradient(135deg,var(--color-primary-100, #007bff) 0%,var(--color-primary-120, #0056b3) 50%,var(--color-secondary-100, #6c757d) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._truncate_274hu_84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){._h1_274hu_10{font-size:var(--font-size-h2, 2rem)}._h2_274hu_16{font-size:var(--font-size-h3, 1.75rem)}._h3_274hu_22{font-size:var(--font-size-h4, 1.5rem)}._h4_274hu_27{font-size:var(--font-size-h5, 1.25rem)}}@media (max-width: 480px){._h1_274hu_10{font-size:var(--font-size-h3, 1.75rem)}._h2_274hu_16{font-size:var(--font-size-h4, 1.5rem)}._h3_274hu_22{font-size:var(--font-size-h5, 1.25rem)}}._heading_274hu_2[class*=bg-]{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:var(--radius-md, .5rem)}._heading_274hu_2:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px;border-radius:var(--radius-sm, .25rem)}._heading_274hu_2:focus{outline:none}
|
package/dist/assets/index61.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_176sy_1{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative}._label_176sy_9{color:var(--color-text-primary);font-size:var(--font-size-md);font-family:var(--font-family-primary);font-weight:500;margin:0}._labelDisabled_176sy_17{color:var(--color-secondary-50);cursor:not-allowed}._required_176sy_22{color:var(--color-states-error-text);margin-left:var(--spacing-xs)}._inputWrapper_176sy_28{position:relative;display:flex;align-items:center}._input_176sy_28{width:100%;padding:var(--spacing-sm) 3rem var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:var(--color-foreground);cursor:pointer;transition:all .2s ease;outline:none}._input_176sy_28::placeholder{color:var(--color-secondary-50)}._input_176sy_28:hover:not(:disabled){border-color:var(--color-primary-100)}._input_176sy_28:focus{border-color:var(--color-primary-100);box-shadow:0 0 0 3px var(--color-primary-10)}._inputDisabled_176sy_62{background-color:var(--color-secondary-10);border-color:var(--color-secondary-25);cursor:not-allowed;color:var(--color-secondary-50)}._inputError_176sy_69{border-color:var(--color-error)}._inputError_176sy_69:focus{box-shadow:0 0 0 3px #ef44441a}._icons_176sy_78{position:absolute;right:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);pointer-events:none}._calendarIcon_176sy_87{color:var(--color-secondary-50);transition:color .2s ease}._iconDisabled_176sy_92{opacity:.5}._input_176sy_28:hover:not(:disabled)~._icons_176sy_78 ._calendarIcon_176sy_87{color:var(--color-primary-100)}._clearButton_176sy_101{all:unset;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:var(--color-secondary-25);color:var(--color-text-primary);font-weight:700;line-height:1;cursor:pointer;pointer-events:auto;transition:all .2s ease}._clearButton_176sy_101:hover{background-color:var(--color-secondary-50);color:var(--color-primary-foreground)}._clearButton_176sy_101:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:2px}._helperText_176sy_129{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._helperTextError_176sy_134{color:var(--color-states-error-text)}._popover_176sy_139{position:absolute;top:calc(100% + var(--spacing-xs));left:0;z-index:1000;border-radius:var(--radius-lg);background-color:var(--color-foreground);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);animation:_slideDown_176sy_1 .2s ease}@keyframes _slideDown_176sy_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._popover_176sy_139{left:50%;transform:translate(-50%)}}@media (max-width: 480px){._input_176sy_28{font-size:var(--font-size-sm);padding:var(--spacing-xs) 2.5rem var(--spacing-xs) var(--spacing-xs)}._calendarIcon_176sy_87{width:16px;height:16px}._clearButton_176sy_101{width:18px;height:18px;font-size:16px}}
|
package/dist/assets/index66.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._calendar_1eniq_1{padding:var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--color-foreground);border:1px solid var(--color-border);min-width:280px;max-width:350px;font-family:var(--font-family-primary)}._header_1eniq_11{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}._navButton_1eniq_18{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background-color:transparent;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .2s ease}._navButton_1eniq_18:hover:not(:disabled){background-color:var(--color-secondary-10)}._navButton_1eniq_18:disabled{opacity:.3;cursor:not-allowed}._navButton_1eniq_18:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:2px}._monthName_1eniq_47{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-heading)}._daysRow_1eniq_53{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:var(--spacing-xs)}._dayName_1eniq_60{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--color-secondary-50);text-align:center;padding:var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.05em}._cells_1eniq_70{display:flex;flex-direction:column;gap:2px}._week_1eniq_76{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}._cell_1eniq_70{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-primary);border:none;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);transition:all .2s ease;padding:0}._cellContent_1eniq_99{display:flex;align-items:center;justify-content:center;width:100%;height:100%}._cell_1eniq_70:hover:not(:disabled):not(._selected_1eniq_107){background-color:var(--color-secondary-10)}._cell_1eniq_70:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:-2px;z-index:1}._outside_1eniq_117{color:var(--color-secondary-25)}._outside_1eniq_117:hover:not(:disabled){color:var(--color-text-primary)}._today_1eniq_125{font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._today_1eniq_125:not(._selected_1eniq_107):after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--color-primary-100)}._selected_1eniq_107{background-color:var(--color-primary-100);color:var(--color-primary-foreground);font-weight:var(--font-weight-semibold)}._selected_1eniq_107:hover:not(:disabled){background-color:var(--color-button-primary-hover)}._disabled_1eniq_152{color:var(--color-secondary-25);cursor:not-allowed;text-decoration:line-through;opacity:.5}._disabled_1eniq_152:hover{background-color:transparent}._emptyCell_1eniq_163{aspect-ratio:1}@media (max-width: 480px){._calendar_1eniq_1{min-width:100%;max-width:100%}._cell_1eniq_70{font-size:var(--font-size-xs)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const l=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),s=require("../../../index-
|
|
1
|
+
"use strict";const l=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),s=require("../../../index-DvtjEAHw.cjs");e.describe("Calendar",()=>{e.describe("Rendering",()=>{e.it("renders the current month and year",()=>{const t=new Date(2025,4,15);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}})),e.globalExpect(e.screen.getByText("May 2025")).toBeInTheDocument()}),e.it("renders the day names (Sun to Sat)",()=>{const t=new Date;e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}})),["Sun","Mon","Tue","Wed","Thu","Fri","Sat"].forEach(n=>{e.globalExpect(e.screen.getByText(n)).toBeInTheDocument()})}),e.it("renders all days for the visible calendar grid",()=>{const t=new Date(2025,4,1);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}}));const n=e.screen.getAllByRole("button").filter(o=>/^\d+$/.test(o.textContent||""));e.globalExpect(n.length).toBeGreaterThanOrEqual(28)})}),e.describe("Date Selection",()=>{e.it("calls onSelectDate with the correct date when a day is clicked",()=>{const t=new Date(2025,4,1),a=e.vi.fn();e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:a}));const n=e.screen.getAllByRole("button").find(c=>c.textContent==="15");e.globalExpect(n).toBeTruthy(),n&&e.fireEvent.click(n),e.globalExpect(a).toHaveBeenCalledTimes(1);const o=a.mock.calls[0][0];e.globalExpect(s.format(o,"yyyy-MM-dd")).toBe("2025-05-15")}),e.it("highlights the selected date",()=>{const t=new Date(2025,4,15);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}}));const a=e.screen.getAllByRole("button").find(n=>n.textContent==="15");e.globalExpect(a).toHaveClass("selected")})}),e.describe("Navigation",()=>{e.it("navigates to previous and next months",()=>{const t=new Date(2025,4,1);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}}));const a=e.screen.getByLabelText("Previous month");e.fireEvent.click(a),e.globalExpect(e.screen.getByText("April 2025")).toBeInTheDocument();const n=e.screen.getByLabelText("Next month");e.fireEvent.click(n),e.fireEvent.click(n),e.globalExpect(e.screen.getByText("June 2025")).toBeInTheDocument()}),e.it("disables previous button when minDate is reached",()=>{const t=new Date(2025,4,15),a=new Date(2025,4,1);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},minDate:a}));const n=e.screen.getByLabelText("Previous month");e.globalExpect(n).toBeDisabled()}),e.it("disables next button when maxDate is reached",()=>{const t=new Date(2025,4,15),a=new Date(2025,4,30);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},maxDate:a}));const n=e.screen.getByLabelText("Next month");e.globalExpect(n).toBeDisabled()})}),e.describe("Date Restrictions",()=>{e.it("disables dates before minDate",()=>{const t=new Date(2025,4,15),a=new Date(2025,4,10);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},minDate:a}));const n=e.screen.getAllByRole("button").find(o=>o.textContent==="5");e.globalExpect(n).toBeDisabled()}),e.it("disables dates after maxDate",()=>{const t=new Date(2025,4,15),a=new Date(2025,4,20);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},maxDate:a}));const n=e.screen.getAllByRole("button").find(o=>o.textContent==="25");e.globalExpect(n).toBeDisabled()}),e.it("disables specific dates from disabledDates array",()=>{const t=new Date(2025,4,15),a=[new Date(2025,4,10),new Date(2025,4,20)];e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},disabledDates:a}));const n=e.screen.getAllByRole("button").find(c=>c.textContent==="10"),o=e.screen.getAllByRole("button").find(c=>c.textContent==="20");e.globalExpect(n).toBeDisabled(),e.globalExpect(o).toBeDisabled()}),e.it("does not call onSelectDate for disabled dates",()=>{const t=new Date(2025,4,15),a=new Date(2025,4,10),n=e.vi.fn();e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:n,minDate:a}));const o=e.screen.getAllByRole("button").find(c=>c.textContent==="5");o&&e.fireEvent.click(o),e.globalExpect(n).not.toHaveBeenCalled()})}),e.describe("Outside Days",()=>{e.it("shows outside days by default",()=>{const t=new Date(2025,4,1);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}}));const n=e.screen.getAllByRole("button").filter(o=>/^\d+$/.test(o.textContent||""));e.globalExpect(n.length).toBeGreaterThanOrEqual(35)}),e.it("hides outside days when showOutsideDays is false",()=>{const t=new Date(2025,4,1);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},showOutsideDays:!1}));const n=e.screen.getAllByRole("button").filter(o=>/^\d+$/.test(o.textContent||""));e.globalExpect(n.length).toBe(31)})}),e.describe("Accessibility",()=>{e.it("has proper ARIA labels on date buttons",()=>{const t=new Date(2025,4,15);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}}));const a=e.screen.getByLabelText("May 15, 2025");e.globalExpect(a).toBeInTheDocument()}),e.it("marks selected date with aria-pressed",()=>{const t=new Date(2025,4,15);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}}));const a=e.screen.getByLabelText("May 15, 2025");e.globalExpect(a).toHaveAttribute("aria-pressed","true")}),e.it("has role='application' on calendar container",()=>{const t=new Date(2025,4,15),{container:a}=e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}})),n=a.querySelector('[role="application"]');e.globalExpect(n).toBeInTheDocument()})}),e.describe("Custom className",()=>{e.it("applies custom className",()=>{const t=new Date(2025,4,15),{container:a}=e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},className:"custom-calendar"})),n=a.querySelector(".calendar");e.globalExpect(n).toHaveClass("custom-calendar")})})});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { d as D, i as l, r as c, g as a, s as o, v as B, f as u } from "../../../index-BQV8LRFm.js";
|
|
3
|
-
import { f as b, C as d } from "../../../index-
|
|
3
|
+
import { f as b, C as d } from "../../../index-D38CuMjf.js";
|
|
4
4
|
D("Calendar", () => {
|
|
5
5
|
D("Rendering", () => {
|
|
6
6
|
l("renders the current month and year", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../index-DvtjEAHw.cjs");require("../../../chevron-right-motlyADs.cjs");exports.Calendar=e.Calendar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index21.css');const r=require("react/jsx-runtime"),k=require("react"),f=require("../Label/index.cjs"),v="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index21.css');const r=require("react/jsx-runtime"),k=require("react"),f=require("../Label/index.cjs"),v="_container_1c1di_1",T="_wrapper_1c1di_7",j="_sm_1c1di_15",y="_checkbox_1c1di_19",N="_md_1c1di_31",w="_lg_1c1di_47",C="_error_1c1di_117",q="_label_1c1di_127",S="_helperText_1c1di_147",L="_errorText_1c1di_153",e={container:v,wrapper:T,sm:j,checkbox:y,md:N,lg:w,error:C,label:q,helperText:S,errorText:L},l=k.forwardRef(({id:d,name:_,label:n,checked:m,defaultChecked:x,disabled:c=!1,required:i=!1,size:a="md",error:t=!1,helperText:o,className:h,style:b,onChange:p,...$},g)=>{const u={sm:e.sm,md:e.md,lg:e.lg}[a],s=d||`checkbox-${Math.random().toString(36).substr(2,9)}`;return r.jsxs("div",{className:`${e.container} ${h??""}`.trim(),style:b,children:[r.jsxs("div",{className:`${e.wrapper} ${u}`.trim(),children:[r.jsx("input",{ref:g,type:"checkbox",id:s,name:_,checked:m,defaultChecked:x,disabled:c,required:i,onChange:c?void 0:p,className:`${e.checkbox} ${t?e.error:""}`.trim(),"aria-invalid":t,"aria-describedby":o?`${s}-helper`:void 0,...$}),n&&r.jsx(f.Label,{htmlFor:s,size:a,intent:t?"error":c?"disabled":"default",required:i,disabled:c,className:e.label,children:n})]}),o&&r.jsx("div",{id:`${s}-helper`,className:`${e.helperText} ${t?e.errorText:""}`.trim(),children:o})]})});l.displayName="Checkbox";exports.Checkbox=l;
|
|
@@ -1,83 +1,83 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { Label as
|
|
4
|
-
import '../../../assets/index21.css';const
|
|
5
|
-
container:
|
|
6
|
-
wrapper:
|
|
7
|
-
sm:
|
|
8
|
-
checkbox:
|
|
9
|
-
md:
|
|
10
|
-
lg:
|
|
1
|
+
import { jsxs as l, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as k } from "react";
|
|
3
|
+
import { Label as v } from "../Label/index.mjs";
|
|
4
|
+
import '../../../assets/index21.css';const N = "_container_1c1di_1", T = "_wrapper_1c1di_7", w = "_sm_1c1di_15", y = "_checkbox_1c1di_19", C = "_md_1c1di_31", u = "_lg_1c1di_47", j = "_error_1c1di_117", F = "_label_1c1di_127", I = "_helperText_1c1di_147", L = "_errorText_1c1di_153", e = {
|
|
5
|
+
container: N,
|
|
6
|
+
wrapper: T,
|
|
7
|
+
sm: w,
|
|
8
|
+
checkbox: y,
|
|
9
|
+
md: C,
|
|
10
|
+
lg: u,
|
|
11
11
|
error: j,
|
|
12
12
|
label: F,
|
|
13
13
|
helperText: I,
|
|
14
14
|
errorText: L
|
|
15
|
-
}, M =
|
|
15
|
+
}, M = k(
|
|
16
16
|
({
|
|
17
|
-
id:
|
|
18
|
-
name:
|
|
19
|
-
label:
|
|
20
|
-
checked:
|
|
21
|
-
defaultChecked:
|
|
22
|
-
disabled:
|
|
23
|
-
required:
|
|
24
|
-
size:
|
|
25
|
-
error:
|
|
26
|
-
helperText:
|
|
27
|
-
className:
|
|
28
|
-
style:
|
|
17
|
+
id: d,
|
|
18
|
+
name: _,
|
|
19
|
+
label: i,
|
|
20
|
+
checked: m,
|
|
21
|
+
defaultChecked: h,
|
|
22
|
+
disabled: r = !1,
|
|
23
|
+
required: a = !1,
|
|
24
|
+
size: n = "md",
|
|
25
|
+
error: c = !1,
|
|
26
|
+
helperText: t,
|
|
27
|
+
className: p,
|
|
28
|
+
style: x,
|
|
29
29
|
onChange: b,
|
|
30
|
-
|
|
31
|
-
},
|
|
32
|
-
const
|
|
33
|
-
sm:
|
|
34
|
-
md:
|
|
35
|
-
lg:
|
|
36
|
-
}[
|
|
37
|
-
return /* @__PURE__ */
|
|
30
|
+
...$
|
|
31
|
+
}, f) => {
|
|
32
|
+
const g = {
|
|
33
|
+
sm: e.sm,
|
|
34
|
+
md: e.md,
|
|
35
|
+
lg: e.lg
|
|
36
|
+
}[n], o = d || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
|
|
37
|
+
return /* @__PURE__ */ l(
|
|
38
38
|
"div",
|
|
39
39
|
{
|
|
40
|
-
className: `${
|
|
41
|
-
style:
|
|
40
|
+
className: `${e.container} ${p ?? ""}`.trim(),
|
|
41
|
+
style: x,
|
|
42
42
|
children: [
|
|
43
|
-
/* @__PURE__ */
|
|
43
|
+
/* @__PURE__ */ l("div", { className: `${e.wrapper} ${g}`.trim(), children: [
|
|
44
44
|
/* @__PURE__ */ s(
|
|
45
45
|
"input",
|
|
46
46
|
{
|
|
47
|
-
ref:
|
|
47
|
+
ref: f,
|
|
48
48
|
type: "checkbox",
|
|
49
|
-
id:
|
|
50
|
-
name:
|
|
51
|
-
checked:
|
|
52
|
-
defaultChecked:
|
|
53
|
-
disabled:
|
|
54
|
-
required:
|
|
55
|
-
onChange:
|
|
56
|
-
className: `${
|
|
57
|
-
"aria-invalid":
|
|
58
|
-
"aria-describedby":
|
|
59
|
-
|
|
49
|
+
id: o,
|
|
50
|
+
name: _,
|
|
51
|
+
checked: m,
|
|
52
|
+
defaultChecked: h,
|
|
53
|
+
disabled: r,
|
|
54
|
+
required: a,
|
|
55
|
+
onChange: r ? void 0 : b,
|
|
56
|
+
className: `${e.checkbox} ${c ? e.error : ""}`.trim(),
|
|
57
|
+
"aria-invalid": c,
|
|
58
|
+
"aria-describedby": t ? `${o}-helper` : void 0,
|
|
59
|
+
...$
|
|
60
60
|
}
|
|
61
61
|
),
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
i && /* @__PURE__ */ s(
|
|
63
|
+
v,
|
|
64
64
|
{
|
|
65
|
-
htmlFor:
|
|
66
|
-
size:
|
|
67
|
-
intent:
|
|
68
|
-
required:
|
|
69
|
-
disabled:
|
|
70
|
-
className:
|
|
71
|
-
children:
|
|
65
|
+
htmlFor: o,
|
|
66
|
+
size: n,
|
|
67
|
+
intent: c ? "error" : r ? "disabled" : "default",
|
|
68
|
+
required: a,
|
|
69
|
+
disabled: r,
|
|
70
|
+
className: e.label,
|
|
71
|
+
children: i
|
|
72
72
|
}
|
|
73
73
|
)
|
|
74
74
|
] }),
|
|
75
|
-
|
|
75
|
+
t && /* @__PURE__ */ s(
|
|
76
76
|
"div",
|
|
77
77
|
{
|
|
78
|
-
id: `${
|
|
79
|
-
className: `${
|
|
80
|
-
children:
|
|
78
|
+
id: `${o}-helper`,
|
|
79
|
+
className: `${e.helperText} ${c ? e.errorText : ""}`.trim(),
|
|
80
|
+
children: t
|
|
81
81
|
}
|
|
82
82
|
)
|
|
83
83
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const a=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),n=require("./index.cjs"),l=require("../../../index-
|
|
1
|
+
"use strict";const a=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),n=require("./index.cjs"),l=require("../../../index-DvtjEAHw.cjs");e.vi.mock("../Calendar",()=>({Calendar:({onSelectDate:t})=>a.jsx("button",{onClick:()=>t(new Date("2025-05-02")),"data-testid":"mock-calendar",children:"Select Date"})}));e.describe("DatePicker",()=>{e.it("renders label and input",()=>{e.render(a.jsx(n.DatePicker,{id:"date",name:"date",label:"Pick a date"})),e.globalExpect(e.screen.getByText("Pick a date")).toBeInTheDocument()}),e.it("opens a calendar on input click",()=>{e.render(a.jsx(n.DatePicker,{id:"date",name:"date",label:"Pick a date"}));const t=e.screen.getByPlaceholderText("Select date");e.fireEvent.click(t),e.globalExpect(e.screen.getByTestId("mock-calendar")).toBeInTheDocument()}),e.it("calls onValueChange and updates the value",()=>{const t=e.vi.fn();e.render(a.jsx(n.DatePicker,{id:"date",name:"date",label:"Pick a date",onValueChange:t}));const c=e.screen.getByPlaceholderText("Select date");e.fireEvent.click(c);const r=e.screen.getByTestId("mock-calendar");e.fireEvent.click(r);const d=l.format(new Date("2025-05-02"),"yyyy-MM-dd");e.globalExpect(t).toHaveBeenCalledWith(new Date("2025-05-02")),e.globalExpect(c).toHaveValue(d)})});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { v as r, d as k, i as c, r as d, g as t, s as a, f as l } from "../../../index-BQV8LRFm.js";
|
|
3
3
|
import { DatePicker as o } from "./index.mjs";
|
|
4
|
-
import { f as u } from "../../../index-
|
|
4
|
+
import { f as u } from "../../../index-D38CuMjf.js";
|
|
5
5
|
r.mock("../Calendar", () => ({
|
|
6
6
|
Calendar: ({ onSelectDate: e }) => /* @__PURE__ */ n(
|
|
7
7
|
"button",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index61.css');const r=require("react/jsx-runtime"),o=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index61.css');const r=require("react/jsx-runtime"),o=require("react"),E=require("../../../index-DvtjEAHw.cjs"),O=require("../Label/index.cjs"),B=require("../../../x-Dft9NVe_.cjs"),P=require("../../../createLucideIcon-DpotSgUx.cjs");/**
|
|
2
2
|
* @license lucide-react v0.488.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const W=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],z=P.createLucideIcon("calendar",W),R="
|
|
6
|
+
*/const W=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],z=P.createLucideIcon("calendar",W),R="_wrapper_176sy_1",F="_inputWrapper_176sy_28",X="_input_176sy_28",A="_inputDisabled_176sy_62",G="_inputError_176sy_69",H="_icons_176sy_78",J="_calendarIcon_176sy_87",K="_iconDisabled_176sy_92",Q="_clearButton_176sy_101",U="_helperText_176sy_129",Y="_helperTextError_176sy_134",Z="_popover_176sy_139",e={wrapper:R,inputWrapper:F,input:X,inputDisabled:A,inputError:G,icons:H,calendarIcon:J,iconDisabled:K,clearButton:Q,helperText:U,helperTextError:Y,popover:Z};function V({id:k,name:D,label:x,value:a,defaultValue:$,placeholder:b="Select date",required:v=!1,disabled:s=!1,error:l=!1,helperText:_,minDate:h,maxDate:j,disabledDates:w,formatStr:I="yyyy-MM-dd",className:N,onChange:c,onValueChange:n,...S}){const[p,y]=o.useState($||a||null),[i,d]=o.useState(!1),m=o.useRef(null),u=k||`datepicker-${Math.random().toString(36).substr(2,9)}`;o.useEffect(()=>{a!==void 0&&y(a)},[a]),o.useEffect(()=>{const t=f=>{m.current&&!m.current.contains(f.target)&&d(!1)};return i&&document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}},[i]),o.useEffect(()=>{const t=f=>{f.key==="Escape"&&i&&d(!1)};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[i]);const L=t=>{y(t),d(!1),c==null||c(t),n==null||n(t)},T=t=>{t.stopPropagation(),y(null),c==null||c(null),n==null||n(null)},M=()=>{s||d(!i)},q=p?E.format(p,I):"";return r.jsxs("div",{ref:m,className:`${e.wrapper} ${N??""}`.trim(),children:[x&&r.jsx(O.Label,{htmlFor:u,intent:l?"error":s?"disabled":"default",required:v,disabled:s,size:"md",children:x}),r.jsxs("div",{className:e.inputWrapper,children:[r.jsx("input",{id:u,name:D,type:"text",readOnly:!0,value:q,onClick:M,placeholder:b,required:v,disabled:s,className:`${e.input} ${l?e.inputError:""} ${s?e.inputDisabled:""}`.trim(),"aria-invalid":l,"aria-describedby":_?`${u}-helper`:void 0,...S}),r.jsxs("div",{className:e.icons,children:[p&&!s&&r.jsx("button",{type:"button",onClick:T,className:e.clearButton,"aria-label":"Clear date",tabIndex:-1,children:r.jsx(B.X,{size:14})}),r.jsx(z,{size:18,className:`${e.calendarIcon} ${s?e.iconDisabled:""}`.trim()})]})]}),_&&r.jsx("div",{id:`${u}-helper`,className:`${e.helperText} ${l?e.helperTextError:""}`.trim(),children:_}),i&&r.jsx("div",{className:e.popover,children:r.jsx(E.Calendar,{selectedDate:p,onSelectDate:L,minDate:h,maxDate:j,disabledDates:w})})]})}exports.DatePicker=V;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { f as j, C as P } from "../../../index-
|
|
1
|
+
import { jsxs as f, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useState as x, useRef as z, useEffect as v } from "react";
|
|
3
|
+
import { f as j, C as P } from "../../../index-D38CuMjf.js";
|
|
4
4
|
import { Label as R } from "../Label/index.mjs";
|
|
5
5
|
import { X as F } from "../../../x-CnsEH4Ox.js";
|
|
6
6
|
import { c as X } from "../../../createLucideIcon-C8GTh_Qx.js";
|
|
@@ -15,7 +15,7 @@ const A = [
|
|
|
15
15
|
["path", { d: "M16 2v4", key: "4m81vk" }],
|
|
16
16
|
["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
|
|
17
17
|
["path", { d: "M3 10h18", key: "8toen8" }]
|
|
18
|
-
], G = X("calendar", A), H = "
|
|
18
|
+
], G = X("calendar", A), H = "_wrapper_176sy_1", J = "_inputWrapper_176sy_28", K = "_input_176sy_28", Q = "_inputDisabled_176sy_62", U = "_inputError_176sy_69", Y = "_icons_176sy_78", Z = "_calendarIcon_176sy_87", q = "_iconDisabled_176sy_92", V = "_clearButton_176sy_101", C = "_helperText_176sy_129", g = "_helperTextError_176sy_134", ee = "_popover_176sy_139", e = {
|
|
19
19
|
wrapper: H,
|
|
20
20
|
inputWrapper: J,
|
|
21
21
|
input: K,
|
|
@@ -27,17 +27,17 @@ const A = [
|
|
|
27
27
|
clearButton: V,
|
|
28
28
|
helperText: C,
|
|
29
29
|
helperTextError: g,
|
|
30
|
-
popover:
|
|
30
|
+
popover: ee
|
|
31
31
|
};
|
|
32
|
-
function
|
|
33
|
-
id:
|
|
34
|
-
name:
|
|
35
|
-
label:
|
|
32
|
+
function oe({
|
|
33
|
+
id: D,
|
|
34
|
+
name: $,
|
|
35
|
+
label: E,
|
|
36
36
|
value: o,
|
|
37
|
-
defaultValue:
|
|
37
|
+
defaultValue: h,
|
|
38
38
|
placeholder: b = "Select date",
|
|
39
|
-
required:
|
|
40
|
-
disabled:
|
|
39
|
+
required: k = !1,
|
|
40
|
+
disabled: s = !1,
|
|
41
41
|
error: p = !1,
|
|
42
42
|
helperText: m,
|
|
43
43
|
minDate: w,
|
|
@@ -46,77 +46,77 @@ function ot({
|
|
|
46
46
|
formatStr: T = "yyyy-MM-dd",
|
|
47
47
|
className: L,
|
|
48
48
|
onChange: c,
|
|
49
|
-
onValueChange:
|
|
49
|
+
onValueChange: n,
|
|
50
50
|
...M
|
|
51
51
|
}) {
|
|
52
|
-
const [
|
|
53
|
-
|
|
54
|
-
), [i,
|
|
55
|
-
|
|
52
|
+
const [a, _] = x(
|
|
53
|
+
h || o || null
|
|
54
|
+
), [i, l] = x(!1), u = z(null), d = D || `datepicker-${Math.random().toString(36).substr(2, 9)}`;
|
|
55
|
+
v(() => {
|
|
56
56
|
o !== void 0 && _(o);
|
|
57
|
-
}, [o]),
|
|
58
|
-
const
|
|
59
|
-
u.current && !u.current.contains(
|
|
57
|
+
}, [o]), v(() => {
|
|
58
|
+
const t = (y) => {
|
|
59
|
+
u.current && !u.current.contains(y.target) && l(!1);
|
|
60
60
|
};
|
|
61
|
-
return i && document.addEventListener("mousedown",
|
|
62
|
-
document.removeEventListener("mousedown",
|
|
61
|
+
return i && document.addEventListener("mousedown", t), () => {
|
|
62
|
+
document.removeEventListener("mousedown", t);
|
|
63
63
|
};
|
|
64
|
-
}, [i]),
|
|
65
|
-
const
|
|
66
|
-
|
|
64
|
+
}, [i]), v(() => {
|
|
65
|
+
const t = (y) => {
|
|
66
|
+
y.key === "Escape" && i && l(!1);
|
|
67
67
|
};
|
|
68
|
-
return document.addEventListener("keydown",
|
|
68
|
+
return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
|
|
69
69
|
}, [i]);
|
|
70
|
-
const S = (
|
|
71
|
-
_(
|
|
72
|
-
}, B = (
|
|
73
|
-
|
|
70
|
+
const S = (t) => {
|
|
71
|
+
_(t), l(!1), c == null || c(t), n == null || n(t);
|
|
72
|
+
}, B = (t) => {
|
|
73
|
+
t.stopPropagation(), _(null), c == null || c(null), n == null || n(null);
|
|
74
74
|
}, O = () => {
|
|
75
|
-
|
|
76
|
-
}, W =
|
|
77
|
-
return /* @__PURE__ */
|
|
75
|
+
s || l(!i);
|
|
76
|
+
}, W = a ? j(a, T) : "";
|
|
77
|
+
return /* @__PURE__ */ f(
|
|
78
78
|
"div",
|
|
79
79
|
{
|
|
80
80
|
ref: u,
|
|
81
|
-
className: `${
|
|
81
|
+
className: `${e.wrapper} ${L ?? ""}`.trim(),
|
|
82
82
|
children: [
|
|
83
|
-
|
|
83
|
+
E && /* @__PURE__ */ r(
|
|
84
84
|
R,
|
|
85
85
|
{
|
|
86
|
-
htmlFor:
|
|
87
|
-
intent: p ? "error" :
|
|
88
|
-
required:
|
|
89
|
-
disabled:
|
|
86
|
+
htmlFor: d,
|
|
87
|
+
intent: p ? "error" : s ? "disabled" : "default",
|
|
88
|
+
required: k,
|
|
89
|
+
disabled: s,
|
|
90
90
|
size: "md",
|
|
91
|
-
children:
|
|
91
|
+
children: E
|
|
92
92
|
}
|
|
93
93
|
),
|
|
94
|
-
/* @__PURE__ */
|
|
94
|
+
/* @__PURE__ */ f("div", { className: e.inputWrapper, children: [
|
|
95
95
|
/* @__PURE__ */ r(
|
|
96
96
|
"input",
|
|
97
97
|
{
|
|
98
|
-
id:
|
|
99
|
-
name:
|
|
98
|
+
id: d,
|
|
99
|
+
name: $,
|
|
100
100
|
type: "text",
|
|
101
101
|
readOnly: !0,
|
|
102
102
|
value: W,
|
|
103
103
|
onClick: O,
|
|
104
104
|
placeholder: b,
|
|
105
|
-
required:
|
|
106
|
-
disabled:
|
|
107
|
-
className: `${
|
|
105
|
+
required: k,
|
|
106
|
+
disabled: s,
|
|
107
|
+
className: `${e.input} ${p ? e.inputError : ""} ${s ? e.inputDisabled : ""}`.trim(),
|
|
108
108
|
"aria-invalid": p,
|
|
109
|
-
"aria-describedby": m ? `${
|
|
109
|
+
"aria-describedby": m ? `${d}-helper` : void 0,
|
|
110
110
|
...M
|
|
111
111
|
}
|
|
112
112
|
),
|
|
113
|
-
/* @__PURE__ */
|
|
114
|
-
|
|
113
|
+
/* @__PURE__ */ f("div", { className: e.icons, children: [
|
|
114
|
+
a && !s && /* @__PURE__ */ r(
|
|
115
115
|
"button",
|
|
116
116
|
{
|
|
117
117
|
type: "button",
|
|
118
118
|
onClick: B,
|
|
119
|
-
className:
|
|
119
|
+
className: e.clearButton,
|
|
120
120
|
"aria-label": "Clear date",
|
|
121
121
|
tabIndex: -1,
|
|
122
122
|
children: /* @__PURE__ */ r(F, { size: 14 })
|
|
@@ -126,7 +126,7 @@ function ot({
|
|
|
126
126
|
G,
|
|
127
127
|
{
|
|
128
128
|
size: 18,
|
|
129
|
-
className: `${
|
|
129
|
+
className: `${e.calendarIcon} ${s ? e.iconDisabled : ""}`.trim()
|
|
130
130
|
}
|
|
131
131
|
)
|
|
132
132
|
] })
|
|
@@ -134,15 +134,15 @@ function ot({
|
|
|
134
134
|
m && /* @__PURE__ */ r(
|
|
135
135
|
"div",
|
|
136
136
|
{
|
|
137
|
-
id: `${
|
|
138
|
-
className: `${
|
|
137
|
+
id: `${d}-helper`,
|
|
138
|
+
className: `${e.helperText} ${p ? e.helperTextError : ""}`.trim(),
|
|
139
139
|
children: m
|
|
140
140
|
}
|
|
141
141
|
),
|
|
142
|
-
i && /* @__PURE__ */ r("div", { className:
|
|
142
|
+
i && /* @__PURE__ */ r("div", { className: e.popover, children: /* @__PURE__ */ r(
|
|
143
143
|
P,
|
|
144
144
|
{
|
|
145
|
-
selectedDate:
|
|
145
|
+
selectedDate: a,
|
|
146
146
|
onSelectDate: S,
|
|
147
147
|
minDate: w,
|
|
148
148
|
maxDate: N,
|
|
@@ -154,5 +154,5 @@ function ot({
|
|
|
154
154
|
);
|
|
155
155
|
}
|
|
156
156
|
export {
|
|
157
|
-
|
|
157
|
+
oe as DatePicker
|
|
158
158
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index23.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index23.css');const b=require("react"),y="_heading_274hu_2",C="_h1_274hu_10",w="_h2_274hu_16",k="_h3_274hu_22",v="_h4_274hu_27",S="_h5_274hu_32",z="_h6_274hu_37",H="_gradient_274hu_71",O="_truncate_274hu_84",t={heading:y,h1:C,h2:w,h3:k,h4:v,h5:S,h6:z,"align-left":"_align-left_274hu_45","align-center":"_align-center_274hu_49","align-right":"_align-right_274hu_53","transform-uppercase":"_transform-uppercase_274hu_58","transform-lowercase":"_transform-lowercase_274hu_62","transform-capitalize":"_transform-capitalize_274hu_66",gradient:H,truncate:O};function W({level:n=1,as:r,align:a,transform:s="none",gradient:_=!1,truncate:h=!1,maxLines:e,className:c,style:o,children:i,...l}){const u=r||`h${n}`,g=t[`h${n}`]||"",d=a?t[`align-${a}`]:"",f=s!=="none"?t[`transform-${s}`]:"",m=_?t.gradient:"",$=h?t.truncate:"",p={...o,...e&&e>1?{display:"-webkit-box",WebkitLineClamp:e,WebkitBoxOrient:"vertical",overflow:"hidden"}:{}};return b.createElement(u,{className:`${t.heading} ${g} ${d} ${f} ${m} ${$} ${c??""}`.trim(),style:p,...l},i)}exports.Heading=W;
|