@purpurds/toggle 4.1.1 → 4.3.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/dist/LICENSE.txt +3 -3
- package/dist/toggle.cjs.js +5 -5
- package/dist/toggle.cjs.js.map +1 -1
- package/dist/toggle.es.js +109 -106
- package/dist/toggle.es.js.map +1 -1
- package/package.json +5 -5
package/dist/LICENSE.txt
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
Name: @purpurds/icon
|
|
2
|
-
Version: 4.
|
|
2
|
+
Version: 4.2.0
|
|
3
3
|
License: AGPL-3.0-only
|
|
4
4
|
Private: false
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
8
|
Name: @purpurds/label
|
|
9
|
-
Version: 4.
|
|
9
|
+
Version: 4.2.0
|
|
10
10
|
License: AGPL-3.0-only
|
|
11
11
|
Private: false
|
|
12
12
|
|
|
13
13
|
---
|
|
14
14
|
|
|
15
15
|
Name: @purpurds/paragraph
|
|
16
|
-
Version: 4.
|
|
16
|
+
Version: 4.2.0
|
|
17
17
|
License: AGPL-3.0-only
|
|
18
18
|
Private: false
|
|
19
19
|
|
package/dist/toggle.cjs.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react/jsx-runtime"),u=require("react");require("react-dom");function te(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var q={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/(function(e){(function(){var n={}.hasOwnProperty;function r(){for(var t="",
|
|
5
|
+
*/(function(e){(function(){var n={}.hasOwnProperty;function r(){for(var t="",o=0;o<arguments.length;o++){var s=arguments[o];s&&(t=c(t,a.call(this,s)))}return t}function a(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return r.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var o="";for(var s in t)n.call(t,s)&&t[s]&&(o=c(o,this&&this[s]||s));return o}function c(t,o){return o?t?t+" "+o:t+o:t}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(q);var re=q.exports;const ne=te(re),ae={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},oe={name:"checkmark-bold",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.243 4.176a2 2 0 0 1 .324 2.81l-10.45 13.176a2.092 2.092 0 0 1-3.118.18l-5.413-5.413A2 2 0 1 1 5.414 12.1l3.9 3.9 9.118-11.5a2 2 0 0 1 2.81-.324Z" clip-rule="evenodd"/></svg>',keywords:["checkmark-bold"],category:"utility"},ue=ne.bind(ae),X="purpur-icon",ce="md",se=e=>e.filter(n=>Object.keys(n).length>=1).map(n=>`${n.name}="${n.value}"`).join(" "),ie=({content:e="",title:n}={})=>{const r=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},n?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],a=n?`<title>${n}</title>`:"";return`<svg ${se(r)}>${a}${e}</svg>`},le=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),pe=({["data-testid"]:e,svg:n,allyTitle:r,className:a="",size:c=ce,...t})=>{const o=ie({content:le(n.svg),title:r}),s=ue(a,X,`${X}--${c}`);return $.jsx("span",{"aria-label":r,className:s,"data-testid":e,dangerouslySetInnerHTML:{__html:o},...t})};function N(){return N=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},N.apply(this,arguments)}function j(){return j=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},j.apply(this,arguments)}function de(e,n){typeof e=="function"?e(n):e!=null&&(e.current=n)}function fe(...e){return n=>e.forEach(r=>de(r,n))}const I=u.forwardRef((e,n)=>{const{children:r,...a}=e,c=u.Children.toArray(r),t=c.find(he);if(t){const o=t.props.children,s=c.map(i=>i===t?u.Children.count(o)>1?u.Children.only(null):u.isValidElement(o)?o.props.children:null:i);return u.createElement(M,j({},a,{ref:n}),u.isValidElement(o)?u.cloneElement(o,void 0,s):null)}return u.createElement(M,j({},a,{ref:n}),r)});I.displayName="Slot";const M=u.forwardRef((e,n)=>{const{children:r,...a}=e;return u.isValidElement(r)?u.cloneElement(r,{...be(a,r.props),ref:n?fe(n,r.ref):r.ref}):u.Children.count(r)>1?u.Children.only(null):null});M.displayName="SlotClone";const ge=({children:e})=>u.createElement(u.Fragment,null,e);function he(e){return u.isValidElement(e)&&e.type===ge}function be(e,n){const r={...n};for(const a in n){const c=e[a],t=n[a];/^on[A-Z]/.test(a)?c&&t?r[a]=(...o)=>{t(...o),c(...o)}:c&&(r[a]=c):a==="style"?r[a]={...c,...t}:a==="className"&&(r[a]=[c,t].filter(Boolean).join(" "))}return{...e,...r}}const me=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],_e=me.reduce((e,n)=>{const r=u.forwardRef((a,c)=>{const{asChild:t,...o}=a,s=t?I:n;return u.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),u.createElement(s,j({},o,{ref:c}))});return r.displayName=`Primitive.${n}`,{...e,[n]:r}},{}),ve=u.forwardRef((e,n)=>u.createElement(_e.label,N({},e,{ref:n,onMouseDown:r=>{var a;(a=e.onMouseDown)===null||a===void 0||a.call(e,r),!r.defaultPrevented&&r.detail>1&&r.preventDefault()}}))),$e=ve;function ye(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var F={exports:{}};/*!
|
|
6
6
|
Copyright (c) 2018 Jed Watson.
|
|
7
7
|
Licensed under the MIT License (MIT), see
|
|
8
8
|
http://jedwatson.github.io/classnames
|
|
9
|
-
*/(function(e){(function(){var n={}.hasOwnProperty;function r(){for(var t="",
|
|
9
|
+
*/(function(e){(function(){var n={}.hasOwnProperty;function r(){for(var t="",o=0;o<arguments.length;o++){var s=arguments[o];s&&(t=c(t,a(s)))}return t}function a(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var o="";for(var s in t)n.call(t,s)&&t[s]&&(o=c(o,s));return o}function c(t,o){return o?t?t+" "+o:t+o:t}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(F);var xe=F.exports;const we=ye(xe),B={"purpur-label":"_purpur-label_1jub8_1","purpur-label--disabled":"_purpur-label--disabled_1jub8_9"},T="purpur-label",Se=({children:e,className:n,htmlFor:r,"data-testid":a,disabled:c,...t})=>{const o=we([n,B[T],{[B[`${T}--disabled`]]:c}]);return $.jsx($e,{className:o,"data-testid":a,htmlFor:r,...t,children:e})};function Ee(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var U={exports:{}};/*!
|
|
10
10
|
Copyright (c) 2018 Jed Watson.
|
|
11
11
|
Licensed under the MIT License (MIT), see
|
|
12
12
|
http://jedwatson.github.io/classnames
|
|
13
|
-
*/(function(e){(function(){var n={}.hasOwnProperty;function r(){for(var t="",
|
|
13
|
+
*/(function(e){(function(){var n={}.hasOwnProperty;function r(){for(var t="",o=0;o<arguments.length;o++){var s=arguments[o];s&&(t=c(t,a(s)))}return t}function a(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var o="";for(var s in t)n.call(t,s)&&t[s]&&(o=c(o,s));return o}function c(t,o){return o?t?t+" "+o:t+o:t}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(U);var Pe=U.exports;const Ce=Ee(Pe),P={"purpur-paragraph":"_purpur-paragraph_15yuz_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_15yuz_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_15yuz_10","purpur-paragraph--negative":"_purpur-paragraph--negative_15yuz_13","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_15yuz_16","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_15yuz_22","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_15yuz_29","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_15yuz_36","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_15yuz_42","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_15yuz_48","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_15yuz_54","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_15yuz_60","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_15yuz_67","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_15yuz_75"},je={PARAGRAPH100:"paragraph-100",PARAGRAPH100MEDIUM:"paragraph-100-medium",PARAGRAPH100BOLD:"paragraph-100-bold",PARAGRAPH200:"paragraph-200",PREAMBLE100:"preamble-100",PREAMBLE200:"preamble-200",ADDITIONAL100:"additional-100",ADDITIONAL100MEDIUM:"additional-100-medium",OVERLINE100:"overline-100",OVERLINE200:"overline-200"},C="purpur-paragraph",ke=({["data-testid"]:e,children:n,className:r="",disabled:a,enableHyphenation:c=!1,negative:t=!1,variant:o=je.PARAGRAPH100,...s})=>{const i=Ce([r,P[C],P[`${C}--${o}`],{[P[`${C}--hyphens`]]:c,[P[`${C}--disabled`]]:a,[P[`${C}--negative`]]:t}]);return $.jsx("p",{...s,className:i,"data-testid":e,children:n})};function k(){return k=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},k.apply(this,arguments)}function Oe(e,n,{checkForDefaultPrevented:r=!0}={}){return function(c){if(e==null||e(c),r===!1||!c.defaultPrevented)return n==null?void 0:n(c)}}function Re(e,n){typeof e=="function"?e(n):e!=null&&(e.current=n)}function W(...e){return n=>e.forEach(r=>Re(r,n))}function Ae(...e){return u.useCallback(W(...e),e)}function De(e,n=[]){let r=[];function a(t,o){const s=u.createContext(o),i=r.length;r=[...r,o];function l(p){const{scope:d,children:_,...g}=p,h=(d==null?void 0:d[e][i])||s,f=u.useMemo(()=>g,Object.values(g));return u.createElement(h.Provider,{value:f},_)}function b(p,d){const _=(d==null?void 0:d[e][i])||s,g=u.useContext(_);if(g)return g;if(o!==void 0)return o;throw new Error(`\`${p}\` must be used within \`${t}\``)}return l.displayName=t+"Provider",[l,b]}const c=()=>{const t=r.map(o=>u.createContext(o));return function(s){const i=(s==null?void 0:s[e])||t;return u.useMemo(()=>({[`__scope${e}`]:{...s,[e]:i}}),[s,i])}};return c.scopeName=e,[a,Ne(c,...n)]}function Ne(...e){const n=e[0];if(e.length===1)return n;const r=()=>{const a=e.map(c=>({useScope:c(),scopeName:c.scopeName}));return function(t){const o=a.reduce((s,{useScope:i,scopeName:l})=>{const p=i(t)[`__scope${l}`];return{...s,...p}},{});return u.useMemo(()=>({[`__scope${n.scopeName}`]:o}),[o])}};return r.scopeName=n.scopeName,r}function G(e){const n=u.useRef(e);return u.useEffect(()=>{n.current=e}),u.useMemo(()=>(...r)=>{var a;return(a=n.current)===null||a===void 0?void 0:a.call(n,...r)},[])}function Me({prop:e,defaultProp:n,onChange:r=()=>{}}){const[a,c]=ze({defaultProp:n,onChange:r}),t=e!==void 0,o=t?e:a,s=G(r),i=u.useCallback(l=>{if(t){const p=typeof l=="function"?l(e):l;p!==e&&s(p)}else c(l)},[t,e,c,s]);return[o,i]}function ze({defaultProp:e,onChange:n}){const r=u.useState(e),[a]=r,c=u.useRef(a),t=G(n);return u.useEffect(()=>{c.current!==a&&(t(a),c.current=a)},[a,c,t]),r}function He(e){const n=u.useRef({value:e,previous:e});return u.useMemo(()=>(n.current.value!==e&&(n.current.previous=n.current.value,n.current.value=e),n.current.previous),[e])}const Le=globalThis!=null&&globalThis.document?u.useLayoutEffect:()=>{};function Xe(e){const[n,r]=u.useState(void 0);return Le(()=>{if(e){r({width:e.offsetWidth,height:e.offsetHeight});const a=new ResizeObserver(c=>{if(!Array.isArray(c)||!c.length)return;const t=c[0];let o,s;if("borderBoxSize"in t){const i=t.borderBoxSize,l=Array.isArray(i)?i[0]:i;o=l.inlineSize,s=l.blockSize}else o=e.offsetWidth,s=e.offsetHeight;r({width:o,height:s})});return a.observe(e,{box:"border-box"}),()=>a.unobserve(e)}else r(void 0)},[e]),n}function O(){return O=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},O.apply(this,arguments)}const Z=u.forwardRef((e,n)=>{const{children:r,...a}=e,c=u.Children.toArray(r),t=c.find(Te);if(t){const o=t.props.children,s=c.map(i=>i===t?u.Children.count(o)>1?u.Children.only(null):u.isValidElement(o)?o.props.children:null:i);return u.createElement(z,O({},a,{ref:n}),u.isValidElement(o)?u.cloneElement(o,void 0,s):null)}return u.createElement(z,O({},a,{ref:n}),r)});Z.displayName="Slot";const z=u.forwardRef((e,n)=>{const{children:r,...a}=e;return u.isValidElement(r)?u.cloneElement(r,{...Ve(a,r.props),ref:n?W(n,r.ref):r.ref}):u.Children.count(r)>1?u.Children.only(null):null});z.displayName="SlotClone";const Be=({children:e})=>u.createElement(u.Fragment,null,e);function Te(e){return u.isValidElement(e)&&e.type===Be}function Ve(e,n){const r={...n};for(const a in n){const c=e[a],t=n[a];/^on[A-Z]/.test(a)?c&&t?r[a]=(...s)=>{t(...s),c(...s)}:c&&(r[a]=c):a==="style"?r[a]={...c,...t}:a==="className"&&(r[a]=[c,t].filter(Boolean).join(" "))}return{...e,...r}}const qe=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],J=qe.reduce((e,n)=>{const r=u.forwardRef((a,c)=>{const{asChild:t,...o}=a,s=t?Z:n;return u.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),u.createElement(s,O({},o,{ref:c}))});return r.displayName=`Primitive.${n}`,{...e,[n]:r}},{}),K="Switch",[Ie,at]=De(K),[Fe,Ue]=Ie(K),We=u.forwardRef((e,n)=>{const{__scopeSwitch:r,name:a,checked:c,defaultChecked:t,required:o,disabled:s,value:i="on",onCheckedChange:l,...b}=e,[p,d]=u.useState(null),_=Ae(n,v=>d(v)),g=u.useRef(!1),h=p?!!p.closest("form"):!0,[f=!1,m]=Me({prop:c,defaultProp:t,onChange:l});return u.createElement(Fe,{scope:r,checked:f,disabled:s},u.createElement(J.button,k({type:"button",role:"switch","aria-checked":f,"aria-required":o,"data-state":Q(f),"data-disabled":s?"":void 0,disabled:s,value:i},b,{ref:_,onClick:Oe(e.onClick,v=>{m(w=>!w),h&&(g.current=v.isPropagationStopped(),g.current||v.stopPropagation())})})),h&&u.createElement(Je,{control:p,bubbles:!g.current,name:a,value:i,checked:f,required:o,disabled:s,style:{transform:"translateX(-100%)"}}))}),Ge="SwitchThumb",Ze=u.forwardRef((e,n)=>{const{__scopeSwitch:r,...a}=e,c=Ue(Ge,r);return u.createElement(J.span,k({"data-state":Q(c.checked),"data-disabled":c.disabled?"":void 0},a,{ref:n}))}),Je=e=>{const{control:n,checked:r,bubbles:a=!0,...c}=e,t=u.useRef(null),o=He(r),s=Xe(n);return u.useEffect(()=>{const i=t.current,l=window.HTMLInputElement.prototype,p=Object.getOwnPropertyDescriptor(l,"checked").set;if(o!==r&&p){const d=new Event("click",{bubbles:a});p.call(i,r),i.dispatchEvent(d)}},[o,r,a]),u.createElement("input",k({type:"checkbox","aria-hidden":!0,defaultChecked:r},c,{tabIndex:-1,ref:t,style:{...e.style,...s,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function Q(e){return e?"checked":"unchecked"}const Ke=We,Qe=Ze;function Ye(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Y={exports:{}};/*!
|
|
14
14
|
Copyright (c) 2018 Jed Watson.
|
|
15
15
|
Licensed under the MIT License (MIT), see
|
|
16
16
|
http://jedwatson.github.io/classnames
|
|
17
|
-
*/(function(e){(function(){var n={}.hasOwnProperty;function r(){for(var t="",
|
|
17
|
+
*/(function(e){(function(){var n={}.hasOwnProperty;function r(){for(var t="",o=0;o<arguments.length;o++){var s=arguments[o];s&&(t=c(t,a(s)))}return t}function a(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var o="";for(var s in t)n.call(t,s)&&t[s]&&(o=c(o,s));return o}function c(t,o){return o?t?t+" "+o:t+o:t}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(Y);var et=Y.exports;const D=Ye(et),y={"purpur-toggle":"_purpur-toggle_1xng6_1","purpur-toggle__track":"_purpur-toggle__track_1xng6_7","purpur-toggle__checkmark-container":"_purpur-toggle__checkmark-container_1xng6_45","purpur-toggle__thumb":"_purpur-toggle__thumb_1xng6_60","purpur-toggle__thumb--dragging":"_purpur-toggle__thumb--dragging_1xng6_80","purpur-toggle__checkmark":"_purpur-toggle__checkmark_1xng6_45","purpur-toggle__label--right":"_purpur-toggle__label--right_1xng6_100","purpur-toggle__label--left":"_purpur-toggle__label--left_1xng6_103","purpur-toggle__container":"_purpur-toggle__container_1xng6_106"},V=e=>e&&"touches"in e,tt=({children:e,disabled:n,onStart:r,onDrag:a,onStop:c,bounds:t,position:o,style:s})=>{const[i,l]=u.useState(void 0),[b,p]=u.useState(void 0),[d,_]=u.useState(!1),g=m=>{if(!n){m.preventDefault();const v=V(m.nativeEvent)?m.nativeEvent.touches[0].clientX:m.nativeEvent.clientX;p(v),r==null||r()}},h=u.useCallback(m=>{if(typeof b!="number")return;const w=(V(m)?m.touches[0].clientX:m.clientX)-b;if(!w)return;const S=o+w;!d&&Math.abs(S)&&_(!0);const R=S>t.right?t.right:S<t.left?t.left:S;l(R),a==null||a({x:R})},[a,l,d,b]),f=u.useCallback(()=>{p(void 0),l(void 0),_(!1),c==null||c()},[c,p]);return u.useEffect(()=>(window.addEventListener("mousemove",h),window.addEventListener("touchmove",h),()=>{window.removeEventListener("mousemove",h),window.removeEventListener("touchmove",h)}),[h]),u.useEffect(()=>(window.addEventListener("mouseup",f),window.addEventListener("touchend",f),()=>{window.removeEventListener("mouseup",f),window.removeEventListener("touchend",f)}),[f]),u.isValidElement(e)?u.cloneElement(u.Children.only(e),{onMouseDown:g,onTouchStart:g,style:{...s,transform:`translateX(${d?i:o}px)`}}):null},rt=({checked:e,onChange:n})=>{var H,L;const r=u.useRef(null),a=u.useRef(null),[c,t]=u.useState(void 0),[o,s]=u.useState(!1),[i,l]=u.useState(0),[b,p]=u.useState(0),[d,_]=u.useState(0);u.useLayoutEffect(()=>{var E,A;p(((E=a.current)==null?void 0:E.clientHeight)||0),_(((A=r.current)==null?void 0:A.clientHeight)||0)},[(H=a.current)==null?void 0:H.clientHeight,(L=r.current)==null?void 0:L.clientHeight]);const g=(d||0)-b,h=b+g,f=g/2,m=h/2,v=typeof c=="number"&&(e?c<m:c>m);return{trackRef:r,thumbRef:a,isDragging:o,bounds:{left:f,right:h},position:e?h:f,onDrag:({x:E})=>{t(E),Math.abs((e?h:f)-E)>2&&s(!0)},onStop:()=>{s(!1),o&&l(Date.now()),v&&(n==null||n(!e))},onChangeWithDrag:()=>{Date.now()-i>50&&(n==null||n(!e)),t(void 0)}}},x="purpur-toggle",nt=({["data-testid"]:e,className:n,label:r,onChange:a,labelPosition:c="right",checked:t,disableDrag:o,defaultChecked:s,...i},l)=>{const[b,p]=u.useState(typeof t=="boolean"?t:!!s),d=!!(typeof t=="boolean"?t:b),{thumbRef:_,trackRef:g,isDragging:h,onChangeWithDrag:f,...m}=rt({checked:d,onChange:w=>{i.disabled||(a==null||a(w),p(w))}}),v=()=>$.jsx(Se,{htmlFor:i.id,"data-testid":e&&`${e}-label`,disabled:i.disabled,className:D(y[`${x}__label`],y[`${x}__label--${c}`]),children:$.jsx(ke,{variant:"paragraph-100",disabled:i.disabled,children:r})});return $.jsxs("div",{className:D([n,y[`${x}__container`]]),children:[r&&c==="left"&&v(),$.jsx(Ke,{...i,ref:l,id:i.id,"data-testid":e,className:y[x],onCheckedChange:f,checked:d,children:$.jsxs("span",{ref:g,className:y[`${x}__track`],children:[$.jsx("span",{className:y[`${x}__checkmark-container`],children:$.jsx(pe,{className:y[`${x}__checkmark`],svg:oe,size:"xxs"})}),$.jsx(tt,{disabled:o,...m,children:$.jsx(Qe,{ref:_,"data-testid":e&&`${e}-thumb`,className:D([y[`${x}__thumb`],{[y[`${x}__thumb--dragging`]]:h}])})})]})}),r&&c==="right"&&v()]})},ee=u.forwardRef(nt);ee.displayName="Toggle";exports.Toggle=ee;
|
|
18
18
|
//# sourceMappingURL=toggle.cjs.js.map
|