@elliemae/ds-hidden 2.0.0-alpha.1 → 2.0.0-alpha.13
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/cjs/index.js +1 -1
- package/cjs/useHiddenController.js +3 -1
- package/cjs/useHiddenProps.js +4 -3
- package/cjs/useHiddenTransition.js +11 -5
- package/cjs/useHiddenTrigger.js +5 -4
- package/esm/useHiddenController.js +3 -1
- package/esm/useHiddenProps.js +4 -3
- package/esm/useHiddenTransition.js +8 -2
- package/esm/useHiddenTrigger.js +5 -4
- package/package.json +1 -1
- package/cjs/package.json +0 -7
- package/esm/package.json +0 -7
package/cjs/index.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
3
4
|
var react = require('react');
|
|
4
5
|
|
|
5
|
-
const useHiddenController = (
|
|
6
|
+
const useHiddenController = function () {
|
|
7
|
+
let initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
|
|
6
8
|
const [visible, setVisible] = react.useState(initialState);
|
|
7
9
|
const onShow = react.useCallback(() => setVisible(true), [visible]);
|
|
8
10
|
const onHide = react.useCallback(() => setVisible(false), [visible]);
|
package/cjs/useHiddenProps.js
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
11
|
var react = require('react');
|
|
6
12
|
var web = require('react-spring/web');
|
|
7
13
|
var useHiddenProps = require('./useHiddenProps.js');
|
|
@@ -16,14 +22,14 @@ const _excluded = ["animationState", "visible", "duration"],
|
|
|
16
22
|
|
|
17
23
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
18
24
|
|
|
19
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
20
26
|
|
|
21
27
|
const growTo = (from, to) => [{
|
|
22
28
|
opacity: 1,
|
|
23
|
-
transform:
|
|
29
|
+
transform: "scale(".concat(to, ")")
|
|
24
30
|
}, {
|
|
25
31
|
opacity: 0,
|
|
26
|
-
transform:
|
|
32
|
+
transform: "scale(".concat(from, ")")
|
|
27
33
|
}];
|
|
28
34
|
|
|
29
35
|
function useHiddenTransition(_ref) {
|
|
@@ -32,12 +38,12 @@ function useHiddenTransition(_ref) {
|
|
|
32
38
|
visible = false,
|
|
33
39
|
duration = 150
|
|
34
40
|
} = _ref,
|
|
35
|
-
otherProps = _objectWithoutProperties__default[
|
|
41
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
36
42
|
|
|
37
43
|
const _useHiddenProps = useHiddenProps({
|
|
38
44
|
visible
|
|
39
45
|
}),
|
|
40
|
-
hiddenProps = _objectWithoutProperties__default[
|
|
46
|
+
hiddenProps = _objectWithoutProperties__default["default"](_useHiddenProps, _excluded2);
|
|
41
47
|
|
|
42
48
|
const [resting, setResting] = react.useState(false);
|
|
43
49
|
const [destroyed, setDestroyed] = react.useState(true);
|
package/cjs/useHiddenTrigger.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
1
2
|
import { useState, useCallback } from 'react';
|
|
2
3
|
|
|
3
|
-
const useHiddenController = (
|
|
4
|
+
const useHiddenController = function () {
|
|
5
|
+
let initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
|
|
4
6
|
const [visible, setVisible] = useState(initialState);
|
|
5
7
|
const onShow = useCallback(() => setVisible(true), [visible]);
|
|
6
8
|
const onHide = useCallback(() => setVisible(false), [visible]);
|
package/esm/useHiddenProps.js
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
2
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
7
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
8
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
3
9
|
import { useState, useEffect } from 'react';
|
|
4
10
|
import { useSpring } from 'react-spring/web';
|
|
5
11
|
import useHiddenProps from './useHiddenProps.js';
|
|
@@ -13,10 +19,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
13
19
|
|
|
14
20
|
const growTo = (from, to) => [{
|
|
15
21
|
opacity: 1,
|
|
16
|
-
transform:
|
|
22
|
+
transform: "scale(".concat(to, ")")
|
|
17
23
|
}, {
|
|
18
24
|
opacity: 0,
|
|
19
|
-
transform:
|
|
25
|
+
transform: "scale(".concat(from, ")")
|
|
20
26
|
}];
|
|
21
27
|
|
|
22
28
|
function useHiddenTransition(_ref) {
|
package/esm/useHiddenTrigger.js
CHANGED
package/package.json
CHANGED
package/cjs/package.json
DELETED