@purpurds/toggle 3.2.0 → 3.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 -4
- package/dist/toggle.cjs.js +3 -3
- package/dist/toggle.cjs.js.map +1 -1
- package/dist/toggle.es.js +33 -33
- package/dist/toggle.es.js.map +1 -1
- package/dist/toggle.system.js +4 -4
- package/dist/toggle.system.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: 3.
|
|
2
|
+
Version: 3.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: 3.
|
|
9
|
+
Version: 3.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: 3.
|
|
16
|
+
Version: 3.2.0
|
|
17
17
|
License: AGPL-3.0-only
|
|
18
18
|
Private: false
|
|
19
19
|
|
|
@@ -53,7 +53,6 @@ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
|
|
53
53
|
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
|
54
54
|
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
55
55
|
|
|
56
|
-
|
|
57
56
|
---
|
|
58
57
|
|
|
59
58
|
Name: @radix-ui/primitive
|
package/dist/toggle.cjs.js
CHANGED
|
@@ -6,13 +6,13 @@
|
|
|
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="",o=0;o<arguments.length;o++){var u=arguments[o];u&&(t=s(t,a(u)))}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 u in t)n.call(t,u)&&t[u]&&(o=s(o,u));return o}function s(t,o){return o?t?t+" "+o:t+o: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"},
|
|
9
|
+
*/(function(e){(function(){var n={}.hasOwnProperty;function r(){for(var t="",o=0;o<arguments.length;o++){var u=arguments[o];u&&(t=s(t,a(u)))}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 u in t)n.call(t,u)&&t[u]&&(o=s(o,u));return o}function s(t,o){return o?t?t+" "+o:t+o: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":a,disabled:s,...t})=>{const o=xe([n,T[V],{[T[`${V}--disabled`]]:s}]);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="",o=0;o<arguments.length;o++){var u=arguments[o];u&&(t=s(t,a(u)))}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 u in t)n.call(t,u)&&t[u]&&(o=s(o,u));return o}function s(t,o){return o?t?t+" "+o:t+o:t}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(U);var je=U.exports;const
|
|
13
|
+
*/(function(e){(function(){var n={}.hasOwnProperty;function r(){for(var t="",o=0;o<arguments.length;o++){var u=arguments[o];u&&(t=s(t,a(u)))}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 u in t)n.call(t,u)&&t[u]&&(o=s(o,u));return o}function s(t,o){return o?t?t+" "+o:t+o:t}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(U);var je=U.exports;const Pe=Ee(je),k={"purpur-paragraph":"_purpur-paragraph_hwaj6_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_hwaj6_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_hwaj6_10","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_hwaj6_13","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_hwaj6_19","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_hwaj6_26","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_hwaj6_33","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_hwaj6_39","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_hwaj6_45","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_hwaj6_51","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_hwaj6_57","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_hwaj6_64","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_hwaj6_71"},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",ke=({["data-testid"]:e,children:n,className:r="",disabled:a,enableHyphenation:s=!1,variant:t=Ce.PARAGRAPH100,...o})=>{const u=Pe([r,k[O],k[`${O}--${t}`],{[k[`${O}--hyphens`]]:s,[k[`${O}--disabled`]]:a}]);return $.jsx("p",{...o,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 a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}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 a(t,o){const u=c.createContext(o),i=r.length;r=[...r,o];function l(p){const{scope:d,children:_,...h}=p,g=(d==null?void 0:d[e][i])||u,f=c.useMemo(()=>h,Object.values(h));return c.createElement(g.Provider,{value:f},_)}function b(p,d){const _=(d==null?void 0:d[e][i])||u,h=c.useContext(_);if(h)return h;if(o!==void 0)return o;throw new Error(`\`${p}\` must be used within \`${t}\``)}return l.displayName=t+"Provider",[l,b]}const s=()=>{const t=r.map(o=>c.createContext(o));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,[a,Ne(s,...n)]}function Ne(...e){const n=e[0];if(e.length===1)return n;const r=()=>{const a=e.map(s=>({useScope:s(),scopeName:s.scopeName}));return function(t){const o=a.reduce((u,{useScope:i,scopeName:l})=>{const p=i(t)[`__scope${l}`];return{...u,...p}},{});return c.useMemo(()=>({[`__scope${n.scopeName}`]:o}),[o])}};return r.scopeName=n.scopeName,r}function G(e){const n=c.useRef(e);return c.useEffect(()=>{n.current=e}),c.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,s]=He({defaultProp:n,onChange:r}),t=e!==void 0,o=t?e:a,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[o,i]}function He({defaultProp:e,onChange:n}){const r=c.useState(e),[a]=r,s=c.useRef(a),t=G(n);return c.useEffect(()=>{s.current!==a&&(t(a),s.current=a)},[a,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 a=new ResizeObserver(s=>{if(!Array.isArray(s)||!s.length)return;const t=s[0];let o,u;if("borderBoxSize"in t){const i=t.borderBoxSize,l=Array.isArray(i)?i[0]:i;o=l.inlineSize,u=l.blockSize}else o=e.offsetWidth,u=e.offsetHeight;r({width:o,height:u})});return a.observe(e,{box:"border-box"}),()=>a.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 a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},C.apply(this,arguments)}const Z=c.forwardRef((e,n)=>{const{children:r,...a}=e,s=c.Children.toArray(r),t=s.find(Ve);if(t){const o=t.props.children,u=s.map(i=>i===t?c.Children.count(o)>1?c.Children.only(null):c.isValidElement(o)?o.props.children:null:i);return c.createElement(H,C({},a,{ref:n}),c.isValidElement(o)?c.cloneElement(o,void 0,u):null)}return c.createElement(H,C({},a,{ref:n}),r)});Z.displayName="Slot";const H=c.forwardRef((e,n)=>{const{children:r,...a}=e;return c.isValidElement(r)?c.cloneElement(r,{...qe(a,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 a in n){const s=e[a],t=n[a];/^on[A-Z]/.test(a)?s&&t?r[a]=(...u)=>{t(...u),s(...u)}:s&&(r[a]=s):a==="style"?r[a]={...s,...t}:a==="className"&&(r[a]=[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((a,s)=>{const{asChild:t,...o}=a,u=t?Z:n;return c.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),c.createElement(u,C({},o,{ref:s}))});return r.displayName=`Primitive.${n}`,{...e,[n]:r}},{}),K="Switch",[Ie,at]=De(K),[Fe,Ue]=Ie(K),We=c.forwardRef((e,n)=>{const{__scopeSwitch:r,name:a,checked:s,defaultChecked:t,required:o,disabled:u,value:i="on",onCheckedChange:l,...b}=e,[p,d]=c.useState(null),_=Ae(n,v=>d(v)),h=c.useRef(!1),g=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":o,"data-state":Q(f),"data-disabled":u?"":void 0,disabled:u,value:i},b,{ref:_,onClick:Oe(e.onClick,v=>{m(x=>!x),g&&(h.current=v.isPropagationStopped(),h.current||v.stopPropagation())})})),g&&c.createElement(Je,{control:p,bubbles:!h.current,name:a,value:i,checked:f,required:o,disabled:u,style:{transform:"translateX(-100%)"}}))}),Ge="SwitchThumb",Ze=c.forwardRef((e,n)=>{const{__scopeSwitch:r,...a}=e,s=Ue(Ge,r);return c.createElement(J.span,P({"data-state":Q(s.checked),"data-disabled":s.disabled?"":void 0},a,{ref:n}))}),Je=e=>{const{control:n,checked:r,bubbles:a=!0,...s}=e,t=c.useRef(null),o=Le(r),u=Be(n);return c.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]),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="",o=0;o<arguments.length;o++){var u=arguments[o];u&&(t=s(t,a(u)))}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 u in t)n.call(t,u)&&t[u]&&(o=s(o,u));return o}function s(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"},
|
|
17
|
+
*/(function(e){(function(){var n={}.hasOwnProperty;function r(){for(var t="",o=0;o<arguments.length;o++){var u=arguments[o];u&&(t=s(t,a(u)))}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 u in t)n.call(t,u)&&t[u]&&(o=s(o,u));return o}function s(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"},q=e=>e&&"touches"in e,tt=({children:e,disabled:n,onStart:r,onDrag:a,onStop:s,bounds:t,position:o,style:u})=>{const[i,l]=c.useState(void 0),[b,p]=c.useState(void 0),[d,_]=c.useState(!1),h=m=>{if(!n){m.preventDefault();const v=q(m.nativeEvent)?m.nativeEvent.touches[0].clientX:m.nativeEvent.clientX;p(v),r==null||r()}},g=c.useCallback(m=>{if(typeof b!="number")return;const x=(q(m)?m.touches[0].clientX:m.clientX)-b;if(!x)return;const S=o+x;!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=c.useCallback(()=>{p(void 0),l(void 0),_(!1),s==null||s()},[s,p]);return c.useEffect(()=>(window.addEventListener("mousemove",g),window.addEventListener("touchmove",g),()=>{window.removeEventListener("mousemove",g),window.removeEventListener("touchmove",g)}),[g]),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:h,onTouchStart:h,style:{...u,transform:`translateX(${d?i:o}px)`}}):null},rt=({checked:e,onChange:n})=>{var L,X;const r=c.useRef(null),a=c.useRef(null),[s,t]=c.useState(void 0),[o,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=a.current)==null?void 0:E.clientHeight)||0),_(((A=r.current)==null?void 0:A.clientHeight)||0)},[(L=a.current)==null?void 0:L.clientHeight,(X=r.current)==null?void 0:X.clientHeight]);const h=(d||0)-b,g=b+h,f=h/2,m=g/2,v=typeof s=="number"&&(e?s<m:s>m);return{trackRef:r,thumbRef:a,isDragging:o,bounds:{left:f,right:g},position:e?g:f,onDrag:({x:E})=>{t(E),Math.abs((e?g:f)-E)>2&&u(!0)},onStop:()=>{u(!1),o&&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:a,labelPosition:s="right",checked:t,disableDrag:o,defaultChecked:u,...i},l)=>{const[b,p]=c.useState(typeof t=="boolean"?t:!!u),d=!!(typeof t=="boolean"?t:b),{thumbRef:_,trackRef:h,isDragging:g,onChangeWithDrag:f,...m}=rt({checked:d,onChange:x=>{i.disabled||(a==null||a(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(ke,{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:h,className:y[`${w}__track`],children:[$.jsx("span",{className:y[`${w}__checkmark-container`],children:$.jsx(pe,{className:y[`${w}__checkmark`],svg:oe,size:"xxs"})}),$.jsx(tt,{disabled:o,...m,children:$.jsx(Qe,{ref:_,"data-testid":e&&`${e}-thumb`,className:D([y[`${w}__thumb`],{[y[`${w}__thumb--dragging`]]:g}])})})]})}),r&&s==="right"&&v()]})},ee=c.forwardRef(nt);ee.displayName="Toggle";exports.Toggle=ee;
|
|
18
18
|
//# sourceMappingURL=toggle.cjs.js.map
|