@vjdesigns/vjdesigns-ui 1.5.0 → 2.0.0
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/README.md +5 -4
- package/dist/ai/llms-full.txt +457 -448
- package/dist/ai/llms.txt +1 -1
- package/dist/ai/registry.json +126 -116
- package/dist/components/data-display/DataGrid/DataGrid.module.css.cjs.js +1 -1
- package/dist/components/data-display/DataGrid/DataGrid.module.css.mjs +1 -1
- package/dist/components/data-display/VirtualList/VirtualList.module.css.cjs.js +1 -1
- package/dist/components/data-display/VirtualList/VirtualList.module.css.mjs +1 -1
- package/dist/components/feedback/ErrorSummary/ErrorSummary.module.css.cjs.js +1 -1
- package/dist/components/feedback/ErrorSummary/ErrorSummary.module.css.mjs +1 -1
- package/dist/components/forms/DateTimePicker/DateTimePicker.module.css.cjs.js +1 -1
- package/dist/components/forms/DateTimePicker/DateTimePicker.module.css.mjs +1 -1
- package/dist/components/forms/Rating/Rating.module.css.cjs.js +1 -1
- package/dist/components/forms/Rating/Rating.module.css.mjs +1 -1
- package/dist/components/forms/TimePicker/TimePicker.module.css.cjs.js +1 -1
- package/dist/components/forms/TimePicker/TimePicker.module.css.mjs +1 -1
- package/dist/components/layout/ResizablePanels/ResizablePanels.cjs.js +1 -1
- package/dist/components/layout/ResizablePanels/ResizablePanels.mjs +1 -0
- package/dist/components/layout/ResizablePanels/ResizablePanels.module.css.cjs.js +1 -1
- package/dist/components/layout/ResizablePanels/ResizablePanels.module.css.mjs +1 -1
- package/dist/components/layout/ScrollArea/ScrollArea.module.css.cjs.js +1 -1
- package/dist/components/layout/ScrollArea/ScrollArea.module.css.mjs +1 -1
- package/dist/components/navigation/ContextMenu/ContextMenu.module.css.cjs.js +1 -1
- package/dist/components/navigation/ContextMenu/ContextMenu.module.css.mjs +1 -1
- package/dist/components/overlays/HoverCard/HoverCard.module.css.cjs.js +1 -1
- package/dist/components/overlays/HoverCard/HoverCard.module.css.mjs +2 -2
- package/dist/components/primitives/Button/Button.cjs.js +1 -1
- package/dist/components/primitives/Button/Button.mjs +37 -37
- package/dist/components/utilities/LocaleProvider/LocaleProvider.module.css.cjs.js +1 -1
- package/dist/components/utilities/LocaleProvider/LocaleProvider.module.css.mjs +1 -1
- package/dist/components/utilities/Theme/Theme.cjs.js +1 -1
- package/dist/components/utilities/Theme/Theme.d.ts +6 -6
- package/dist/components/utilities/Theme/Theme.mjs +49 -45
- package/dist/hooks/useFormValidation.cjs.js +1 -1
- package/dist/hooks/useFormValidation.mjs +1 -1
- package/dist/i18n/en.cjs.js +1 -1
- package/dist/i18n/en.mjs +50 -0
- package/dist/i18n/types.d.ts +56 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.mjs +106 -106
- package/dist/locales/ar.cjs.js +1 -1
- package/dist/locales/ar.mjs +50 -0
- package/dist/locales/bn.cjs.js +1 -1
- package/dist/locales/bn.mjs +50 -0
- package/dist/locales/cs.cjs.js +1 -1
- package/dist/locales/cs.mjs +50 -0
- package/dist/locales/da.cjs.js +1 -1
- package/dist/locales/da.mjs +50 -0
- package/dist/locales/de.cjs.js +1 -1
- package/dist/locales/de.mjs +50 -0
- package/dist/locales/el.cjs.js +1 -1
- package/dist/locales/el.mjs +50 -0
- package/dist/locales/es.cjs.js +1 -1
- package/dist/locales/es.mjs +50 -0
- package/dist/locales/fa.cjs.js +1 -1
- package/dist/locales/fa.mjs +50 -0
- package/dist/locales/fi.cjs.js +1 -1
- package/dist/locales/fi.mjs +50 -0
- package/dist/locales/fr.cjs.js +1 -1
- package/dist/locales/fr.mjs +50 -0
- package/dist/locales/he.cjs.js +1 -1
- package/dist/locales/he.mjs +50 -0
- package/dist/locales/hi.cjs.js +1 -1
- package/dist/locales/hi.mjs +50 -0
- package/dist/locales/hu.cjs.js +1 -1
- package/dist/locales/hu.mjs +50 -0
- package/dist/locales/id.cjs.js +1 -1
- package/dist/locales/id.mjs +50 -0
- package/dist/locales/it.cjs.js +1 -1
- package/dist/locales/it.mjs +50 -0
- package/dist/locales/ja.cjs.js +1 -1
- package/dist/locales/ja.mjs +50 -0
- package/dist/locales/ko.cjs.js +1 -1
- package/dist/locales/ko.mjs +50 -0
- package/dist/locales/nb.cjs.js +1 -1
- package/dist/locales/nb.mjs +50 -0
- package/dist/locales/nl.cjs.js +1 -1
- package/dist/locales/nl.mjs +50 -0
- package/dist/locales/pl.cjs.js +1 -1
- package/dist/locales/pl.mjs +50 -0
- package/dist/locales/pt-BR.cjs.js +1 -1
- package/dist/locales/pt-BR.mjs +50 -0
- package/dist/locales/ro.cjs.js +1 -1
- package/dist/locales/ro.mjs +50 -0
- package/dist/locales/ru.cjs.js +1 -1
- package/dist/locales/ru.mjs +50 -0
- package/dist/locales/sv.cjs.js +1 -1
- package/dist/locales/sv.mjs +50 -0
- package/dist/locales/th.cjs.js +1 -1
- package/dist/locales/th.mjs +50 -0
- package/dist/locales/tr.cjs.js +1 -1
- package/dist/locales/tr.mjs +50 -0
- package/dist/locales/uk.cjs.js +1 -1
- package/dist/locales/uk.mjs +50 -0
- package/dist/locales/ur.cjs.js +1 -1
- package/dist/locales/ur.mjs +50 -0
- package/dist/locales/vi.cjs.js +1 -1
- package/dist/locales/vi.mjs +50 -0
- package/dist/locales/zh-Hans.cjs.js +1 -1
- package/dist/locales/zh-Hans.mjs +50 -0
- package/dist/locales/zh-Hant.cjs.js +1 -1
- package/dist/locales/zh-Hant.mjs +50 -0
- package/dist/utils/brandPalette.cjs.js +3 -3
- package/dist/utils/brandPalette.d.ts +4 -2
- package/dist/utils/brandPalette.mjs +20 -20
- package/dist/vjdesigns-ui.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`
|
|
1
|
+
var e=`_frame_uic8v_19`,t=`_plain_uic8v_36`,n=`_striped_uic8v_40`,r=`_body_uic8v_40`,i=`_row_uic8v_40`,a=`_outline_uic8v_44`,o=`_compact_uic8v_52`,s=`_comfortable_uic8v_58`,c=`_spacious_uic8v_64`,l=`_scroll_uic8v_70`,u=`_table_uic8v_75`,d=`_cell_uic8v_87`,f=`_hoverable_uic8v_114`,p=`_clickable_uic8v_118`,m=`_head_uic8v_140`,h=`_sticky_uic8v_153`,g=`_rowHeader_uic8v_159`,_=`_alignStart_uic8v_166`,v=`_alignCenter_uic8v_170`,y=`_alignEnd_uic8v_174`,b=`_numeric_uic8v_178`,x=`_selectCell_uic8v_186`,S=`_sortableCell_uic8v_192`,C=`_sortButton_uic8v_196`,w=`_sortLabel_uic8v_238`,T=`_sortIcon_uic8v_239`,E=`_sortPriority_uic8v_265`,D=`_emptyCell_uic8v_273`,O=`_loadingInline_uic8v_279`,k=`_loadingOverlay_uic8v_285`,A=`_footer_uic8v_295`,j=`_status_uic8v_307`,M=`_paging_uic8v_313`,N=`_range_uic8v_321`,P=`_fixed_uic8v_348`,F=`_hasHeaderEnd_uic8v_353`,I={frame:e,plain:t,striped:n,body:r,row:i,outline:a,compact:o,comfortable:s,spacious:c,scroll:l,table:u,cell:d,hoverable:f,clickable:p,head:m,sticky:h,rowHeader:g,alignStart:_,alignCenter:v,alignEnd:y,numeric:b,selectCell:x,sortableCell:S,sortButton:C,sortLabel:w,sortIcon:T,sortPriority:E,emptyCell:D,loadingInline:O,loadingOverlay:k,footer:A,status:j,paging:M,range:N,fixed:P,hasHeaderEnd:F};exports.alignCenter=v,exports.alignEnd=y,exports.alignStart=_,exports.body=r,exports.cell=d,exports.clickable=p,exports.comfortable=s,exports.compact=o,exports.default=I,exports.emptyCell=D,exports.fixed=P,exports.footer=A,exports.frame=e,exports.hasHeaderEnd=F,exports.head=m,exports.hoverable=f,exports.loadingInline=O,exports.loadingOverlay=k,exports.numeric=b,exports.outline=a,exports.paging=M,exports.plain=t,exports.range=N,exports.row=i,exports.rowHeader=g,exports.scroll=l,exports.selectCell=x,exports.sortButton=C,exports.sortIcon=T,exports.sortLabel=w,exports.sortPriority=E,exports.sortableCell=S,exports.spacious=c,exports.status=j,exports.sticky=h,exports.striped=n,exports.table=u;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region src/components/data-display/DataGrid/DataGrid.module.css
|
|
2
|
-
var e = "
|
|
2
|
+
var e = "_frame_uic8v_19", t = "_plain_uic8v_36", n = "_striped_uic8v_40", r = "_body_uic8v_40", i = "_row_uic8v_40", a = "_outline_uic8v_44", o = "_compact_uic8v_52", s = "_comfortable_uic8v_58", c = "_spacious_uic8v_64", l = "_scroll_uic8v_70", u = "_table_uic8v_75", d = "_cell_uic8v_87", f = "_hoverable_uic8v_114", p = "_clickable_uic8v_118", m = "_head_uic8v_140", h = "_sticky_uic8v_153", g = "_rowHeader_uic8v_159", _ = "_alignStart_uic8v_166", v = "_alignCenter_uic8v_170", y = "_alignEnd_uic8v_174", b = "_numeric_uic8v_178", x = "_selectCell_uic8v_186", S = "_sortableCell_uic8v_192", C = "_sortButton_uic8v_196", w = "_sortLabel_uic8v_238", T = "_sortIcon_uic8v_239", E = "_sortPriority_uic8v_265", D = "_emptyCell_uic8v_273", O = "_loadingInline_uic8v_279", k = "_loadingOverlay_uic8v_285", A = "_footer_uic8v_295", j = "_status_uic8v_307", M = "_paging_uic8v_313", N = "_range_uic8v_321", P = "_fixed_uic8v_348", F = "_hasHeaderEnd_uic8v_353", I = {
|
|
3
3
|
frame: e,
|
|
4
4
|
plain: t,
|
|
5
5
|
striped: n,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`
|
|
1
|
+
var e=`_root_boa19_7`,t=`_list_boa19_12`,n=`_item_boa19_17`,r=`_empty_boa19_24`,i={root:e,list:t,item:n,empty:r};exports.default=i,exports.empty=r,exports.item=n,exports.list=t,exports.root=e;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region src/components/data-display/VirtualList/VirtualList.module.css
|
|
2
|
-
var e = "
|
|
2
|
+
var e = "_root_boa19_7", t = "_list_boa19_12", n = "_item_boa19_17", r = "_empty_boa19_24", i = {
|
|
3
3
|
root: e,
|
|
4
4
|
list: t,
|
|
5
5
|
item: n,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`
|
|
1
|
+
var e=`_root_e770i_4`,t=`_list_e770i_9`,n={root:e,list:t};exports.default=n,exports.list=t,exports.root=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`
|
|
1
|
+
var e=`_root_tmjqy_6`,t=`_fullWidth_tmjqy_12`,n=`_fields_tmjqy_17`,r=`_part_tmjqy_24`,i=`_datePart_tmjqy_32`,a=`_timePart_tmjqy_36`,o=`_partLabel_tmjqy_41`,s={root:e,fullWidth:t,fields:n,part:r,datePart:i,timePart:a,partLabel:o};exports.datePart=i,exports.default=s,exports.fields=n,exports.fullWidth=t,exports.part=r,exports.partLabel=o,exports.root=e,exports.timePart=a;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region src/components/forms/DateTimePicker/DateTimePicker.module.css
|
|
2
|
-
var e = "
|
|
2
|
+
var e = "_root_tmjqy_6", t = "_fullWidth_tmjqy_12", n = "_fields_tmjqy_17", r = "_part_tmjqy_24", i = "_datePart_tmjqy_32", a = "_timePart_tmjqy_36", o = "_partLabel_tmjqy_41", s = {
|
|
3
3
|
root: e,
|
|
4
4
|
fullWidth: t,
|
|
5
5
|
fields: n,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`
|
|
1
|
+
var e=`_sm_ot4i7_19`,t=`_md_ot4i7_23`,n=`_lg_ot4i7_27`,r=`_displaySm_ot4i7_33`,i=`_displayMd_ot4i7_37`,a=`_displayLg_ot4i7_41`,o=`_toneNeutral_ot4i7_47`,s=`_tonePrimary_ot4i7_50`,c=`_toneAccent_ot4i7_53`,l=`_toneSuccess_ot4i7_56`,u=`_toneWarning_ot4i7_59`,d=`_toneDanger_ot4i7_62`,f=`_toneInfo_ot4i7_65`,p=`_icon_ot4i7_73`,m=`_empty_ot4i7_82`,h=`_filled_ot4i7_83`,g=`_display_ot4i7_33`,_=`_icons_ot4i7_126`,v=`_displayCell_ot4i7_135`,y=`_valueText_ot4i7_139`,b=`_count_ot4i7_149`,x=`_rating_ot4i7_159`,S=`_header_ot4i7_173`,C=`_label_ot4i7_179`,w=`_requiredMark_ot4i7_187`,T=`_description_ot4i7_191`,E=`_row_ot4i7_197`,D=`_cell_ot4i7_207`,O=`_zeroCell_ot4i7_223`,k=`_zeroMark_ot4i7_228`,A=`_input_ot4i7_244`,j=`_pop_ot4i7_1`,M=`_hit_ot4i7_265`,N=`_whole_ot4i7_270`,P=`_start_ot4i7_273`,F=`_end_ot4i7_277`,I=`_focusBox_ot4i7_294`,L={sm:e,md:t,lg:n,displaySm:r,displayMd:i,displayLg:a,toneNeutral:o,tonePrimary:s,toneAccent:c,toneSuccess:l,toneWarning:u,toneDanger:d,toneInfo:f,icon:p,empty:m,filled:h,display:g,icons:_,displayCell:v,valueText:y,count:b,rating:x,header:S,label:C,requiredMark:w,description:T,row:E,cell:D,zeroCell:O,zeroMark:k,input:A,pop:j,hit:M,whole:N,start:P,end:F,focusBox:I};exports.cell=D,exports.count=b,exports.default=L,exports.description=T,exports.display=g,exports.displayCell=v,exports.displayLg=a,exports.displayMd=i,exports.displaySm=r,exports.empty=m,exports.end=F,exports.filled=h,exports.focusBox=I,exports.header=S,exports.hit=M,exports.icon=p,exports.icons=_,exports.input=A,exports.label=C,exports.lg=n,exports.md=t,exports.pop=j,exports.rating=x,exports.requiredMark=w,exports.row=E,exports.sm=e,exports.start=P,exports.toneAccent=c,exports.toneDanger=d,exports.toneInfo=f,exports.toneNeutral=o,exports.tonePrimary=s,exports.toneSuccess=l,exports.toneWarning=u,exports.valueText=y,exports.whole=N,exports.zeroCell=O,exports.zeroMark=k;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region src/components/forms/Rating/Rating.module.css
|
|
2
|
-
var e = "
|
|
2
|
+
var e = "_sm_ot4i7_19", t = "_md_ot4i7_23", n = "_lg_ot4i7_27", r = "_displaySm_ot4i7_33", i = "_displayMd_ot4i7_37", a = "_displayLg_ot4i7_41", o = "_toneNeutral_ot4i7_47", s = "_tonePrimary_ot4i7_50", c = "_toneAccent_ot4i7_53", l = "_toneSuccess_ot4i7_56", u = "_toneWarning_ot4i7_59", d = "_toneDanger_ot4i7_62", f = "_toneInfo_ot4i7_65", p = "_icon_ot4i7_73", m = "_empty_ot4i7_82", h = "_filled_ot4i7_83", g = "_display_ot4i7_33", _ = "_icons_ot4i7_126", v = "_displayCell_ot4i7_135", y = "_valueText_ot4i7_139", b = "_count_ot4i7_149", x = "_rating_ot4i7_159", S = "_header_ot4i7_173", C = "_label_ot4i7_179", w = "_requiredMark_ot4i7_187", T = "_description_ot4i7_191", E = "_row_ot4i7_197", D = "_cell_ot4i7_207", O = "_zeroCell_ot4i7_223", k = "_zeroMark_ot4i7_228", A = "_input_ot4i7_244", j = "_pop_ot4i7_1", M = "_hit_ot4i7_265", N = "_whole_ot4i7_270", P = "_start_ot4i7_273", F = "_end_ot4i7_277", I = "_focusBox_ot4i7_294", L = {
|
|
3
3
|
sm: e,
|
|
4
4
|
md: t,
|
|
5
5
|
lg: n,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`
|
|
1
|
+
var e=`_root_100f0_6`,t=`_fullWidth_100f0_12`,n=`_error_100f0_17`,r=`_errorIcon_100f0_30`,i={root:e,fullWidth:t,error:n,errorIcon:r};exports.default=i,exports.error=n,exports.errorIcon=r,exports.fullWidth=t,exports.root=e;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region src/components/forms/TimePicker/TimePicker.module.css
|
|
2
|
-
var e = "
|
|
2
|
+
var e = "_root_100f0_6", t = "_fullWidth_100f0_12", n = "_error_100f0_17", r = "_errorIcon_100f0_30", i = {
|
|
3
3
|
root: e,
|
|
4
4
|
fullWidth: t,
|
|
5
5
|
error: n,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../hooks/useMergedRef.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("./ResizablePanels.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s=(0,a.createContext)(null),c=(0,a.createContext)(0);function l(e){let t=(0,a.useContext)(s);if(!t)throw Error(`${e} must be a direct child of <ResizablePanels>.`);return t}var u=e=>Math.round(e*100)/100,d=(e,t,n)=>Math.min(n,Math.max(t,e));function f(e){let t=e.reduce((e,t)=>e+(t??0),0),n=e.filter(e=>e===void 0).length,r=n>0?Math.max(0,100-t)/n:0,i=e.map(e=>e??r),a=i.reduce((e,t)=>e+t,0)||1;return i.map(e=>u(e/a*100))}var p=({orientation:t=`horizontal`,layout:l,defaultLayout:p,onLayoutChange:h,keyboardStep:g=5,className:_,children:v,ref:y,...b})=>{let x=(0,a.useRef)(null),S=n.useMergedRef(x,y),C=(0,a.useId)(),[w,T]=(0,a.useState)(!1),E=a.Children.toArray(v).filter(e=>(0,a.isValidElement)(e)&&e.type===m),D=E.map((e,t)=>({min:e.props.minSize??10,max:e.props.maxSize??100,collapsible:e.props.collapsible??!1,collapsed:e.props.collapsedSize??0,label:e.props.label,id:e.props.id??`${C}-panel-${t}`})),[O,k]=e.useControllableState({value:l,defaultValue:p??f(E.map(e=>e.props.defaultSize)),onChange:h}),A=(0,a.useRef)(new Map),j=(e,t,{snap:n=!0}={})=>{let r=e,i=e+1,a=D[r],o=D[i];if(!a||!o)return;let s=O[r]+O[i],c=(e,t)=>t.collapsible&&e<t.min?n&&e<(t.min+t.collapsed)/2?t.collapsed:t.min:d(e,t.min,t.max),l=c(t,a),f=c(s-l,o);if(l=s-f,(l>a.max||l<a.min&&!(a.collapsible&&l===a.collapsed))&&(l=d(l,a.min,a.max),f=s-l),u(l)===u(O[r])&&u(f)===u(O[i]))return;a.collapsible&&l<=a.collapsed&&O[r]>a.collapsed&&A.current.set(r,O[r]);let p=O.slice();p[r]=u(l),p[i]=u(f),k(p)},M=e=>{let t=D[e];if(!t?.collapsible)return;let n=O[e];if(n<=t.collapsed){let n=A.current.get(e)??Math.max(t.min,100/D.length);j(e,n,{snap:!1})}else{A.current.set(e,n);let r=O[e]+O[e+1],i=O.slice();i[e]=t.collapsed,i[e+1]=u(r-t.collapsed),k(i)}},N=-1,P=a.Children.map(v,e=>((0,a.isValidElement)(e)&&e.type===m&&(N+=1),(0,o.jsx)(c.Provider,{value:Math.max(0,N),children:e})));return(0,o.jsx)(s.Provider,{value:{orientation:t,layout:O,panels:D,resize:j,toggleCollapse:M,keyboardStep:g,groupRef:x,setResizing:T},children:(0,o.jsx)(`div`,{...b,ref:S,className:r.cx(i.default.group,_),"data-orientation":t,"data-resizing":w?``:void 0,children:P})})},m=({defaultSize:e,minSize:t,maxSize:n,collapsible:s,collapsedSize:u,label:d,className:f,style:p,children:m,...h})=>{let g=l(`ResizablePanels.Panel`),_=(0,a.useContext)(c),v=g.panels[_],y=g.layout[_]??0,b=!!v?.collapsible&&y<=v.collapsed,x=b&&y===0;return(0,o.jsx)(`div`,{
|
|
1
|
+
const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../hooks/useMergedRef.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("./ResizablePanels.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s=(0,a.createContext)(null),c=(0,a.createContext)(0);function l(e){let t=(0,a.useContext)(s);if(!t)throw Error(`${e} must be a direct child of <ResizablePanels>.`);return t}var u=e=>Math.round(e*100)/100,d=(e,t,n)=>Math.min(n,Math.max(t,e));function f(e){let t=e.reduce((e,t)=>e+(t??0),0),n=e.filter(e=>e===void 0).length,r=n>0?Math.max(0,100-t)/n:0,i=e.map(e=>e??r),a=i.reduce((e,t)=>e+t,0)||1;return i.map(e=>u(e/a*100))}var p=({orientation:t=`horizontal`,layout:l,defaultLayout:p,onLayoutChange:h,keyboardStep:g=5,className:_,children:v,ref:y,...b})=>{let x=(0,a.useRef)(null),S=n.useMergedRef(x,y),C=(0,a.useId)(),[w,T]=(0,a.useState)(!1),E=a.Children.toArray(v).filter(e=>(0,a.isValidElement)(e)&&e.type===m),D=E.map((e,t)=>({min:e.props.minSize??10,max:e.props.maxSize??100,collapsible:e.props.collapsible??!1,collapsed:e.props.collapsedSize??0,label:e.props.label,id:e.props.id??`${C}-panel-${t}`})),[O,k]=e.useControllableState({value:l,defaultValue:p??f(E.map(e=>e.props.defaultSize)),onChange:h}),A=(0,a.useRef)(new Map),j=(e,t,{snap:n=!0}={})=>{let r=e,i=e+1,a=D[r],o=D[i];if(!a||!o)return;let s=O[r]+O[i],c=(e,t)=>t.collapsible&&e<t.min?n&&e<(t.min+t.collapsed)/2?t.collapsed:t.min:d(e,t.min,t.max),l=c(t,a),f=c(s-l,o);if(l=s-f,(l>a.max||l<a.min&&!(a.collapsible&&l===a.collapsed))&&(l=d(l,a.min,a.max),f=s-l),u(l)===u(O[r])&&u(f)===u(O[i]))return;a.collapsible&&l<=a.collapsed&&O[r]>a.collapsed&&A.current.set(r,O[r]);let p=O.slice();p[r]=u(l),p[i]=u(f),k(p)},M=e=>{let t=D[e];if(!t?.collapsible)return;let n=O[e];if(n<=t.collapsed){let n=A.current.get(e)??Math.max(t.min,100/D.length);j(e,n,{snap:!1})}else{A.current.set(e,n);let r=O[e]+O[e+1],i=O.slice();i[e]=t.collapsed,i[e+1]=u(r-t.collapsed),k(i)}},N=-1,P=a.Children.map(v,e=>((0,a.isValidElement)(e)&&e.type===m&&(N+=1),(0,o.jsx)(c.Provider,{value:Math.max(0,N),children:e})));return(0,o.jsx)(s.Provider,{value:{orientation:t,layout:O,panels:D,resize:j,toggleCollapse:M,keyboardStep:g,groupRef:x,setResizing:T},children:(0,o.jsx)(`div`,{...b,ref:S,className:r.cx(i.default.group,_),"data-orientation":t,"data-resizing":w?``:void 0,children:P})})},m=({defaultSize:e,minSize:t,maxSize:n,collapsible:s,collapsedSize:u,label:d,className:f,style:p,children:m,...h})=>{let g=l(`ResizablePanels.Panel`),_=(0,a.useContext)(c),v=g.panels[_],y=g.layout[_]??0,b=!!v?.collapsible&&y<=v.collapsed,x=b&&y===0;return(0,o.jsx)(`div`,{role:`group`,...h,id:v?.id,"aria-label":h[`aria-label`]??d,className:r.cx(i.default.panel,f),style:{...p,flex:`${y} 1 0px`},"data-collapsed":b?``:void 0,inert:x||void 0,"aria-hidden":x||void 0,children:m})},h=({className:e,onKeyDown:n,onPointerDown:s,onPointerMove:u,onPointerUp:d,onPointerCancel:f,onDoubleClick:p,"aria-label":m,...h})=>{let g=l(`ResizablePanels.Handle`),_=t.useMessages().resizablePanels,v=(0,a.useContext)(c),y=g.panels[v],b=g.layout[v]??0,x=g.orientation===`horizontal`,S=(0,a.useRef)(null),C=e=>{if(s?.(e),e.defaultPrevented||e.button!==0||!g.groupRef.current)return;e.preventDefault();let t=g.groupRef.current,n=t.getBoundingClientRect(),r=0;for(let e of Array.from(t.children))if(e.getAttribute(`role`)===`separator`){let t=e.getBoundingClientRect();r+=x?t.width:t.height}let i=(x?n.width:n.height)-r;S.current={start:x?e.clientX:e.clientY,size:b,perPx:i>0?100/i:0,rtl:x&&getComputedStyle(t).direction===`rtl`};try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}e.currentTarget.focus({preventScroll:!0}),g.setResizing(!0)},w=e=>{u?.(e);let t=S.current;if(!t)return;let n=((x?e.clientX:e.clientY)-t.start)*t.perPx;g.resize(v,t.size+(t.rtl?-n:n))},T=()=>{S.current&&(S.current=null,g.setResizing(!1))},E=e=>{if(n?.(e),e.defaultPrevented||!y)return;let t=x&&getComputedStyle(e.currentTarget).direction===`rtl`,r=g.keyboardStep,i=x?t?`ArrowLeft`:`ArrowRight`:`ArrowDown`,a=x?t?`ArrowRight`:`ArrowLeft`:`ArrowUp`;switch(e.key){case i:e.preventDefault(),g.resize(v,b+r,{snap:!1});return;case a:e.preventDefault(),y.collapsible&&b<=y.min&&b>y.collapsed?g.toggleCollapse(v):g.resize(v,Math.max(b-r,y.min),{snap:!1});return;case`Home`:e.preventDefault(),g.resize(v,y.min,{snap:!1});return;case`End`:e.preventDefault(),g.resize(v,y.max,{snap:!1});return;case`Enter`:e.preventDefault(),g.toggleCollapse(v)}};return(0,o.jsx)(`div`,{role:`separator`,tabIndex:0,"aria-orientation":x?`vertical`:`horizontal`,"aria-valuenow":Math.round(b),"aria-valuemin":y?.collapsible?Math.round(y.collapsed):Math.round(y?.min??0),"aria-valuemax":Math.round(y?.max??100),"aria-controls":y?.id,"aria-label":m??(y?.label?_.resizePanel(y.label):_.handle),...h,className:r.cx(i.default.handle,e),"data-orientation":g.orientation,onPointerDown:C,onPointerMove:w,onPointerUp:e=>{d?.(e),T()},onPointerCancel:e=>{f?.(e),T()},onLostPointerCapture:T,onDoubleClick:e=>{p?.(e),e.defaultPrevented||g.toggleCollapse(v)},onKeyDown:E,children:(0,o.jsx)(`span`,{className:i.default.grip,"aria-hidden":`true`})})},g=Object.assign(p,{Panel:m,Handle:h});exports.ResizablePanel=m,exports.ResizablePanels=g,exports.ResizablePanelsHandle=h;
|
|
@@ -76,6 +76,7 @@ var y = ({ orientation: t = "horizontal", layout: o, defaultLayout: c, onLayoutC
|
|
|
76
76
|
}, b = ({ defaultSize: e, minSize: t, maxSize: n, collapsible: a, collapsedSize: o, label: s, className: l, style: u, children: d, ...p }) => {
|
|
77
77
|
let g = h("ResizablePanels.Panel"), _ = c(m), v = g.panels[_], y = g.layout[_] ?? 0, b = !!v?.collapsible && y <= v.collapsed, x = b && y === 0;
|
|
78
78
|
return /* @__PURE__ */ f("div", {
|
|
79
|
+
role: "group",
|
|
79
80
|
...p,
|
|
80
81
|
id: v?.id,
|
|
81
82
|
"aria-label": p["aria-label"] ?? s,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`
|
|
1
|
+
var e=`_group_26c6b_11`,t=`_panel_26c6b_38`,n=`_handle_26c6b_49`,r=`_grip_26c6b_86`,i={group:e,panel:t,handle:n,grip:r};exports.default=i,exports.grip=r,exports.group=e,exports.handle=n,exports.panel=t;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region src/components/layout/ResizablePanels/ResizablePanels.module.css
|
|
2
|
-
var e = "
|
|
2
|
+
var e = "_group_26c6b_11", t = "_panel_26c6b_38", n = "_handle_26c6b_49", r = "_grip_26c6b_86", i = {
|
|
3
3
|
group: e,
|
|
4
4
|
panel: t,
|
|
5
5
|
handle: n,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`
|
|
1
|
+
var e=`_root_r9tlp_19`,t=`_sm_r9tlp_49`,n=`_md_r9tlp_59`,r=`_viewport_r9tlp_69`,i=`_content_r9tlp_149`,a=`_scrollbar_r9tlp_163`,o=`_thumb_r9tlp_237`,s=`_shadows_r9tlp_355`,c={root:e,sm:t,md:n,viewport:r,content:i,scrollbar:a,thumb:o,shadows:s};exports.content=i,exports.default=c,exports.md=n,exports.root=e,exports.scrollbar=a,exports.shadows=s,exports.sm=t,exports.thumb=o,exports.viewport=r;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region src/components/layout/ScrollArea/ScrollArea.module.css
|
|
2
|
-
var e = "
|
|
2
|
+
var e = "_root_r9tlp_19", t = "_sm_r9tlp_49", n = "_md_r9tlp_59", r = "_viewport_r9tlp_69", i = "_content_r9tlp_149", a = "_scrollbar_r9tlp_163", o = "_thumb_r9tlp_237", s = "_shadows_r9tlp_355", c = {
|
|
3
3
|
root: e,
|
|
4
4
|
sm: t,
|
|
5
5
|
md: n,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`
|
|
1
|
+
var e=`_trigger_1ajgq_8`,t=`_anchor_1ajgq_13`,n={trigger:e,anchor:t};exports.anchor=t,exports.default=n,exports.trigger=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`
|
|
1
|
+
var e=`_positioner_1ej8b_7`,t=`_content_1ej8b_12`,n=`_sm_1ej8b_37`,r=`_md_1ej8b_42`,i=`_lg_1ej8b_47`,a=`_arrow_1ej8b_85`,o={positioner:e,content:t,"hovercard-in":`_hovercard-in_1ej8b_1`,sm:n,md:r,lg:i,arrow:a};exports.arrow=a,exports.content=t,exports.default=o,exports.lg=i,exports.md=r,exports.positioner=e,exports.sm=n;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
//#region src/components/overlays/HoverCard/HoverCard.module.css
|
|
2
|
-
var e = "
|
|
2
|
+
var e = "_positioner_1ej8b_7", t = "_content_1ej8b_12", n = "_sm_1ej8b_37", r = "_md_1ej8b_42", i = "_lg_1ej8b_47", a = "_arrow_1ej8b_85", o = {
|
|
3
3
|
positioner: e,
|
|
4
4
|
content: t,
|
|
5
|
-
"hovercard-in": "_hovercard-
|
|
5
|
+
"hovercard-in": "_hovercard-in_1ej8b_1",
|
|
6
6
|
sm: n,
|
|
7
7
|
md: r,
|
|
8
8
|
lg: i,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../../utils/announce.cjs.js"),r=require("../../feedback/Spinner/Spinner.cjs.js"),i=require("./Button.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s={solid:i.default.solid,soft:i.default.soft,outline:i.default.outline,ghost:i.default.ghost,link:i.default.link,inverse:i.default.inverse},c={neutral:i.default.neutral,primary:i.default.primary,accent:i.default.accent,success:i.default.success,warning:i.default.warning,danger:i.default.danger,info:i.default.info},l={xs:i.default.xs,sm:i.default.sm,md:i.default.md,lg:i.default.lg},u={none:i.default.radiusNone,xs:i.default.radiusXs,sm:i.default.radiusSm,md:i.default.radiusMd,lg:i.default.radiusLg,xl:i.default.radiusXl,"2xl":i.default.radius2xl,pill:i.default.radiusPill},d={0:i.default.gap0,1:i.default.gap1,2:i.default.gap2,3:i.default.gap3,4:i.default.gap4,5:i.default.gap5,6:i.default.gap6,8:i.default.gap8,10:i.default.gap10,12:i.default.gap12,16:i.default.gap16,20:i.default.gap20,24:i.default.gap24},f={xs:`sm`,sm:`sm`,md:`md`,lg:`lg`},p=(0,a.createContext)(null),m=({iconOnly:d=!1,variant:m,tone:h,size:g,radius:_,disabled:v,loading:y=!1,loadingText:b,loadingLabel:x,fullWidth:S,compact:C=!1,startIcon:w,endIcon:T,children:E,className:D,href:O,as:k,type:A,ref:j,onClick:M,"aria-disabled":N,"aria-busy":P,...F})=>{let I=e.useMessages(),L=x??I.button.loading,R=(0,a.useContext)(p),z=m??R?.variant??`solid`,B=h??R?.tone??`primary`,V=g??R?.size??`md`,H=_??R?.radius,U=v??R?.disabled??!1,W=!d&&(S??R?.fullWidth??!1),
|
|
1
|
+
const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../../utils/announce.cjs.js"),r=require("../../feedback/Spinner/Spinner.cjs.js"),i=require("./Button.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s={solid:i.default.solid,soft:i.default.soft,outline:i.default.outline,ghost:i.default.ghost,link:i.default.link,inverse:i.default.inverse},c={neutral:i.default.neutral,primary:i.default.primary,accent:i.default.accent,success:i.default.success,warning:i.default.warning,danger:i.default.danger,info:i.default.info},l={xs:i.default.xs,sm:i.default.sm,md:i.default.md,lg:i.default.lg},u={none:i.default.radiusNone,xs:i.default.radiusXs,sm:i.default.radiusSm,md:i.default.radiusMd,lg:i.default.radiusLg,xl:i.default.radiusXl,"2xl":i.default.radius2xl,pill:i.default.radiusPill},d={0:i.default.gap0,1:i.default.gap1,2:i.default.gap2,3:i.default.gap3,4:i.default.gap4,5:i.default.gap5,6:i.default.gap6,8:i.default.gap8,10:i.default.gap10,12:i.default.gap12,16:i.default.gap16,20:i.default.gap20,24:i.default.gap24},f={xs:`sm`,sm:`sm`,md:`md`,lg:`lg`},p=(0,a.createContext)(null),m=({iconOnly:d=!1,variant:m,tone:h,size:g,radius:_,disabled:v,loading:y=!1,loadingText:b,loadingLabel:x,fullWidth:S,compact:C=!1,startIcon:w,endIcon:T,children:E,className:D,href:O,as:k,type:A,ref:j,onClick:M,"aria-disabled":N,"aria-busy":P,...F})=>{let I=e.useMessages(),L=x??I.button.loading,R=(0,a.useContext)(p),z=m??R?.variant??`solid`,B=h??R?.tone??`primary`,V=g??R?.size??`md`,H=_??R?.radius,U=v??R?.disabled??!1,W=N===!0||N===`true`,G=!d&&(S??R?.fullWidth??!1),K=U||W||y,q=y&&!d&&b!=null,J=t.cx(i.default.root,s[z],c[B],l[V],H?u[H]:i.default.radiusDefault,d&&i.default.iconOnly,C&&!d&&i.default.compact,G&&i.default.fullWidth,!K&&i.default.interactive,y&&i.default.loading,(U||W)&&i.default.disabled,D),Y=(0,a.useRef)(y);(0,a.useEffect)(()=>{y&&!Y.current&&n.announce(typeof b==`string`?b:L),Y.current=y},[y,b,L]);let X=e=>{if(K){e.preventDefault(),e.stopPropagation();return}M?.(e)},Z=(0,o.jsxs)(`span`,{className:i.default.inner,children:[(0,o.jsx)(`span`,{className:i.default.content,"aria-hidden":q?!0:void 0,children:d?(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:E}):(0,o.jsxs)(o.Fragment,{children:[w!=null&&(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:w}),E!=null&&(0,o.jsx)(`span`,{className:i.default.label,children:E}),T!=null&&(0,o.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:T})]})}),y&&(0,o.jsxs)(`span`,{className:i.default.loadingLayer,children:[(0,o.jsx)(r.Spinner,{decorative:!0,size:f[V],className:i.default.spinner}),q&&(0,o.jsx)(`span`,{className:i.default.label,children:b})]})]});if(k!==void 0){if(K){let{to:e,href:t,...n}=F;return(0,o.jsx)(`a`,{...n,ref:j,className:J,role:`link`,"aria-disabled":!0,"aria-busy":y?!0:P,onClick:X,children:Z})}return(0,o.jsx)(k,{...F,ref:j,className:J,type:A,"aria-disabled":N,"aria-busy":P,onClick:X,children:Z})}return O===void 0?(0,o.jsx)(`button`,{...F,ref:j,type:A??`button`,className:J,disabled:U,"aria-disabled":y?!0:N,"aria-busy":y?!0:P,onClick:X,children:Z}):(0,o.jsx)(`a`,{...F,ref:j,className:J,href:K?void 0:O,type:A,role:K?`link`:F.role,"aria-disabled":K?!0:N,"aria-busy":y?!0:P,onClick:X,children:Z})};function h(e){return(0,o.jsx)(m,{...e})}function g(e){return(0,o.jsx)(m,{...e,iconOnly:!0})}var _=({attached:e=!1,orientation:n=`horizontal`,gap:r=2,size:s,variant:c,tone:l,radius:u,disabled:f,fullWidth:m,className:h,children:g,..._})=>{let v=(0,a.useMemo)(()=>({size:s,variant:c,tone:l,radius:u,disabled:f,fullWidth:m}),[s,c,l,u,f,m]),y=n===`vertical`;return(0,o.jsx)(`div`,{role:`group`,"data-orientation":n,..._,className:t.cx(i.default.group,y&&i.default.groupVertical,e?y?i.default.attachedVertical:i.default.attachedHorizontal:d[r],e&&i.default.attached,m&&i.default.groupFullWidth,h),children:(0,o.jsx)(p.Provider,{value:v,children:g})})};exports.Button=h,exports.ButtonGroup=_,exports.IconButton=g;
|
|
@@ -54,21 +54,21 @@ var p = {
|
|
|
54
54
|
sm: "sm",
|
|
55
55
|
md: "md",
|
|
56
56
|
lg: "lg"
|
|
57
|
-
}, y = a(null), b = ({ iconOnly: a = !1, variant: c, tone: _, size: b, radius: x, disabled: S, loading: C = !1, loadingText: w, loadingLabel: T, fullWidth: ee, compact:
|
|
58
|
-
let
|
|
57
|
+
}, y = a(null), b = ({ iconOnly: a = !1, variant: c, tone: _, size: b, radius: x, disabled: S, loading: C = !1, loadingText: w, loadingLabel: T, fullWidth: ee, compact: te = !1, startIcon: E, endIcon: D, children: O, className: k, href: A, as: j, type: M, ref: N, onClick: P, "aria-disabled": F, "aria-busy": I, ...L }) => {
|
|
58
|
+
let R = e(), z = T ?? R.button.loading, B = o(y), V = c ?? B?.variant ?? "solid", H = _ ?? B?.tone ?? "primary", U = b ?? B?.size ?? "md", W = x ?? B?.radius, G = S ?? B?.disabled ?? !1, K = F === !0 || F === "true", q = !a && (ee ?? B?.fullWidth ?? !1), J = G || K || C, Y = C && !a && w != null, X = t(i.root, p[V], m[H], h[U], W ? g[W] : i.radiusDefault, a && i.iconOnly, te && !a && i.compact, q && i.fullWidth, !J && i.interactive, C && i.loading, (G || K) && i.disabled, k), Z = l(C);
|
|
59
59
|
s(() => {
|
|
60
|
-
C && !Z.current && n(typeof w == "string" ? w :
|
|
60
|
+
C && !Z.current && n(typeof w == "string" ? w : z), Z.current = C;
|
|
61
61
|
}, [
|
|
62
62
|
C,
|
|
63
63
|
w,
|
|
64
|
-
|
|
64
|
+
z
|
|
65
65
|
]);
|
|
66
66
|
let Q = (e) => {
|
|
67
67
|
if (J) {
|
|
68
68
|
e.preventDefault(), e.stopPropagation();
|
|
69
69
|
return;
|
|
70
70
|
}
|
|
71
|
-
|
|
71
|
+
P?.(e);
|
|
72
72
|
}, $ = /* @__PURE__ */ f("span", {
|
|
73
73
|
className: i.inner,
|
|
74
74
|
children: [/* @__PURE__ */ d("span", {
|
|
@@ -77,28 +77,28 @@ var p = {
|
|
|
77
77
|
children: a ? /* @__PURE__ */ d("span", {
|
|
78
78
|
className: i.icon,
|
|
79
79
|
"aria-hidden": "true",
|
|
80
|
-
children:
|
|
80
|
+
children: O
|
|
81
81
|
}) : /* @__PURE__ */ f(u, { children: [
|
|
82
|
-
|
|
82
|
+
E != null && /* @__PURE__ */ d("span", {
|
|
83
83
|
className: i.icon,
|
|
84
84
|
"aria-hidden": "true",
|
|
85
|
-
children:
|
|
85
|
+
children: E
|
|
86
86
|
}),
|
|
87
|
-
|
|
87
|
+
O != null && /* @__PURE__ */ d("span", {
|
|
88
88
|
className: i.label,
|
|
89
|
-
children:
|
|
89
|
+
children: O
|
|
90
90
|
}),
|
|
91
|
-
|
|
91
|
+
D != null && /* @__PURE__ */ d("span", {
|
|
92
92
|
className: i.icon,
|
|
93
93
|
"aria-hidden": "true",
|
|
94
|
-
children:
|
|
94
|
+
children: D
|
|
95
95
|
})
|
|
96
96
|
] })
|
|
97
97
|
}), C && /* @__PURE__ */ f("span", {
|
|
98
98
|
className: i.loadingLayer,
|
|
99
99
|
children: [/* @__PURE__ */ d(r, {
|
|
100
100
|
decorative: !0,
|
|
101
|
-
size: v[
|
|
101
|
+
size: v[U],
|
|
102
102
|
className: i.spinner
|
|
103
103
|
}), Y && /* @__PURE__ */ d("span", {
|
|
104
104
|
className: i.label,
|
|
@@ -106,50 +106,50 @@ var p = {
|
|
|
106
106
|
})]
|
|
107
107
|
})]
|
|
108
108
|
});
|
|
109
|
-
if (
|
|
109
|
+
if (j !== void 0) {
|
|
110
110
|
if (J) {
|
|
111
|
-
let { to: e, href: t, ...n } =
|
|
111
|
+
let { to: e, href: t, ...n } = L;
|
|
112
112
|
return /* @__PURE__ */ d("a", {
|
|
113
113
|
...n,
|
|
114
|
-
ref:
|
|
114
|
+
ref: N,
|
|
115
115
|
className: X,
|
|
116
116
|
role: "link",
|
|
117
117
|
"aria-disabled": !0,
|
|
118
|
-
"aria-busy": C ? !0 :
|
|
118
|
+
"aria-busy": C ? !0 : I,
|
|
119
119
|
onClick: Q,
|
|
120
120
|
children: $
|
|
121
121
|
});
|
|
122
122
|
}
|
|
123
|
-
return /* @__PURE__ */ d(
|
|
124
|
-
...
|
|
125
|
-
ref:
|
|
123
|
+
return /* @__PURE__ */ d(j, {
|
|
124
|
+
...L,
|
|
125
|
+
ref: N,
|
|
126
126
|
className: X,
|
|
127
|
-
type:
|
|
128
|
-
"aria-disabled":
|
|
129
|
-
"aria-busy":
|
|
127
|
+
type: M,
|
|
128
|
+
"aria-disabled": F,
|
|
129
|
+
"aria-busy": I,
|
|
130
130
|
onClick: Q,
|
|
131
131
|
children: $
|
|
132
132
|
});
|
|
133
133
|
}
|
|
134
|
-
return
|
|
135
|
-
...
|
|
136
|
-
ref:
|
|
137
|
-
type:
|
|
134
|
+
return A === void 0 ? /* @__PURE__ */ d("button", {
|
|
135
|
+
...L,
|
|
136
|
+
ref: N,
|
|
137
|
+
type: M ?? "button",
|
|
138
138
|
className: X,
|
|
139
|
-
disabled:
|
|
140
|
-
"aria-disabled": C ? !0 :
|
|
141
|
-
"aria-busy": C ? !0 :
|
|
139
|
+
disabled: G,
|
|
140
|
+
"aria-disabled": C ? !0 : F,
|
|
141
|
+
"aria-busy": C ? !0 : I,
|
|
142
142
|
onClick: Q,
|
|
143
143
|
children: $
|
|
144
144
|
}) : /* @__PURE__ */ d("a", {
|
|
145
|
-
...
|
|
146
|
-
ref:
|
|
145
|
+
...L,
|
|
146
|
+
ref: N,
|
|
147
147
|
className: X,
|
|
148
|
-
href: J ? void 0 :
|
|
149
|
-
type:
|
|
150
|
-
role: J ? "link" :
|
|
151
|
-
"aria-disabled": J ? !0 :
|
|
152
|
-
"aria-busy": C ? !0 :
|
|
148
|
+
href: J ? void 0 : A,
|
|
149
|
+
type: M,
|
|
150
|
+
role: J ? "link" : L.role,
|
|
151
|
+
"aria-disabled": J ? !0 : F,
|
|
152
|
+
"aria-busy": C ? !0 : I,
|
|
153
153
|
onClick: Q,
|
|
154
154
|
children: $
|
|
155
155
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`
|
|
1
|
+
var e=`_root_sa02l_2`,t={root:e};exports.default=t,exports.root=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/brandPalette.cjs.js"),n=require("./Theme.module.css.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=globalThis.process?.env?.NODE_ENV!==`production`,o=[`black`,`blue`,`gold`,`green`,`purple`],s=e=>o.includes(e),c=[`brand`,`
|
|
1
|
+
const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/brandPalette.cjs.js"),n=require("./Theme.module.css.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=globalThis.process?.env?.NODE_ENV!==`production`,o=[`black`,`blue`,`gold`,`green`,`purple`],s=e=>o.includes(e),c=[`brand`,`lime`],l=`volt`,u=e=>c.includes(e),d=(0,r.createContext)({});function f(){return(0,r.useContext)(d)}function p(e,t){if(!(e===void 0||t(e)))return typeof e==`string`?e:`${e.light}|${e.dark}`}function m(e){let[n,r]=e.split(`|`);return r===void 0?t.isHexColor(n)?n:null:t.isHexColor(n)&&t.isHexColor(r)?{light:n,dark:r}:null}var h=({brand:o,accent:c,mode:f,fill:h=!1,className:g,style:_,...v})=>{let y=(0,r.useContext)(d),b=c===l?`lime`:c;(0,r.useEffect)(()=>{a&&c===l&&console.warn(`[Theme] accent "volt" is now called "lime". "volt" still works; switch to "lime" when convenient.`)},[c]);let x=p(o,s),S=(0,r.useMemo)(()=>{if(x===void 0)return;let e=m(x);return e===null?null:t.createBrandPalette(e)},[x]),C=(0,r.useMemo)(()=>S?t.brandPaletteVars(S):void 0,[S]),w=p(b,u),T=(0,r.useMemo)(()=>{if(w===void 0)return;let e=m(w);return e===null?null:t.createAccentPalette(e)},[w]),E=(0,r.useMemo)(()=>T?t.accentPaletteVars(T):void 0,[T]);(0,r.useEffect)(()=>{if(a){S===null&&console.error(`[Theme] brand "${x}" is not a preset or a hex color (#rgb or #rrggbb); it is ignored.`);for(let{mode:e,requested:t,used:n}of S?.adjustments??[])console.warn(`[Theme] brand ${t} doesn't meet WCAG AA contrast in ${e} mode; using ${n} instead.`);T===null&&console.error(`[Theme] accent "${w}" is not "brand", "lime", or a hex color (#rgb or #rrggbb); it is ignored.`);for(let{mode:e,requested:t,used:n}of T?.adjustments??[])console.warn(`[Theme] accent ${t} is too dark for dark text in ${e} mode; using ${n} instead.`)}},[S,x,T,w]);let D=s(o)?o:C?`custom`:void 0,O=u(b)?b:E?`custom`:void 0,k=D??y.brand,A=D?C:y.brandVars,j=O??y.accent,M=O?E:y.accentVars,N=f??y.mode,P=(0,r.useMemo)(()=>({brand:k,mode:N,brandVars:A,accent:j,accentVars:M}),[k,N,A,j,M]),F=C||E?{...C,...E}:void 0;return(0,i.jsx)(d.Provider,{value:P,children:(0,i.jsx)(`div`,{...v,"data-brand":D,"data-accent":O,"data-theme":f,className:e.cx(n.default.root,h&&n.default.fill,g),style:F?{...F,..._}:_})})};exports.Theme=h,exports.useTheme=f;
|
|
@@ -9,10 +9,10 @@ import { BrandColor } from '../../../utils/brandPalette';
|
|
|
9
9
|
export type ThemeBrand = "black" | "blue" | "gold" | "green" | "purple";
|
|
10
10
|
/**
|
|
11
11
|
* Accent preset. `brand` (the default) is a bright shade of the brand's own
|
|
12
|
-
* hue (blue gets a sky blue); `
|
|
13
|
-
* every brand.
|
|
12
|
+
* hue (blue gets a sky blue); `lime` is the original bright yellow-green, the
|
|
13
|
+
* same in every brand.
|
|
14
14
|
*/
|
|
15
|
-
export type ThemeAccent = "brand" | "
|
|
15
|
+
export type ThemeAccent = "brand" | "lime";
|
|
16
16
|
/** Light or dark color mode. */
|
|
17
17
|
export type ThemeMode = "light" | "dark";
|
|
18
18
|
/** The brand, accent, and mode set by the nearest `Theme` wrappers (unset: inherited from the page). */
|
|
@@ -51,7 +51,7 @@ export interface ThemeProps extends ComponentPropsWithRef<"div"> {
|
|
|
51
51
|
* sliders, steppers, and active navigation. Leave unset to inherit; with no
|
|
52
52
|
* accent set anywhere, each brand uses its own (a bright shade of its hue).
|
|
53
53
|
*
|
|
54
|
-
* `"
|
|
54
|
+
* `"lime"` for the original bright yellow-green, `"brand"` to go back to the
|
|
55
55
|
* brand's own inside an area with another accent, or any hex color for a
|
|
56
56
|
* custom accent. Accents always carry dark text, so a color too dark for
|
|
57
57
|
* that is lightened (same hue), with a console warning in development. An
|
|
@@ -74,6 +74,6 @@ export interface ThemeProps extends ComponentPropsWithRef<"div"> {
|
|
|
74
74
|
* on a light page). Overlays opened inside (Popover, Menu, Modal, Tooltip,
|
|
75
75
|
* Toast, ...) render elsewhere in the page but keep this theme. For the whole
|
|
76
76
|
* page you can instead set the attributes on `<html>`:
|
|
77
|
-
* `<html data-theme="dark" data-brand="purple" data-accent="
|
|
77
|
+
* `<html data-theme="dark" data-brand="purple" data-accent="lime">`.
|
|
78
78
|
*/
|
|
79
|
-
export declare const Theme: ({ brand, accent, mode, fill, className, style, ...rest }: ThemeProps) => import("react").JSX.Element;
|
|
79
|
+
export declare const Theme: ({ brand, accent: accentProp, mode, fill, className, style, ...rest }: ThemeProps) => import("react").JSX.Element;
|
|
@@ -10,73 +10,77 @@ var f = globalThis.process?.env?.NODE_ENV !== "production", p = [
|
|
|
10
10
|
"gold",
|
|
11
11
|
"green",
|
|
12
12
|
"purple"
|
|
13
|
-
], m = (e) => p.includes(e), h = ["brand", "
|
|
14
|
-
function
|
|
15
|
-
return c(
|
|
13
|
+
], m = (e) => p.includes(e), h = ["brand", "lime"], g = "volt", _ = (e) => h.includes(e), v = s({});
|
|
14
|
+
function y() {
|
|
15
|
+
return c(v);
|
|
16
16
|
}
|
|
17
|
-
function
|
|
17
|
+
function b(e, t) {
|
|
18
18
|
if (!(e === void 0 || t(e))) return typeof e == "string" ? e : `${e.light}|${e.dark}`;
|
|
19
19
|
}
|
|
20
|
-
function
|
|
20
|
+
function x(e) {
|
|
21
21
|
let [t, n] = e.split("|");
|
|
22
22
|
return n === void 0 ? a(t) ? t : null : a(t) && a(n) ? {
|
|
23
23
|
light: t,
|
|
24
24
|
dark: n
|
|
25
25
|
} : null;
|
|
26
26
|
}
|
|
27
|
-
var
|
|
28
|
-
let
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
var S = ({ brand: a, accent: s, mode: p, fill: h = !1, className: y, style: S, ...C }) => {
|
|
28
|
+
let w = c(v), T = s === g ? "lime" : s;
|
|
29
|
+
l(() => {
|
|
30
|
+
f && s === g && console.warn("[Theme] accent \"volt\" is now called \"lime\". \"volt\" still works; switch to \"lime\" when convenient.");
|
|
31
|
+
}, [s]);
|
|
32
|
+
let E = b(a, m), D = u(() => {
|
|
33
|
+
if (E === void 0) return;
|
|
34
|
+
let e = x(E);
|
|
31
35
|
return e === null ? null : i(e);
|
|
32
|
-
}, [
|
|
33
|
-
if (
|
|
34
|
-
let e =
|
|
36
|
+
}, [E]), O = u(() => D ? n(D) : void 0, [D]), k = b(T, _), A = u(() => {
|
|
37
|
+
if (k === void 0) return;
|
|
38
|
+
let e = x(k);
|
|
35
39
|
return e === null ? null : r(e);
|
|
36
|
-
}, [
|
|
40
|
+
}, [k]), j = u(() => A ? t(A) : void 0, [A]);
|
|
37
41
|
l(() => {
|
|
38
42
|
if (f) {
|
|
39
|
-
|
|
40
|
-
for (let { mode: e, requested: t, used: n } of
|
|
41
|
-
|
|
42
|
-
for (let { mode: e, requested: t, used: n } of
|
|
43
|
+
D === null && console.error(`[Theme] brand "${E}" is not a preset or a hex color (#rgb or #rrggbb); it is ignored.`);
|
|
44
|
+
for (let { mode: e, requested: t, used: n } of D?.adjustments ?? []) console.warn(`[Theme] brand ${t} doesn't meet WCAG AA contrast in ${e} mode; using ${n} instead.`);
|
|
45
|
+
A === null && console.error(`[Theme] accent "${k}" is not "brand", "lime", or a hex color (#rgb or #rrggbb); it is ignored.`);
|
|
46
|
+
for (let { mode: e, requested: t, used: n } of A?.adjustments ?? []) console.warn(`[Theme] accent ${t} is too dark for dark text in ${e} mode; using ${n} instead.`);
|
|
43
47
|
}
|
|
44
48
|
}, [
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
+
D,
|
|
50
|
+
E,
|
|
51
|
+
A,
|
|
52
|
+
k
|
|
49
53
|
]);
|
|
50
|
-
let
|
|
51
|
-
brand:
|
|
52
|
-
mode:
|
|
53
|
-
brandVars:
|
|
54
|
-
accent:
|
|
55
|
-
accentVars:
|
|
54
|
+
let M = m(a) ? a : O ? "custom" : void 0, N = _(T) ? T : j ? "custom" : void 0, P = M ?? w.brand, F = M ? O : w.brandVars, I = N ?? w.accent, L = N ? j : w.accentVars, R = p ?? w.mode, z = u(() => ({
|
|
55
|
+
brand: P,
|
|
56
|
+
mode: R,
|
|
57
|
+
brandVars: F,
|
|
58
|
+
accent: I,
|
|
59
|
+
accentVars: L
|
|
56
60
|
}), [
|
|
57
|
-
M,
|
|
58
|
-
I,
|
|
59
|
-
N,
|
|
60
61
|
P,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
62
|
+
R,
|
|
63
|
+
F,
|
|
64
|
+
I,
|
|
65
|
+
L
|
|
66
|
+
]), B = O || j ? {
|
|
67
|
+
...O,
|
|
68
|
+
...j
|
|
65
69
|
} : void 0;
|
|
66
|
-
return /* @__PURE__ */ d(
|
|
67
|
-
value:
|
|
70
|
+
return /* @__PURE__ */ d(v.Provider, {
|
|
71
|
+
value: z,
|
|
68
72
|
children: /* @__PURE__ */ d("div", {
|
|
69
|
-
...
|
|
70
|
-
"data-brand":
|
|
71
|
-
"data-accent":
|
|
73
|
+
...C,
|
|
74
|
+
"data-brand": M,
|
|
75
|
+
"data-accent": N,
|
|
72
76
|
"data-theme": p,
|
|
73
|
-
className: e(o.root, h && o.fill,
|
|
74
|
-
style:
|
|
75
|
-
...
|
|
76
|
-
...
|
|
77
|
-
} :
|
|
77
|
+
className: e(o.root, h && o.fill, y),
|
|
78
|
+
style: B ? {
|
|
79
|
+
...B,
|
|
80
|
+
...S
|
|
81
|
+
} : S
|
|
78
82
|
})
|
|
79
83
|
});
|
|
80
84
|
};
|
|
81
85
|
//#endregion
|
|
82
|
-
export {
|
|
86
|
+
export { S as Theme, y as useTheme };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../components/utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../utils/validators.cjs.js");let n=require("react");var r=`input:not([type="hidden"]):not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable="true"]`,i=e=>e.getClientRects().length>0,a=e=>e instanceof HTMLElement&&e.matches(r)&&i(e)&&!(e instanceof HTMLInputElement&&e.type===`hidden`);function o(e,t){for(let n=e.parentElement,r=0;n&&n!==t&&r<6;n=n.parentElement,r++){let e=new Set(Array.from(n.querySelectorAll(`input[type="hidden"][name]`)).map(e=>e.name));if(e.size===1)return[...e][0];if(e.size>1)return}}function s(e,t){return e.name||o(e,t)||e.id||void 0}function c(e,t){let n=Array.from(t.querySelectorAll(`[name="${CSS.escape(e)}"]`)),i=n.find(a);if(i)return i;for(let e of n)for(let n=e.parentElement,i=0;n&&n!==t&&i<6;n=n.parentElement,i++){let e=Array.from(n.querySelectorAll(r)).find(a);if(e)return e}let o=t.querySelector(`#${CSS.escape(e)}`);return o&&a(o)?o:void 0}function l(e){let t={};return new FormData(e).forEach((e,n)=>{let r=t[n];t[n]=r===void 0?e:Array.isArray(r)?[...r,e]:[r,e]}),t}function u(e,n,r){let i=e instanceof HTMLInputElement&&e.type===`email`&&e.value&&!e.multiple&&!t.isEmail(e.value.trim()),a=e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement?e:void 0,o=a?a.value.length:0,s=a&&o>0&&a.minLength>0&&o<a.minLength?n.tooShort(a.minLength):a&&a.maxLength>=0&&o>a.maxLength?n.tooLong(a.maxLength):void 0,c=e.validity;if(c.valid&&!i&&!s)return;if(c.customError)return e.validationMessage;if(c.valueMissing)return n.required;let l=e instanceof HTMLInputElement?e:void 0;if(c.typeMismatch||i)return l?.type===`email`?n.email:l?.type===`url`?n.url:n.invalid;if(c.badInput)return l?.type===`number`?n.number:n.invalid;if(c.patternMismatch)return l?.title||n.pattern;if(s)return s;let u=e=>l&&(l.type===`number`||l.type===`range`)&&e!==``&&!Number.isNaN(Number(e))?new Intl.NumberFormat(r).format(Number(e)):e;return c.rangeUnderflow&&l?n.min(u(l.min)):c.rangeOverflow&&l?n.max(u(l.max)):c.stepMismatch?n.step:n.invalid}var d=(e,t)=>e.length===t.length&&e.every((e,n)=>e.name===t[n].name&&e.message===t[n].message&&e.source===t[n].source);function f(e,t){if(!t)return e;let n=e=>{let n=c(e.name,t);return n?Array.from(t.querySelectorAll(`*`)).indexOf(n):2**53-1},r=new Map(e.map(e=>[e,n(e)]));return[...e].sort((e,t)=>r.get(e)-r.get(t))}function p(t={}){let{rules:r={},onValid:i,focusOnError:a=!0}=t,{messages:o,locale:p}=e.useLocale(),m=(0,n.useRef)(null),h=(0,n.useRef)(null),[g,_]=(0,n.useState)([]),[v,y]=(0,n.useState)(0),[b,x]=(0,n.useState)(!1),[S,C]=(0,n.useState)(0),w=(0,n.useRef)({rules:r,onValid:i,messages:o.validation,locale:p});w.current={rules:r,onValid:i,messages:o.validation,locale:p};let T=(0,n.useCallback)((e,t,n)=>({name:e,message:t,source:n,get id(){let t=m.current;return t&&c(e,t)?.id||void 0},focus:()=>{let t=m.current;(t&&c(e,t))?.focus()}}),[]),E=(0,n.useCallback)(e=>{let t=m.current,n=new Map;if(!t)return n;let{rules:r,messages:i,locale:a}=w.current,o=t=>!e||e.includes(t);for(let e of Array.from(t.elements)){if(!(`validity`in e)||!e.willValidate||e.disabled)continue;let r=s(e,t);if(!r||!o(r)||n.has(r))continue;let c=u(e,i,a);c&&n.set(r,c)}let c=l(t);for(let[e,t]of Object.entries(r))if(o(e)&&!n.has(e))for(let r of Array.isArray(t)?t:[t]){let t=r(c[e],{name:e,values:c,messages:i});if(t){n.set(e,t);break}}return n},[]),D=(0,n.useCallback)((e,t,{onlyClear:n=!1}={})=>{_(r=>{let i=e=>!t||t.includes(e),a=[];for(let
|
|
1
|
+
const e=require("../components/utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../utils/validators.cjs.js");let n=require("react");var r=`input:not([type="hidden"]):not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable="true"]`,i=e=>e.getClientRects().length>0,a=e=>e instanceof HTMLElement&&e.matches(r)&&i(e)&&!(e instanceof HTMLInputElement&&e.type===`hidden`);function o(e,t){for(let n=e.parentElement,r=0;n&&n!==t&&r<6;n=n.parentElement,r++){let e=new Set(Array.from(n.querySelectorAll(`input[type="hidden"][name]`)).map(e=>e.name));if(e.size===1)return[...e][0];if(e.size>1)return}}function s(e,t){return e.name||o(e,t)||e.id||void 0}function c(e,t){let n=Array.from(t.querySelectorAll(`[name="${CSS.escape(e)}"]`)),i=n.find(a);if(i)return i;for(let e of n)for(let n=e.parentElement,i=0;n&&n!==t&&i<6;n=n.parentElement,i++){let e=Array.from(n.querySelectorAll(r)).find(a);if(e)return e}let o=t.querySelector(`#${CSS.escape(e)}`);return o&&a(o)?o:void 0}function l(e){let t={};return new FormData(e).forEach((e,n)=>{let r=t[n];t[n]=r===void 0?e:Array.isArray(r)?[...r,e]:[r,e]}),t}function u(e,n,r){let i=e instanceof HTMLInputElement&&e.type===`email`&&e.value&&!e.multiple&&!t.isEmail(e.value.trim()),a=e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement?e:void 0,o=a?a.value.length:0,s=a&&o>0&&a.minLength>0&&o<a.minLength?n.tooShort(a.minLength):a&&a.maxLength>=0&&o>a.maxLength?n.tooLong(a.maxLength):void 0,c=e.validity;if(c.valid&&!i&&!s)return;if(c.customError)return e.validationMessage;if(c.valueMissing)return n.required;let l=e instanceof HTMLInputElement?e:void 0;if(c.typeMismatch||i)return l?.type===`email`?n.email:l?.type===`url`?n.url:n.invalid;if(c.badInput)return l?.type===`number`?n.number:n.invalid;if(c.patternMismatch)return l?.title||n.pattern;if(s)return s;let u=e=>l&&(l.type===`number`||l.type===`range`)&&e!==``&&!Number.isNaN(Number(e))?new Intl.NumberFormat(r).format(Number(e)):e;return c.rangeUnderflow&&l?n.min(u(l.min)):c.rangeOverflow&&l?n.max(u(l.max)):c.stepMismatch?n.step:n.invalid}var d=(e,t)=>e.length===t.length&&e.every((e,n)=>e.name===t[n].name&&e.message===t[n].message&&e.source===t[n].source);function f(e,t){if(!t)return e;let n=e=>{let n=c(e.name,t);return n?Array.from(t.querySelectorAll(`*`)).indexOf(n):2**53-1},r=new Map(e.map(e=>[e,n(e)]));return[...e].sort((e,t)=>r.get(e)-r.get(t))}function p(t={}){let{rules:r={},onValid:i,focusOnError:a=!0}=t,{messages:o,locale:p}=e.useLocale(),m=(0,n.useRef)(null),h=(0,n.useRef)(null),[g,_]=(0,n.useState)([]),[v,y]=(0,n.useState)(0),[b,x]=(0,n.useState)(!1),[S,C]=(0,n.useState)(0),w=(0,n.useRef)({rules:r,onValid:i,messages:o.validation,locale:p});w.current={rules:r,onValid:i,messages:o.validation,locale:p};let T=(0,n.useCallback)((e,t,n)=>({name:e,message:t,source:n,get id(){let t=m.current;return t&&c(e,t)?.id||void 0},focus:()=>{let t=m.current;(t&&c(e,t))?.focus()}}),[]),E=(0,n.useCallback)(e=>{let t=m.current,n=new Map;if(!t)return n;let{rules:r,messages:i,locale:a}=w.current,o=t=>!e||e.includes(t);for(let e of Array.from(t.elements)){if(!(`validity`in e)||!e.willValidate||e.disabled)continue;let r=s(e,t);if(!r||!o(r)||n.has(r))continue;let c=u(e,i,a);c&&n.set(r,c)}let c=l(t);for(let[e,t]of Object.entries(r))if(o(e)&&!n.has(e))for(let r of Array.isArray(t)?t:[t]){let t=r(c[e],{name:e,values:c,messages:i});if(t){n.set(e,t);break}}return n},[]),D=(0,n.useCallback)((e,t,{onlyClear:n=!1}={})=>{_(r=>{let i=e=>!t||t.includes(e),a=[];for(let o of r)i(o.name)?n?e.has(o.name)&&a.push(o):t&&o.source===`server`&&!e.has(o.name)&&a.push(o):a.push(o);if(!n)for(let[t,n]of e)a.push(T(t,n,`client`));let o=f(a,m.current);return d(r,o)?r:o})},[T]),O=(0,n.useCallback)(e=>{let t=E(e);return D(t,e),t.size===0},[E,D]),k=(0,n.useCallback)(e=>{let t=Object.entries(e).filter(([,e])=>e);t.length&&(_(n=>f([...n.filter(t=>!(t.name in e)),...t.map(([e,t])=>T(e,t,`server`))],m.current)),a&&C(e=>e+1))},[T,a]),A=(0,n.useCallback)(e=>{_(t=>e?t.filter(t=>!e.includes(t.name)):[])},[]),j=(0,n.useCallback)(()=>m.current?l(m.current):{},[]);(0,n.useEffect)(()=>{S&&a&&(h.current&&h.current.isConnected?h.current.focus():g[0]?.focus())},[S]);let M=(0,n.useCallback)(e=>{y(e=>e+1);let t=E();if(D(t),t.size>0){e.preventDefault(),a&&C(e=>e+1);return}let n=w.current.onValid;if(!n)return;e.preventDefault();let r=n(l(e.currentTarget),e);r&&typeof r.then==`function`?(x(!0),r.then(e=>{e&&k(e)}).finally(()=>x(!1))):r&&k(r)},[E,D,k,a]),N=e=>{let t=m.current,n=e.target;if(t&&v!==0&&n instanceof Element)return s(n,t)},P=e=>{if(e.target instanceof HTMLSelectElement)return;let t=N(e);t&&(_(e=>e.some(e=>e.name===t&&e.source===`server`)?e.filter(e=>e.name!==t||e.source!==`server`):e),D(E([t]),[t],{onlyClear:!0}))},F=e=>{let t=N(e);if(!t)return;let n=g.filter(e=>e.source===`client`).map(e=>e.name),r=Array.from(new Set([t,...n]));D(E(r),r)},I=(0,n.useMemo)(()=>Object.fromEntries(g.map(e=>[e.name,e.message])),[g]);return{formProps:{ref:e=>{m.current=e},noValidate:!0,onSubmit:M,onInput:P,onChange:e=>{let t=e.target;t instanceof HTMLTextAreaElement||t instanceof HTMLInputElement&&![`checkbox`,`radio`,`file`].includes(t.type)||F(e)},onBlur:F},formRef:m,errors:I,errorList:g,summaryRef:h,isSubmitting:b,submitCount:v,validate:O,setErrors:k,clearErrors:A,getValues:j}}exports.useFormValidation=p;
|
|
@@ -104,7 +104,7 @@ function _(t = {}) {
|
|
|
104
104
|
}, []), j = n((e, t, { onlyClear: n = !1 } = {}) => {
|
|
105
105
|
x((r) => {
|
|
106
106
|
let i = (e) => !t || t.includes(e), a = [];
|
|
107
|
-
for (let
|
|
107
|
+
for (let o of r) i(o.name) ? n ? e.has(o.name) && a.push(o) : t && o.source === "server" && !e.has(o.name) && a.push(o) : a.push(o);
|
|
108
108
|
if (!n) for (let [t, n] of e) a.push(k(t, n, "client"));
|
|
109
109
|
let o = g(a, v.current);
|
|
110
110
|
return h(r, o) ? r : o;
|