@adam-milo/ui 1.0.23 → 1.0.25
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/index.cjs +1 -1
- package/dist/index.js +20 -9
- package/dist/index10.cjs +1 -1
- package/dist/index10.js +53 -59
- package/dist/index11.cjs +1 -1
- package/dist/index11.js +50 -104
- package/dist/index12.cjs +1 -1
- package/dist/index12.js +108 -76
- package/dist/index13.cjs +1 -1
- package/dist/index13.js +77 -26
- package/dist/index14.cjs +1 -1
- package/dist/index14.js +22 -462
- package/dist/index15.cjs +1 -1
- package/dist/index15.js +466 -109
- package/dist/index16.cjs +1 -1
- package/dist/index16.js +111 -30
- package/dist/index17.cjs +1 -1
- package/dist/index17.js +42 -12
- package/dist/index18.cjs +1 -0
- package/dist/index18.js +38 -0
- package/dist/index19.cjs +1 -1
- package/dist/index19.js +12 -20
- package/dist/index2.cjs +1 -1
- package/dist/index2.js +1 -1
- package/dist/index21.cjs +1 -1
- package/dist/index21.js +20 -14
- package/dist/{index20.cjs → index22.cjs} +1 -1
- package/dist/{index20.js → index22.js} +3 -3
- package/dist/index23.cjs +1 -0
- package/dist/index23.js +16 -0
- package/dist/index26.cjs +1 -0
- package/dist/index26.js +1193 -0
- package/dist/index3.cjs +1 -1
- package/dist/index3.js +2 -2
- package/dist/index4.cjs +1 -1
- package/dist/index4.js +1 -1
- package/dist/index40.cjs +1 -0
- package/dist/index40.js +6 -0
- package/dist/index41.cjs +1 -0
- package/dist/index41.js +11 -0
- package/dist/index42.cjs +1 -0
- package/dist/index42.js +70 -0
- package/dist/index43.cjs +1 -0
- package/dist/index43.js +39 -0
- package/dist/index44.cjs +1 -0
- package/dist/index44.js +64 -0
- package/dist/index45.cjs +1 -0
- package/dist/index45.js +10 -0
- package/dist/index46.cjs +1 -0
- package/dist/index46.js +212 -0
- package/dist/index47.cjs +1 -0
- package/dist/index47.js +29 -0
- package/dist/index48.cjs +1 -0
- package/dist/index48.js +208 -0
- package/dist/index49.cjs +1 -0
- package/dist/index49.js +14 -0
- package/dist/index5.cjs +1 -1
- package/dist/index5.js +1 -1
- package/dist/index50.cjs +1 -0
- package/dist/index50.js +293 -0
- package/dist/index51.cjs +1 -0
- package/dist/index51.js +18 -0
- package/dist/index52.cjs +1 -0
- package/dist/index52.js +43 -0
- package/dist/index53.cjs +1 -0
- package/dist/index53.js +89 -0
- package/dist/index54.cjs +1 -0
- package/dist/index54.js +14 -0
- package/dist/index55.cjs +1 -0
- package/dist/index55.js +71 -0
- package/dist/index56.cjs +1 -0
- package/dist/index56.js +6 -0
- package/dist/index57.cjs +1 -0
- package/dist/index57.js +14 -0
- package/dist/index58.cjs +1 -0
- package/dist/index58.js +34 -0
- package/dist/index59.cjs +1 -0
- package/dist/index59.js +122 -0
- package/dist/index6.cjs +1 -1
- package/dist/index6.js +2 -2
- package/dist/index60.cjs +1 -0
- package/dist/index60.js +11 -0
- package/dist/index61.cjs +1 -0
- package/dist/index61.js +17 -0
- package/dist/index62.cjs +1 -0
- package/dist/index62.js +297 -0
- package/dist/index63.cjs +1 -0
- package/dist/index63.js +25 -0
- package/dist/index64.cjs +1 -0
- package/dist/index64.js +39 -0
- package/dist/index65.cjs +1 -0
- package/dist/index65.js +625 -0
- package/dist/index66.cjs +1 -0
- package/dist/index66.js +39 -0
- package/dist/index67.cjs +1 -0
- package/dist/index67.js +38 -0
- package/dist/index68.cjs +1 -0
- package/dist/index68.js +7 -0
- package/dist/index69.cjs +1 -0
- package/dist/index69.js +10 -0
- package/dist/index7.cjs +1 -1
- package/dist/index7.js +1 -1
- package/dist/index70.cjs +1 -0
- package/dist/index70.js +5 -0
- package/dist/index71.cjs +1 -0
- package/dist/index71.js +35 -0
- package/dist/index72.cjs +1 -0
- package/dist/index72.js +180 -0
- package/dist/index73.cjs +1 -0
- package/dist/index73.js +21 -0
- package/dist/index74.cjs +1 -0
- package/dist/index74.js +721 -0
- package/dist/index75.cjs +1 -0
- package/dist/index75.js +154 -0
- package/dist/index76.cjs +1 -0
- package/dist/index76.js +173 -0
- package/dist/index77.cjs +1 -0
- package/dist/index77.js +47 -0
- package/dist/index78.cjs +1 -0
- package/dist/index78.js +13 -0
- package/dist/index79.cjs +1 -0
- package/dist/index79.js +19 -0
- package/dist/index8.cjs +1 -1
- package/dist/index8.js +1 -1
- package/dist/index80.cjs +1 -0
- package/dist/index80.js +102 -0
- package/dist/index81.cjs +1 -0
- package/dist/index81.js +88 -0
- package/dist/index82.cjs +1 -0
- package/dist/index82.js +11 -0
- package/dist/index83.cjs +1 -0
- package/dist/index83.js +29 -0
- package/dist/index84.cjs +1 -0
- package/dist/index84.js +37 -0
- package/dist/index85.cjs +1 -0
- package/dist/index85.js +16 -0
- package/dist/index86.cjs +1 -0
- package/dist/index86.js +48 -0
- package/dist/index87.cjs +1 -0
- package/dist/index87.js +9 -0
- package/dist/index9.cjs +1 -1
- package/dist/index9.js +224 -35
- package/dist/src/components/forms/select/Select.component.d.ts +100 -0
- package/dist/src/components/forms/select/Select.component.d.ts.map +1 -0
- package/dist/src/components/layout/container/Container.component.d.ts +26 -0
- package/dist/src/components/layout/container/Container.component.d.ts.map +1 -0
- package/dist/src/index.d.ts +4 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -1
- /package/dist/{index30.cjs → index34.cjs} +0 -0
- /package/dist/{index30.js → index34.js} +0 -0
- /package/dist/{index33.cjs → index38.cjs} +0 -0
- /package/dist/{index33.js → index38.js} +0 -0
package/dist/index67.js
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { __rest, __assign } from "./index66.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { zeroRightClassName, fullWidthClassName } from "./index69.js";
|
|
4
|
+
import { effectCar } from "./index70.js";
|
|
5
|
+
import { useMergeRefs } from "./index71.js";
|
|
6
|
+
var nothing = function() {
|
|
7
|
+
return;
|
|
8
|
+
};
|
|
9
|
+
var RemoveScroll = React.forwardRef(function(props, parentRef) {
|
|
10
|
+
var ref = React.useRef(null);
|
|
11
|
+
var _a = React.useState({
|
|
12
|
+
onScrollCapture: nothing,
|
|
13
|
+
onWheelCapture: nothing,
|
|
14
|
+
onTouchMoveCapture: nothing
|
|
15
|
+
}), callbacks = _a[0], setCallbacks = _a[1];
|
|
16
|
+
var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noRelative = props.noRelative, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
|
|
17
|
+
var SideCar = sideCar;
|
|
18
|
+
var containerRef = useMergeRefs([ref, parentRef]);
|
|
19
|
+
var containerProps = __assign(__assign({}, rest), callbacks);
|
|
20
|
+
return React.createElement(
|
|
21
|
+
React.Fragment,
|
|
22
|
+
null,
|
|
23
|
+
enabled && React.createElement(SideCar, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
|
|
24
|
+
forwardProps ? React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
|
|
25
|
+
);
|
|
26
|
+
});
|
|
27
|
+
RemoveScroll.defaultProps = {
|
|
28
|
+
enabled: true,
|
|
29
|
+
removeScrollBar: true,
|
|
30
|
+
inert: false
|
|
31
|
+
};
|
|
32
|
+
RemoveScroll.classNames = {
|
|
33
|
+
fullWidth: fullWidthClassName,
|
|
34
|
+
zeroRight: zeroRightClassName
|
|
35
|
+
};
|
|
36
|
+
export {
|
|
37
|
+
RemoveScroll
|
|
38
|
+
};
|
package/dist/index68.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("./index72.cjs"),r=require("./index70.cjs"),i=require("./index73.cjs").exportSidecar(r.effectCar,e.RemoveScrollSideCar);module.exports=i;
|
package/dist/index68.js
ADDED
package/dist/index69.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.fullWidthClassName="width-before-scroll-bar",exports.noScrollbarsClassName="with-scroll-bars-hidden",exports.removedBarSizeVariable="--removed-body-scroll-bar-size",exports.zeroRightClassName="right-scroll-bar-position";
|
package/dist/index69.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
var zeroRightClassName = "right-scroll-bar-position";
|
|
2
|
+
var fullWidthClassName = "width-before-scroll-bar";
|
|
3
|
+
var noScrollbarsClassName = "with-scroll-bars-hidden";
|
|
4
|
+
var removedBarSizeVariable = "--removed-body-scroll-bar-size";
|
|
5
|
+
export {
|
|
6
|
+
fullWidthClassName,
|
|
7
|
+
noScrollbarsClassName,
|
|
8
|
+
removedBarSizeVariable,
|
|
9
|
+
zeroRightClassName
|
|
10
|
+
};
|
package/dist/index7.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index19.cjs");;/* empty css */const c=r.forwardRef(({label:c,error:t,helperText:d,indeterminate:i=!1,className:s,id:l,required:n,disabled:o,checked:u,"data-cy":b,"data-testid":h,...x},p)=>{const k=r.useId(),m=l||k,y=`${m}-error`,_=`${m}-helper`,$=b||"checkbox",f=h||"checkbox",j=r.useRef(null),N=r.useCallback(e=>{j.current=e,p&&("function"==typeof p?p(e):"current"in p&&(p.current=e))},[p]);r.useEffect(()=>{j.current&&(j.current.indeterminate=i)},[i]);const q=c&&n&&!c.includes("*")?`${c} *`:c;return e.jsxs("div",{className:a.cn("checkbox-wrapper",o&&"checkbox-wrapper--disabled"),"data-cy":`${$}-wrapper`,"data-testid":`${f}-wrapper`,children:[e.jsxs("div",{className:"checkbox__container",children:[e.jsx("input",{ref:N,id:m,type:"checkbox",checked:u,className:a.cn("checkbox__input",t&&"checkbox__input--error",s),"aria-invalid":t?"true":"false","aria-required":n?"true":void 0,"aria-describedby":t?y:d?_:void 0,"data-cy":$,"data-testid":f,"data-indeterminate":i?"true":void 0,disabled:o,required:n,...x}),c&&e.jsx("label",{htmlFor:m,className:"checkbox__label","data-cy":`${$}-label`,"data-testid":`${f}-label`,children:q})]}),t&&e.jsx("span",{id:y,className:"checkbox__error",role:"alert","data-cy":`${$}-error`,"data-testid":`${f}-error`,children:t}),d&&!t&&e.jsx("span",{id:_,className:"checkbox__helper","data-cy":`${$}-helper`,"data-testid":`${f}-helper`,children:d})]})});c.displayName="Checkbox",exports.Checkbox=c;
|
package/dist/index7.js
CHANGED
package/dist/index70.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=require("./index81.cjs").createSidecarMedium();exports.effectCar=e;
|
package/dist/index70.js
ADDED
package/dist/index71.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index82.cjs"),n=require("./index83.cjs");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const u=r(e);var o="undefined"!=typeof window?u.useLayoutEffect:u.useEffect,c=new WeakMap;exports.useMergeRefs=function(e,r){var u=n.useCallbackRef(null,function(n){return e.forEach(function(e){return t.assignRef(e,n)})});return o(function(){var n=c.get(u);if(n){var r=new Set(n),o=new Set(e),f=u.current;r.forEach(function(e){o.has(e)||t.assignRef(e,null)}),o.forEach(function(e){r.has(e)||t.assignRef(e,f)})}c.set(u,e)},[e]),u};
|
package/dist/index71.js
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { assignRef } from "./index82.js";
|
|
3
|
+
import { useCallbackRef } from "./index83.js";
|
|
4
|
+
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
|
|
5
|
+
var currentValues = /* @__PURE__ */ new WeakMap();
|
|
6
|
+
function useMergeRefs(refs, defaultValue) {
|
|
7
|
+
var callbackRef = useCallbackRef(null, function(newValue) {
|
|
8
|
+
return refs.forEach(function(ref) {
|
|
9
|
+
return assignRef(ref, newValue);
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
useIsomorphicLayoutEffect(function() {
|
|
13
|
+
var oldValue = currentValues.get(callbackRef);
|
|
14
|
+
if (oldValue) {
|
|
15
|
+
var prevRefs_1 = new Set(oldValue);
|
|
16
|
+
var nextRefs_1 = new Set(refs);
|
|
17
|
+
var current_1 = callbackRef.current;
|
|
18
|
+
prevRefs_1.forEach(function(ref) {
|
|
19
|
+
if (!nextRefs_1.has(ref)) {
|
|
20
|
+
assignRef(ref, null);
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
nextRefs_1.forEach(function(ref) {
|
|
24
|
+
if (!prevRefs_1.has(ref)) {
|
|
25
|
+
assignRef(ref, current_1);
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
currentValues.set(callbackRef, refs);
|
|
30
|
+
}, [refs]);
|
|
31
|
+
return callbackRef;
|
|
32
|
+
}
|
|
33
|
+
export {
|
|
34
|
+
useMergeRefs
|
|
35
|
+
};
|
package/dist/index72.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index66.cjs"),t=require("react"),n=require("./index77.cjs"),r=require("./index78.cjs"),o=require("./index79.cjs"),c=require("./index80.cjs");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const u=a(t);var i=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},l=function(e){return[e.deltaX,e.deltaY]},s=function(e){return e&&"current"in e?e.current:e},f=function(e){return"\n .block-interactivity-".concat(e," {pointer-events: none;}\n .allow-interactivity-").concat(e," {pointer-events: all;}\n")},d=0,v=[];function h(e){for(var t=null;null!==e;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}exports.RemoveScrollSideCar=function(t){var a=u.useRef([]),g=u.useRef([0,0]),m=u.useRef(),p=u.useState(d++)[0],b=u.useState(r.styleSingleton)[0],y=u.useRef(t);u.useEffect(function(){y.current=t},[t]),u.useEffect(function(){if(t.inert){document.body.classList.add("block-interactivity-".concat(p));var n=e.__spreadArray([t.lockRef.current],(t.shards||[]).map(s),!0).filter(Boolean);return n.forEach(function(e){return e.classList.add("allow-interactivity-".concat(p))}),function(){document.body.classList.remove("block-interactivity-".concat(p)),n.forEach(function(e){return e.classList.remove("allow-interactivity-".concat(p))})}}},[t.inert,t.lockRef.current,t.shards]);var S=u.useCallback(function(e,t){if("touches"in e&&2===e.touches.length||"wheel"===e.type&&e.ctrlKey)return!y.current.allowPinchZoom;var n,r=i(e),o=g.current,a="deltaX"in e?e.deltaX:o[0]-r[0],u="deltaY"in e?e.deltaY:o[1]-r[1],l=e.target,s=Math.abs(a)>Math.abs(u)?"h":"v";if("touches"in e&&"h"===s&&"range"===l.type)return!1;var f=window.getSelection(),d=f&&f.anchorNode;if(!!d&&(d===l||d.contains(l)))return!1;var v=c.locationCouldBeScrolled(s,l);if(!v)return!0;if(v?n=s:(n="v"===s?"h":"v",v=c.locationCouldBeScrolled(s,l)),!v)return!1;if(!m.current&&"changedTouches"in e&&(a||u)&&(m.current=n),!n)return!0;var h=m.current||n;return c.handleScroll(h,t,e,"h"===h?a:u)},[]),k=u.useCallback(function(e){var t=e;if(v.length&&v[v.length-1]===b){var n="deltaY"in t?l(t):i(t),r=a.current.filter(function(e){return e.name===t.type&&(e.target===t.target||t.target===e.shadowParent)&&(r=e.delta,o=n,r[0]===o[0]&&r[1]===o[1]);var r,o})[0];if(r&&r.should)t.cancelable&&t.preventDefault();else if(!r){var o=(y.current.shards||[]).map(s).filter(Boolean).filter(function(e){return e.contains(t.target)});(o.length>0?S(t,o[0]):!y.current.noIsolation)&&t.cancelable&&t.preventDefault()}}},[]),E=u.useCallback(function(e,t,n,r){var o={name:e,delta:t,target:n,should:r,shadowParent:h(n)};a.current.push(o),setTimeout(function(){a.current=a.current.filter(function(e){return e!==o})},1)},[]),w=u.useCallback(function(e){g.current=i(e),m.current=void 0},[]),C=u.useCallback(function(e){E(e.type,l(e),e.target,S(e,t.lockRef.current))},[]),R=u.useCallback(function(e){E(e.type,i(e),e.target,S(e,t.lockRef.current))},[]);u.useEffect(function(){return v.push(b),t.setCallbacks({onScrollCapture:C,onWheelCapture:C,onTouchMoveCapture:R}),document.addEventListener("wheel",k,o.nonPassive),document.addEventListener("touchmove",k,o.nonPassive),document.addEventListener("touchstart",w,o.nonPassive),function(){v=v.filter(function(e){return e!==b}),document.removeEventListener("wheel",k,o.nonPassive),document.removeEventListener("touchmove",k,o.nonPassive),document.removeEventListener("touchstart",w,o.nonPassive)}},[]);var P=t.removeScrollBar,j=t.inert;return u.createElement(u.Fragment,null,j?u.createElement(b,{styles:f(p)}):null,P?u.createElement(n.RemoveScrollBar,{noRelative:t.noRelative,gapMode:t.gapMode}):null)},exports.getDeltaXY=l,exports.getTouchXY=i;
|
package/dist/index72.js
ADDED
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import { __spreadArray } from "./index66.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { RemoveScrollBar } from "./index77.js";
|
|
4
|
+
import { styleSingleton } from "./index78.js";
|
|
5
|
+
import { nonPassive } from "./index79.js";
|
|
6
|
+
import { locationCouldBeScrolled, handleScroll } from "./index80.js";
|
|
7
|
+
var getTouchXY = function(event) {
|
|
8
|
+
return "changedTouches" in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
|
|
9
|
+
};
|
|
10
|
+
var getDeltaXY = function(event) {
|
|
11
|
+
return [event.deltaX, event.deltaY];
|
|
12
|
+
};
|
|
13
|
+
var extractRef = function(ref) {
|
|
14
|
+
return ref && "current" in ref ? ref.current : ref;
|
|
15
|
+
};
|
|
16
|
+
var deltaCompare = function(x, y) {
|
|
17
|
+
return x[0] === y[0] && x[1] === y[1];
|
|
18
|
+
};
|
|
19
|
+
var generateStyle = function(id) {
|
|
20
|
+
return "\n .block-interactivity-".concat(id, " {pointer-events: none;}\n .allow-interactivity-").concat(id, " {pointer-events: all;}\n");
|
|
21
|
+
};
|
|
22
|
+
var idCounter = 0;
|
|
23
|
+
var lockStack = [];
|
|
24
|
+
function RemoveScrollSideCar(props) {
|
|
25
|
+
var shouldPreventQueue = React.useRef([]);
|
|
26
|
+
var touchStartRef = React.useRef([0, 0]);
|
|
27
|
+
var activeAxis = React.useRef();
|
|
28
|
+
var id = React.useState(idCounter++)[0];
|
|
29
|
+
var Style = React.useState(styleSingleton)[0];
|
|
30
|
+
var lastProps = React.useRef(props);
|
|
31
|
+
React.useEffect(function() {
|
|
32
|
+
lastProps.current = props;
|
|
33
|
+
}, [props]);
|
|
34
|
+
React.useEffect(function() {
|
|
35
|
+
if (props.inert) {
|
|
36
|
+
document.body.classList.add("block-interactivity-".concat(id));
|
|
37
|
+
var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
|
|
38
|
+
allow_1.forEach(function(el) {
|
|
39
|
+
return el.classList.add("allow-interactivity-".concat(id));
|
|
40
|
+
});
|
|
41
|
+
return function() {
|
|
42
|
+
document.body.classList.remove("block-interactivity-".concat(id));
|
|
43
|
+
allow_1.forEach(function(el) {
|
|
44
|
+
return el.classList.remove("allow-interactivity-".concat(id));
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
return;
|
|
49
|
+
}, [props.inert, props.lockRef.current, props.shards]);
|
|
50
|
+
var shouldCancelEvent = React.useCallback(function(event, parent) {
|
|
51
|
+
if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
|
|
52
|
+
return !lastProps.current.allowPinchZoom;
|
|
53
|
+
}
|
|
54
|
+
var touch = getTouchXY(event);
|
|
55
|
+
var touchStart = touchStartRef.current;
|
|
56
|
+
var deltaX = "deltaX" in event ? event.deltaX : touchStart[0] - touch[0];
|
|
57
|
+
var deltaY = "deltaY" in event ? event.deltaY : touchStart[1] - touch[1];
|
|
58
|
+
var currentAxis;
|
|
59
|
+
var target = event.target;
|
|
60
|
+
var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? "h" : "v";
|
|
61
|
+
if ("touches" in event && moveDirection === "h" && target.type === "range") {
|
|
62
|
+
return false;
|
|
63
|
+
}
|
|
64
|
+
var selection = window.getSelection();
|
|
65
|
+
var anchorNode = selection && selection.anchorNode;
|
|
66
|
+
var isTouchingSelection = anchorNode ? anchorNode === target || anchorNode.contains(target) : false;
|
|
67
|
+
if (isTouchingSelection) {
|
|
68
|
+
return false;
|
|
69
|
+
}
|
|
70
|
+
var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
|
|
71
|
+
if (!canBeScrolledInMainDirection) {
|
|
72
|
+
return true;
|
|
73
|
+
}
|
|
74
|
+
if (canBeScrolledInMainDirection) {
|
|
75
|
+
currentAxis = moveDirection;
|
|
76
|
+
} else {
|
|
77
|
+
currentAxis = moveDirection === "v" ? "h" : "v";
|
|
78
|
+
canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
|
|
79
|
+
}
|
|
80
|
+
if (!canBeScrolledInMainDirection) {
|
|
81
|
+
return false;
|
|
82
|
+
}
|
|
83
|
+
if (!activeAxis.current && "changedTouches" in event && (deltaX || deltaY)) {
|
|
84
|
+
activeAxis.current = currentAxis;
|
|
85
|
+
}
|
|
86
|
+
if (!currentAxis) {
|
|
87
|
+
return true;
|
|
88
|
+
}
|
|
89
|
+
var cancelingAxis = activeAxis.current || currentAxis;
|
|
90
|
+
return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
|
|
91
|
+
}, []);
|
|
92
|
+
var shouldPrevent = React.useCallback(function(_event) {
|
|
93
|
+
var event = _event;
|
|
94
|
+
if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
97
|
+
var delta = "deltaY" in event ? getDeltaXY(event) : getTouchXY(event);
|
|
98
|
+
var sourceEvent = shouldPreventQueue.current.filter(function(e) {
|
|
99
|
+
return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare(e.delta, delta);
|
|
100
|
+
})[0];
|
|
101
|
+
if (sourceEvent && sourceEvent.should) {
|
|
102
|
+
if (event.cancelable) {
|
|
103
|
+
event.preventDefault();
|
|
104
|
+
}
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
if (!sourceEvent) {
|
|
108
|
+
var shardNodes = (lastProps.current.shards || []).map(extractRef).filter(Boolean).filter(function(node) {
|
|
109
|
+
return node.contains(event.target);
|
|
110
|
+
});
|
|
111
|
+
var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;
|
|
112
|
+
if (shouldStop) {
|
|
113
|
+
if (event.cancelable) {
|
|
114
|
+
event.preventDefault();
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}, []);
|
|
119
|
+
var shouldCancel = React.useCallback(function(name, delta, target, should) {
|
|
120
|
+
var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
|
|
121
|
+
shouldPreventQueue.current.push(event);
|
|
122
|
+
setTimeout(function() {
|
|
123
|
+
shouldPreventQueue.current = shouldPreventQueue.current.filter(function(e) {
|
|
124
|
+
return e !== event;
|
|
125
|
+
});
|
|
126
|
+
}, 1);
|
|
127
|
+
}, []);
|
|
128
|
+
var scrollTouchStart = React.useCallback(function(event) {
|
|
129
|
+
touchStartRef.current = getTouchXY(event);
|
|
130
|
+
activeAxis.current = void 0;
|
|
131
|
+
}, []);
|
|
132
|
+
var scrollWheel = React.useCallback(function(event) {
|
|
133
|
+
shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
134
|
+
}, []);
|
|
135
|
+
var scrollTouchMove = React.useCallback(function(event) {
|
|
136
|
+
shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
137
|
+
}, []);
|
|
138
|
+
React.useEffect(function() {
|
|
139
|
+
lockStack.push(Style);
|
|
140
|
+
props.setCallbacks({
|
|
141
|
+
onScrollCapture: scrollWheel,
|
|
142
|
+
onWheelCapture: scrollWheel,
|
|
143
|
+
onTouchMoveCapture: scrollTouchMove
|
|
144
|
+
});
|
|
145
|
+
document.addEventListener("wheel", shouldPrevent, nonPassive);
|
|
146
|
+
document.addEventListener("touchmove", shouldPrevent, nonPassive);
|
|
147
|
+
document.addEventListener("touchstart", scrollTouchStart, nonPassive);
|
|
148
|
+
return function() {
|
|
149
|
+
lockStack = lockStack.filter(function(inst) {
|
|
150
|
+
return inst !== Style;
|
|
151
|
+
});
|
|
152
|
+
document.removeEventListener("wheel", shouldPrevent, nonPassive);
|
|
153
|
+
document.removeEventListener("touchmove", shouldPrevent, nonPassive);
|
|
154
|
+
document.removeEventListener("touchstart", scrollTouchStart, nonPassive);
|
|
155
|
+
};
|
|
156
|
+
}, []);
|
|
157
|
+
var removeScrollBar = props.removeScrollBar, inert = props.inert;
|
|
158
|
+
return React.createElement(
|
|
159
|
+
React.Fragment,
|
|
160
|
+
null,
|
|
161
|
+
inert ? React.createElement(Style, { styles: generateStyle(id) }) : null,
|
|
162
|
+
removeScrollBar ? React.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
|
|
163
|
+
);
|
|
164
|
+
}
|
|
165
|
+
function getOutermostShadowParent(node) {
|
|
166
|
+
var shadowParent = null;
|
|
167
|
+
while (node !== null) {
|
|
168
|
+
if (node instanceof ShadowRoot) {
|
|
169
|
+
shadowParent = node.host;
|
|
170
|
+
node = node.host;
|
|
171
|
+
}
|
|
172
|
+
node = node.parentNode;
|
|
173
|
+
}
|
|
174
|
+
return shadowParent;
|
|
175
|
+
}
|
|
176
|
+
export {
|
|
177
|
+
RemoveScrollSideCar,
|
|
178
|
+
getDeltaXY,
|
|
179
|
+
getTouchXY
|
|
180
|
+
};
|
package/dist/index73.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index66.cjs");function r(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}return r.default=e,Object.freeze(r)}const t=r(require("react"));var o=function(r){var o=r.sideCar,i=e.__rest(r,["sideCar"]);if(!o)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var n=o.read();if(!n)throw new Error("Sidecar medium not found");return t.createElement(n,e.__assign({},i))};o.isSideCarExport=!0,exports.exportSidecar=function(e,r){return e.useMedium(r),o};
|
package/dist/index73.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { __rest, __assign } from "./index66.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
var SideCar = function(_a) {
|
|
4
|
+
var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
|
|
5
|
+
if (!sideCar) {
|
|
6
|
+
throw new Error("Sidecar: please provide `sideCar` property to import the right car");
|
|
7
|
+
}
|
|
8
|
+
var Target = sideCar.read();
|
|
9
|
+
if (!Target) {
|
|
10
|
+
throw new Error("Sidecar medium not found");
|
|
11
|
+
}
|
|
12
|
+
return React.createElement(Target, __assign({}, rest));
|
|
13
|
+
};
|
|
14
|
+
SideCar.isSideCarExport = true;
|
|
15
|
+
function exportSidecar(medium, exported) {
|
|
16
|
+
medium.useMedium(exported);
|
|
17
|
+
return SideCar;
|
|
18
|
+
}
|
|
19
|
+
export {
|
|
20
|
+
exportSidecar
|
|
21
|
+
};
|
package/dist/index74.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index75.cjs");function t(t,n,i){let{reference:a,floating:o}=t;const l=e.getSideAxis(n),r=e.getAlignmentAxis(n),s=e.getAxisLength(r),c=e.getSide(n),f="y"===l,m=a.x+a.width/2-o.width/2,g=a.y+a.height/2-o.height/2,d=a[s]/2-o[s]/2;let p;switch(c){case"top":p={x:m,y:a.y-o.height};break;case"bottom":p={x:m,y:a.y+a.height};break;case"right":p={x:a.x+a.width,y:g};break;case"left":p={x:a.x-o.width,y:g};break;default:p={x:a.x,y:a.y}}switch(e.getAlignment(n)){case"start":p[r]-=d*(i&&f?-1:1);break;case"end":p[r]+=d*(i&&f?-1:1)}return p}async function n(t,n){var i;void 0===n&&(n={});const{x:a,y:o,platform:l,rects:r,elements:s,strategy:c}=t,{boundary:f="clippingAncestors",rootBoundary:m="viewport",elementContext:g="floating",altBoundary:d=!1,padding:p=0}=e.evaluate(n,t),x=e.getPaddingObject(p),u=s[d?"floating"===g?"reference":"floating":g],y=e.rectToClientRect(await l.getClippingRect({element:null==(i=await(null==l.isElement?void 0:l.isElement(u)))||i?u:u.contextElement||await(null==l.getDocumentElement?void 0:l.getDocumentElement(s.floating)),boundary:f,rootBoundary:m,strategy:c})),h="floating"===g?{x:a,y:o,width:r.floating.width,height:r.floating.height}:r.reference,w=await(null==l.getOffsetParent?void 0:l.getOffsetParent(s.floating)),v=await(null==l.isElement?void 0:l.isElement(w))&&await(null==l.getScale?void 0:l.getScale(w))||{x:1,y:1},A=e.rectToClientRect(l.convertOffsetParentRelativeRectToViewportRelativeRect?await l.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:h,offsetParent:w,strategy:c}):h);return{top:(y.top-A.top+x.top)/v.y,bottom:(A.bottom-y.bottom+x.bottom)/v.y,left:(y.left-A.left+x.left)/v.x,right:(A.right-y.right+x.right)/v.x}}function i(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function a(t){return e.sides.some(e=>t[e]>=0)}const o=new Set(["left","top"]);exports.rectToClientRect=e.rectToClientRect,exports.arrow=t=>({name:"arrow",options:t,async fn(n){const{x:i,y:a,placement:o,rects:l,platform:r,elements:s,middlewareData:c}=n,{element:f,padding:m=0}=e.evaluate(t,n)||{};if(null==f)return{};const g=e.getPaddingObject(m),d={x:i,y:a},p=e.getAlignmentAxis(o),x=e.getAxisLength(p),u=await r.getDimensions(f),y="y"===p,h=y?"top":"left",w=y?"bottom":"right",v=y?"clientHeight":"clientWidth",A=l.reference[x]+l.reference[p]-d[p]-l.floating[x],b=d[p]-l.reference[p],S=await(null==r.getOffsetParent?void 0:r.getOffsetParent(f));let R=S?S[v]:0;R&&await(null==r.isElement?void 0:r.isElement(S))||(R=s.floating[v]||l.floating[x]);const O=A/2-b/2,P=R/2-u[x]/2-1,T=e.min(g[h],P),D=e.min(g[w],P),E=T,L=R-u[x]-D,k=R/2-u[x]/2+O,C=e.clamp(E,k,L),H=!c.arrow&&null!=e.getAlignment(o)&&k!==C&&l.reference[x]/2-(k<E?T:D)-u[x]/2<0,j=H?k<E?k-E:k-L:0;return{[p]:d[p]+j,data:{[p]:C,centerOffset:k-C-j,...H&&{alignmentOffset:j}},reset:H}}}),exports.computePosition=async(e,n,i)=>{const{placement:a="bottom",strategy:o="absolute",middleware:l=[],platform:r}=i,s=l.filter(Boolean),c=await(null==r.isRTL?void 0:r.isRTL(n));let f=await r.getElementRects({reference:e,floating:n,strategy:o}),{x:m,y:g}=t(f,a,c),d=a,p={},x=0;for(let u=0;u<s.length;u++){const{name:i,fn:l}=s[u],{x:y,y:h,data:w,reset:v}=await l({x:m,y:g,initialPlacement:a,placement:d,strategy:o,middlewareData:p,rects:f,platform:r,elements:{reference:e,floating:n}});m=null!=y?y:m,g=null!=h?h:g,p={...p,[i]:{...p[i],...w}},v&&x<=50&&(x++,"object"==typeof v&&(v.placement&&(d=v.placement),v.rects&&(f=!0===v.rects?await r.getElementRects({reference:e,floating:n,strategy:o}):v.rects),({x:m,y:g}=t(f,d,c))),u=-1)}return{x:m,y:g,placement:d,strategy:o,middlewareData:p}},exports.detectOverflow=n,exports.flip=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(i){var a,o;const{placement:l,middlewareData:r,rects:s,initialPlacement:c,platform:f,elements:m}=i,{mainAxis:g=!0,crossAxis:d=!0,fallbackPlacements:p,fallbackStrategy:x="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:y=!0,...h}=e.evaluate(t,i);if(null!=(a=r.arrow)&&a.alignmentOffset)return{};const w=e.getSide(l),v=e.getSideAxis(c),A=e.getSide(c)===c,b=await(null==f.isRTL?void 0:f.isRTL(m.floating)),S=p||(A||!y?[e.getOppositePlacement(c)]:e.getExpandedPlacements(c)),R="none"!==u;!p&&R&&S.push(...e.getOppositeAxisPlacements(c,y,u,b));const O=[c,...S],P=await n(i,h),T=[];let D=(null==(o=r.flip)?void 0:o.overflows)||[];if(g&&T.push(P[w]),d){const t=e.getAlignmentSides(l,s,b);T.push(P[t[0]],P[t[1]])}if(D=[...D,{placement:l,overflows:T}],!T.every(e=>e<=0)){var E,L;const t=((null==(E=r.flip)?void 0:E.index)||0)+1,n=O[t];if(n){if(!("alignment"===d&&v!==e.getSideAxis(n))||D.every(t=>e.getSideAxis(t.placement)!==v||t.overflows[0]>0))return{data:{index:t,overflows:D},reset:{placement:n}}}let i=null==(L=D.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:L.placement;if(!i)switch(x){case"bestFit":{var k;const t=null==(k=D.filter(t=>{if(R){const n=e.getSideAxis(t.placement);return n===v||"y"===n}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:k[0];t&&(i=t);break}case"initialPlacement":i=c}if(l!==i)return{reset:{placement:i}}}return{}}}},exports.hide=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(o){const{rects:l}=o,{strategy:r="referenceHidden",...s}=e.evaluate(t,o);switch(r){case"referenceHidden":{const e=i(await n(o,{...s,elementContext:"reference"}),l.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:a(e)}}}case"escaped":{const e=i(await n(o,{...s,altBoundary:!0}),l.floating);return{data:{escapedOffsets:e,escaped:a(e)}}}default:return{}}}}},exports.limitShift=function(t){return void 0===t&&(t={}),{options:t,fn(n){const{x:i,y:a,placement:l,rects:r,middlewareData:s}=n,{offset:c=0,mainAxis:f=!0,crossAxis:m=!0}=e.evaluate(t,n),g={x:i,y:a},d=e.getSideAxis(l),p=e.getOppositeAxis(d);let x=g[p],u=g[d];const y=e.evaluate(c,n),h="number"==typeof y?{mainAxis:y,crossAxis:0}:{mainAxis:0,crossAxis:0,...y};if(f){const e="y"===p?"height":"width",t=r.reference[p]-r.floating[e]+h.mainAxis,n=r.reference[p]+r.reference[e]-h.mainAxis;x<t?x=t:x>n&&(x=n)}if(m){var w,v;const t="y"===p?"width":"height",n=o.has(e.getSide(l)),i=r.reference[d]-r.floating[t]+(n&&(null==(w=s.offset)?void 0:w[d])||0)+(n?0:h.crossAxis),a=r.reference[d]+r.reference[t]+(n?0:(null==(v=s.offset)?void 0:v[d])||0)-(n?h.crossAxis:0);u<i?u=i:u>a&&(u=a)}return{[p]:x,[d]:u}}}},exports.offset=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){var i,a;const{x:l,y:r,placement:s,middlewareData:c}=n,f=await async function(t,n){const{placement:i,platform:a,elements:l}=t,r=await(null==a.isRTL?void 0:a.isRTL(l.floating)),s=e.getSide(i),c=e.getAlignment(i),f="y"===e.getSideAxis(i),m=o.has(s)?-1:1,g=r&&f?-1:1,d=e.evaluate(n,t);let{mainAxis:p,crossAxis:x,alignmentAxis:u}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return c&&"number"==typeof u&&(x="end"===c?-1*u:u),f?{x:x*g,y:p*m}:{x:p*m,y:x*g}}(n,t);return s===(null==(i=c.offset)?void 0:i.placement)&&null!=(a=c.arrow)&&a.alignmentOffset?{}:{x:l+f.x,y:r+f.y,data:{...f,placement:s}}}}},exports.shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(i){const{x:a,y:o,placement:l}=i,{mainAxis:r=!0,crossAxis:s=!1,limiter:c={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...f}=e.evaluate(t,i),m={x:a,y:o},g=await n(i,f),d=e.getSideAxis(e.getSide(l)),p=e.getOppositeAxis(d);let x=m[p],u=m[d];if(r){const t="y"===p?"bottom":"right",n=x+g["y"===p?"top":"left"],i=x-g[t];x=e.clamp(n,x,i)}if(s){const t="y"===d?"bottom":"right",n=u+g["y"===d?"top":"left"],i=u-g[t];u=e.clamp(n,u,i)}const y=c.fn({...i,[p]:x,[d]:u});return{...y,data:{x:y.x-a,y:y.y-o,enabled:{[p]:r,[d]:s}}}}}},exports.size=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(i){var a,o;const{placement:l,rects:r,platform:s,elements:c}=i,{apply:f=()=>{},...m}=e.evaluate(t,i),g=await n(i,m),d=e.getSide(l),p=e.getAlignment(l),x="y"===e.getSideAxis(l),{width:u,height:y}=r.floating;let h,w;"top"===d||"bottom"===d?(h=d,w=p===(await(null==s.isRTL?void 0:s.isRTL(c.floating))?"start":"end")?"left":"right"):(w=d,h="end"===p?"top":"bottom");const v=y-g.top-g.bottom,A=u-g.left-g.right,b=e.min(y-g[h],v),S=e.min(u-g[w],A),R=!i.middlewareData.shift;let O=b,P=S;if(null!=(a=i.middlewareData.shift)&&a.enabled.x&&(P=A),null!=(o=i.middlewareData.shift)&&o.enabled.y&&(O=v),R&&!p){const t=e.max(g.left,0),n=e.max(g.right,0),i=e.max(g.top,0),a=e.max(g.bottom,0);x?P=u-2*(0!==t||0!==n?t+n:e.max(g.left,g.right)):O=y-2*(0!==i||0!==a?i+a:e.max(g.top,g.bottom))}await f({...i,availableWidth:P,availableHeight:O});const T=await s.getDimensions(c.floating);return u!==T.width||y!==T.height?{reset:{rects:!0}}:{}}}};
|