@purpurds/toggle 4.1.0 → 4.1.1
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 +292 -292
- 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.0
|
|
2
|
+
Version: 4.1.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.0
|
|
9
|
+
Version: 4.1.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.0
|
|
16
|
+
Version: 4.1.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"),c=require("react");require("react-dom");function te(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react/jsx-runtime"),c=require("react");require("react-dom");function te(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var z={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="",a=0;a<arguments.length;a++){var u=arguments[a];u&&(t=s(t,o.call(this,u)))}return t}function o(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 a="";for(var u in t)n.call(t,u)&&t[u]&&(a=s(a,this&&this[u]||u));return a}function s(t,a){return a?t?t+" "+a:t+a:t}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(z);var re=z.exports;const ne=te(re),oe={"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"},ae={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"},ce=ne.bind(oe),B="purpur-icon",se="md",ue=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"}],o=n?`<title>${n}</title>`:"";return`<svg ${ue(r)}>${o}${e}</svg>`},le=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),pe=({["data-testid"]:e,svg:n,allyTitle:r,className:o="",size:s=se,...t})=>{const a=ie({content:le(n.svg),title:r}),u=ce(o,B,`${B}--${s}`);return $.jsx("span",{"aria-label":r,className:u,"data-testid":e,dangerouslySetInnerHTML:{__html:a},...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 o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},N.apply(this,arguments)}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 o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},k.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=c.forwardRef((e,n)=>{const{children:r,...o}=e,s=c.Children.toArray(r),t=s.find(he);if(t){const a=t.props.children,u=s.map(i=>i===t?c.Children.count(a)>1?c.Children.only(null):c.isValidElement(a)?a.props.children:null:i);return c.createElement(M,k({},o,{ref:n}),c.isValidElement(a)?c.cloneElement(a,void 0,u):null)}return c.createElement(M,k({},o,{ref:n}),r)});I.displayName="Slot";const M=c.forwardRef((e,n)=>{const{children:r,...o}=e;return c.isValidElement(r)?c.cloneElement(r,{...be(o,r.props),ref:n?fe(n,r.ref):r.ref}):c.Children.count(r)>1?c.Children.only(null):null});M.displayName="SlotClone";const ge=({children:e})=>c.createElement(c.Fragment,null,e);function he(e){return c.isValidElement(e)&&e.type===ge}function be(e,n){const r={...n};for(const o in n){const s=e[o],t=n[o];/^on[A-Z]/.test(o)?s&&t?r[o]=(...a)=>{t(...a),s(...a)}:s&&(r[o]=s):o==="style"?r[o]={...s,...t}:o==="className"&&(r[o]=[s,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=c.forwardRef((o,s)=>{const{asChild:t,...a}=o,u=t?I:n;return c.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),c.createElement(u,k({},a,{ref:s}))});return r.displayName=`Primitive.${n}`,{...e,[n]:r}},{}),ve=c.forwardRef((e,n)=>c.createElement(_e.label,N({},e,{ref:n,onMouseDown:r=>{var o;(o=e.onMouseDown)===null||o===void 0||o.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="",a=0;a<arguments.length;a++){var u=arguments[a];u&&(t=s(t,o(u)))}return t}function o(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 a="";for(var u in t)n.call(t,u)&&t[u]&&(a=s(a,u));return a}function s(t,a){return a?t?t+" "+a:t+a:t}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(F);var we=F.exports;const xe=ye(we),T={"purpur-label":"_purpur-label_1jub8_1","purpur-label--disabled":"_purpur-label--disabled_1jub8_9"},V="purpur-label",Se=({children:e,className:n,htmlFor:r,"data-testid":o,disabled:s,...t})=>{const a=xe([n,T[V],{[T[`${V}--disabled`]]:s}]);return $.jsx($e,{className:a,"data-testid":o,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="",a=0;a<arguments.length;a++){var u=arguments[a];u&&(t=s(t,o(u)))}return t}function o(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 a="";for(var u in t)n.call(t,u)&&t[u]&&(a=s(a,u));return a}function s(t,a){return a?t?t+" "+a:t+a:t}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(U);var ke=U.exports;const Pe=Ee(ke),j={"purpur-paragraph":"_purpur-paragraph_5wbko_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_5wbko_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_5wbko_10","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_5wbko_13","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_5wbko_19","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_5wbko_26","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_5wbko_33","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_5wbko_39","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_5wbko_45","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_5wbko_51","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_5wbko_57","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_5wbko_64","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_5wbko_72"},Ce={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"},O="purpur-paragraph",je=({["data-testid"]:e,children:n,className:r="",disabled:o,enableHyphenation:s=!1,variant:t=Ce.PARAGRAPH100,...a})=>{const u=Pe([r,j[O],j[`${O}--${t}`],{[j[`${O}--hyphens`]]:s,[j[`${O}--disabled`]]:o}]);return $.jsx("p",{...a,className:u,"data-testid":e,children:n})};function P(){return P=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},P.apply(this,arguments)}function Oe(e,n,{checkForDefaultPrevented:r=!0}={}){return function(s){if(e==null||e(s),r===!1||!s.defaultPrevented)return n==null?void 0:n(s)}}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 c.useCallback(W(...e),e)}function De(e,n=[]){let r=[];function o(t,a){const u=c.createContext(a),i=r.length;r=[...r,a];function l(p){const{scope:d,children:_,...g}=p,h=(d==null?void 0:d[e][i])||u,f=c.useMemo(()=>g,Object.values(g));return c.createElement(h.Provider,{value:f},_)}function b(p,d){const _=(d==null?void 0:d[e][i])||u,g=c.useContext(_);if(g)return g;if(a!==void 0)return a;throw new Error(`\`${p}\` must be used within \`${t}\``)}return l.displayName=t+"Provider",[l,b]}const s=()=>{const t=r.map(a=>c.createContext(a));return function(u){const i=(u==null?void 0:u[e])||t;return c.useMemo(()=>({[`__scope${e}`]:{...u,[e]:i}}),[u,i])}};return s.scopeName=e,[o,Ne(s,...n)]}function Ne(...e){const n=e[0];if(e.length===1)return n;const r=()=>{const o=e.map(s=>({useScope:s(),scopeName:s.scopeName}));return function(t){const a=o.reduce((u,{useScope:i,scopeName:l})=>{const p=i(t)[`__scope${l}`];return{...u,...p}},{});return c.useMemo(()=>({[`__scope${n.scopeName}`]:a}),[a])}};return r.scopeName=n.scopeName,r}function G(e){const n=c.useRef(e);return c.useEffect(()=>{n.current=e}),c.useMemo(()=>(...r)=>{var o;return(o=n.current)===null||o===void 0?void 0:o.call(n,...r)},[])}function Me({prop:e,defaultProp:n,onChange:r=()=>{}}){const[o,s]=He({defaultProp:n,onChange:r}),t=e!==void 0,a=t?e:o,u=G(r),i=c.useCallback(l=>{if(t){const p=typeof l=="function"?l(e):l;p!==e&&u(p)}else s(l)},[t,e,s,u]);return[a,i]}function He({defaultProp:e,onChange:n}){const r=c.useState(e),[o]=r,s=c.useRef(o),t=G(n);return c.useEffect(()=>{s.current!==o&&(t(o),s.current=o)},[o,s,t]),r}function Le(e){const n=c.useRef({value:e,previous:e});return c.useMemo(()=>(n.current.value!==e&&(n.current.previous=n.current.value,n.current.value=e),n.current.previous),[e])}const Xe=globalThis!=null&&globalThis.document?c.useLayoutEffect:()=>{};function Be(e){const[n,r]=c.useState(void 0);return Xe(()=>{if(e){r({width:e.offsetWidth,height:e.offsetHeight});const o=new ResizeObserver(s=>{if(!Array.isArray(s)||!s.length)return;const t=s[0];let a,u;if("borderBoxSize"in t){const i=t.borderBoxSize,l=Array.isArray(i)?i[0]:i;a=l.inlineSize,u=l.blockSize}else a=e.offsetWidth,u=e.offsetHeight;r({width:a,height:u})});return o.observe(e,{box:"border-box"}),()=>o.unobserve(e)}else r(void 0)},[e]),n}function C(){return C=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},C.apply(this,arguments)}const Z=c.forwardRef((e,n)=>{const{children:r,...o}=e,s=c.Children.toArray(r),t=s.find(Ve);if(t){const a=t.props.children,u=s.map(i=>i===t?c.Children.count(a)>1?c.Children.only(null):c.isValidElement(a)?a.props.children:null:i);return c.createElement(H,C({},o,{ref:n}),c.isValidElement(a)?c.cloneElement(a,void 0,u):null)}return c.createElement(H,C({},o,{ref:n}),r)});Z.displayName="Slot";const H=c.forwardRef((e,n)=>{const{children:r,...o}=e;return c.isValidElement(r)?c.cloneElement(r,{...qe(o,r.props),ref:n?W(n,r.ref):r.ref}):c.Children.count(r)>1?c.Children.only(null):null});H.displayName="SlotClone";const Te=({children:e})=>c.createElement(c.Fragment,null,e);function Ve(e){return c.isValidElement(e)&&e.type===Te}function qe(e,n){const r={...n};for(const o in n){const s=e[o],t=n[o];/^on[A-Z]/.test(o)?s&&t?r[o]=(...u)=>{t(...u),s(...u)}:s&&(r[o]=s):o==="style"?r[o]={...s,...t}:o==="className"&&(r[o]=[s,t].filter(Boolean).join(" "))}return{...e,...r}}const ze=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],J=ze.reduce((e,n)=>{const r=c.forwardRef((o,s)=>{const{asChild:t,...a}=o,u=t?Z:n;return c.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),c.createElement(u,C({},a,{ref:s}))});return r.displayName=`Primitive.${n}`,{...e,[n]:r}},{}),K="Switch",[Ie,ot]=De(K),[Fe,Ue]=Ie(K),We=c.forwardRef((e,n)=>{const{__scopeSwitch:r,name:o,checked:s,defaultChecked:t,required:a,disabled:u,value:i="on",onCheckedChange:l,...b}=e,[p,d]=c.useState(null),_=Ae(n,v=>d(v)),g=c.useRef(!1),h=p?!!p.closest("form"):!0,[f=!1,m]=Me({prop:s,defaultProp:t,onChange:l});return c.createElement(Fe,{scope:r,checked:f,disabled:u},c.createElement(J.button,P({type:"button",role:"switch","aria-checked":f,"aria-required":a,"data-state":Q(f),"data-disabled":u?"":void 0,disabled:u,value:i},b,{ref:_,onClick:Oe(e.onClick,v=>{m(x=>!x),h&&(g.current=v.isPropagationStopped(),g.current||v.stopPropagation())})})),h&&c.createElement(Je,{control:p,bubbles:!g.current,name:o,value:i,checked:f,required:a,disabled:u,style:{transform:"translateX(-100%)"}}))}),Ge="SwitchThumb",Ze=c.forwardRef((e,n)=>{const{__scopeSwitch:r,...o}=e,s=Ue(Ge,r);return c.createElement(J.span,P({"data-state":Q(s.checked),"data-disabled":s.disabled?"":void 0},o,{ref:n}))}),Je=e=>{const{control:n,checked:r,bubbles:o=!0,...s}=e,t=c.useRef(null),a=Le(r),u=Be(n);return c.useEffect(()=>{const i=t.current,l=window.HTMLInputElement.prototype,p=Object.getOwnPropertyDescriptor(l,"checked").set;if(a!==r&&p){const d=new Event("click",{bubbles:o});p.call(i,r),i.dispatchEvent(d)}},[a,r,o]),c.createElement("input",P({type:"checkbox","aria-hidden":!0,defaultChecked:r},s,{tabIndex:-1,ref:t,style:{...e.style,...u,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="",a=0;a<arguments.length;a++){var u=arguments[a];u&&(t=s(t,o(u)))}return t}function o(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 a="";for(var u in t)n.call(t,u)&&t[u]&&(a=s(a,u));return a}function s(t,a){return a?t?t+" "+a:t+a: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"},q=e=>e&&"touches"in e,tt=({children:e,disabled:n,onStart:r,onDrag:o,onStop:s,bounds:t,position:a,style:u})=>{const[i,l]=c.useState(void 0),[b,p]=c.useState(void 0),[d,_]=c.useState(!1),g=m=>{if(!n){m.preventDefault();const v=q(m.nativeEvent)?m.nativeEvent.touches[0].clientX:m.nativeEvent.clientX;p(v),r==null||r()}},h=c.useCallback(m=>{if(typeof b!="number")return;const x=(q(m)?m.touches[0].clientX:m.clientX)-b;if(!x)return;const S=a+x;!d&&Math.abs(S)&&_(!0);const R=S>t.right?t.right:S<t.left?t.left:S;l(R),o==null||o({x:R})},[o,l,d,b]),f=c.useCallback(()=>{p(void 0),l(void 0),_(!1),s==null||s()},[s,p]);return c.useEffect(()=>(window.addEventListener("mousemove",h),window.addEventListener("touchmove",h),()=>{window.removeEventListener("mousemove",h),window.removeEventListener("touchmove",h)}),[h]),c.useEffect(()=>(window.addEventListener("mouseup",f),window.addEventListener("touchend",f),()=>{window.removeEventListener("mouseup",f),window.removeEventListener("touchend",f)}),[f]),c.isValidElement(e)?c.cloneElement(c.Children.only(e),{onMouseDown:g,onTouchStart:g,style:{...u,transform:`translateX(${d?i:a}px)`}}):null},rt=({checked:e,onChange:n})=>{var L,X;const r=c.useRef(null),o=c.useRef(null),[s,t]=c.useState(void 0),[a,u]=c.useState(!1),[i,l]=c.useState(0),[b,p]=c.useState(0),[d,_]=c.useState(0);c.useLayoutEffect(()=>{var E,A;p(((E=o.current)==null?void 0:E.clientHeight)||0),_(((A=r.current)==null?void 0:A.clientHeight)||0)},[(L=o.current)==null?void 0:L.clientHeight,(X=r.current)==null?void 0:X.clientHeight]);const g=(d||0)-b,h=b+g,f=g/2,m=h/2,v=typeof s=="number"&&(e?s<m:s>m);return{trackRef:r,thumbRef:o,isDragging:a,bounds:{left:f,right:h},position:e?h:f,onDrag:({x:E})=>{t(E),Math.abs((e?h:f)-E)>2&&u(!0)},onStop:()=>{u(!1),a&&l(Date.now()),v&&(n==null||n(!e))},onChangeWithDrag:()=>{Date.now()-i>50&&(n==null||n(!e)),t(void 0)}}},w="purpur-toggle",nt=({["data-testid"]:e,className:n,label:r,onChange:o,labelPosition:s="right",checked:t,disableDrag:a,defaultChecked:u,...i},l)=>{const[b,p]=c.useState(typeof t=="boolean"?t:!!u),d=!!(typeof t=="boolean"?t:b),{thumbRef:_,trackRef:g,isDragging:h,onChangeWithDrag:f,...m}=rt({checked:d,onChange:x=>{i.disabled||(o==null||o(x),p(x))}}),v=()=>$.jsx(Se,{htmlFor:i.id,"data-testid":e&&`${e}-label`,disabled:i.disabled,className:D(y[`${w}__label`],y[`${w}__label--${s}`]),children:$.jsx(je,{variant:"paragraph-100",disabled:i.disabled,children:r})});return $.jsxs("div",{className:D([n,y[`${w}__container`]]),children:[r&&s==="left"&&v(),$.jsx(Ke,{...i,ref:l,id:i.id,"data-testid":e,className:y[w],onCheckedChange:f,checked:d,children:$.jsxs("span",{ref:g,className:y[`${w}__track`],children:[$.jsx("span",{className:y[`${w}__checkmark-container`],children:$.jsx(pe,{className:y[`${w}__checkmark`],svg:ae,size:"xxs"})}),$.jsx(tt,{disabled:a,...m,children:$.jsx(Qe,{ref:_,"data-testid":e&&`${e}-thumb`,className:D([y[`${w}__thumb`],{[y[`${w}__thumb--dragging`]]:h}])})})]})}),r&&s==="right"&&v()]})},ee=c.forwardRef(nt);ee.displayName="Toggle";exports.Toggle=ee;
|
|
18
18
|
//# sourceMappingURL=toggle.cjs.js.map
|