npm - @pushwoosh/kit-helpers - Versions diffs - 3.2.0 → 4.0.0 - Mend

@pushwoosh/kit-helpers 3.2.0 → 4.0.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.

Files changed (4) hide show

package/lib/grid.d.ts CHANGED Viewed

@@ -2,14 +2,18 @@ export declare const GridContainer: import("styled-components").StyledComponent<
     $gap?: string | number | undefined;
     $padding?: string | number | undefined;
     $margin?: string | number | undefined;
-    $justify?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyContent?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyItems?: "center" | "start" | "end" | "stretch" | "baseline" | undefined;
+    $alignContent?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
     $alignItems?: "center" | "start" | "end" | "stretch" | "baseline" | undefined;
 }, never>;
 export declare const Columns: import("styled-components").StyledComponent<"div", any, {
     $gap?: string | number | undefined;
     $padding?: string | number | undefined;
     $margin?: string | number | undefined;
-    $justify?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyContent?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyItems?: "center" | "start" | "end" | "stretch" | "baseline" | undefined;
+    $alignContent?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
     $alignItems?: "center" | "start" | "end" | "stretch" | "baseline" | undefined;
 } & {
     $sizes: number | string;
@@ -18,7 +22,9 @@ export declare const Rows: import("styled-components").StyledComponent<"div", an
     $gap?: string | number | undefined;
     $padding?: string | number | undefined;
     $margin?: string | number | undefined;
-    $justify?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyContent?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyItems?: "center" | "start" | "end" | "stretch" | "baseline" | undefined;
+    $alignContent?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
     $alignItems?: "center" | "start" | "end" | "stretch" | "baseline" | undefined;
 } & {
     $sizes: number | string;
@@ -27,13 +33,17 @@ export declare const Horizontal: import("styled-components").StyledComponent<"di
     $gap?: string | number | undefined;
     $padding?: string | number | undefined;
     $margin?: string | number | undefined;
-    $justify?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyContent?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyItems?: "center" | "start" | "end" | "stretch" | "baseline" | undefined;
+    $alignContent?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
     $alignItems?: "center" | "start" | "end" | "stretch" | "baseline" | undefined;
 }, never>;
 export declare const Vertical: import("styled-components").StyledComponent<"div", any, {
     $gap?: string | number | undefined;
     $padding?: string | number | undefined;
     $margin?: string | number | undefined;
-    $justify?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyContent?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyItems?: "center" | "start" | "end" | "stretch" | "baseline" | undefined;
+    $alignContent?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
     $alignItems?: "center" | "start" | "end" | "stretch" | "baseline" | undefined;
 }, never>;

package/lib/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-(()=>{"use strict";var t={n:e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},d:(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{Collapse:()=>N,Columns:()=>l,ExpandTransition:()=>I,GridContainer:()=>c,Horizontal:()=>s,Rows:()=>f,Vertical:()=>y,elementAddListener:()=>M,subscribeClickAway:()=>$,useAsync:()=>K,useAsyncFn:()=>V,useClickAway:()=>R,useDebounce:()=>X,useEffectOnce:()=>k,useMount:()=>q,useMountedState:()=>D,usePersistentFunction:()=>T,useUnmount:()=>_});const r=require("styled-components");var n=t.n(r),o=function(t){return"number"==typeof t},i=function(t){return o(t)?"".concat(t,"px"):t},u=function(t){return o(t)?"repeat(".concat(t,", 1fr)"):t},a=function(t,e,r){if(void 0!==e)return"".concat(t,": ").concat(r?r(e):e,";")},c=n().div.withConfig({displayName:"GridContainer",componentId:"sc-td6pqh-0"})(["display:grid;"," "," "," "," ",""],(function(t){return a("gap",t.$gap,i)}),(function(t){return a("padding",t.$padding,i)}),(function(t){return a("margin",t.$margin,i)}),(function(t){return a("justify-content",t.$justify)}),(function(t){return a("align-items",t.$alignItems)})),l=n()(c).withConfig({displayName:"Columns",componentId:"sc-td6pqh-1"})(["grid-template-columns:",";"],(function(t){return u(t.$sizes)})),f=n()(c).withConfig({displayName:"Rows",componentId:"sc-td6pqh-2"})(["grid-template-rows:",";"],(function(t){return u(t.$sizes)})),s=n()(c).withConfig({displayName:"Horizontal",componentId:"sc-td6pqh-3"})(["grid-auto-flow:column;"]),y=n()(c).withConfig({displayName:"Vertical",componentId:"sc-td6pqh-4"})(["grid-auto-flow:row;"]);const p=require("react");var m=t.n(p);const d=require("react-transition-group");function b(t){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},b(t)}var v=["className","externalClassName","internalClassName","timeout","children"],h=["expanded","children","className"];function g(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function O(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?g(Object(r),!0).forEach((function(e){w(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function w(t,e,r){return(e=function(t){var e=function(t,e){if("object"!==b(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===b(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function j(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,u,a=[],c=!0,l=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==e);c=!0);}catch(t){l=!0,o=t}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return S(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return S(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function S(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function A(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}var E=function(t){var e=t.className,r=t.externalClassName,n=t.internalClassName,o=t.timeout,i=void 0===o?100:o,u=t.children,a=A(t,v),c=(0,p.useRef)(null),l=(0,p.useRef)(null),f=j((0,p.useState)(),2),s=f[0],y=f[1];function b(){var t=l.current.getBoundingClientRect();y({"--timeout":"".concat(i,"ms"),"--width":"".concat(t.width,"px"),"--height":"".concat(t.height,"px")})}return(0,p.useEffect)(b,[i]),m().createElement(d.CSSTransition,O(O({},a),{},{timeout:i,classNames:e,onEnter:b,onExit:b,nodeRef:c}),m().createElement("div",{ref:c,className:r?"".concat(e," ").concat(r):e,style:s},m().createElement("div",{ref:l,className:n},u)))},P=n()(E).withConfig({displayName:"CollapseTransition",componentId:"sc-7jjhp8-0"})(["transition:height var(--timeout) linear,opacity var(--timeout) linear;&-enter{overflow:hidden;opacity:0;height:0;}&-enter-active,&-exit{overflow:hidden;opacity:1;height:var(--height);}&-exit-active{overflow:hidden;opacity:0;height:0;}"]),C=(0,r.css)(["overflow:hidden;position:relative;width:1px;height:1px;& > *{position:absolute;top:calc(var(--height) / -2);left:calc(var(--width) / -2);}"]),x=(0,r.css)(["overflow:hidden;position:relative;width:var(--width);height:var(--height);& > *{position:absolute;top:0;left:0;}"]),I=n()(E).withConfig({displayName:"ExpandTransition",componentId:"sc-7jjhp8-1"})(["transition:all var(--timeout) ease-out;& > *{transition:all var(--timeout) ease-out;}&-enter{","}&-enter-active,&-exit{","}&-exit-active{","}"],C,x,C),N=function(t){var e=t.expanded,r=t.children,n=t.className,o=A(t,h);return m().createElement(d.TransitionGroup,{component:null},e&&m().createElement(P,O(O({},o),{},{externalClassName:n,key:0}),"function"==typeof r?r():r))};function T(t){var e=(0,p.useRef)(t);return e.current=t,(0,p.useCallback)((function(){return e.current.apply(e,arguments)}),[])}function M(t,e,r){var n=Array.isArray(e)?e:[e];return n.forEach((function(e){t.addEventListener(e,r)})),function(){n.forEach((function(e){t.removeEventListener(e,r)}))}}function $(t,e){return M(document,["mousedown","touchstart"],(function(r){t&&!t.contains(r.target)&&e(r)}))}function R(t,e,r){var n=T(r);(0,p.useEffect)((function(){if(t)return $(e.current,n)}),[t,e,n])}const k=function(t){(0,p.useEffect)(t,[])};function D(){var t=(0,p.useRef)(!1),e=(0,p.useCallback)((function(){return t.current}),[]);return(0,p.useEffect)((function(){return t.current=!0,function(){t.current=!1}}),[]),e}const q=function(t){k((function(){t()}))};const _=function(t){var e=(0,p.useRef)(t);e.current=t,k((function(){return function(){return e.current()}}))};function U(t){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},U(t)}function z(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function G(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?z(Object(r),!0).forEach((function(e){L(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function L(t,e,r){return(e=function(t){var e=function(t,e){if("object"!==U(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===U(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function F(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,u,a=[],c=!0,l=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==e);c=!0);}catch(t){l=!0,o=t}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return H(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return H(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function H(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function V(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{loading:!1},n=(0,p.useRef)(0),o=D(),i=F((0,p.useState)(r),2),u=i[0],a=i[1],c=(0,p.useCallback)((function(){var e=++n.current,r=function(){return o()&&e===n.current};return!u.loading&&r()&&a((function(t){return G(G({},t),{},{loading:!0})})),t.apply(void 0,arguments).then((function(t){return r()&&a({value:t,loading:!1}),t}),(function(t){throw r()&&a({error:t,loading:!1}),t}))}),e);return[u,c]}function B(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,u,a=[],c=!0,l=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==e);c=!0);}catch(t){l=!0,o=t}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return J(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return J(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function K(t){var e=B(V(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],{loading:!0}),2),r=e[0],n=e[1];return(0,p.useEffect)((function(){n()}),[n]),r}function Q(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,u,a=[],c=!0,l=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==e);c=!0);}catch(t){l=!0,o=t}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return W(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return W(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function W(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}const X=function(t,e){var r=Q((0,p.useState)(t),2),n=r[0],o=r[1];return(0,p.useEffect)((function(){var r=setTimeout((function(){o(t)}),e);return function(){clearTimeout(r)}}),[t,e]),n};var Y=exports;for(var Z in e)Y[Z]=e[Z];e.__esModule&&Object.defineProperty(Y,"__esModule",{value:!0})})();
+(()=>{"use strict";var t={n:e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},d:(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{Collapse:()=>N,Columns:()=>l,ExpandTransition:()=>I,GridContainer:()=>c,Horizontal:()=>s,Rows:()=>f,Vertical:()=>y,elementAddListener:()=>$,subscribeClickAway:()=>M,useAsync:()=>K,useAsyncFn:()=>V,useClickAway:()=>R,useDebounce:()=>X,useEffectOnce:()=>k,useMount:()=>q,useMountedState:()=>D,usePersistentFunction:()=>T,useUnmount:()=>_});const r=require("styled-components");var n=t.n(r),o=function(t){return"number"==typeof t},i=function(t){return o(t)?"".concat(t,"px"):t},u=function(t){return o(t)?"repeat(".concat(t,", 1fr)"):t},a=function(t,e,r){if(void 0!==e)return"".concat(t,": ").concat(r?r(e):e,";")},c=n().div.withConfig({displayName:"GridContainer",componentId:"sc-td6pqh-0"})(["display:grid;"," "," "," "," "," "," ",""],(function(t){return a("gap",t.$gap,i)}),(function(t){return a("padding",t.$padding,i)}),(function(t){return a("margin",t.$margin,i)}),(function(t){return a("justify-content",t.$justifyContent)}),(function(t){return a("justify-items",t.$justifyItems)}),(function(t){return a("align-content",t.$alignContent)}),(function(t){return a("align-items",t.$alignItems)})),l=n()(c).withConfig({displayName:"Columns",componentId:"sc-td6pqh-1"})(["grid-template-columns:",";"],(function(t){return u(t.$sizes)})),f=n()(c).withConfig({displayName:"Rows",componentId:"sc-td6pqh-2"})(["grid-template-rows:",";"],(function(t){return u(t.$sizes)})),s=n()(c).withConfig({displayName:"Horizontal",componentId:"sc-td6pqh-3"})(["grid-auto-flow:column;"]),y=n()(c).withConfig({displayName:"Vertical",componentId:"sc-td6pqh-4"})(["grid-auto-flow:row;"]);const p=require("react");var m=t.n(p);const d=require("react-transition-group");function b(t){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},b(t)}var v=["className","externalClassName","internalClassName","timeout","children"],h=["expanded","children","className"];function g(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function O(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?g(Object(r),!0).forEach((function(e){j(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function j(t,e,r){return(e=function(t){var e=function(t,e){if("object"!==b(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===b(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function w(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,u,a=[],c=!0,l=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==e);c=!0);}catch(t){l=!0,o=t}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return S(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return S(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function S(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function A(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}var C=function(t){var e=t.className,r=t.externalClassName,n=t.internalClassName,o=t.timeout,i=void 0===o?100:o,u=t.children,a=A(t,v),c=(0,p.useRef)(null),l=(0,p.useRef)(null),f=w((0,p.useState)(),2),s=f[0],y=f[1];function b(){var t=l.current.getBoundingClientRect();y({"--timeout":"".concat(i,"ms"),"--width":"".concat(t.width,"px"),"--height":"".concat(t.height,"px")})}return(0,p.useEffect)(b,[i]),m().createElement(d.CSSTransition,O(O({},a),{},{timeout:i,classNames:e,onEnter:b,onExit:b,nodeRef:c}),m().createElement("div",{ref:c,className:r?"".concat(e," ").concat(r):e,style:s},m().createElement("div",{ref:l,className:n},u)))},E=n()(C).withConfig({displayName:"CollapseTransition",componentId:"sc-7jjhp8-0"})(["transition:height var(--timeout) linear,opacity var(--timeout) linear;&-enter{overflow:hidden;opacity:0;height:0;}&-enter-active,&-exit{overflow:hidden;opacity:1;height:var(--height);}&-exit-active{overflow:hidden;opacity:0;height:0;}"]),P=(0,r.css)(["overflow:hidden;position:relative;width:1px;height:1px;& > *{position:absolute;top:calc(var(--height) / -2);left:calc(var(--width) / -2);}"]),x=(0,r.css)(["overflow:hidden;position:relative;width:var(--width);height:var(--height);& > *{position:absolute;top:0;left:0;}"]),I=n()(C).withConfig({displayName:"ExpandTransition",componentId:"sc-7jjhp8-1"})(["transition:all var(--timeout) ease-out;& > *{transition:all var(--timeout) ease-out;}&-enter{","}&-enter-active,&-exit{","}&-exit-active{","}"],P,x,P),N=function(t){var e=t.expanded,r=t.children,n=t.className,o=A(t,h);return m().createElement(d.TransitionGroup,{component:null},e&&m().createElement(E,O(O({},o),{},{externalClassName:n,key:0}),"function"==typeof r?r():r))};function T(t){var e=(0,p.useRef)(t);return e.current=t,(0,p.useCallback)((function(){return e.current.apply(e,arguments)}),[])}function $(t,e,r){var n=Array.isArray(e)?e:[e];return n.forEach((function(e){t.addEventListener(e,r)})),function(){n.forEach((function(e){t.removeEventListener(e,r)}))}}function M(t,e){return $(document,["mousedown","touchstart"],(function(r){t&&!t.contains(r.target)&&e(r)}))}function R(t,e,r){var n=T(r);(0,p.useEffect)((function(){if(t)return M(e.current,n)}),[t,e,n])}const k=function(t){(0,p.useEffect)(t,[])};function D(){var t=(0,p.useRef)(!1),e=(0,p.useCallback)((function(){return t.current}),[]);return(0,p.useEffect)((function(){return t.current=!0,function(){t.current=!1}}),[]),e}const q=function(t){k((function(){t()}))};const _=function(t){var e=(0,p.useRef)(t);e.current=t,k((function(){return function(){return e.current()}}))};function U(t){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},U(t)}function z(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function G(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?z(Object(r),!0).forEach((function(e){L(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function L(t,e,r){return(e=function(t){var e=function(t,e){if("object"!==U(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===U(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function F(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,u,a=[],c=!0,l=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==e);c=!0);}catch(t){l=!0,o=t}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return H(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return H(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function H(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function V(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{loading:!1},n=(0,p.useRef)(0),o=D(),i=F((0,p.useState)(r),2),u=i[0],a=i[1],c=(0,p.useCallback)((function(){var e=++n.current,r=function(){return o()&&e===n.current};return!u.loading&&r()&&a((function(t){return G(G({},t),{},{loading:!0})})),t.apply(void 0,arguments).then((function(t){return r()&&a({value:t,loading:!1}),t}),(function(t){throw r()&&a({error:t,loading:!1}),t}))}),e);return[u,c]}function B(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,u,a=[],c=!0,l=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==e);c=!0);}catch(t){l=!0,o=t}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return J(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return J(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function K(t){var e=B(V(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],{loading:!0}),2),r=e[0],n=e[1];return(0,p.useEffect)((function(){n()}),[n]),r}function Q(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,u,a=[],c=!0,l=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==e);c=!0);}catch(t){l=!0,o=t}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return W(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return W(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function W(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}const X=function(t,e){var r=Q((0,p.useState)(t),2),n=r[0],o=r[1];return(0,p.useEffect)((function(){var r=setTimeout((function(){o(t)}),e);return function(){clearTimeout(r)}}),[t,e]),n};var Y=exports;for(var Z in e)Y[Z]=e[Z];e.__esModule&&Object.defineProperty(Y,"__esModule",{value:!0})})();
 //# sourceMappingURL=index.js.map

package/lib/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","mappings":"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","sources":["webpack://@pushwoosh/kit-helpers/webpack/bootstrap","webpack://@pushwoosh/kit-helpers/webpack/runtime/compat get default export","webpack://@pushwoosh/kit-helpers/webpack/runtime/define property getters","webpack://@pushwoosh/kit-helpers/webpack/runtime/hasOwnProperty shorthand","webpack://@pushwoosh/kit-helpers/webpack/runtime/make namespace object","webpack://@pushwoosh/kit-helpers/external commonjs \"styled-components\"","webpack://@pushwoosh/kit-helpers/./src/grid.tsx","webpack://@pushwoosh/kit-helpers/external commonjs \"react\"","webpack://@pushwoosh/kit-helpers/external commonjs \"react-transition-group\"","webpack://@pushwoosh/kit-helpers/./src/expand.tsx","webpack://@pushwoosh/kit-helpers/./src/hooks/usePersistentFunction.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useClickAway.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useEffectOnce.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useMountedState.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useMount.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useUnmount.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useAsyncFn.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useAsync.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useDebounce.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"styled-components\");","import styled from 'styled-components';\n\nconst isNumber = (value: unknown): value is number => typeof value === 'number';\nconst toCssValue = (value: number \| string): string => (isNumber(value) ? `${value}px` : value);\nconst gridTemplate = (value: number \| string): string => (isNumber(value) ? `repeat(${value}, 1fr)` : value);\nconst createCssDeclaration = (property: string, value: any, valueConvert?: (v: any) => any) => {\n if (value !== undefined) {\n return `${property}: ${valueConvert ? valueConvert(value) : value};`;\n }\n return undefined;\n};\n\nexport const GridContainer = styled.div<{\n $gap?: number \| string;\n $padding?: number \| string;\n $margin?: number \| string;\n $justify?: 'center' \| 'start' \| 'end' \| 'space-between' \| 'space-around' \| 'space-evenly' \| 'stretch';\n $alignItems?: 'center' \| 'start' \| 'end' \| 'baseline' \| 'stretch';\n}>`\n display: grid;\n ${(props) => createCssDeclaration('gap', props.$gap, toCssValue)}\n ${(props) => createCssDeclaration('padding', props.$padding, toCssValue)}\n ${(props) => createCssDeclaration('margin', props.$margin, toCssValue)}\n ${(props) => createCssDeclaration('justify-content', props.$justify)}\n ${(props) => createCssDeclaration('align-items', props.$alignItems)}\n`;\n\nexport const Columns = styled(GridContainer)<{\n $sizes: number \| string;\n}>`\n grid-template-columns: ${(props) => gridTemplate(props.$sizes)};\n`;\n\nexport const Rows = styled(GridContainer)<{\n $sizes: number \| string;\n}>`\n grid-template-rows: ${(props) => gridTemplate(props.$sizes)};\n`;\n\nexport const Horizontal = styled(GridContainer)`\n grid-auto-flow: column;\n`;\n\nexport const Vertical = styled(GridContainer)`\n grid-auto-flow: row;\n`;\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react-transition-group\");","/* eslint-disable react/require-default-props, react/jsx-no-bind /\n\nimport React, {\n type FC,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport styled, { css } from 'styled-components';\n\ntype ExpandTransitionProps = {\n className?: string;\n timeout?: number;\n externalClassName?: string;\n internalClassName?: string;\n};\nconst ExpandTransitionComp: FC<ExpandTransitionProps> = ({\n className,\n externalClassName,\n internalClassName,\n timeout = 100,\n children,\n ...rest\n}) => {\n const refExternal = useRef<HTMLDivElement>(null);\n const refInternal = useRef<HTMLDivElement>(null);\n const [externalStyle, setExternalStyle] = useState<Record<string, string>>();\n\n function updateStyle(): void {\n const rect = refInternal.current!.getBoundingClientRect();\n setExternalStyle({\n '--timeout': `${timeout}ms`,\n '--width': `${rect.width}px`,\n '--height': `${rect.height}px`,\n });\n }\n useEffect(updateStyle, [timeout]);\n\n return (\n <CSSTransition\n {...rest}\n timeout={timeout}\n classNames={className}\n onEnter={updateStyle}\n onExit={updateStyle}\n nodeRef={refExternal}\n >\n <div\n ref={refExternal}\n className={externalClassName ? `${className} ${externalClassName}` : className}\n style={externalStyle}\n >\n <div\n ref={refInternal}\n className={internalClassName}\n >\n {children}\n </div>\n </div>\n </CSSTransition>\n );\n};\n\nconst CollapseTransition = styled(ExpandTransitionComp)`\n transition: height var(--timeout) linear, opacity var(--timeout) linear;\n\n &-enter {\n overflow: hidden;\n opacity: 0;\n height: 0;\n }\n\n &-enter-active, &-exit {\n overflow: hidden;\n opacity: 1;\n height: var(--height);\n }\n\n &-exit-active {\n overflow: hidden;\n opacity: 0;\n height: 0;\n }\n`;\n\nconst enterExpandCss = css`\n overflow: hidden;\n position: relative;\n width: 1px;\n height: 1px;\n\n & > {\n position: absolute;\n top: calc(var(--height) / -2);\n left: calc(var(--width) / -2);\n }\n`;\n\nconst exitExpandCss = css`\n overflow: hidden;\n position: relative;\n width: var(--width);\n height: var(--height);\n\n & > * {\n position: absolute;\n top: 0;\n left: 0;\n }\n`;\n\nexport const ExpandTransition = styled(ExpandTransitionComp)`\n transition: all var(--timeout) ease-out;\n\n & > * {\n transition: all var(--timeout) ease-out;\n }\n\n &-enter { ${enterExpandCss} }\n\n &-enter-active, &-exit { ${exitExpandCss} }\n\n &-exit-active { ${enterExpandCss} }\n`;\n\ntype CollapseProps = {\n expanded: boolean;\n timeout?: number;\n className?: string;\n internalClassName?: string;\n};\nexport const Collapse: FC<CollapseProps> = ({\n expanded,\n children,\n className,\n ...rest\n}) => (\n <TransitionGroup component={null}>\n {expanded && (\n <CollapseTransition\n {...rest}\n externalClassName={className}\n key={0}\n >\n {typeof children === 'function' ? children() : children}\n </CollapseTransition>\n )}\n </TransitionGroup>\n);\n","import { useCallback, useRef } from 'react';\n\nexport default function usePersistentFunction<T extends (...args: any[]) => any>(callback: T): T {\n const ref = useRef(callback);\n ref.current = callback;\n return useCallback((...args: any) => ref.current(...args), []) as T;\n}\n","import { useEffect } from 'react';\nimport usePersistentFunction from './usePersistentFunction';\n\nexport function elementAddListener<K extends keyof HTMLElementEventMap, E extends HTMLElement>(\n element: E,\n eventNames: K \| K[],\n listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => void,\n): () => void {\n const eventNamesArray = Array.isArray(eventNames) ? eventNames : [eventNames];\n eventNamesArray.forEach((eventName) => {\n element.addEventListener(eventName, listener);\n });\n return (): void => {\n eventNamesArray.forEach((eventName) => {\n element.removeEventListener(eventName, listener);\n });\n };\n}\n\nexport function subscribeClickAway<T extends HTMLElement>(element: T, callback: EventListener): () => void {\n return elementAddListener(document as any, ['mousedown', 'touchstart'], (event) => {\n if (element && !element.contains(event.target as any)) {\n callback(event);\n }\n });\n}\n\nexport function useClickAway(use: boolean, ref: any, cb: EventListener): void {\n const mcb = usePersistentFunction(cb);\n\n useEffect(() => { // eslint-disable-line consistent-return\n if (use) {\n return subscribeClickAway(ref.current, mcb) as any;\n }\n }, [use, ref, mcb]);\n}\n","import { type EffectCallback, useEffect } from 'react';\n\nconst useEffectOnce = (effect: EffectCallback) => {\n // eslint-disable-next-line\n useEffect(effect, []);\n};\n\nexport default useEffectOnce;\n","import { useCallback, useEffect, useRef } from 'react';\n\nexport default function useMountedState(): () => boolean {\n const mountedRef = useRef<boolean>(false);\n const get = useCallback(() => mountedRef.current, []);\n\n useEffect(() => {\n mountedRef.current = true;\n\n return () => {\n mountedRef.current = false;\n };\n }, []);\n\n return get;\n}\n","import useEffectOnce from './useEffectOnce';\n\nconst useMount = (fn: () => void) => {\n useEffectOnce(() => {\n fn();\n });\n};\n\nexport default useMount;\n","import { useRef } from 'react';\nimport useEffectOnce from './useEffectOnce';\n\nconst useUnmount = (fn: () => any): void => {\n const fnRef = useRef(fn);\n\n // update the ref each render so if it change the newest callback will be invoked\n fnRef.current = fn;\n\n useEffectOnce(() => () => fnRef.current());\n};\n\nexport default useUnmount;\n","import {\n type DependencyList,\n useCallback,\n useRef,\n useState,\n} from 'react';\nimport useMountedState from './useMountedState';\nimport type { FunctionReturningPromise, PromiseType } from './types';\n\nexport type AsyncState<T> =\n \| { loading: boolean; error?: undefined; value?: undefined; }\n \| { loading: true; error?: Error \| undefined; value?: T; }\n \| { loading: false; error: Error; value?: undefined; }\n \| { loading: false; error?: undefined; value: T; };\n\ntype StateFromFunctionReturningPromise<T extends FunctionReturningPromise> = AsyncState<PromiseType<ReturnType<T>>>;\n\nexport type AsyncFnReturn<T extends FunctionReturningPromise = FunctionReturningPromise> = [\n StateFromFunctionReturningPromise<T>,\n T,\n];\n\nexport default function useAsyncFn<T extends FunctionReturningPromise>(\n fn: T,\n deps: DependencyList = [],\n initialState: StateFromFunctionReturningPromise<T> = { loading: false },\n): AsyncFnReturn<T> {\n const lastCallId = useRef(0);\n const isMounted = useMountedState();\n const [state, set] = useState<StateFromFunctionReturningPromise<T>>(initialState);\n\n const callback = useCallback((...args: Parameters<T>): ReturnType<T> => {\n // eslint-disable-next-line no-plusplus\n const callId = ++lastCallId.current;\n const canSet = () => isMounted() && callId === lastCallId.current;\n\n if (!state.loading && canSet()) {\n set((prevState) => ({ ...prevState, loading: true }));\n }\n\n return fn(...args).then(\n (value) => {\n if (canSet()) {\n set({ value, loading: false });\n }\n\n return value;\n },\n (error) => {\n if (canSet()) {\n set({ error, loading: false });\n }\n\n throw error;\n },\n ) as ReturnType<T>;\n }, deps); // eslint-disable-line\n\n return [state, callback as unknown as T];\n}\n","import { type DependencyList, useEffect } from 'react';\nimport useAsyncFn from './useAsyncFn';\nimport { type FunctionReturningPromise } from './types';\n\nexport type { AsyncState, AsyncFnReturn } from './useAsyncFn';\n\nexport default function useAsync<T extends FunctionReturningPromise>(\n fn: T,\n deps: DependencyList = [],\n) {\n const [state, callback] = useAsyncFn(fn, deps, {\n loading: true,\n });\n\n useEffect(() => {\n callback();\n }, [callback]);\n\n return state;\n}\n","import { useState, useEffect } from 'react';\n\nconst useDebounce = <T>(value: T, delay: number): T => {\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n\n return () => {\n clearTimeout(handler);\n };\n }, [value, delay]);\n\n return debouncedValue;\n};\n\nexport default useDebounce;\n"],"names":["__webpack_require__","module","getter","__esModule","d","a","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","require","isNumber","toCssValue","concat","gridTemplate","createCssDeclaration","property","valueConvert","undefined","GridContainer","styled","displayName","componentId","props","$gap","$padding","$margin","$justify","$alignItems","Columns","withConfig","$sizes","Rows","Horizontal","Vertical","ExpandTransitionComp","_ref","className","externalClassName","internalClassName","_ref$timeout","timeout","children","rest","_objectWithoutProperties","_excluded","refExternal","useRef","refInternal","_useState2","_slicedToArray","useState","externalStyle","setExternalStyle","updateStyle","rect","current","getBoundingClientRect","width","height","useEffect","React","CSSTransition","_objectSpread","classNames","onEnter","onExit","nodeRef","ref","style","CollapseTransition","enterExpandCss","css","exitExpandCss","ExpandTransition","Collapse","_ref2","expanded","_excluded2","TransitionGroup","component","usePersistentFunction","callback","useCallback","apply","arguments","elementAddListener","element","eventNames","listener","eventNamesArray","Array","isArray","forEach","eventName","addEventListener","removeEventListener","subscribeClickAway","document","event","contains","target","useClickAway","use","cb","mcb","effect","useMountedState","mountedRef","fn","useEffectOnce","fnRef","useAsyncFn","deps","length","initialState","loading","lastCallId","isMounted","state","set","callId","canSet","prevState","then","error","useAsync","_useAsyncFn2","delay","debouncedValue","setDebouncedValue","handler","setTimeout","clearTimeout"],"sourceRoot":""}
1	+ {"version":3,"file":"index.js","mappings":"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","sources":["webpack://@pushwoosh/kit-helpers/webpack/bootstrap","webpack://@pushwoosh/kit-helpers/webpack/runtime/compat get default export","webpack://@pushwoosh/kit-helpers/webpack/runtime/define property getters","webpack://@pushwoosh/kit-helpers/webpack/runtime/hasOwnProperty shorthand","webpack://@pushwoosh/kit-helpers/webpack/runtime/make namespace object","webpack://@pushwoosh/kit-helpers/external commonjs \"styled-components\"","webpack://@pushwoosh/kit-helpers/./src/grid.tsx","webpack://@pushwoosh/kit-helpers/external commonjs \"react\"","webpack://@pushwoosh/kit-helpers/external commonjs \"react-transition-group\"","webpack://@pushwoosh/kit-helpers/./src/expand.tsx","webpack://@pushwoosh/kit-helpers/./src/hooks/usePersistentFunction.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useClickAway.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useEffectOnce.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useMountedState.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useMount.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useUnmount.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useAsyncFn.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useAsync.ts","webpack://@pushwoosh/kit-helpers/./src/hooks/useDebounce.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"styled-components\");","import styled from 'styled-components';\n\nconst isNumber = (value: unknown): value is number => typeof value === 'number';\nconst toCssValue = (value: number \| string): string => (isNumber(value) ? `${value}px` : value);\nconst gridTemplate = (value: number \| string): string => (isNumber(value) ? `repeat(${value}, 1fr)` : value);\nconst createCssDeclaration = (property: string, value: any, valueConvert?: (v: any) => any) => {\n if (value !== undefined) {\n return `${property}: ${valueConvert ? valueConvert(value) : value};`;\n }\n return undefined;\n};\n\nexport const GridContainer = styled.div<{\n $gap?: number \| string;\n $padding?: number \| string;\n $margin?: number \| string;\n $justifyContent?: 'center' \| 'start' \| 'end' \| 'space-between' \| 'space-around' \| 'space-evenly' \| 'stretch';\n $justifyItems?: 'center' \| 'start' \| 'end' \| 'baseline' \| 'stretch';\n $alignContent?: 'center' \| 'start' \| 'end' \| 'space-between' \| 'space-around' \| 'space-evenly' \| 'stretch';\n $alignItems?: 'center' \| 'start' \| 'end' \| 'baseline' \| 'stretch';\n}>`\n display: grid;\n ${(props) => createCssDeclaration('gap', props.$gap, toCssValue)}\n ${(props) => createCssDeclaration('padding', props.$padding, toCssValue)}\n ${(props) => createCssDeclaration('margin', props.$margin, toCssValue)}\n ${(props) => createCssDeclaration('justify-content', props.$justifyContent)}\n ${(props) => createCssDeclaration('justify-items', props.$justifyItems)}\n ${(props) => createCssDeclaration('align-content', props.$alignContent)}\n ${(props) => createCssDeclaration('align-items', props.$alignItems)}\n`;\n\nexport const Columns = styled(GridContainer)<{\n $sizes: number \| string;\n}>`\n grid-template-columns: ${(props) => gridTemplate(props.$sizes)};\n`;\n\nexport const Rows = styled(GridContainer)<{\n $sizes: number \| string;\n}>`\n grid-template-rows: ${(props) => gridTemplate(props.$sizes)};\n`;\n\nexport const Horizontal = styled(GridContainer)`\n grid-auto-flow: column;\n`;\n\nexport const Vertical = styled(GridContainer)`\n grid-auto-flow: row;\n`;\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react-transition-group\");","/* eslint-disable react/require-default-props, react/jsx-no-bind /\n\nimport React, {\n type FC,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport styled, { css } from 'styled-components';\n\ntype ExpandTransitionProps = {\n className?: string;\n timeout?: number;\n externalClassName?: string;\n internalClassName?: string;\n};\nconst ExpandTransitionComp: FC<ExpandTransitionProps> = ({\n className,\n externalClassName,\n internalClassName,\n timeout = 100,\n children,\n ...rest\n}) => {\n const refExternal = useRef<HTMLDivElement>(null);\n const refInternal = useRef<HTMLDivElement>(null);\n const [externalStyle, setExternalStyle] = useState<Record<string, string>>();\n\n function updateStyle(): void {\n const rect = refInternal.current!.getBoundingClientRect();\n setExternalStyle({\n '--timeout': `${timeout}ms`,\n '--width': `${rect.width}px`,\n '--height': `${rect.height}px`,\n });\n }\n useEffect(updateStyle, [timeout]);\n\n return (\n <CSSTransition\n {...rest}\n timeout={timeout}\n classNames={className}\n onEnter={updateStyle}\n onExit={updateStyle}\n nodeRef={refExternal}\n >\n <div\n ref={refExternal}\n className={externalClassName ? `${className} ${externalClassName}` : className}\n style={externalStyle}\n >\n <div\n ref={refInternal}\n className={internalClassName}\n >\n {children}\n </div>\n </div>\n </CSSTransition>\n );\n};\n\nconst CollapseTransition = styled(ExpandTransitionComp)`\n transition: height var(--timeout) linear, opacity var(--timeout) linear;\n\n &-enter {\n overflow: hidden;\n opacity: 0;\n height: 0;\n }\n\n &-enter-active, &-exit {\n overflow: hidden;\n opacity: 1;\n height: var(--height);\n }\n\n &-exit-active {\n overflow: hidden;\n opacity: 0;\n height: 0;\n }\n`;\n\nconst enterExpandCss = css`\n overflow: hidden;\n position: relative;\n width: 1px;\n height: 1px;\n\n & > {\n position: absolute;\n top: calc(var(--height) / -2);\n left: calc(var(--width) / -2);\n }\n`;\n\nconst exitExpandCss = css`\n overflow: hidden;\n position: relative;\n width: var(--width);\n height: var(--height);\n\n & > * {\n position: absolute;\n top: 0;\n left: 0;\n }\n`;\n\nexport const ExpandTransition = styled(ExpandTransitionComp)`\n transition: all var(--timeout) ease-out;\n\n & > * {\n transition: all var(--timeout) ease-out;\n }\n\n &-enter { ${enterExpandCss} }\n\n &-enter-active, &-exit { ${exitExpandCss} }\n\n &-exit-active { ${enterExpandCss} }\n`;\n\ntype CollapseProps = {\n expanded: boolean;\n timeout?: number;\n className?: string;\n internalClassName?: string;\n};\nexport const Collapse: FC<CollapseProps> = ({\n expanded,\n children,\n className,\n ...rest\n}) => (\n <TransitionGroup component={null}>\n {expanded && (\n <CollapseTransition\n {...rest}\n externalClassName={className}\n key={0}\n >\n {typeof children === 'function' ? children() : children}\n </CollapseTransition>\n )}\n </TransitionGroup>\n);\n","import { useCallback, useRef } from 'react';\n\nexport default function usePersistentFunction<T extends (...args: any[]) => any>(callback: T): T {\n const ref = useRef(callback);\n ref.current = callback;\n return useCallback((...args: any) => ref.current(...args), []) as T;\n}\n","import { useEffect } from 'react';\nimport usePersistentFunction from './usePersistentFunction';\n\nexport function elementAddListener<K extends keyof HTMLElementEventMap, E extends HTMLElement>(\n element: E,\n eventNames: K \| K[],\n listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => void,\n): () => void {\n const eventNamesArray = Array.isArray(eventNames) ? eventNames : [eventNames];\n eventNamesArray.forEach((eventName) => {\n element.addEventListener(eventName, listener);\n });\n return (): void => {\n eventNamesArray.forEach((eventName) => {\n element.removeEventListener(eventName, listener);\n });\n };\n}\n\nexport function subscribeClickAway<T extends HTMLElement>(element: T, callback: EventListener): () => void {\n return elementAddListener(document as any, ['mousedown', 'touchstart'], (event) => {\n if (element && !element.contains(event.target as any)) {\n callback(event);\n }\n });\n}\n\nexport function useClickAway(use: boolean, ref: any, cb: EventListener): void {\n const mcb = usePersistentFunction(cb);\n\n useEffect(() => { // eslint-disable-line consistent-return\n if (use) {\n return subscribeClickAway(ref.current, mcb) as any;\n }\n }, [use, ref, mcb]);\n}\n","import { type EffectCallback, useEffect } from 'react';\n\nconst useEffectOnce = (effect: EffectCallback) => {\n // eslint-disable-next-line\n useEffect(effect, []);\n};\n\nexport default useEffectOnce;\n","import { useCallback, useEffect, useRef } from 'react';\n\nexport default function useMountedState(): () => boolean {\n const mountedRef = useRef<boolean>(false);\n const get = useCallback(() => mountedRef.current, []);\n\n useEffect(() => {\n mountedRef.current = true;\n\n return () => {\n mountedRef.current = false;\n };\n }, []);\n\n return get;\n}\n","import useEffectOnce from './useEffectOnce';\n\nconst useMount = (fn: () => void) => {\n useEffectOnce(() => {\n fn();\n });\n};\n\nexport default useMount;\n","import { useRef } from 'react';\nimport useEffectOnce from './useEffectOnce';\n\nconst useUnmount = (fn: () => any): void => {\n const fnRef = useRef(fn);\n\n // update the ref each render so if it change the newest callback will be invoked\n fnRef.current = fn;\n\n useEffectOnce(() => () => fnRef.current());\n};\n\nexport default useUnmount;\n","import {\n type DependencyList,\n useCallback,\n useRef,\n useState,\n} from 'react';\nimport useMountedState from './useMountedState';\nimport type { FunctionReturningPromise, PromiseType } from './types';\n\nexport type AsyncState<T> =\n \| { loading: boolean; error?: undefined; value?: undefined; }\n \| { loading: true; error?: Error \| undefined; value?: T; }\n \| { loading: false; error: Error; value?: undefined; }\n \| { loading: false; error?: undefined; value: T; };\n\ntype StateFromFunctionReturningPromise<T extends FunctionReturningPromise> = AsyncState<PromiseType<ReturnType<T>>>;\n\nexport type AsyncFnReturn<T extends FunctionReturningPromise = FunctionReturningPromise> = [\n StateFromFunctionReturningPromise<T>,\n T,\n];\n\nexport default function useAsyncFn<T extends FunctionReturningPromise>(\n fn: T,\n deps: DependencyList = [],\n initialState: StateFromFunctionReturningPromise<T> = { loading: false },\n): AsyncFnReturn<T> {\n const lastCallId = useRef(0);\n const isMounted = useMountedState();\n const [state, set] = useState<StateFromFunctionReturningPromise<T>>(initialState);\n\n const callback = useCallback((...args: Parameters<T>): ReturnType<T> => {\n // eslint-disable-next-line no-plusplus\n const callId = ++lastCallId.current;\n const canSet = () => isMounted() && callId === lastCallId.current;\n\n if (!state.loading && canSet()) {\n set((prevState) => ({ ...prevState, loading: true }));\n }\n\n return fn(...args).then(\n (value) => {\n if (canSet()) {\n set({ value, loading: false });\n }\n\n return value;\n },\n (error) => {\n if (canSet()) {\n set({ error, loading: false });\n }\n\n throw error;\n },\n ) as ReturnType<T>;\n }, deps); // eslint-disable-line\n\n return [state, callback as unknown as T];\n}\n","import { type DependencyList, useEffect } from 'react';\nimport useAsyncFn from './useAsyncFn';\nimport { type FunctionReturningPromise } from './types';\n\nexport type { AsyncState, AsyncFnReturn } from './useAsyncFn';\n\nexport default function useAsync<T extends FunctionReturningPromise>(\n fn: T,\n deps: DependencyList = [],\n) {\n const [state, callback] = useAsyncFn(fn, deps, {\n loading: true,\n });\n\n useEffect(() => {\n callback();\n }, [callback]);\n\n return state;\n}\n","import { useState, useEffect } from 'react';\n\nconst useDebounce = <T>(value: T, delay: number): T => {\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n\n return () => {\n clearTimeout(handler);\n };\n }, [value, delay]);\n\n return debouncedValue;\n};\n\nexport default useDebounce;\n"],"names":["__webpack_require__","module","getter","__esModule","d","a","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","require","isNumber","toCssValue","concat","gridTemplate","createCssDeclaration","property","valueConvert","undefined","GridContainer","styled","displayName","componentId","props","$gap","$padding","$margin","$justifyContent","$justifyItems","$alignContent","$alignItems","Columns","withConfig","$sizes","Rows","Horizontal","Vertical","ExpandTransitionComp","_ref","className","externalClassName","internalClassName","_ref$timeout","timeout","children","rest","_objectWithoutProperties","_excluded","refExternal","useRef","refInternal","_useState2","_slicedToArray","useState","externalStyle","setExternalStyle","updateStyle","rect","current","getBoundingClientRect","width","height","useEffect","React","CSSTransition","_objectSpread","classNames","onEnter","onExit","nodeRef","ref","style","CollapseTransition","enterExpandCss","css","exitExpandCss","ExpandTransition","Collapse","_ref2","expanded","_excluded2","TransitionGroup","component","usePersistentFunction","callback","useCallback","apply","arguments","elementAddListener","element","eventNames","listener","eventNamesArray","Array","isArray","forEach","eventName","addEventListener","removeEventListener","subscribeClickAway","document","event","contains","target","useClickAway","use","cb","mcb","effect","useMountedState","mountedRef","fn","useEffectOnce","fnRef","useAsyncFn","deps","length","initialState","loading","lastCallId","isMounted","state","set","callId","canSet","prevState","then","error","useAsync","_useAsyncFn2","delay","debouncedValue","setDebouncedValue","handler","setTimeout","clearTimeout"],"sourceRoot":""}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-helpers",
-  "version": "3.2.0",
+  "version": "4.0.0",
   "description": "React component for build Pushwoosh products",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",