@k8slens/lds-tips 0.48.2 → 0.48.4

package/lib/cjs/Tip/Tip.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),r=require("clsx"),a=require("react-popper"),o=require("lodash"),i=require("rooks"),s=require("./Tip.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(t),u=n(r),c={subtree:!0,childList:!0,attributes:!1,characterData:!1};module.exports=function(r){var n,p=r.popupRef,d=r.className,f=r.onDoneClick,m=r.onSkipAllClick,v=r.target,k=r.mutationsListenerElement,b=void 0===k?document.body:k,h=r.theme,_=r.style,q=r.id,y=r.offset,C=void 0===y?[20,0]:y,E=r.placement,N=void 0===E?"auto":E,g=r.children,w=e.__rest(r,["popupRef","className","onDoneClick","onSkipAllClick","target","mutationsListenerElement","theme","style","id","offset","placement","children"]),R=t.useRef(null),S=t.useRef(b),j=t.useState(),D=j[0],L=j[1],x=t.useCallback((function(e){L(e),p&&(p.current=e)}),[p]),A=t.useMemo((function(){return[{name:"offset",options:{offset:C}},{name:"arrow",options:{padding:6}}]}),[C]),B=a.usePopper(v,D,{placement:N,modifiers:A}),M=B.styles,G=B.attributes,O=B.update,P=o.throttle((function(){var e;null===(e=null==O?void 0:O())||void 0===e||e.catch((function(e){console.error(e)}))}),250);return i.useMutationObserver(S,P,c),l.default.createElement("div",e.__assign({ref:x,id:q},w,{className:u.default(d,s.tip,(n={},n[s.important]="important"===h,n[s.white]="white"===h,n)),style:e.__assign(e.__assign({},_),M.popper)},G.popper),g,l.default.createElement("div",{"data-popper-arrow":!0,ref:R,className:s.caret,style:M.arrow}),l.default.createElement("div",{className:s.buttons},l.default.createElement("button",{onClick:f,className:s.okButton,"aria-controls":q},"Got it!"),l.default.createElement("button",{onClick:m,className:s.skipButton,"aria-controls":q},"Skip all tips")))};
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),r=require("clsx"),a=require("react-popper"),o=require("lodash"),i=require("rooks"),s=require("./Tip.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(t),u=n(r),c={subtree:!0,childList:!0,attributes:!1,characterData:!1};module.exports=function(r){var n,p=r.popupRef,d=r.className,f=r.onDoneClick,m=r.onSkipAllClick,v=r.target,k=r.mutationsListenerElement,b=void 0===k?document.body:k,h=r.theme,_=r.style,q=r.id,y=r.offset,C=void 0===y?[20,0]:y,E=r.placement,N=void 0===E?"auto":E,g=r.children,w=e.__rest(r,["popupRef","className","onDoneClick","onSkipAllClick","target","mutationsListenerElement","theme","style","id","offset","placement","children"]),R=t.useRef(null),S=t.useRef(b),j=t.useState(),D=j[0],L=j[1],x=t.useCallback(function(e){L(e),p&&(p.current=e)},[p]),A=t.useMemo(function(){return[{name:"offset",options:{offset:C}},{name:"arrow",options:{padding:6}}]},[C]),B=a.usePopper(v,D,{placement:N,modifiers:A}),M=B.styles,G=B.attributes,O=B.update,P=o.throttle(function(){var e;null===(e=null==O?void 0:O())||void 0===e||e.catch(function(e){console.error(e)})},250);return i.useMutationObserver(S,P,c),l.default.createElement("div",e.__assign({ref:x,id:q},w,{className:u.default(d,s.tip,(n={},n[s.important]="important"===h,n[s.white]="white"===h,n)),style:e.__assign(e.__assign({},_),M.popper)},G.popper),g,l.default.createElement("div",{"data-popper-arrow":!0,ref:R,className:s.caret,style:M.arrow}),l.default.createElement("div",{className:s.buttons},l.default.createElement("button",{onClick:f,className:s.okButton,"aria-controls":q},"Got it!"),l.default.createElement("button",{onClick:m,className:s.skipButton,"aria-controls":q},"Skip all tips")))};

package/lib/cjs/TipPointer/TipPointer.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),r=require("clsx"),n=require("lodash"),s=require("react-popper"),i=require("rooks"),o=require("./TipPointer.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(t),c=u(r),l={subtree:!0,childList:!0,attributes:!1,characterData:!1};module.exports=function(r){var u=r.step,f=r.onClick,p=r.target,d=r.hidden,m=r.mutationsListenerElement,_=r.pointerRef,v=e.__rest(r,["step","onClick","target","hidden","mutationsListenerElement","pointerRef"]),b=t.useRef(m),h=u.pointerOffset,q=u.placement,g=u.id,k=u.pointerStyles,C=t.useState(),y=C[0],E=C[1],j=t.useCallback((function(e){E(e),void 0!==_&&(_.current=e)}),[_]),L=t.useMemo((function(){return h?[h[1],h[0]]:[0,0]}),[h]),M=t.useState(!1),N=M[0],R=M[1],S=t.useMemo((function(){return[{name:"offset",options:{offset:L}}]}),[L]),x=s.usePopper(p,y,{placement:q,modifiers:S}),O=x.styles,P=x.attributes,w=x.update,D=n.throttle((function(){var e;null===(e=null==w?void 0:w())||void 0===e||e.catch((function(e){console.error(e)}))}),250);return t.useEffect((function(){R(!0)}),[]),i.useMutationObserver(b,D,l),a.default.createElement("button",e.__assign({},v,{ref:j,"data-show":N&&!d,id:"pointer-for-".concat(g),onClick:f,className:c.default(v.className,o.pointer,u.pointerClassName),style:e.__assign(e.__assign({},O.popper),k)},P.popper))};
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),r=require("clsx"),n=require("lodash"),s=require("react-popper"),i=require("rooks"),o=require("./TipPointer.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(t),c=u(r),l={subtree:!0,childList:!0,attributes:!1,characterData:!1};module.exports=function(r){var u=r.step,f=r.onClick,p=r.target,d=r.hidden,m=r.mutationsListenerElement,_=r.pointerRef,v=e.__rest(r,["step","onClick","target","hidden","mutationsListenerElement","pointerRef"]),b=t.useRef(m),h=u.pointerOffset,q=u.placement,g=u.id,k=u.pointerStyles,C=t.useState(),y=C[0],E=C[1],j=t.useCallback(function(e){E(e),void 0!==_&&(_.current=e)},[_]),L=t.useMemo(function(){return h?[h[1],h[0]]:[0,0]},[h]),M=t.useState(!1),N=M[0],R=M[1],S=t.useMemo(function(){return[{name:"offset",options:{offset:L}}]},[L]),x=s.usePopper(p,y,{placement:q,modifiers:S}),O=x.styles,P=x.attributes,w=x.update,D=n.throttle(function(){var e;null===(e=null==w?void 0:w())||void 0===e||e.catch(function(e){console.error(e)})},250);return t.useEffect(function(){R(!0)},[]),i.useMutationObserver(b,D,l),a.default.createElement("button",e.__assign({},v,{ref:j,"data-show":N&&!d,id:"pointer-for-".concat(g),onClick:f,className:c.default(v.className,o.pointer,u.pointerClassName),style:e.__assign(e.__assign({},O.popper),k)},P.popper))};

package/lib/cjs/Tips/Step.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("rooks"),n=require("clsx"),a=require("../TipPointer/TipPointer.js"),i=require("../Tip/Tip.js"),l=require("./Step.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=u(e),o=u(n);module.exports=function(n){var u=n.step,s=n.target,c=n.goNext,p=n.setSkipAll,f=n.onPointerClick,d=n.onClose,m=n.onNextClick,k=n.onSkipAllClick,C=n.mutationsListenerElement,b=u.theme,E=u.targetPointer,g=u.popupPlacement,S=u.popupOffset,h=u.content,q=e.useState(!1),v=q[0],x=q[1],P=e.useRef(null),j=e.useRef(null),y=e.useCallback((function(){x(!0),f&&f(u)}),[u,f,x]),L=e.useCallback((function(){c(),x(!1),m&&m(u)}),[u,m,c]),N=e.useCallback((function(){p(),x(!1),k&&k(u)}),[u,k,p]);t.useOutsideClick(j,e.useCallback((function(e){e.target.id!=="pointer-for-".concat(u.id)&&(x(!1),v&&d&&d(u))}),[d,u,v])),t.useKey("Escape",e.useCallback((function(){x(!1),v&&d&&d(u)}),[d,u,v])),e.useEffect((function(){x(!1)}),[u]),t.useWindowEventListener("blur",e.useCallback((function(){x(!1),v&&d&&d(u)}),[d,u,v]));var R=E?P.current:s;return r.default.createElement(r.default.Fragment,null,r.default.createElement(a,{pointerRef:P,onClick:y,step:u,target:s,hidden:v,mutationsListenerElement:C,"aria-expanded":!!v,"aria-controls":u.id,"aria-label":"Show tip"}),R&&r.default.createElement(i,{id:"tip-for-".concat(u.id),popupRef:j,className:o.default(l.step,u.popupClassName),style:u.popupStyles,placement:g,offset:S,"data-show":!!v,onDoneClick:L,onSkipAllClick:N,target:R,mutationsListenerElement:C,theme:b,role:"status","aria-hidden":!v},h))};
+"use strict";var e=require("react"),t=require("rooks"),n=require("clsx"),a=require("../TipPointer/TipPointer.js"),i=require("../Tip/Tip.js"),l=require("./Step.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=u(e),o=u(n);module.exports=function(n){var u=n.step,s=n.target,c=n.goNext,p=n.setSkipAll,f=n.onPointerClick,d=n.onClose,m=n.onNextClick,k=n.onSkipAllClick,C=n.mutationsListenerElement,b=u.theme,E=u.targetPointer,g=u.popupPlacement,S=u.popupOffset,h=u.content,q=e.useState(!1),v=q[0],x=q[1],P=e.useRef(null),j=e.useRef(null),y=e.useCallback(function(){x(!0),f&&f(u)},[u,f,x]),L=e.useCallback(function(){c(),x(!1),m&&m(u)},[u,m,c]),N=e.useCallback(function(){p(),x(!1),k&&k(u)},[u,k,p]);t.useOutsideClick(j,e.useCallback(function(e){e.target.id!=="pointer-for-".concat(u.id)&&(x(!1),v&&d&&d(u))},[d,u,v])),t.useKey("Escape",e.useCallback(function(){x(!1),v&&d&&d(u)},[d,u,v])),e.useEffect(function(){x(!1)},[u]),t.useWindowEventListener("blur",e.useCallback(function(){x(!1),v&&d&&d(u)},[d,u,v]));var R=E?P.current:s;return r.default.createElement(r.default.Fragment,null,r.default.createElement(a,{pointerRef:P,onClick:y,step:u,target:s,hidden:v,mutationsListenerElement:C,"aria-expanded":!!v,"aria-controls":u.id,"aria-label":"Show tip"}),R&&r.default.createElement(i,{id:"tip-for-".concat(u.id),popupRef:j,className:o.default(l.step,u.popupClassName),style:u.popupStyles,placement:g,offset:S,"data-show":!!v,onDoneClick:L,onSkipAllClick:N,target:R,mutationsListenerElement:C,theme:b,role:"status","aria-hidden":!v},h))};

package/lib/cjs/Tips/Steps.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("react-dom"),i=require("rooks"),l=require("./Step.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(e),o=n(t),r={subtree:!0,childList:!0,attributes:!1,characterData:!1};module.exports=function(t){var n=t.setNextStepNumber,c=t.getActiveStep,a=t.setSkipAll,s=t.onPointerClick,d=t.onCloseTip,f=t.onNextClick,k=t.onSkipAllClick,C=t.tour,b=t.container,p=void 0===b?document.body:b,S=e.useRef(p),m=e.useState(null),v=m[0],q=m[1],x=C.steps[c(C.id)],y=document.querySelector((null==x?void 0:x.mutationsListenerElementSelector)||"body"),A=e.useCallback((function(){if(x){var e=p.querySelector(null==x?void 0:x.selector);q(null!=e?e:null)}}),[p,x]),N=e.useCallback((function(){s&&s(C.id,x)}),[s,x,C.id]),E=e.useCallback((function(){d&&d(C.id,x)}),[d,x,C.id]),g=e.useCallback((function(){f&&f(C.id,x)}),[f,x,C.id]),L=e.useCallback((function(){k&&k(C.id,x)}),[k,x,C.id]);return i.useMutationObserver(S,A,r),e.useEffect((function(){A()}),[A]),x&&v&&y?o.default.createPortal(u.default.createElement(l,{target:v,step:x,mutationsListenerElement:y,goNext:function(){return n(C.id)},setSkipAll:a,onPointerClick:N,onClose:E,onNextClick:g,onSkipAllClick:L}),p):null};
+"use strict";var e=require("react"),t=require("react-dom"),i=require("rooks"),l=require("./Step.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(e),o=n(t),r={subtree:!0,childList:!0,attributes:!1,characterData:!1};module.exports=function(t){var n=t.setNextStepNumber,c=t.getActiveStep,a=t.setSkipAll,s=t.onPointerClick,d=t.onCloseTip,f=t.onNextClick,k=t.onSkipAllClick,C=t.tour,b=t.container,p=void 0===b?document.body:b,S=e.useRef(p),m=e.useState(null),v=m[0],q=m[1],x=C.steps[c(C.id)],y=document.querySelector((null==x?void 0:x.mutationsListenerElementSelector)||"body"),A=e.useCallback(function(){if(x){var e=p.querySelector(null==x?void 0:x.selector);q(null!=e?e:null)}},[p,x]),N=e.useCallback(function(){s&&s(C.id,x)},[s,x,C.id]),E=e.useCallback(function(){d&&d(C.id,x)},[d,x,C.id]),g=e.useCallback(function(){f&&f(C.id,x)},[f,x,C.id]),L=e.useCallback(function(){k&&k(C.id,x)},[k,x,C.id]);return i.useMutationObserver(S,A,r),e.useEffect(function(){A()},[A]),x&&v&&y?o.default.createPortal(u.default.createElement(l,{target:v,step:x,mutationsListenerElement:y,goNext:function(){return n(C.id)},setSkipAll:a,onPointerClick:N,onClose:E,onNextClick:g,onSkipAllClick:L}),p):null};

package/lib/cjs/Tips/Tips.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("./Steps.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(e);module.exports=function(e){var l=e.setNextStepNumber,i=e.getActiveStep,o=e.setSkipAll,r=e.onPointerClick,u=e.onCloseTip,c=e.onNextClick,a=e.onSkipAllClick,p=e.skipAll,s=void 0!==p&&p,k=e.tours,d=e.container,f=void 0===d?document.body:d;return!0===s?null:n.default.createElement(n.default.Fragment,null,k.map((function(e){return n.default.createElement(t,{key:e.id,setNextStepNumber:l,getActiveStep:i,setSkipAll:o,onPointerClick:r,onCloseTip:u,onNextClick:c,onSkipAllClick:a,tour:e,container:f})})))};
+"use strict";var e=require("react"),t=require("./Steps.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(e);module.exports=function(e){var l=e.setNextStepNumber,i=e.getActiveStep,o=e.setSkipAll,r=e.onPointerClick,u=e.onCloseTip,c=e.onNextClick,a=e.onSkipAllClick,p=e.skipAll,s=void 0!==p&&p,k=e.tours,d=e.container,f=void 0===d?document.body:d;return!0===s?null:n.default.createElement(n.default.Fragment,null,k.map(function(e){return n.default.createElement(t,{key:e.id,setNextStepNumber:l,getActiveStep:i,setSkipAll:o,onPointerClick:r,onCloseTip:u,onNextClick:c,onSkipAllClick:a,tour:e,container:f})}))};

package/lib/cjs/_virtual/_tslib.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__assign=function(){return exports.__assign=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},exports.__assign.apply(this,arguments)},exports.__rest=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__assign=function(){return exports.__assign=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},exports.__assign.apply(this,arguments)},"function"==typeof SuppressedError&&SuppressedError,exports.__rest=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t};

package/lib/es/Tip/Tip.js

@@ -1 +1 @@
-import{__rest as t,__assign as e}from"../_virtual/_tslib.js";import o,{useRef as r,useState as a,useCallback as i,useMemo as n}from"react";import l from"clsx";import{usePopper as s}from"react-popper";import{throttle as c}from"lodash";import{useMutationObserver as m}from"rooks";import p from"./Tip.module.css.js";var u={subtree:!0,childList:!0,attributes:!1,characterData:!1},f=function(f){var d,k=f.popupRef,v=f.className,h=f.onDoneClick,b=f.onSkipAllClick,E=f.target,N=f.mutationsListenerElement,y=void 0===N?document.body:N,C=f.theme,w=f.style,g=f.id,D=f.offset,L=void 0===D?[20,0]:D,S=f.placement,j=void 0===S?"auto":S,x=f.children,A=t(f,["popupRef","className","onDoneClick","onSkipAllClick","target","mutationsListenerElement","theme","style","id","offset","placement","children"]),B=r(null),R=r(y),_=a(),G=_[0],T=_[1],q=i((function(t){T(t),k&&(k.current=t)}),[k]),z=n((function(){return[{name:"offset",options:{offset:L}},{name:"arrow",options:{padding:6}}]}),[L]),F=s(E,G,{placement:j,modifiers:z}),H=F.styles,I=F.attributes,J=F.update,K=c((function(){var t;null===(t=null==J?void 0:J())||void 0===t||t.catch((function(t){console.error(t)}))}),250);return m(R,K,u),o.createElement("div",e({ref:q,id:g},A,{className:l(v,p.tip,(d={},d[p.important]="important"===C,d[p.white]="white"===C,d)),style:e(e({},w),H.popper)},I.popper),x,o.createElement("div",{"data-popper-arrow":!0,ref:B,className:p.caret,style:H.arrow}),o.createElement("div",{className:p.buttons},o.createElement("button",{onClick:h,className:p.okButton,"aria-controls":g},"Got it!"),o.createElement("button",{onClick:b,className:p.skipButton,"aria-controls":g},"Skip all tips")))};export{f as default};
+import{__rest as t,__assign as e}from"../_virtual/_tslib.js";import o,{useRef as r,useState as a,useCallback as i,useMemo as n}from"react";import l from"clsx";import{usePopper as s}from"react-popper";import{throttle as c}from"lodash";import{useMutationObserver as m}from"rooks";import p from"./Tip.module.css.js";var u={subtree:!0,childList:!0,attributes:!1,characterData:!1},f=function(f){var d,k=f.popupRef,v=f.className,h=f.onDoneClick,b=f.onSkipAllClick,E=f.target,N=f.mutationsListenerElement,y=void 0===N?document.body:N,C=f.theme,w=f.style,g=f.id,D=f.offset,L=void 0===D?[20,0]:D,S=f.placement,j=void 0===S?"auto":S,x=f.children,A=t(f,["popupRef","className","onDoneClick","onSkipAllClick","target","mutationsListenerElement","theme","style","id","offset","placement","children"]),B=r(null),R=r(y),_=a(),G=_[0],T=_[1],q=i(function(t){T(t),k&&(k.current=t)},[k]),z=n(function(){return[{name:"offset",options:{offset:L}},{name:"arrow",options:{padding:6}}]},[L]),F=s(E,G,{placement:j,modifiers:z}),H=F.styles,I=F.attributes,J=F.update,K=c(function(){var t;null===(t=null==J?void 0:J())||void 0===t||t.catch(function(t){console.error(t)})},250);return m(R,K,u),o.createElement("div",e({ref:q,id:g},A,{className:l(v,p.tip,(d={},d[p.important]="important"===C,d[p.white]="white"===C,d)),style:e(e({},w),H.popper)},I.popper),x,o.createElement("div",{"data-popper-arrow":!0,ref:B,className:p.caret,style:H.arrow}),o.createElement("div",{className:p.buttons},o.createElement("button",{onClick:h,className:p.okButton,"aria-controls":g},"Got it!"),o.createElement("button",{onClick:b,className:p.skipButton,"aria-controls":g},"Skip all tips")))};export{f as default};

package/lib/es/TipPointer/TipPointer.js

@@ -1 +1 @@
-import{__rest as t,__assign as e}from"../_virtual/_tslib.js";import o,{useRef as r,useState as n,useCallback as i,useMemo as s,useEffect as a}from"react";import p from"clsx";import{throttle as c}from"lodash";import{usePopper as m}from"react-popper";import{useMutationObserver as f}from"rooks";import l from"./TipPointer.module.css.js";var u={subtree:!0,childList:!0,attributes:!1,characterData:!1};function d(d){var h=d.step,v=d.onClick,b=d.target,k=d.hidden,C=d.mutationsListenerElement,y=d.pointerRef,E=t(d,["step","onClick","target","hidden","mutationsListenerElement","pointerRef"]),L=r(C),N=h.pointerOffset,g=h.placement,j=h.id,x=h.pointerStyles,R=n(),_=R[0],w=R[1],D=i((function(t){w(t),void 0!==y&&(y.current=t)}),[y]),O=s((function(){return N?[N[1],N[0]]:[0,0]}),[N]),P=n(!1),S=P[0],T=P[1],q=s((function(){return[{name:"offset",options:{offset:O}}]}),[O]),z=m(b,_,{placement:g,modifiers:q}),A=z.styles,B=z.attributes,F=z.update,G=c((function(){var t;null===(t=null==F?void 0:F())||void 0===t||t.catch((function(t){console.error(t)}))}),250);return a((function(){T(!0)}),[]),f(L,G,u),o.createElement("button",e({},E,{ref:D,"data-show":S&&!k,id:"pointer-for-".concat(j),onClick:v,className:p(E.className,l.pointer,h.pointerClassName),style:e(e({},A.popper),x)},B.popper))}export{d as default};
+import{__rest as t,__assign as e}from"../_virtual/_tslib.js";import o,{useRef as r,useState as n,useCallback as i,useMemo as s,useEffect as a}from"react";import p from"clsx";import{throttle as c}from"lodash";import{usePopper as m}from"react-popper";import{useMutationObserver as f}from"rooks";import l from"./TipPointer.module.css.js";var u={subtree:!0,childList:!0,attributes:!1,characterData:!1};function d(d){var h=d.step,v=d.onClick,b=d.target,k=d.hidden,C=d.mutationsListenerElement,y=d.pointerRef,E=t(d,["step","onClick","target","hidden","mutationsListenerElement","pointerRef"]),L=r(C),N=h.pointerOffset,g=h.placement,j=h.id,x=h.pointerStyles,R=n(),_=R[0],w=R[1],D=i(function(t){w(t),void 0!==y&&(y.current=t)},[y]),O=s(function(){return N?[N[1],N[0]]:[0,0]},[N]),P=n(!1),S=P[0],T=P[1],q=s(function(){return[{name:"offset",options:{offset:O}}]},[O]),z=m(b,_,{placement:g,modifiers:q}),A=z.styles,B=z.attributes,F=z.update,G=c(function(){var t;null===(t=null==F?void 0:F())||void 0===t||t.catch(function(t){console.error(t)})},250);return a(function(){T(!0)},[]),f(L,G,u),o.createElement("button",e({},E,{ref:D,"data-show":S&&!k,id:"pointer-for-".concat(j),onClick:v,className:p(E.className,l.pointer,h.pointerClassName),style:e(e({},A.popper),x)},B.popper))}export{d as default};

package/lib/es/Tips/Step.js

@@ -1 +1 @@
-import t,{useState as e,useRef as o,useCallback as n,useEffect as i}from"react";import{useOutsideClick as r,useKey as p,useWindowEventListener as a}from"rooks";import l from"clsx";import s from"../TipPointer/TipPointer.js";import c from"../Tip/Tip.js";import m from"./Step.module.css.js";function u(u){var f=u.step,d=u.target,k=u.goNext,C=u.setSkipAll,g=u.onPointerClick,E=u.onClose,h=u.onNextClick,S=u.onSkipAllClick,x=u.mutationsListenerElement,P=f.theme,N=f.targetPointer,T=f.popupPlacement,j=f.popupOffset,A=f.content,L=e(!1),b=L[0],v=L[1],w=o(null),y=o(null),R=n((function(){v(!0),g&&g(f)}),[f,g,v]),D=n((function(){k(),v(!1),h&&h(f)}),[f,h,k]),F=n((function(){C(),v(!1),S&&S(f)}),[f,S,C]);r(y,n((function(t){t.target.id!=="pointer-for-".concat(f.id)&&(v(!1),b&&E&&E(f))}),[E,f,b])),p("Escape",n((function(){v(!1),b&&E&&E(f)}),[E,f,b])),i((function(){v(!1)}),[f]),a("blur",n((function(){v(!1),b&&E&&E(f)}),[E,f,b]));var O=N?w.current:d;return t.createElement(t.Fragment,null,t.createElement(s,{pointerRef:w,onClick:R,step:f,target:d,hidden:b,mutationsListenerElement:x,"aria-expanded":!!b,"aria-controls":f.id,"aria-label":"Show tip"}),O&&t.createElement(c,{id:"tip-for-".concat(f.id),popupRef:y,className:l(m.step,f.popupClassName),style:f.popupStyles,placement:T,offset:j,"data-show":!!b,onDoneClick:D,onSkipAllClick:F,target:O,mutationsListenerElement:x,theme:P,role:"status","aria-hidden":!b},A))}export{u as default};
+import t,{useState as e,useRef as o,useCallback as n,useEffect as i}from"react";import{useOutsideClick as r,useKey as p,useWindowEventListener as a}from"rooks";import l from"clsx";import s from"../TipPointer/TipPointer.js";import c from"../Tip/Tip.js";import m from"./Step.module.css.js";function u(u){var f=u.step,d=u.target,k=u.goNext,C=u.setSkipAll,g=u.onPointerClick,E=u.onClose,h=u.onNextClick,S=u.onSkipAllClick,x=u.mutationsListenerElement,P=f.theme,N=f.targetPointer,T=f.popupPlacement,j=f.popupOffset,A=f.content,L=e(!1),b=L[0],v=L[1],w=o(null),y=o(null),R=n(function(){v(!0),g&&g(f)},[f,g,v]),D=n(function(){k(),v(!1),h&&h(f)},[f,h,k]),F=n(function(){C(),v(!1),S&&S(f)},[f,S,C]);r(y,n(function(t){t.target.id!=="pointer-for-".concat(f.id)&&(v(!1),b&&E&&E(f))},[E,f,b])),p("Escape",n(function(){v(!1),b&&E&&E(f)},[E,f,b])),i(function(){v(!1)},[f]),a("blur",n(function(){v(!1),b&&E&&E(f)},[E,f,b]));var O=N?w.current:d;return t.createElement(t.Fragment,null,t.createElement(s,{pointerRef:w,onClick:R,step:f,target:d,hidden:b,mutationsListenerElement:x,"aria-expanded":!!b,"aria-controls":f.id,"aria-label":"Show tip"}),O&&t.createElement(c,{id:"tip-for-".concat(f.id),popupRef:y,className:l(m.step,f.popupClassName),style:f.popupStyles,placement:T,offset:j,"data-show":!!b,onDoneClick:D,onSkipAllClick:F,target:O,mutationsListenerElement:x,theme:P,role:"status","aria-hidden":!b},A))}export{u as default};

package/lib/es/Tips/Steps.js

@@ -1 +1 @@
-import t,{useRef as e,useState as o,useCallback as i,useEffect as n}from"react";import r from"react-dom";import{useMutationObserver as l}from"rooks";import c from"./Step.js";var u={subtree:!0,childList:!0,attributes:!1,characterData:!1},d=function(d){var a=d.setNextStepNumber,s=d.getActiveStep,m=d.setSkipAll,p=d.onPointerClick,f=d.onCloseTip,k=d.onNextClick,S=d.onSkipAllClick,C=d.tour,v=d.container,b=void 0===v?document.body:v,x=e(b),A=o(null),N=A[0],y=A[1],g=C.steps[s(C.id)],E=document.querySelector((null==g?void 0:g.mutationsListenerElementSelector)||"body"),L=i((function(){if(g){var t=b.querySelector(null==g?void 0:g.selector);y(null!=t?t:null)}}),[b,g]),P=i((function(){p&&p(C.id,g)}),[p,g,C.id]),h=i((function(){f&&f(C.id,g)}),[f,g,C.id]),q=i((function(){k&&k(C.id,g)}),[k,g,C.id]),j=i((function(){S&&S(C.id,g)}),[S,g,C.id]);return l(x,L,u),n((function(){L()}),[L]),g&&N&&E?r.createPortal(t.createElement(c,{target:N,step:g,mutationsListenerElement:E,goNext:function(){return a(C.id)},setSkipAll:m,onPointerClick:P,onClose:h,onNextClick:q,onSkipAllClick:j}),b):null};export{d as default};
+import t,{useRef as e,useState as o,useCallback as i,useEffect as n}from"react";import r from"react-dom";import{useMutationObserver as l}from"rooks";import c from"./Step.js";var u={subtree:!0,childList:!0,attributes:!1,characterData:!1},d=function(d){var a=d.setNextStepNumber,s=d.getActiveStep,m=d.setSkipAll,p=d.onPointerClick,f=d.onCloseTip,k=d.onNextClick,S=d.onSkipAllClick,C=d.tour,v=d.container,b=void 0===v?document.body:v,x=e(b),A=o(null),N=A[0],y=A[1],g=C.steps[s(C.id)],E=document.querySelector((null==g?void 0:g.mutationsListenerElementSelector)||"body"),L=i(function(){if(g){var t=b.querySelector(null==g?void 0:g.selector);y(null!=t?t:null)}},[b,g]),P=i(function(){p&&p(C.id,g)},[p,g,C.id]),h=i(function(){f&&f(C.id,g)},[f,g,C.id]),q=i(function(){k&&k(C.id,g)},[k,g,C.id]),j=i(function(){S&&S(C.id,g)},[S,g,C.id]);return l(x,L,u),n(function(){L()},[L]),g&&N&&E?r.createPortal(t.createElement(c,{target:N,step:g,mutationsListenerElement:E,goNext:function(){return a(C.id)},setSkipAll:m,onPointerClick:P,onClose:h,onNextClick:q,onSkipAllClick:j}),b):null};export{d as default};

package/lib/es/Tips/Tips.js

@@ -1 +1 @@
-import e from"react";import t from"./Steps.js";var o=function(o){var i=o.setNextStepNumber,n=o.getActiveStep,l=o.setSkipAll,r=o.onPointerClick,c=o.onCloseTip,p=o.onNextClick,k=o.onSkipAllClick,u=o.skipAll,a=void 0!==u&&u,m=o.tours,s=o.container,S=void 0===s?document.body:s;return!0===a?null:e.createElement(e.Fragment,null,m.map((function(o){return e.createElement(t,{key:o.id,setNextStepNumber:i,getActiveStep:n,setSkipAll:l,onPointerClick:r,onCloseTip:c,onNextClick:p,onSkipAllClick:k,tour:o,container:S})})))};export{o as default};
+import e from"react";import t from"./Steps.js";var o=function(o){var i=o.setNextStepNumber,n=o.getActiveStep,l=o.setSkipAll,r=o.onPointerClick,c=o.onCloseTip,p=o.onNextClick,k=o.onSkipAllClick,u=o.skipAll,a=void 0!==u&&u,m=o.tours,s=o.container,S=void 0===s?document.body:s;return!0===a?null:e.createElement(e.Fragment,null,m.map(function(o){return e.createElement(t,{key:o.id,setNextStepNumber:i,getActiveStep:n,setSkipAll:l,onPointerClick:r,onCloseTip:c,onNextClick:p,onSkipAllClick:k,tour:o,container:S})}))};export{o as default};

package/lib/es/_virtual/_tslib.js

@@ -1 +1 @@
-var r=function(){return r=Object.assign||function(r){for(var t,e=1,n=arguments.length;e<n;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r},r.apply(this,arguments)};function t(r,t){var e={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&t.indexOf(n)<0&&(e[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(r);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(r,n[o])&&(e[n[o]]=r[n[o]])}return e}export{r as __assign,t as __rest};
+var r=function(){return r=Object.assign||function(r){for(var t,e=1,o=arguments.length;e<o;e++)for(var n in t=arguments[e])Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n]);return r},r.apply(this,arguments)};function t(r,t){var e={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&t.indexOf(o)<0&&(e[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(e[o[n]]=r[o[n]])}return e}"function"==typeof SuppressedError&&SuppressedError;export{r as __assign,t as __rest};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8slens/lds-tips",
-  "version": "0.48.2",
+  "version": "0.48.4",
   "description": "Lens Design System – React Tips component",
   "author": "Mirantis Inc",
   "license": "MIT",
@@ -29,13 +29,13 @@
     "format": "oxlint --fix . && prettier --write ."
   },
   "dependencies": {
-    "@k8slens/lds": "^0.58.2"
+    "@k8slens/lds": "^0.58.4"
   },
   "devDependencies": {
-    "@k8slens/lds-icons": "^0.56.2",
-    "@k8slens/lds-tokens": "^0.59.2",
+    "@k8slens/lds-icons": "^0.56.4",
+    "@k8slens/lds-tokens": "^0.59.4",
     "@rollup/plugin-node-resolve": "15.0.2",
-    "@storybook/react": "6.5.16",
+    "@storybook/react": "10.2.15",
     "@testing-library/react": "14.0.0",
     "typescript": "4.8.4"
   },
@@ -60,5 +60,5 @@
       "\\.svg": "<rootDir>/../../__mocks__/SVGStub.js"
     }
   },
-  "gitHead": "1f889df45a91e8b67494c6e5e45197639861a84f"
+  "gitHead": "4d79cf509073c250bbc49794d459230e41de28e6"
 }