@pushwoosh/kit-helpers 1.7.0 → 1.8.0

package/lib/expand.d.ts

@@ -5,10 +5,7 @@ type ExpandTransitionProps = {
     externalClassName?: string;
     internalClassName?: string;
 };
-type ExpandVariants = 'expand' | 'collapse';
-export declare const ExpandTransition: import("styled-components").StyledComponent<React.FC<ExpandTransitionProps>, any, {
-    variant: ExpandVariants;
-}, never>;
+export declare const ExpandTransition: import("styled-components").StyledComponent<React.FC<ExpandTransitionProps>, any, {}, never>;
 type CollapseProps = {
     expanded: boolean;
     timeout?: number;

package/lib/index.js

@@ -1,2 +1,2 @@
-!function(n,t){for(var e in t)n[e]=t[e]}(exports,function(n){var t={};function e(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return n[i].call(r.exports,r,r.exports,e),r.l=!0,r.exports}return e.m=n,e.c=t,e.d=function(n,t,i){e.o(n,t)||Object.defineProperty(n,t,{enumerable:!0,get:i})},e.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},e.t=function(n,t){if(1&t&&(n=e(n)),8&t)return n;if(4&t&&"object"==typeof n&&n&&n.__esModule)return n;var i=Object.create(null);if(e.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:n}),2&t&&"string"!=typeof n)for(var r in n)e.d(i,r,function(t){return n[t]}.bind(null,r));return i},e.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return e.d(t,"a",t),t},e.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},e.p="/",e(e.s=4)}([function(n,t){n.exports=require("tslib")},function(n,t){n.exports=require("react")},function(n,t){n.exports=require("styled-components")},function(n,t){n.exports=require("react-transition-group")},function(n,t,e){"use strict";e.r(t),e.d(t,"GridContainer",(function(){return s})),e.d(t,"Horizontal",(function(){return f})),e.d(t,"Vertical",(function(){return p})),e.d(t,"usePersistentFunction",(function(){return m})),e.d(t,"elementAddListener",(function(){return v})),e.d(t,"subscribeClickAway",(function(){return g})),e.d(t,"useClickAway",(function(){return b})),e.d(t,"ExpandTransition",(function(){return k})),e.d(t,"Collapse",(function(){return S}));var i,r,a,o=e(0),c=e(2),u=e.n(c),l=function(n){return"number"==typeof n},s=u.a.div.withConfig({displayName:"GridContainer",componentId:"sc-td6pqh-0"})(i||(i=Object(o.__makeTemplateObject)(["\n  display: grid;\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  display: grid;\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),(function(n){var t=n.gap;return t&&"grid-gap: ".concat(l(t)?"".concat(t,"px"):t,";")}),(function(n){var t=n.columns;return t&&"grid-template-columns: ".concat(l(t)?"repeat(".concat(t,", 1fr)"):t,";")}),(function(n){var t=n.padding;return t&&"padding: ".concat(l(t)?"".concat(t,"px"):t,";")}),(function(n){var t=n.margin;return t&&"margin: ".concat(l(t)?"".concat(t,"px"):t,";")}),(function(n){var t=n.justify;return t&&"justify-content: ".concat(t,";")})),f=u()(s).withConfig({displayName:"Horizontal",componentId:"sc-td6pqh-1"})(r||(r=Object(o.__makeTemplateObject)(["\n  grid-auto-flow: column;\n"],["\n  grid-auto-flow: column;\n"]))),p=u()(s).withConfig({displayName:"Vertical",componentId:"sc-td6pqh-2"})(a||(a=Object(o.__makeTemplateObject)(["\n  grid-auto-flow: row;\n"],["\n  grid-auto-flow: row;\n"]))),d=e(1),h=e.n(d);function m(n){var t=Object(d.useRef)(n);return t.current=n,Object(d.useCallback)((function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];return t.current.apply(t,n)}),[])}function v(n,t,e){var i=Array.isArray(t)?t:[t];return i.forEach((function(t){n.addEventListener(t,e)})),function(){i.forEach((function(t){n.removeEventListener(t,e)}))}}function g(n,t){return v(document,["mousedown","touchstart"],(function(e){n&&!n.contains(e.target)&&t(e)}))}function b(n,t,e){var i=m(e);Object(d.useEffect)((function(){if(n)return g(t.current,i)}),[n,t,i])}var j,y,O,x,_,w=e(3),C=Object(c.css)(j||(j=Object(o.__makeTemplateObject)(["\n  transition: height var(--timeout) linear, opacity var(--timeout) linear;\n\n  &-enter {\n    opacity: 0;\n    height: 0;\n  }\n\n  &-enter-active {\n    opacity: 1;\n    height: var(--height);\n  }\n\n  &-exit {\n    opacity: 1;\n    height: var(--height);\n  }\n\n  &-exit-active {\n    opacity: 0;\n    height: 0;\n  }\n"],["\n  transition: height var(--timeout) linear, opacity var(--timeout) linear;\n\n  &-enter {\n    opacity: 0;\n    height: 0;\n  }\n\n  &-enter-active {\n    opacity: 1;\n    height: var(--height);\n  }\n\n  &-exit {\n    opacity: 1;\n    height: var(--height);\n  }\n\n  &-exit-active {\n    opacity: 0;\n    height: 0;\n  }\n"]))),E=Object(c.css)(y||(y=Object(o.__makeTemplateObject)(["\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  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"]))),T=Object(c.css)(O||(O=Object(o.__makeTemplateObject)(["\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  position: relative;\n  width: var(--width);\n  height: var(--height);\n\n  & > * {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n"]))),N=Object(c.css)(x||(x=Object(o.__makeTemplateObject)(["\n  transition: all var(--timeout) ease-out;\n\n  & > * {\n    transition: all var(--timeout) ease-out;\n  }\n\n  &-enter { "," }\n\n  &-enter-active, &-exit { "," }\n\n  &-exit-active { "," }\n"],["\n  transition: all var(--timeout) ease-out;\n\n  & > * {\n    transition: all var(--timeout) ease-out;\n  }\n\n  &-enter { "," }\n\n  &-enter-active, &-exit { "," }\n\n  &-exit-active { "," }\n"])),E,T,E),k=u()((function(n){var t=n.className,e=n.externalClassName,i=n.internalClassName,r=n.timeout,a=void 0===r?100:r,c=n.children,u=Object(o.__rest)(n,["className","externalClassName","internalClassName","timeout","children"]),l=Object(d.useRef)(null),s=Object(d.useRef)(null),f=Object(d.useState)(),p=f[0],m=f[1];function v(){var n=s.current.getBoundingClientRect();m({"--timeout":"".concat(a,"ms"),"--width":"".concat(n.width,"px"),"--height":"".concat(n.height,"px")})}return Object(d.useEffect)(v,[a]),h.a.createElement(w.CSSTransition,Object(o.__assign)({},u,{timeout:a,classNames:t,onEnter:v,onExit:v,nodeRef:l}),h.a.createElement("div",{ref:l,className:e?"".concat(t," ").concat(e):t,style:p},h.a.createElement("div",{ref:s,className:i},c)))})).withConfig({displayName:"ExpandTransition",componentId:"sc-7jjhp8-0"})(_||(_=Object(o.__makeTemplateObject)(["\n  overflow: hidden;\n  ","\n"],["\n  overflow: hidden;\n  ","\n"])),(function(n){return"expand"===n.variant?N:C})),S=function(n){var t=n.expanded,e=n.children,i=Object(o.__rest)(n,["expanded","children"]);return h.a.createElement(w.TransitionGroup,{component:null},t&&h.a.createElement(k,Object(o.__assign)({},i,{variant:"collapse",key:0}),"function"==typeof e?e():e))}}]));
+(()=>{"use strict";var n={n:e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},d:(e,t)=>{for(var i in t)n.o(t,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o:(n,e)=>Object.prototype.hasOwnProperty.call(n,e),r:n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})}},e={};n.r(e),n.d(e,{Collapse:()=>O,ExpandTransition:()=>T,GridContainer:()=>s,Horizontal:()=>u,Vertical:()=>d,elementAddListener:()=>m,subscribeClickAway:()=>v,useClickAway:()=>g,usePersistentFunction:()=>f});const t=require("tslib"),i=require("styled-components");var a,o,r,c=n.n(i),l=function(n){return"number"==typeof n},s=c().div.withConfig({displayName:"GridContainer",componentId:"sc-td6pqh-0"})(a||(a=(0,t.__makeTemplateObject)(["\n  display: grid;\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  display: grid;\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),(function(n){var e=n.gap;return e&&"grid-gap: ".concat(l(e)?"".concat(e,"px"):e,";")}),(function(n){var e=n.columns;return e&&"grid-template-columns: ".concat(l(e)?"repeat(".concat(e,", 1fr)"):e,";")}),(function(n){var e=n.padding;return e&&"padding: ".concat(l(e)?"".concat(e,"px"):e,";")}),(function(n){var e=n.margin;return e&&"margin: ".concat(l(e)?"".concat(e,"px"):e,";")}),(function(n){var e=n.justify;return e&&"justify-content: ".concat(e,";")})),u=c()(s).withConfig({displayName:"Horizontal",componentId:"sc-td6pqh-1"})(o||(o=(0,t.__makeTemplateObject)(["\n  grid-auto-flow: column;\n"],["\n  grid-auto-flow: column;\n"]))),d=c()(s).withConfig({displayName:"Vertical",componentId:"sc-td6pqh-2"})(r||(r=(0,t.__makeTemplateObject)(["\n  grid-auto-flow: row;\n"],["\n  grid-auto-flow: row;\n"])));const p=require("react");var h=n.n(p);function f(n){var e=(0,p.useRef)(n);return e.current=n,(0,p.useCallback)((function(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];return e.current.apply(e,n)}),[])}function m(n,e,t){var i=Array.isArray(e)?e:[e];return i.forEach((function(e){n.addEventListener(e,t)})),function(){i.forEach((function(e){n.removeEventListener(e,t)}))}}function v(n,e){return m(document,["mousedown","touchstart"],(function(t){n&&!n.contains(t.target)&&e(t)}))}function g(n,e,t){var i=f(t);(0,p.useEffect)((function(){if(n)return v(e.current,i)}),[n,e,i])}const y=require("react-transition-group");var w,_,b,x,j=function(n){var e=n.className,i=n.externalClassName,a=n.internalClassName,o=n.timeout,r=void 0===o?100:o,c=n.children,l=(0,t.__rest)(n,["className","externalClassName","internalClassName","timeout","children"]),s=(0,p.useRef)(null),u=(0,p.useRef)(null),d=(0,p.useState)(),f=d[0],m=d[1];function v(){var n=u.current.getBoundingClientRect();m({"--timeout":"".concat(r,"ms"),"--width":"".concat(n.width,"px"),"--height":"".concat(n.height,"px")})}return(0,p.useEffect)(v,[r]),h().createElement(y.CSSTransition,(0,t.__assign)({},l,{timeout:r,classNames:e,onEnter:v,onExit:v,nodeRef:s}),h().createElement("div",{ref:s,className:i?"".concat(e," ").concat(i):e,style:f},h().createElement("div",{ref:u,className:a},c)))},C=c()(j).withConfig({displayName:"CollapseTransition",componentId:"sc-7jjhp8-0"})(w||(w=(0,t.__makeTemplateObject)(["\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  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"]))),E=(0,i.css)(_||(_=(0,t.__makeTemplateObject)(["\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  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=(0,i.css)(b||(b=(0,t.__makeTemplateObject)(["\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  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"]))),T=c()(j).withConfig({displayName:"ExpandTransition",componentId:"sc-7jjhp8-1"})(x||(x=(0,t.__makeTemplateObject)(["\n  transition: all var(--timeout) ease-out;\n\n  & > * {\n    transition: all var(--timeout) ease-out;\n  }\n\n  &-enter { "," }\n\n  &-enter-active, &-exit { "," }\n\n  &-exit-active { "," }\n"],["\n  transition: all var(--timeout) ease-out;\n\n  & > * {\n    transition: all var(--timeout) ease-out;\n  }\n\n  &-enter { "," }\n\n  &-enter-active, &-exit { "," }\n\n  &-exit-active { "," }\n"])),E,N,E),O=function(n){var e=n.expanded,i=n.children,a=(0,t.__rest)(n,["expanded","children"]);return h().createElement(y.TransitionGroup,{component:null},e&&h().createElement(C,(0,t.__assign)({},a,{key:0}),"function"==typeof i?i():i))},k=exports;for(var S in e)k[S]=e[S];e.__esModule&&Object.defineProperty(k,"__esModule",{value:!0})})();
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"tslib\"","webpack:///external \"react\"","webpack:///external \"styled-components\"","webpack:///external \"react-transition-group\"","webpack:///./src/grid.tsx","webpack:///./src/hooks.ts","webpack:///./src/expand.tsx"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","require","isNumber","GridContainer","styled","div","_a","gap","columns","padding","margin","justify","Horizontal","Vertical","usePersistentFunction","callback","ref","useRef","current","useCallback","_i","args","elementAddListener","element","eventNames","listener","eventNamesArray","Array","isArray","forEach","eventName","addEventListener","removeEventListener","subscribeClickAway","document","event","contains","target","useClickAway","use","cb","mcb","useEffect","collapseCss","css","enterExpandCss","exitExpandCss","expandCss","ExpandTransition","className","externalClassName","internalClassName","_b","timeout","children","rest","refExternal","refInternal","useState","externalStyle","setExternalStyle","updateStyle","rect","getBoundingClientRect","width","height","React","CSSTransition","classNames","onEnter","onExit","nodeRef","style","Collapse","expanded","TransitionGroup","component","variant"],"mappings":"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","file":"index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 4);\n","module.exports = require(\"tslib\");","module.exports = require(\"react\");","module.exports = require(\"styled-components\");","module.exports = require(\"react-transition-group\");","import styled from 'styled-components';\n\nconst isNumber = (value: unknown): value is number => typeof value === 'number';\n\nexport const GridContainer = styled.div<{\n  gap?: number | string;\n  columns?: number | string;\n  padding?: number | string;\n  margin?: number | string;\n  justify?: 'center' | 'start' | 'end' | 'space-between';\n}>`\n  display: grid;\n  ${({ gap }): any => gap && `grid-gap: ${isNumber(gap) ? `${gap}px` : gap};`}\n  ${({ columns }): any => columns && `grid-template-columns: ${isNumber(columns) ? `repeat(${columns}, 1fr)` : columns};`}\n  ${({ padding }): any => padding && `padding: ${isNumber(padding) ? `${padding}px` : padding};`}\n  ${({ margin }): any => margin && `margin: ${isNumber(margin) ? `${margin}px` : margin};`}\n  ${({ justify }): any => justify && `justify-content: ${justify};`}\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","import { useRef, useCallback, useEffect } from 'react';\n\nexport 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\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","/* eslint-disable react/require-default-props, react/jsx-no-bind */\n\nimport React, {\n  FC, useEffect, useRef, 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 as HTMLDivElement).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\ntype ExpandVariants = 'expand' | 'collapse';\n\nconst collapseCss = css`\n  transition: height var(--timeout) linear, opacity var(--timeout) linear;\n\n  &-enter {\n    opacity: 0;\n    height: 0;\n  }\n\n  &-enter-active {\n    opacity: 1;\n    height: var(--height);\n  }\n\n  &-exit {\n    opacity: 1;\n    height: var(--height);\n  }\n\n  &-exit-active {\n    opacity: 0;\n    height: 0;\n  }\n`;\n\nconst enterExpandCss = css`\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  position: relative;\n  width: var(--width);\n  height: var(--height);\n\n  & > * {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n`;\n\nconst expandCss = css`\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\nexport const ExpandTransition = styled(ExpandTransitionComp)<{ variant: ExpandVariants }>`\n  overflow: hidden;\n  ${({ variant }) => (variant === 'expand' ? expandCss : collapseCss)}\n`;\n\ntype CollapseProps = {\n  expanded: boolean;\n  timeout?: number;\n  externalClassName?: string;\n  internalClassName?: string;\n};\nexport const Collapse: FC<CollapseProps> = ({\n  expanded,\n  children,\n  ...rest\n}) => (\n  <TransitionGroup component={null}>\n    {expanded && (\n      <ExpandTransition\n        {...rest}\n        variant=\"collapse\"\n        key={0}\n      >\n        {typeof children === 'function' ? children() : children}\n      </ExpandTransition>\n    )}\n  </TransitionGroup>\n);\n"],"sourceRoot":""}
+{"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 \"tslib\"","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/./src/hooks.ts","webpack://@pushwoosh/kit-helpers/external commonjs \"react-transition-group\"","webpack://@pushwoosh/kit-helpers/./src/expand.tsx"],"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(\"tslib\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"styled-components\");","import styled from 'styled-components';\n\nconst isNumber = (value: unknown): value is number => typeof value === 'number';\n\nexport const GridContainer = styled.div<{\n  gap?: number | string;\n  columns?: number | string;\n  padding?: number | string;\n  margin?: number | string;\n  justify?: 'center' | 'start' | 'end' | 'space-between';\n}>`\n  display: grid;\n  ${({ gap }): any => gap && `grid-gap: ${isNumber(gap) ? `${gap}px` : gap};`}\n  ${({ columns }): any => columns && `grid-template-columns: ${isNumber(columns) ? `repeat(${columns}, 1fr)` : columns};`}\n  ${({ padding }): any => padding && `padding: ${isNumber(padding) ? `${padding}px` : padding};`}\n  ${({ margin }): any => margin && `margin: ${isNumber(margin) ? `${margin}px` : margin};`}\n  ${({ justify }): any => justify && `justify-content: ${justify};`}\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\");","import { useRef, useCallback, useEffect } from 'react';\n\nexport 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\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","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react-transition-group\");","/* eslint-disable react/require-default-props, react/jsx-no-bind */\n\nimport React, {\n  FC, useEffect, useRef, 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  externalClassName?: string;\n  internalClassName?: string;\n};\nexport const Collapse: FC<CollapseProps> = ({\n  expanded,\n  children,\n  ...rest\n}) => (\n  <TransitionGroup component={null}>\n    {expanded && (\n      <CollapseTransition\n        {...rest}\n        key={0}\n      >\n        {typeof children === 'function' ? children() : children}\n      </CollapseTransition>\n    )}\n  </TransitionGroup>\n);\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","GridContainer","styled","_a","gap","columns","padding","margin","justify","Horizontal","Vertical","usePersistentFunction","callback","ref","useRef","current","useCallback","_i","args","elementAddListener","element","eventNames","listener","eventNamesArray","Array","isArray","forEach","eventName","addEventListener","removeEventListener","subscribeClickAway","document","event","contains","target","useClickAway","use","cb","mcb","useEffect","ExpandTransitionComp","className","externalClassName","internalClassName","_b","timeout","children","rest","refExternal","refInternal","useState","externalStyle","setExternalStyle","updateStyle","rect","getBoundingClientRect","width","height","React","CSSTransition","classNames","onEnter","onExit","nodeRef","style","CollapseTransition","enterExpandCss","css","exitExpandCss","ExpandTransition","Collapse","expanded","TransitionGroup","component"],"sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-helpers",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "React component for build Pushwoosh products",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -29,35 +29,35 @@
     "@types/react-transition-group": "^4.4.5",
     "@types/styled-components": "^5.1.15",
     "@types/webpack-env": "^1.16.3",
-    "@typescript-eslint/eslint-plugin": "^4.33.0",
-    "@typescript-eslint/parser": "^4.33.0",
-    "babel-loader": "^8.2.3",
-    "babel-plugin-styled-components": "^1.13.3",
-    "clean-webpack-plugin": "^3.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.48.1",
+    "@typescript-eslint/parser": "^5.48.1",
+    "babel-loader": "^9.1.2",
+    "babel-plugin-styled-components": "^2.0.7",
+    "clean-webpack-plugin": "^4.0.0",
     "cross-env": "^7.0.3",
-    "dotenv": "^10.0.0",
-    "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-airbnb-typescript": "^14.0.1",
+    "dotenv": "^16.0.3",
+    "eslint": "^8.31.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.25.2",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-react": "^7.26.1",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "html-webpack-plugin": "^4.5.2",
+    "html-webpack-plugin": "^5.5.0",
     "pre-commit": "^1.2.2",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "react-refresh": "^0.10.0",
+    "react-refresh": "^0.14.0",
     "react-transition-group": "^4.4.5",
     "styled-components": "^5.3.3",
-    "terser-webpack-plugin": "^4.2.3",
-    "ts-loader": "^8.3.0",
+    "terser-webpack-plugin": "^5.3.6",
+    "ts-loader": "^9.4.2",
     "tslib": "^2.3.1",
     "typescript": "^4.4.4",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.2",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-server": "^4.11.1",
     "webpack-merge": "^5.8.0"
   },
   "peerDependencies": {