@pushwoosh/kit-helpers 2.0.0 → 2.0.1
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 +1 -1
package/lib/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
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:()=>
|
|
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:()=>S,Columns:()=>p,ExpandTransition:()=>q,GridContainer:()=>d,Horizontal:()=>m,Vertical:()=>h,elementAddListener:()=>y,subscribeClickAway:()=>w,useClickAway:()=>_,usePersistentFunction:()=>g});const t=require("tslib"),i=require("styled-components");var a,o,r,c,l=n.n(i),s=function(n){return"number"==typeof n},u=function(n){return s(n)?"".concat(n,"px"):n},d=l().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(u(e),";")}),(function(n){var e=n.padding;return e&&"padding: ".concat(u(e),";")}),(function(n){var e=n.margin;return e&&"margin: ".concat(u(e),";")}),(function(n){var e=n.justify;return e&&"justify-content: ".concat(e,";")}),(function(n){var e=n.alignItems;return e&&"align-items: ".concat(e,";")})),p=l()(d).withConfig({displayName:"Columns",componentId:"sc-td6pqh-1"})(o||(o=(0,t.__makeTemplateObject)(["\n grid-template-columns: ",";\n"],["\n grid-template-columns: ",";\n"])),(function(n){var e=n.columns;return s(e)?"repeat(".concat(e,", 1fr)"):e})),m=l()(d).withConfig({displayName:"Horizontal",componentId:"sc-td6pqh-2"})(r||(r=(0,t.__makeTemplateObject)(["\n grid-auto-flow: column;\n"],["\n grid-auto-flow: column;\n"]))),h=l()(d).withConfig({displayName:"Vertical",componentId:"sc-td6pqh-3"})(c||(c=(0,t.__makeTemplateObject)(["\n grid-auto-flow: row;\n"],["\n grid-auto-flow: row;\n"])));const f=require("react");var v=n.n(f);function g(n){var e=(0,f.useRef)(n);return e.current=n,(0,f.useCallback)((function(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];return e.current.apply(e,n)}),[])}function y(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 w(n,e){return y(document,["mousedown","touchstart"],(function(t){n&&!n.contains(t.target)&&e(t)}))}function _(n,e,t){var i=g(t);(0,f.useEffect)((function(){if(n)return w(e.current,i)}),[n,e,i])}const b=require("react-transition-group");var x,C,j,N,E=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,f.useRef)(null),u=(0,f.useRef)(null),d=(0,f.useState)(),p=d[0],m=d[1];function h(){var n=u.current.getBoundingClientRect();m({"--timeout":"".concat(r,"ms"),"--width":"".concat(n.width,"px"),"--height":"".concat(n.height,"px")})}return(0,f.useEffect)(h,[r]),v().createElement(b.CSSTransition,(0,t.__assign)({},l,{timeout:r,classNames:e,onEnter:h,onExit:h,nodeRef:s}),v().createElement("div",{ref:s,className:i?"".concat(e," ").concat(i):e,style:p},v().createElement("div",{ref:u,className:a},c)))},T=l()(E).withConfig({displayName:"CollapseTransition",componentId:"sc-7jjhp8-0"})(x||(x=(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"]))),O=(0,i.css)(C||(C=(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"]))),k=(0,i.css)(j||(j=(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"]))),q=l()(E).withConfig({displayName:"ExpandTransition",componentId:"sc-7jjhp8-1"})(N||(N=(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"])),O,k,O),S=function(n){var e=n.expanded,i=n.children,a=n.className,o=(0,t.__rest)(n,["expanded","children","className"]);return v().createElement(b.TransitionGroup,{component:null},e&&v().createElement(T,(0,t.__assign)({},o,{externalClassName:a,key:0}),"function"==typeof i?i():i))},I=exports;for(var P in e)I[P]=e[P];e.__esModule&&Object.defineProperty(I,"__esModule",{value:!0})})();
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -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 \"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 padding?: number | string;\n margin?: number | string;\n justify?: 'center' | 'start' | 'end' | 'space-between';\n alignItems?: 'center' | 'start' | 'end' | 'baseline' | 'stretch';\n}>`\n display: grid;\n ${({ gap }): any => gap && `grid-gap: ${isNumber(gap) ? `${gap}px` : gap};`}\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 ${({ alignItems }): any => alignItems && `align-items: ${alignItems};`}\n`;\n\nexport const Columns = styled(GridContainer)<{\n columns: number | string;\n}>`\n grid-template-columns: ${({ columns }) => (isNumber(columns) ? `repeat(${columns}, 1fr)` : columns)};\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 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"],"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","displayName","componentId","templateObject_1","__makeTemplateObject","_a","gap","concat","padding","margin","justify","alignItems","Columns","withConfig","templateObject_2","columns","Horizontal","templateObject_3","Vertical","templateObject_4","usePersistentFunction","callback","ref","useRef","current","useCallback","args","_i","arguments","length","apply","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","__rest","refExternal","refInternal","_c","useState","externalStyle","setExternalStyle","updateStyle","rect","getBoundingClientRect","width","height","React","CSSTransition","__assign","classNames","onEnter","onExit","nodeRef","style","CollapseTransition","enterExpandCss","css","exitExpandCss","ExpandTransition","Collapse","expanded","TransitionGroup","component"],"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';\nconst toCssValue = (value: number | string): string => (isNumber(value) ? `${value}px` : value);\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';\n alignItems?: 'center' | 'start' | 'end' | 'baseline' | 'stretch';\n}>`\n display: grid;\n ${({ gap }): any => gap && `grid-gap: ${toCssValue(gap)};`}\n ${({ padding }): any => padding && `padding: ${toCssValue(padding)};`}\n ${({ margin }): any => margin && `margin: ${toCssValue(margin)};`}\n ${({ justify }): any => justify && `justify-content: ${justify};`}\n ${({ alignItems }): any => alignItems && `align-items: ${alignItems};`}\n`;\n\nexport const Columns = styled(GridContainer)<{\n columns: number | string;\n}>`\n grid-template-columns: ${({ columns }) => (isNumber(columns) ? `repeat(${columns}, 1fr)` : columns)};\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 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"],"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","GridContainer","styled","displayName","componentId","templateObject_1","__makeTemplateObject","_a","gap","padding","margin","justify","alignItems","Columns","withConfig","templateObject_2","columns","Horizontal","templateObject_3","Vertical","templateObject_4","usePersistentFunction","callback","ref","useRef","current","useCallback","args","_i","arguments","length","apply","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","__rest","refExternal","refInternal","_c","useState","externalStyle","setExternalStyle","updateStyle","rect","getBoundingClientRect","width","height","React","CSSTransition","__assign","classNames","onEnter","onExit","nodeRef","style","CollapseTransition","enterExpandCss","css","exitExpandCss","ExpandTransition","Collapse","expanded","TransitionGroup","component"],"sourceRoot":""}
|