@dreamcommerce/aurora 3.0.0-226 → 3.0.0-227

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.
Files changed (8) hide show
  1. package/build/cjs/packages/aurora/src/components/accordion/components/accordion_content.js +26 -13
  2. package/build/cjs/packages/aurora/src/components/accordion/components/accordion_content.js.map +1 -1
  3. package/build/esm/packages/aurora/src/components/accordion/components/accordion_content.d.ts +1 -1
  4. package/build/esm/packages/aurora/src/components/accordion/components/accordion_content.js +23 -14
  5. package/build/esm/packages/aurora/src/components/accordion/components/accordion_content.js.map +1 -1
  6. package/build/index.css +1 -1
  7. package/build/tailwind.config.js +10 -0
  8. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/accordion/components/accordion_content.js CHANGED
@@ -7,32 +7,35 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
7
7
  var AccordionPrimitive = require('@radix-ui/react-accordion');
8
8
  var cn = require('../../../utilities/cn.js');
9
9
 
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+
10
14
  var _excluded = ["className", "children", "forceMount"];
11
- var AccordionContent = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
15
+ var AccordionContent = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, forwardedRef) {
12
16
  var className = _ref.className,
13
17
  children = _ref.children,
14
18
  forceMount = _ref.forceMount,
15
19
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
16
- var contentRef = React.useRef(null);
17
- var _React$useState = React.useState('0px'),
20
+ var contentRef = React__default['default'].useRef(null);
21
+ var _React$useState = React__default['default'].useState('0px'),
18
22
  _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
19
23
  height = _React$useState2[0],
20
24
  setHeight = _React$useState2[1];
21
- var _React$useState3 = React.useState(false),
25
+ var _React$useState3 = React__default['default'].useState(false),
22
26
  _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
23
27
  isOpen = _React$useState4[0],
24
28
  setIsOpen = _React$useState4[1];
25
- var localRef = React.useRef(null);
29
+ var localRef = React__default['default'].useRef(null);
26
30
  React.useImperativeHandle(forwardedRef, function () {
27
31
  return localRef.current;
28
- });
32
+ }, []);
29
33
  React.useEffect(function () {
30
34
  var element = localRef.current;
31
35
  if (!element) return;
32
36
  var handleStateChange = function handleStateChange() {
33
37
  var isOpenState = element.getAttribute('data-state') === 'open';
34
38
  setIsOpen(isOpenState);
35
- setHeight(isOpenState && contentRef.current ? "".concat(contentRef.current.scrollHeight, "px") : '0px');
36
39
  };
37
40
  handleStateChange();
38
41
  var observer = new MutationObserver(handleStateChange);
@@ -40,20 +43,30 @@ var AccordionContent = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRe
40
43
  attributes: true,
41
44
  attributeFilter: ['data-state']
42
45
  });
46
+ if (!contentRef.current) return;
47
+ var resizeObserver = new ResizeObserver(function (entries) {
48
+ entries.forEach(function (entry) {
49
+ setHeight("".concat(entry.contentRect.height, "px"));
50
+ });
51
+ });
52
+ resizeObserver.observe(contentRef.current);
43
53
  return function () {
44
54
  observer.disconnect();
55
+ resizeObserver.disconnect();
45
56
  };
46
57
  }, []);
47
- return /*#__PURE__*/React.createElement(AccordionPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
58
+ return /*#__PURE__*/React__default['default'].createElement(AccordionPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
48
59
  ref: localRef,
49
60
  forceMount: forceMount,
50
- className: cn.cn('aurora-overflow-hidden aurora-transition-all aurora-duration-200', className),
51
- style: {
52
- maxHeight: height,
61
+ className: cn.cn('aurora-overflow-hidden aurora-transition-all aurora-duration-200]', {
62
+ 'data-[state=closed]:aurora-animate-accordion-up data-[state=open]:aurora-animate-accordion-down': !forceMount
63
+ }, className),
64
+ style: forceMount ? {
65
+ maxHeight: isOpen ? height : '0px',
53
66
  opacity: isOpen ? 1 : 0
54
- },
67
+ } : {},
55
68
  "aria-hidden": !isOpen
56
- }, props), /*#__PURE__*/React.createElement("div", {
69
+ }, props), /*#__PURE__*/React__default['default'].createElement("div", {
57
70
  ref: contentRef
58
71
  }, children));
59
72
  });
package/build/cjs/packages/aurora/src/components/accordion/components/accordion_content.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/accordion/components/accordion_content.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
2
- import * as React from 'react';
2
+ import React from 'react';
3
3
  export declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
package/build/esm/packages/aurora/src/components/accordion/components/accordion_content.js CHANGED
@@ -1,34 +1,33 @@
1
- import { forwardRef, useRef, useState, useImperativeHandle, useEffect, createElement } from 'react';
1
+ import React, { useImperativeHandle, useEffect } from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { Content } from '@radix-ui/react-accordion';
4
4
  import { cn } from '../../../utilities/cn.js';
5
5
 
6
6
  var _excluded = ["className", "children", "forceMount"];
7
- var AccordionContent = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
7
+ var AccordionContent = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
8
8
  var className = _ref.className,
9
9
  children = _ref.children,
10
10
  forceMount = _ref.forceMount,
11
11
  props = _objectWithoutProperties(_ref, _excluded);
12
- var contentRef = useRef(null);
13
- var _React$useState = useState('0px'),
12
+ var contentRef = React.useRef(null);
13
+ var _React$useState = React.useState('0px'),
14
14
  _React$useState2 = _slicedToArray(_React$useState, 2),
15
15
  height = _React$useState2[0],
16
16
  setHeight = _React$useState2[1];
17
- var _React$useState3 = useState(false),
17
+ var _React$useState3 = React.useState(false),
18
18
  _React$useState4 = _slicedToArray(_React$useState3, 2),
19
19
  isOpen = _React$useState4[0],
20
20
  setIsOpen = _React$useState4[1];
21
- var localRef = useRef(null);
21
+ var localRef = React.useRef(null);
22
22
  useImperativeHandle(forwardedRef, function () {
23
23
  return localRef.current;
24
- });
24
+ }, []);
25
25
  useEffect(function () {
26
26
  var element = localRef.current;
27
27
  if (!element) return;
28
28
  var handleStateChange = function handleStateChange() {
29
29
  var isOpenState = element.getAttribute('data-state') === 'open';
30
30
  setIsOpen(isOpenState);
31
- setHeight(isOpenState && contentRef.current ? "".concat(contentRef.current.scrollHeight, "px") : '0px');
32
31
  };
33
32
  handleStateChange();
34
33
  var observer = new MutationObserver(handleStateChange);
@@ -36,20 +35,30 @@ var AccordionContent = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
36
35
  attributes: true,
37
36
  attributeFilter: ['data-state']
38
37
  });
38
+ if (!contentRef.current) return;
39
+ var resizeObserver = new ResizeObserver(function (entries) {
40
+ entries.forEach(function (entry) {
41
+ setHeight("".concat(entry.contentRect.height, "px"));
42
+ });
43
+ });
44
+ resizeObserver.observe(contentRef.current);
39
45
  return function () {
40
46
  observer.disconnect();
47
+ resizeObserver.disconnect();
41
48
  };
42
49
  }, []);
43
- return /*#__PURE__*/createElement(Content, _objectSpread2({
50
+ return /*#__PURE__*/React.createElement(Content, _objectSpread2({
44
51
  ref: localRef,
45
52
  forceMount: forceMount,
46
- className: cn('aurora-overflow-hidden aurora-transition-all aurora-duration-200', className),
47
- style: {
48
- maxHeight: height,
53
+ className: cn('aurora-overflow-hidden aurora-transition-all aurora-duration-200]', {
54
+ 'data-[state=closed]:aurora-animate-accordion-up data-[state=open]:aurora-animate-accordion-down': !forceMount
55
+ }, className),
56
+ style: forceMount ? {
57
+ maxHeight: isOpen ? height : '0px',
49
58
  opacity: isOpen ? 1 : 0
50
- },
59
+ } : {},
51
60
  "aria-hidden": !isOpen
52
- }, props), /*#__PURE__*/createElement("div", {
61
+ }, props), /*#__PURE__*/React.createElement("div", {
53
62
  ref: contentRef
54
63
  }, children));
55
64
  });
package/build/esm/packages/aurora/src/components/accordion/components/accordion_content.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}