@elliemae/ds-hidden 2.2.0-alpha.2 → 2.2.0-next.1

package/cjs/index.js

@@ -1,52 +1,21 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useHiddenProps = require('./useHiddenProps.js');
+var useHiddenController = require('./useHiddenController.js');
+var useHiddenTransition = require('./useHiddenTransition.js');
+var useHiddenTrigger = require('./useHiddenTrigger.js');
+
+var index = {
+  useHiddenProps,
+  useHiddenController,
+  useHiddenTransition,
+  useHiddenTrigger
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  default: () => src_default,
-  useHiddenController: () => import_useHiddenController2.default,
-  useHiddenProps: () => import_useHiddenProps2.default,
-  useHiddenTransition: () => import_useHiddenTransition2.default,
-  useHiddenTrigger: () => import_useHiddenTrigger2.default
-});
-var React = __toESM(require("react"));
-var import_useHiddenProps = __toESM(require("./useHiddenProps"));
-var import_useHiddenController = __toESM(require("./useHiddenController"));
-var import_useHiddenTransition = __toESM(require("./useHiddenTransition"));
-var import_useHiddenTrigger = __toESM(require("./useHiddenTrigger"));
-var import_useHiddenProps2 = __toESM(require("./useHiddenProps"));
-var import_useHiddenController2 = __toESM(require("./useHiddenController"));
-var import_useHiddenTransition2 = __toESM(require("./useHiddenTransition"));
-var import_useHiddenTrigger2 = __toESM(require("./useHiddenTrigger"));
-var src_default = {
-  useHiddenProps: import_useHiddenProps.default,
-  useHiddenController: import_useHiddenController.default,
-  useHiddenTransition: import_useHiddenTransition.default,
-  useHiddenTrigger: import_useHiddenTrigger.default
-};
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+
+exports.useHiddenProps = useHiddenProps;
+exports.useHiddenController = useHiddenController;
+exports.useHiddenTransition = useHiddenTransition;
+exports.useHiddenTrigger = useHiddenTrigger;
+exports["default"] = index;

package/cjs/useHiddenController.js

@@ -1,48 +1,20 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useHiddenController_exports = {};
-__export(useHiddenController_exports, {
-  default: () => useHiddenController_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const useHiddenController = (initialState = void 0) => {
-  const [visible, setVisible] = (0, import_react.useState)(initialState);
-  const onShow = (0, import_react.useCallback)(() => setVisible(true), [visible]);
-  const onHide = (0, import_react.useCallback)(() => setVisible(false), [visible]);
-  const onToggle = (0, import_react.useCallback)(() => setVisible(!visible), [visible]);
+'use strict';
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var react = require('react');
+
+const useHiddenController = function () {
+  let initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
+  const [visible, setVisible] = react.useState(initialState);
+  const onShow = react.useCallback(() => setVisible(true), [visible]);
+  const onHide = react.useCallback(() => setVisible(false), [visible]);
+  const onToggle = react.useCallback(() => setVisible(!visible), [visible]);
   return {
     onShow,
     onHide,
     onToggle,
-    visible: initialState !== void 0 ? initialState : visible
+    visible: initialState !== undefined ? initialState : visible
   };
 };
-var useHiddenController_default = useHiddenController;
-module.exports = __toCommonJS(useHiddenController_exports);
-//# sourceMappingURL=useHiddenController.js.map
+
+module.exports = useHiddenController;

package/cjs/useHiddenProps.js

@@ -1,41 +1,14 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useHiddenProps_exports = {};
-__export(useHiddenProps_exports, {
-  default: () => useHiddenProps_default
-});
-var React = __toESM(require("react"));
-function useHiddenProps({ visible = true }) {
+'use strict';
+
+function useHiddenProps(_ref) {
+  let {
+    visible = true
+  } = _ref;
+  // element props
   return {
     hidden: !visible,
-    "aria-hidden": !visible
+    'aria-hidden': !visible
   };
 }
-var useHiddenProps_default = useHiddenProps;
-module.exports = __toCommonJS(useHiddenProps_exports);
-//# sourceMappingURL=useHiddenProps.js.map
+
+module.exports = useHiddenProps;

package/cjs/useHiddenTransition.js

@@ -1,54 +1,56 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useHiddenTransition_exports = {};
-__export(useHiddenTransition_exports, {
-  default: () => useHiddenTransition
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_web = __toESM(require("react-spring/web"));
-var import_useHiddenProps = __toESM(require("./useHiddenProps"));
-const growTo = (from, to) => [
-  { opacity: 1, transform: `scale(${to})` },
-  { opacity: 0, transform: `scale(${from})` }
-];
-function useHiddenTransition({
-  animationState = growTo(0, 1),
-  visible = false,
-  duration = 150,
-  ...otherProps
-}) {
-  const { hidden, ...hiddenProps } = (0, import_useHiddenProps.default)({ visible });
-  const [resting, setResting] = (0, import_react.useState)(false);
-  const [destroyed, setDestroyed] = (0, import_react.useState)(true);
-  const [animationStyles, set] = (0, import_web.useSpring)(() => ({
-    ...animationState[0],
-    config: { duration },
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var react = require('react');
+var web = require('react-spring/web');
+var useHiddenProps = require('./useHiddenProps.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+const _excluded = ["animationState", "visible", "duration"],
+      _excluded2 = ["hidden"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const growTo = (from, to) => [{
+  opacity: 1,
+  transform: "scale(".concat(to, ")")
+}, {
+  opacity: 0,
+  transform: "scale(".concat(from, ")")
+}];
+
+function useHiddenTransition(_ref) {
+  let {
+    animationState = growTo(0, 1),
+    visible = false,
+    duration = 150
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const _useHiddenProps = useHiddenProps({
+    visible
+  }),
+        hiddenProps = _objectWithoutProperties__default["default"](_useHiddenProps, _excluded2);
+
+  const [resting, setResting] = react.useState(false);
+  const [destroyed, setDestroyed] = react.useState(true);
+  const [animationStyles, set] = web.useSpring(() => _objectSpread(_objectSpread({}, animationState[0]), {}, {
+    config: {
+      duration
+    },
     onStart: () => {
       setResting(false);
       setDestroyed(false);
@@ -56,23 +58,21 @@ function useHiddenTransition({
     immediate: !visible,
     onRest: () => setResting(true)
   }));
-  (0, import_react.useEffect)(() => {
-    set(visible ? { ...animationState[0], immediate: false } : { ...animationState[1] });
+  react.useEffect(() => {
+    set(visible ? _objectSpread(_objectSpread({}, animationState[0]), {}, {
+      immediate: false
+    }) : _objectSpread({}, animationState[1]));
   }, [visible]);
-  (0, import_react.useEffect)(() => {
-    if (!visible && resting)
-      setDestroyed(true);
-  }, [resting]);
-  return {
-    ...otherProps,
-    ...hiddenProps,
-    style: {
-      ...otherProps.style,
-      pointerEvents: !visible && "none",
-      ...animationStyles
-    },
-    destroyed: destroyed || void 0
-  };
+  react.useEffect(() => {
+    if (!visible && resting) setDestroyed(true);
+  }, [resting]); // element props
+
+  return _objectSpread(_objectSpread(_objectSpread({}, otherProps), hiddenProps), {}, {
+    style: _objectSpread(_objectSpread({}, otherProps.style), {}, {
+      pointerEvents: !visible && 'none'
+    }, animationStyles),
+    destroyed: destroyed || undefined
+  });
 }
-module.exports = __toCommonJS(useHiddenTransition_exports);
-//# sourceMappingURL=useHiddenTransition.js.map
+
+module.exports = useHiddenTransition;

package/cjs/useHiddenTrigger.js

@@ -1,41 +1,14 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useHiddenTrigger_exports = {};
-__export(useHiddenTrigger_exports, {
-  default: () => useHiddenTrigger_default
-});
-var React = __toESM(require("react"));
-function useHiddenTrigger({ visible, hiddenId }) {
+'use strict';
+
+function useHiddenTrigger(_ref) {
+  let {
+    visible,
+    hiddenId
+  } = _ref;
   return {
-    "aria-expanded": visible,
-    "aria-controls": hiddenId
+    'aria-expanded': visible,
+    'aria-controls': hiddenId
   };
 }
-var useHiddenTrigger_default = useHiddenTrigger;
-module.exports = __toCommonJS(useHiddenTrigger_exports);
-//# sourceMappingURL=useHiddenTrigger.js.map
+
+module.exports = useHiddenTrigger;

package/esm/index.js

@@ -1,23 +1,17 @@
-import * as React from "react";
-import useHiddenProps from "./useHiddenProps";
-import useHiddenController from "./useHiddenController";
-import useHiddenTransition from "./useHiddenTransition";
-import useHiddenTrigger from "./useHiddenTrigger";
-import { default as default2 } from "./useHiddenProps";
-import { default as default3 } from "./useHiddenController";
-import { default as default4 } from "./useHiddenTransition";
-import { default as default5 } from "./useHiddenTrigger";
-var src_default = {
+import useHiddenProps from './useHiddenProps.js';
+export { default as useHiddenProps } from './useHiddenProps.js';
+import useHiddenController from './useHiddenController.js';
+export { default as useHiddenController } from './useHiddenController.js';
+import useHiddenTransition from './useHiddenTransition.js';
+export { default as useHiddenTransition } from './useHiddenTransition.js';
+import useHiddenTrigger from './useHiddenTrigger.js';
+export { default as useHiddenTrigger } from './useHiddenTrigger.js';
+
+var index = {
   useHiddenProps,
   useHiddenController,
   useHiddenTransition,
   useHiddenTrigger
 };
-export {
-  src_default as default,
-  default3 as useHiddenController,
-  default2 as useHiddenProps,
-  default4 as useHiddenTransition,
-  default5 as useHiddenTrigger
-};
-//# sourceMappingURL=index.js.map
+
+export { index as default };

package/esm/useHiddenController.js

@@ -1,6 +1,8 @@
-import * as React from "react";
-import { useCallback, useState } from "react";
-const useHiddenController = (initialState = void 0) => {
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useCallback } from 'react';
+
+const useHiddenController = function () {
+  let initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
   const [visible, setVisible] = useState(initialState);
   const onShow = useCallback(() => setVisible(true), [visible]);
   const onHide = useCallback(() => setVisible(false), [visible]);
@@ -9,11 +11,8 @@ const useHiddenController = (initialState = void 0) => {
     onShow,
     onHide,
     onToggle,
-    visible: initialState !== void 0 ? initialState : visible
+    visible: initialState !== undefined ? initialState : visible
   };
 };
-var useHiddenController_default = useHiddenController;
-export {
-  useHiddenController_default as default
-};
-//# sourceMappingURL=useHiddenController.js.map
+
+export { useHiddenController as default };

package/esm/useHiddenProps.js

@@ -1,12 +1,12 @@
-import * as React from "react";
-function useHiddenProps({ visible = true }) {
+function useHiddenProps(_ref) {
+  let {
+    visible = true
+  } = _ref;
+  // element props
   return {
     hidden: !visible,
-    "aria-hidden": !visible
+    'aria-hidden': !visible
   };
 }
-var useHiddenProps_default = useHiddenProps;
-export {
-  useHiddenProps_default as default
-};
-//# sourceMappingURL=useHiddenProps.js.map
+
+export { useHiddenProps as default };

package/esm/useHiddenTransition.js

@@ -1,23 +1,49 @@
-import * as React from "react";
-import { useState, useEffect } from "react";
-import { useSpring } from "react-spring/web";
-import useHiddenProps from "./useHiddenProps";
-const growTo = (from, to) => [
-  { opacity: 1, transform: `scale(${to})` },
-  { opacity: 0, transform: `scale(${from})` }
-];
-function useHiddenTransition({
-  animationState = growTo(0, 1),
-  visible = false,
-  duration = 150,
-  ...otherProps
-}) {
-  const { hidden, ...hiddenProps } = useHiddenProps({ visible });
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { useState, useEffect } from 'react';
+import { useSpring } from 'react-spring/web';
+import useHiddenProps from './useHiddenProps.js';
+
+const _excluded = ["animationState", "visible", "duration"],
+      _excluded2 = ["hidden"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const growTo = (from, to) => [{
+  opacity: 1,
+  transform: "scale(".concat(to, ")")
+}, {
+  opacity: 0,
+  transform: "scale(".concat(from, ")")
+}];
+
+function useHiddenTransition(_ref) {
+  let {
+    animationState = growTo(0, 1),
+    visible = false,
+    duration = 150
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const _useHiddenProps = useHiddenProps({
+    visible
+  }),
+        hiddenProps = _objectWithoutProperties(_useHiddenProps, _excluded2);
+
   const [resting, setResting] = useState(false);
   const [destroyed, setDestroyed] = useState(true);
-  const [animationStyles, set] = useSpring(() => ({
-    ...animationState[0],
-    config: { duration },
+  const [animationStyles, set] = useSpring(() => _objectSpread(_objectSpread({}, animationState[0]), {}, {
+    config: {
+      duration
+    },
     onStart: () => {
       setResting(false);
       setDestroyed(false);
@@ -26,24 +52,20 @@ function useHiddenTransition({
     onRest: () => setResting(true)
   }));
   useEffect(() => {
-    set(visible ? { ...animationState[0], immediate: false } : { ...animationState[1] });
+    set(visible ? _objectSpread(_objectSpread({}, animationState[0]), {}, {
+      immediate: false
+    }) : _objectSpread({}, animationState[1]));
   }, [visible]);
   useEffect(() => {
-    if (!visible && resting)
-      setDestroyed(true);
-  }, [resting]);
-  return {
-    ...otherProps,
-    ...hiddenProps,
-    style: {
-      ...otherProps.style,
-      pointerEvents: !visible && "none",
-      ...animationStyles
-    },
-    destroyed: destroyed || void 0
-  };
+    if (!visible && resting) setDestroyed(true);
+  }, [resting]); // element props
+
+  return _objectSpread(_objectSpread(_objectSpread({}, otherProps), hiddenProps), {}, {
+    style: _objectSpread(_objectSpread({}, otherProps.style), {}, {
+      pointerEvents: !visible && 'none'
+    }, animationStyles),
+    destroyed: destroyed || undefined
+  });
 }
-export {
-  useHiddenTransition as default
-};
-//# sourceMappingURL=useHiddenTransition.js.map
+
+export { useHiddenTransition as default };

package/esm/useHiddenTrigger.js

@@ -1,12 +1,12 @@
-import * as React from "react";
-function useHiddenTrigger({ visible, hiddenId }) {
+function useHiddenTrigger(_ref) {
+  let {
+    visible,
+    hiddenId
+  } = _ref;
   return {
-    "aria-expanded": visible,
-    "aria-controls": hiddenId
+    'aria-expanded': visible,
+    'aria-controls': hiddenId
   };
 }
-var useHiddenTrigger_default = useHiddenTrigger;
-export {
-  useHiddenTrigger_default as default
-};
-//# sourceMappingURL=useHiddenTrigger.js.map
+
+export { useHiddenTrigger as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-hidden",
-  "version": "2.2.0-alpha.2",
+  "version": "2.2.0-next.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Hidden",
   "module": "./esm/index.js",

package/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import useHiddenProps from './useHiddenProps';\nimport useHiddenController from './useHiddenController';\nimport useHiddenTransition from './useHiddenTransition';\nimport useHiddenTrigger from './useHiddenTrigger';\n\nexport { default as useHiddenProps } from './useHiddenProps';\nexport { default as useHiddenController } from './useHiddenController';\nexport { default as useHiddenTransition } from './useHiddenTransition';\nexport { default as useHiddenTrigger } from './useHiddenTrigger';\n\nexport default {\n  useHiddenProps,\n  useHiddenController,\n  useHiddenTransition,\n  useHiddenTrigger,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAA2B;AAC3B,iCAAgC;AAChC,iCAAgC;AAChC,8BAA6B;AAE7B,6BAA0C;AAC1C,kCAA+C;AAC/C,kCAA+C;AAC/C,+BAA4C;AAE5C,IAAO,cAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
-  "names": []
-}

package/cjs/useHiddenController.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useHiddenController.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useCallback, useState } from 'react';\n\nconst useHiddenController = (initialState = undefined) => {\n  const [visible, setVisible] = useState(initialState);\n\n  const onShow = useCallback(() => setVisible(true), [visible]);\n  const onHide = useCallback(() => setVisible(false), [visible]);\n  const onToggle = useCallback(() => setVisible(!visible), [visible]);\n\n  return {\n    onShow,\n    onHide,\n    onToggle,\n    visible: initialState !== undefined ? initialState : visible,\n  };\n};\n\nexport default useHiddenController;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsC;AAEtC,MAAM,sBAAsB,CAAC,eAAe,WAAc;AACxD,QAAM,CAAC,SAAS,cAAc,2BAAS;AAEvC,QAAM,SAAS,8BAAY,MAAM,WAAW,OAAO,CAAC;AACpD,QAAM,SAAS,8BAAY,MAAM,WAAW,QAAQ,CAAC;AACrD,QAAM,WAAW,8BAAY,MAAM,WAAW,CAAC,UAAU,CAAC;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,iBAAiB,SAAY,eAAe;AAAA;AAAA;AAIzD,IAAO,8BAAQ;",
-  "names": []
-}

package/cjs/useHiddenProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useHiddenProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["function useHiddenProps({ visible = true }) {\n  // element props\n  return {\n    hidden: !visible,\n    'aria-hidden': !visible,\n  };\n}\n\nexport default useHiddenProps;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAwB,EAAE,UAAU,QAAQ;AAE1C,SAAO;AAAA,IACL,QAAQ,CAAC;AAAA,IACT,eAAe,CAAC;AAAA;AAAA;AAIpB,IAAO,yBAAQ;",
-  "names": []
-}

package/cjs/useHiddenTransition.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useHiddenTransition.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useState, useEffect } from 'react';\nimport { useSpring } from 'react-spring/web';\nimport useHiddenProps from './useHiddenProps';\n\nconst growTo = (from, to) => [\n  { opacity: 1, transform: `scale(${to})` },\n  { opacity: 0, transform: `scale(${from})` },\n];\n\nexport default function useHiddenTransition({\n  animationState = growTo(0, 1),\n  visible = false,\n  duration = 150,\n  ...otherProps\n}) {\n  const { hidden, ...hiddenProps } = useHiddenProps({ visible });\n  const [resting, setResting] = useState(false);\n  const [destroyed, setDestroyed] = useState(true);\n  const [animationStyles, set] = useSpring(() => ({\n    ...animationState[0],\n    config: { duration },\n    onStart: () => {\n      setResting(false);\n      setDestroyed(false);\n    },\n    immediate: !visible,\n    onRest: () => setResting(true),\n  }));\n\n  useEffect(() => {\n    set(\n      visible\n        ? { ...animationState[0], immediate: false }\n        : { ...animationState[1] },\n    );\n  }, [visible]);\n\n  useEffect(() => {\n    if (!visible && resting) setDestroyed(true);\n  }, [resting]);\n\n  // element props\n  return {\n    ...otherProps,\n    ...hiddenProps,\n    style: {\n      ...otherProps.style,\n      pointerEvents: !visible && 'none',\n      ...animationStyles,\n    },\n    destroyed: destroyed || undefined,\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,iBAA0B;AAC1B,4BAA2B;AAE3B,MAAM,SAAS,CAAC,MAAM,OAAO;AAAA,EAC3B,EAAE,SAAS,GAAG,WAAW,SAAS;AAAA,EAClC,EAAE,SAAS,GAAG,WAAW,SAAS;AAAA;AAGrB,6BAA6B;AAAA,EAC1C,iBAAiB,OAAO,GAAG;AAAA,EAC3B,UAAU;AAAA,EACV,WAAW;AAAA,KACR;AAAA,GACF;AACD,QAAM,EAAE,WAAW,gBAAgB,mCAAe,EAAE;AACpD,QAAM,CAAC,SAAS,cAAc,2BAAS;AACvC,QAAM,CAAC,WAAW,gBAAgB,2BAAS;AAC3C,QAAM,CAAC,iBAAiB,OAAO,0BAAU,MAAO;AAAA,OAC3C,eAAe;AAAA,IAClB,QAAQ,EAAE;AAAA,IACV,SAAS,MAAM;AACb,iBAAW;AACX,mBAAa;AAAA;AAAA,IAEf,WAAW,CAAC;AAAA,IACZ,QAAQ,MAAM,WAAW;AAAA;AAG3B,8BAAU,MAAM;AACd,QACE,UACI,KAAK,eAAe,IAAI,WAAW,UACnC,KAAK,eAAe;AAAA,KAEzB,CAAC;AAEJ,8BAAU,MAAM;AACd,QAAI,CAAC,WAAW;AAAS,mBAAa;AAAA,KACrC,CAAC;AAGJ,SAAO;AAAA,OACF;AAAA,OACA;AAAA,IACH,OAAO;AAAA,SACF,WAAW;AAAA,MACd,eAAe,CAAC,WAAW;AAAA,SACxB;AAAA;AAAA,IAEL,WAAW,aAAa;AAAA;AAAA;",
-  "names": []
-}

package/cjs/useHiddenTrigger.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useHiddenTrigger.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["function useHiddenTrigger({ visible, hiddenId }) {\n  return {\n    'aria-expanded': visible,\n    'aria-controls': hiddenId,\n  };\n}\n\nexport default useHiddenTrigger;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B,EAAE,SAAS,YAAY;AAC/C,SAAO;AAAA,IACL,iBAAiB;AAAA,IACjB,iBAAiB;AAAA;AAAA;AAIrB,IAAO,2BAAQ;",
-  "names": []
-}

package/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import useHiddenProps from './useHiddenProps';\nimport useHiddenController from './useHiddenController';\nimport useHiddenTransition from './useHiddenTransition';\nimport useHiddenTrigger from './useHiddenTrigger';\n\nexport { default as useHiddenProps } from './useHiddenProps';\nexport { default as useHiddenController } from './useHiddenController';\nexport { default as useHiddenTransition } from './useHiddenTransition';\nexport { default as useHiddenTrigger } from './useHiddenTrigger';\n\nexport default {\n  useHiddenProps,\n  useHiddenController,\n  useHiddenTransition,\n  useHiddenTrigger,\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,IAAO,cAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
-  "names": []
-}

package/esm/useHiddenController.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/useHiddenController.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useState } from 'react';\n\nconst useHiddenController = (initialState = undefined) => {\n  const [visible, setVisible] = useState(initialState);\n\n  const onShow = useCallback(() => setVisible(true), [visible]);\n  const onHide = useCallback(() => setVisible(false), [visible]);\n  const onToggle = useCallback(() => setVisible(!visible), [visible]);\n\n  return {\n    onShow,\n    onHide,\n    onToggle,\n    visible: initialState !== undefined ? initialState : visible,\n  };\n};\n\nexport default useHiddenController;\n"],
-  "mappings": "AAAA;ACAA;AAEA,MAAM,sBAAsB,CAAC,eAAe,WAAc;AACxD,QAAM,CAAC,SAAS,cAAc,SAAS;AAEvC,QAAM,SAAS,YAAY,MAAM,WAAW,OAAO,CAAC;AACpD,QAAM,SAAS,YAAY,MAAM,WAAW,QAAQ,CAAC;AACrD,QAAM,WAAW,YAAY,MAAM,WAAW,CAAC,UAAU,CAAC;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,iBAAiB,SAAY,eAAe;AAAA;AAAA;AAIzD,IAAO,8BAAQ;",
-  "names": []
-}

package/esm/useHiddenProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/useHiddenProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "function useHiddenProps({ visible = true }) {\n  // element props\n  return {\n    hidden: !visible,\n    'aria-hidden': !visible,\n  };\n}\n\nexport default useHiddenProps;\n"],
-  "mappings": "AAAA;ACAA,wBAAwB,EAAE,UAAU,QAAQ;AAE1C,SAAO;AAAA,IACL,QAAQ,CAAC;AAAA,IACT,eAAe,CAAC;AAAA;AAAA;AAIpB,IAAO,yBAAQ;",
-  "names": []
-}

package/esm/useHiddenTransition.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/useHiddenTransition.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState, useEffect } from 'react';\nimport { useSpring } from 'react-spring/web';\nimport useHiddenProps from './useHiddenProps';\n\nconst growTo = (from, to) => [\n  { opacity: 1, transform: `scale(${to})` },\n  { opacity: 0, transform: `scale(${from})` },\n];\n\nexport default function useHiddenTransition({\n  animationState = growTo(0, 1),\n  visible = false,\n  duration = 150,\n  ...otherProps\n}) {\n  const { hidden, ...hiddenProps } = useHiddenProps({ visible });\n  const [resting, setResting] = useState(false);\n  const [destroyed, setDestroyed] = useState(true);\n  const [animationStyles, set] = useSpring(() => ({\n    ...animationState[0],\n    config: { duration },\n    onStart: () => {\n      setResting(false);\n      setDestroyed(false);\n    },\n    immediate: !visible,\n    onRest: () => setResting(true),\n  }));\n\n  useEffect(() => {\n    set(\n      visible\n        ? { ...animationState[0], immediate: false }\n        : { ...animationState[1] },\n    );\n  }, [visible]);\n\n  useEffect(() => {\n    if (!visible && resting) setDestroyed(true);\n  }, [resting]);\n\n  // element props\n  return {\n    ...otherProps,\n    ...hiddenProps,\n    style: {\n      ...otherProps.style,\n      pointerEvents: !visible && 'none',\n      ...animationStyles,\n    },\n    destroyed: destroyed || undefined,\n  };\n}\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,SAAS,CAAC,MAAM,OAAO;AAAA,EAC3B,EAAE,SAAS,GAAG,WAAW,SAAS;AAAA,EAClC,EAAE,SAAS,GAAG,WAAW,SAAS;AAAA;AAGrB,6BAA6B;AAAA,EAC1C,iBAAiB,OAAO,GAAG;AAAA,EAC3B,UAAU;AAAA,EACV,WAAW;AAAA,KACR;AAAA,GACF;AACD,QAAM,EAAE,WAAW,gBAAgB,eAAe,EAAE;AACpD,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAC3C,QAAM,CAAC,iBAAiB,OAAO,UAAU,MAAO;AAAA,OAC3C,eAAe;AAAA,IAClB,QAAQ,EAAE;AAAA,IACV,SAAS,MAAM;AACb,iBAAW;AACX,mBAAa;AAAA;AAAA,IAEf,WAAW,CAAC;AAAA,IACZ,QAAQ,MAAM,WAAW;AAAA;AAG3B,YAAU,MAAM;AACd,QACE,UACI,KAAK,eAAe,IAAI,WAAW,UACnC,KAAK,eAAe;AAAA,KAEzB,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,CAAC,WAAW;AAAS,mBAAa;AAAA,KACrC,CAAC;AAGJ,SAAO;AAAA,OACF;AAAA,OACA;AAAA,IACH,OAAO;AAAA,SACF,WAAW;AAAA,MACd,eAAe,CAAC,WAAW;AAAA,SACxB;AAAA;AAAA,IAEL,WAAW,aAAa;AAAA;AAAA;",
-  "names": []
-}

package/esm/useHiddenTrigger.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/useHiddenTrigger.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "function useHiddenTrigger({ visible, hiddenId }) {\n  return {\n    'aria-expanded': visible,\n    'aria-controls': hiddenId,\n  };\n}\n\nexport default useHiddenTrigger;\n"],
-  "mappings": "AAAA;ACAA,0BAA0B,EAAE,SAAS,YAAY;AAC/C,SAAO;AAAA,IACL,iBAAiB;AAAA,IACjB,iBAAiB;AAAA;AAAA;AAIrB,IAAO,2BAAQ;",
-  "names": []
-}