@vacano/ui 1.15.2 → 1.15.3
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 +1 -1
- package/dist/ToggleGroup-C3ReF8j7.cjs +1302 -0
- package/dist/ToggleGroup-C3ReF8j7.cjs.map +1 -0
- package/dist/{ToggleGroup-C44x4Sx1.js → ToggleGroup-TWO3UOqH.js} +1229 -1174
- package/dist/ToggleGroup-TWO3UOqH.js.map +1 -0
- package/dist/form.cjs +1 -1
- package/dist/form.d.ts +1 -0
- package/dist/form.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -2
- package/package.json +1 -1
- package/dist/ToggleGroup-C44x4Sx1.js.map +0 -1
- package/dist/ToggleGroup-COFNoVg9.cjs +0 -1294
- package/dist/ToggleGroup-COFNoVg9.cjs.map +0 -1
package/dist/form.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./X-CI1qRJDP.cjs"),u=require("react-hook-form"),g=require("./ToggleGroup-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./X-CI1qRJDP.cjs"),u=require("react-hook-form"),g=require("./ToggleGroup-C3ReF8j7.cjs"),m=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var C;const n=l.errors[r],c=(n==null?void 0:n.message)??((C=n==null?void 0:n.value)==null?void 0:C.message),o=c?"error":"normal";return a.jsx(g.Autocomplete,{...s,value:e.value,onChange:e.onChange,variant:o,message:c})}}),h=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.Checkbox,{...s,checked:e.value??!1,onChange:e.onChange,variant:c})}}),x=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.CheckboxCard,{...s,checked:e.value??!1,onChange:e.onChange,variant:c})}}),v=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.CheckboxGroup,{...s,value:e.value??[],onChange:e.onChange,variant:c})}}),j=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.DatePicker,{...s,value:e.value,onChange:e.onChange,variant:c,message:n})}}),F=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.Input,{...s,value:e.value,onChange:e.onChange,variant:c,message:n})}}),d=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.MultiSelect,{...s,value:e.value??[],onChange:e.onChange,variant:c,message:n})}}),i=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.OtpCode,{...s,value:e.value??"",onChange:e.onChange,variant:c,message:n})}}),p=({control:t,name:r,value:s,...l})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:e,field:n})=>{var C;const o=((C=e.errors[r])==null?void 0:C.message)?"error":"normal";return a.jsx(g.Radio,{...l,value:s,checked:n.value===s,onChange:n.onChange,variant:o})}}),k=({control:t,name:r,value:s,...l})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:e,field:n})=>{var C;const o=((C=e.errors[r])==null?void 0:C.message)?"error":"normal";return a.jsx(g.RadioCard,{...l,value:s,checked:n.value===s,onChange:n.onChange,variant:o})}}),T=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.RadioGroup,{...s,name:r,value:e.value??null,onChange:e.onChange,variant:c})}}),b=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.Select,{...s,value:e.value,onChange:e.onChange,variant:c,message:n})}}),G=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.Tags,{...s,value:e.value??[],onChange:e.onChange,variant:c,message:n})}}),R=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.Textarea,{...s,value:e.value,onChange:e.onChange,variant:c,message:n})}}),S=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.Toggle,{...s,checked:e.value??!1,onChange:e.onChange,variant:c})}}),M=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.ToggleCard,{...s,checked:e.value??!1,onChange:e.onChange,variant:c})}}),O=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.ToggleGroup,{...s,value:e.value??[],onChange:e.onChange,variant:c})}});exports.FormAutocomplete=m;exports.FormCheckbox=h;exports.FormCheckboxCard=x;exports.FormCheckboxGroup=v;exports.FormDatePicker=j;exports.FormInput=F;exports.FormMultiSelect=d;exports.FormOtpCode=i;exports.FormRadio=p;exports.FormRadioCard=k;exports.FormRadioGroup=T;exports.FormSelect=b;exports.FormTags=G;exports.FormTextarea=R;exports.FormToggle=S;exports.FormToggleCard=M;exports.FormToggleGroup=O;
|
|
2
2
|
//# sourceMappingURL=form.cjs.map
|
package/dist/form.d.ts
CHANGED
package/dist/form.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as s } from "./X-DAuAfjix.js";
|
|
2
2
|
import { Controller as u } from "react-hook-form";
|
|
3
|
-
import { A as m, C, a as h, b as v, D as d, I as p, M as F, O as i, R as k, c as T, d as x, S as b, T as R, e as G, f as S, g as A, h as D } from "./ToggleGroup-
|
|
3
|
+
import { A as m, C, a as h, b as v, D as d, I as p, M as F, O as i, R as k, c as T, d as x, S as b, T as R, e as G, f as S, g as A, h as D } from "./ToggleGroup-TWO3UOqH.js";
|
|
4
4
|
const j = ({
|
|
5
5
|
control: t,
|
|
6
6
|
name: r,
|
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./keyboard-D8zOi0jU.cjs"),H=require("./index-GSZAZ6Cz.cjs"),l=require("./X-CI1qRJDP.cjs"),B=require("@emotion/react"),u=require("react"),d=require("./ToggleGroup-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./keyboard-D8zOi0jU.cjs"),H=require("./index-GSZAZ6Cz.cjs"),l=require("./X-CI1qRJDP.cjs"),B=require("@emotion/react"),u=require("react"),d=require("./ToggleGroup-C3ReF8j7.cjs"),C=require("./tooling-Dflq0Y98.cjs"),De=require("react-dom"),Le=require("./CircleX-BzaN6v37.cjs"),jt=B.css`
|
|
2
2
|
*,
|
|
3
3
|
*::before,
|
|
4
4
|
*::after {
|
package/dist/index.d.ts
CHANGED
|
@@ -61,7 +61,7 @@ export declare type AlertVariant = 'normal' | 'success' | 'warning' | 'danger';
|
|
|
61
61
|
|
|
62
62
|
export declare const alpha: (hexColor: string, percentage: number) => string;
|
|
63
63
|
|
|
64
|
-
export declare const Autocomplete: ({ className, classnames, disabled, fullWidth, label, ref, message, size, variant, value, onChange, onSearch, debounceMs, minChars, noResultsMessage, ...rest }: AutocompleteProps) => JSX.Element;
|
|
64
|
+
export declare const Autocomplete: ({ className, classnames, disabled, fullWidth, label, ref, message, portalRenderNode, size, variant, value, onChange, onSearch, debounceMs, minChars, noResultsMessage, ...rest }: AutocompleteProps) => JSX.Element;
|
|
65
65
|
|
|
66
66
|
export declare type AutocompleteClassNames = {
|
|
67
67
|
input?: string;
|
|
@@ -82,6 +82,7 @@ export declare type AutocompleteProps = VacanoComponentProps<HTMLInputElement, A
|
|
|
82
82
|
variant?: AutocompleteVariant;
|
|
83
83
|
noResultsMessage?: string;
|
|
84
84
|
message?: string;
|
|
85
|
+
portalRenderNode?: HTMLElement | null;
|
|
85
86
|
};
|
|
86
87
|
|
|
87
88
|
export declare type AutocompleteSuggestion = {
|
package/dist/index.js
CHANGED
|
@@ -5,8 +5,8 @@ import { b as Qd, a as ec, i as tc } from "./index-Abn5L42P.js";
|
|
|
5
5
|
import { j as a, a as m, F as Qe, X as Et, e as Xt, L as Yt } from "./X-DAuAfjix.js";
|
|
6
6
|
import { css as De, Global as Wt, keyframes as U } from "@emotion/react";
|
|
7
7
|
import { useState as L, useCallback as E, Children as Nt, isValidElement as Ge, cloneElement as Ct, useEffect as Z, createContext as Se, useContext as ke, useRef as B, useLayoutEffect as It, useReducer as Tt, useMemo as $e } from "react";
|
|
8
|
-
import { s as d, B as ve, i as Ut } from "./ToggleGroup-
|
|
9
|
-
import { A as rc, C as nc, a as ic, b as lc, j as ac, D as dc, F as cc, l as sc, I as pc, m as gc, K as uc, n as hc, M as fc, O as xc, R as bc, c as $c, d as yc, S as mc, T as vc, e as wc, f as Sc, g as kc, h as zc, k as Ec } from "./ToggleGroup-
|
|
8
|
+
import { s as d, B as ve, i as Ut } from "./ToggleGroup-TWO3UOqH.js";
|
|
9
|
+
import { A as rc, C as nc, a as ic, b as lc, j as ac, D as dc, F as cc, l as sc, I as pc, m as gc, K as uc, n as hc, M as fc, O as xc, R as bc, c as $c, d as yc, S as mc, T as vc, e as wc, f as Sc, g as kc, h as zc, k as Ec } from "./ToggleGroup-TWO3UOqH.js";
|
|
10
10
|
import { n as z } from "./tooling-YDHxmiMT.js";
|
|
11
11
|
import { createPortal as et } from "react-dom";
|
|
12
12
|
import { C as qt, a as Vt, b as Zt } from "./CircleX-RQVijA2m.js";
|