@pushwoosh/kit-helpers 1.7.1 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/package.json +17 -17
package/lib/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
(()=>{"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})})();
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"react\"","webpack:///external \"tslib\"","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","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"],"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(\"react\");","module.exports = require(\"tslib\");","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!.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"],"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 \"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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pushwoosh/kit-helpers",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"description": "React component for build Pushwoosh products",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"types": "lib/index.d.ts",
|
|
@@ -29,35 +29,35 @@
|
|
|
29
29
|
"@types/react-transition-group": "^4.4.5",
|
|
30
30
|
"@types/styled-components": "^5.1.15",
|
|
31
31
|
"@types/webpack-env": "^1.16.3",
|
|
32
|
-
"@typescript-eslint/eslint-plugin": "^
|
|
33
|
-
"@typescript-eslint/parser": "^
|
|
34
|
-
"babel-loader": "^
|
|
35
|
-
"babel-plugin-styled-components": "^
|
|
36
|
-
"clean-webpack-plugin": "^
|
|
32
|
+
"@typescript-eslint/eslint-plugin": "^5.48.1",
|
|
33
|
+
"@typescript-eslint/parser": "^5.48.1",
|
|
34
|
+
"babel-loader": "^9.1.2",
|
|
35
|
+
"babel-plugin-styled-components": "^2.0.7",
|
|
36
|
+
"clean-webpack-plugin": "^4.0.0",
|
|
37
37
|
"cross-env": "^7.0.3",
|
|
38
|
-
"dotenv": "^
|
|
39
|
-
"eslint": "^
|
|
40
|
-
"eslint-config-airbnb": "^
|
|
41
|
-
"eslint-config-airbnb-typescript": "^
|
|
38
|
+
"dotenv": "^16.0.3",
|
|
39
|
+
"eslint": "^8.31.0",
|
|
40
|
+
"eslint-config-airbnb": "^19.0.4",
|
|
41
|
+
"eslint-config-airbnb-typescript": "^17.0.0",
|
|
42
42
|
"eslint-import-resolver-alias": "^1.1.2",
|
|
43
43
|
"eslint-plugin-import": "^2.25.2",
|
|
44
44
|
"eslint-plugin-jsx-a11y": "^6.4.1",
|
|
45
45
|
"eslint-plugin-react": "^7.26.1",
|
|
46
46
|
"eslint-plugin-react-hooks": "^4.2.0",
|
|
47
|
-
"html-webpack-plugin": "^
|
|
47
|
+
"html-webpack-plugin": "^5.5.0",
|
|
48
48
|
"pre-commit": "^1.2.2",
|
|
49
49
|
"react": "^16.14.0",
|
|
50
50
|
"react-dom": "^16.14.0",
|
|
51
|
-
"react-refresh": "^0.
|
|
51
|
+
"react-refresh": "^0.14.0",
|
|
52
52
|
"react-transition-group": "^4.4.5",
|
|
53
53
|
"styled-components": "^5.3.3",
|
|
54
|
-
"terser-webpack-plugin": "^
|
|
55
|
-
"ts-loader": "^
|
|
54
|
+
"terser-webpack-plugin": "^5.3.6",
|
|
55
|
+
"ts-loader": "^9.4.2",
|
|
56
56
|
"tslib": "^2.3.1",
|
|
57
57
|
"typescript": "^4.4.4",
|
|
58
|
-
"webpack": "^
|
|
59
|
-
"webpack-cli": "^
|
|
60
|
-
"webpack-dev-server": "^
|
|
58
|
+
"webpack": "^5.75.0",
|
|
59
|
+
"webpack-cli": "^5.0.1",
|
|
60
|
+
"webpack-dev-server": "^4.11.1",
|
|
61
61
|
"webpack-merge": "^5.8.0"
|
|
62
62
|
},
|
|
63
63
|
"peerDependencies": {
|