@activecollab/components 2.0.439 → 2.0.440

package/dist/esm/components/Transitions/Grow/Grow.js

@@ -0,0 +1,88 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
+export const GROW_ENTER = 140;
+export const GROW_EXIT = 100;
+const START_SCALE = 0.96;
+
+// jsdom and SSR have no matchMedia, and a reader who asks for less motion gets none.
+const prefersReducedMotion = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+const originFor = placement => {
+  const _split = (placement || "bottom-start").split("-"),
+    side = _split[0],
+    alignment = _split[1];
+  const vertical = side === "top" ? "bottom" : "top";
+  const horizontal = alignment === "end" ? "right" : "left";
+  if (side === "left" || side === "right") {
+    return "center " + (side === "left" ? "right" : "left");
+  }
+  return horizontal + " " + vertical;
+};
+const buildStyles = (origin, enter, exit) => {
+  const away = "scale(" + START_SCALE + ")";
+  return {
+    base: {
+      transformOrigin: origin,
+      transitionProperty: "opacity, transform",
+      transitionTimingFunction: "ease-out",
+      transform: away,
+      opacity: 0
+    },
+    entering: {
+      opacity: 1,
+      transform: "scale(1)",
+      transitionDuration: enter + "ms"
+    },
+    entered: {
+      opacity: 1,
+      transform: "scale(1)"
+    },
+    exiting: {
+      opacity: 0,
+      transform: away,
+      transitionDuration: exit + "ms"
+    },
+    exited: {
+      opacity: 0,
+      transform: away
+    }
+  };
+};
+export const Grow = _ref => {
+  let _ref$in = _ref.in,
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    onEnter = _ref.onEnter,
+    onExited = _ref.onExited,
+    children = _ref.children,
+    style = _ref.style,
+    placement = _ref.placement,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? GROW_ENTER : _ref$timeout;
+  const still = prefersReducedMotion();
+  const enter = still ? 0 : timeout;
+  const exit = still ? 0 : GROW_EXIT;
+  const styles = buildStyles(originFor(placement), enter, exit);
+
+  // React flushes the state change that follows onEnter before the browser paints, so without a
+  // forced layout here the element never holds its starting style and the transition is skipped.
+  const handleEnter = (node, isAppearing) => {
+    if (node) {
+      void node.offsetHeight;
+    }
+    onEnter == null || onEnter(node, isAppearing);
+  };
+  return /*#__PURE__*/React.createElement(Transition, {
+    appear: true,
+    in: inProp,
+    timeout: {
+      enter,
+      exit
+    },
+    onEnter: handleEnter,
+    onExited: onExited
+  }, state => /*#__PURE__*/cloneElement(children, {
+    style: _extends({}, styles.base, styles[state], style, children.props.style)
+  }));
+};
+Grow.displayName = "Grow";
+//# sourceMappingURL=Grow.js.map

package/dist/esm/components/Transitions/Grow/Grow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grow.js","names":["React","cloneElement","Transition","GROW_ENTER","GROW_EXIT","START_SCALE","prefersReducedMotion","window","matchMedia","matches","originFor","placement","_split","split","side","alignment","vertical","horizontal","buildStyles","origin","enter","exit","away","base","transformOrigin","transitionProperty","transitionTimingFunction","transform","opacity","entering","transitionDuration","entered","exiting","exited","Grow","_ref","_ref$in","in","inProp","onEnter","onExited","children","style","_ref$timeout","timeout","still","styles","handleEnter","node","isAppearing","offsetHeight","createElement","appear","state","_extends","props","displayName"],"sources":["../../../../../src/components/Transitions/Grow/Grow.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { Placement } from \"@popperjs/core\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IGrow extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  /** Where the element sits against its anchor, so it grows out of the anchor and not out of its own middle */\n  placement?: Placement;\n}\n\nexport const GROW_ENTER = 140;\nexport const GROW_EXIT = 100;\n\nconst START_SCALE = 0.96;\n\n// jsdom and SSR have no matchMedia, and a reader who asks for less motion gets none.\nconst prefersReducedMotion = (): boolean =>\n  typeof window !== \"undefined\" &&\n  typeof window.matchMedia === \"function\" &&\n  window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\nconst originFor = (placement?: Placement): string => {\n  const [side, alignment] = (placement || \"bottom-start\").split(\"-\");\n  const vertical = side === \"top\" ? \"bottom\" : \"top\";\n  const horizontal = alignment === \"end\" ? \"right\" : \"left\";\n\n  if (side === \"left\" || side === \"right\") {\n    return `center ${side === \"left\" ? \"right\" : \"left\"}`;\n  }\n\n  return `${horizontal} ${vertical}`;\n};\n\nconst buildStyles = (origin: string, enter: number, exit: number) => {\n  const away = `scale(${START_SCALE})`;\n\n  return {\n    base: {\n      transformOrigin: origin,\n      transitionProperty: \"opacity, transform\",\n      transitionTimingFunction: \"ease-out\",\n      transform: away,\n      opacity: 0,\n    },\n    entering: {\n      opacity: 1,\n      transform: \"scale(1)\",\n      transitionDuration: `${enter}ms`,\n    },\n    entered: { opacity: 1, transform: \"scale(1)\" },\n    exiting: {\n      opacity: 0,\n      transform: away,\n      transitionDuration: `${exit}ms`,\n    },\n    exited: { opacity: 0, transform: away },\n  };\n};\n\nexport const Grow: FC<IGrow> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  placement,\n  timeout = GROW_ENTER,\n}) => {\n  const still = prefersReducedMotion();\n  const enter = still ? 0 : timeout;\n  const exit = still ? 0 : GROW_EXIT;\n  const styles = buildStyles(originFor(placement), enter, exit);\n\n  // React flushes the state change that follows onEnter before the browser paints, so without a\n  // forced layout here the element never holds its starting style and the transition is skipped.\n  const handleEnter = (node: HTMLElement, isAppearing: boolean) => {\n    if (node) {\n      void node.offsetHeight;\n    }\n    onEnter?.(node, isAppearing);\n  };\n\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={{ enter, exit }}\n      onEnter={handleEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement =>\n        cloneElement(children, {\n          style: {\n            ...styles.base,\n            ...styles[state],\n            ...style,\n            ...children.props.style,\n          },\n        })\n      }\n    </Transition>\n  );\n};\n\nGrow.displayName = \"Grow\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Transitions/Grow/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Grow";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Transitions/Grow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/Grow/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/esm/components/Transitions/Grow/index.js

@@ -0,0 +1,2 @@
+export * from "./Grow";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Transitions/Grow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/Grow/index.ts"],"sourcesContent":["export * from \"./Grow\";\n"],"mappings":"AAAA,cAAc,QAAQ","ignoreList":[]}

package/dist/esm/components/Transitions/index.d.ts

@@ -6,5 +6,6 @@ export * from "./SlideLeftRightTransition";
 export * from "./ResizeTransition";
 export * from "./Reveal";
 export * from "./Scale";
+export * from "./Grow";
 export * from "./types";
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Transitions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/esm/components/Transitions/index.js

@@ -6,5 +6,6 @@ export * from "./SlideLeftRightTransition";
 export * from "./ResizeTransition";
 export * from "./Reveal";
 export * from "./Scale";
+export * from "./Grow";
 export * from "./types";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Transitions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Transitions/index.ts"],"sourcesContent":["export * from \"./Fade\";\nexport * from \"./Slide\";\nexport * from \"./FromElement\";\nexport * from \"./SlideFromTop\";\nexport * from \"./SlideLeftRightTransition\";\nexport * from \"./ResizeTransition\";\nexport * from \"./Reveal\";\nexport * from \"./Scale\";\nexport * from \"./types\";\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,4BAA4B;AAC1C,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Transitions/index.ts"],"sourcesContent":["export * from \"./Fade\";\nexport * from \"./Slide\";\nexport * from \"./FromElement\";\nexport * from \"./SlideFromTop\";\nexport * from \"./SlideLeftRightTransition\";\nexport * from \"./ResizeTransition\";\nexport * from \"./Reveal\";\nexport * from \"./Scale\";\nexport * from \"./Grow\";\nexport * from \"./types\";\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,4BAA4B;AAC1C,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS","ignoreList":[]}