@rescui/collapse 0.3.6 → 0.4.1

package/lib/accordion.js

@@ -17,7 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React, { useState } from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
-import { useTheme, ThemeProvider } from '@rescui/ui-contexts';
+import { useThemeWithUndefined, ThemeProvider } from '@rescui/ui-contexts';
 import { collapseContext } from './context.js';
 import styles from './collapse.p.module.css.js';
 var GAP_STYLES = {
@@ -51,7 +51,7 @@ function (_ref, ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var isControlled = typeof value !== 'undefined';
-  var theme = useTheme(themeFromProps);
+  var theme = useThemeWithUndefined(themeFromProps);
 
   var _useState = useState(isControlled ? value : null),
       _useState2 = _slicedToArray(_useState, 2),

package/lib/collapse.js

@@ -19,7 +19,7 @@ import React, { useRef, useContext, useState, useEffect } from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
 import { RightIcon, AddOutlineIcon } from '@rescui/icons';
-import { useTheme, ThemeProvider } from '@rescui/ui-contexts';
+import { useThemeWithUndefined, ThemeProvider } from '@rescui/ui-contexts';
 import { useResizeObserver } from '@rescui/use-resize-observer';
 import { collapseContext } from './context.js';
 import { useCollapseState, COLLAPSE_STATES, useStartedClosing } from './use-collapse-state.js';
@@ -71,7 +71,7 @@ function (_ref, ref) {
   var _useRef = useRef(itemKey !== null && itemKey !== void 0 ? itemKey : getRandId()),
       key = _useRef.current;
 
-  var theme = useTheme(themeFromProps);
+  var theme = useThemeWithUndefined(themeFromProps);
 
   var _useContext = useContext(collapseContext),
       openedKey = _useContext.openedKey,
@@ -155,19 +155,21 @@ function (_ref, ref) {
     "data-test": 'collapse'
   }, restProps), {}, {
     className: cn(className, styles.main, isOpening && styles.opening, isOpened && styles.opened, isClosing && !isStartedClosing && styles.closingTransition, isClosing && styles.closing, isClosed && styles.closed, !isClosed && openedClassName, SIZE_STYLES[size], MODE_STYLES[mode], ICON_STYLES[icon], borderBottom && styles.hasBorderBottom, disableLeftPadding && styles.disableLeftPadding, isRightIcon ? styles.rightIcon : styles.leftIcon, THEME_STYLES[theme]),
+    "data-rs-internal": "collapse__collapse",
     ref: ref
   }), /*#__PURE__*/React.createElement("button", {
     type: "button",
+    "data-rs-internal": "collapse__button",
     className: styles.button,
     onClick: toggleOpened
-  }, !isRightIcon && /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     className: styles.icon
   }), /*#__PURE__*/React.createElement("span", {
-    className: cn(styles.title)
-  }, title), isRightIcon && /*#__PURE__*/React.createElement(Icon, {
-    className: styles.icon
-  })), /*#__PURE__*/React.createElement("div", {
+    className: cn(styles.title),
+    "data-rs-internal": "collapse__title"
+  }, title)), /*#__PURE__*/React.createElement("div", {
     className: styles.content,
+    "data-rs-internal": "collapse__content",
     style: {
       // So, we set the height value only on OPENING stage and just after beginning CLOSING stage
       // The reason we don't leave this style for OPEN stage is because some content of the expanded Collapse may change its height dynamically

package/lib/collapse.p.module.css.js

@@ -1,36 +1,35 @@
 var styles = {
-  "hasBorderBottom": "_hasBorderBottom_4bvqsp_14",
-  "main": "_main_4bvqsp_18",
-  "themeLight": "_themeLight_4bvqsp_21",
-  "themeDark": "_themeDark_4bvqsp_27",
-  "rock": "_rock_4bvqsp_33",
-  "opening": "_opening_4bvqsp_33",
-  "opened": "_opened_4bvqsp_34",
-  "closing": "_closing_4bvqsp_35",
-  "classic": "_classic_4bvqsp_49",
-  "title": "_title_4bvqsp_106",
-  "sizeS": "_sizeS_4bvqsp_111",
-  "button": "_button_4bvqsp_111",
-  "sizeM": "_sizeM_4bvqsp_114",
-  "sizeL": "_sizeL_4bvqsp_117",
-  "content": "_content_4bvqsp_122",
-  "closed": "_closed_4bvqsp_129",
-  "closingTransition": "_closingTransition_4bvqsp_138",
-  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_4bvqsp_1",
-  "leftIcon": "_leftIcon_4bvqsp_156",
-  "innerWrapper": "_innerWrapper_4bvqsp_155",
-  "rightIcon": "_rightIcon_4bvqsp_160",
-  "disableLeftPadding": "_disableLeftPadding_4bvqsp_161",
-  "clear": "_clear_4bvqsp_233",
-  "icon": "_icon_4bvqsp_281",
-  "iconPlus": "_iconPlus_4bvqsp_327",
-  "iconArrow": "_iconArrow_4bvqsp_332",
-  "accordion": "_accordion_4bvqsp_338",
-  "accordionGap0": "_accordionGap0_4bvqsp_342",
-  "accordionGap8": "_accordionGap8_4bvqsp_345",
-  "accordionGap12": "_accordionGap12_4bvqsp_348",
-  "accordionGap16": "_accordionGap16_4bvqsp_351",
-  "accordionGap24": "_accordionGap24_4bvqsp_354",
-  "accordionGap32": "_accordionGap32_4bvqsp_357"
+  "themeLight": "_themeLight_9n5huc_6",
+  "themeDark": "_themeDark_9n5huc_9",
+  "sizeS": "_sizeS_9n5huc_13",
+  "sizeM": "_sizeM_9n5huc_16",
+  "sizeL": "_sizeL_9n5huc_19",
+  "classic": "_classic_9n5huc_23",
+  "rock": "_rock_9n5huc_26",
+  "clear": "_clear_9n5huc_29",
+  "hasBorderBottom": "_hasBorderBottom_9n5huc_33",
+  "leftIcon": "_leftIcon_9n5huc_37",
+  "rightIcon": "_rightIcon_9n5huc_40",
+  "disableLeftPadding": "_disableLeftPadding_9n5huc_44",
+  "main": "_main_9n5huc_48",
+  "opening": "_opening_9n5huc_58",
+  "opened": "_opened_9n5huc_59",
+  "closing": "_closing_9n5huc_60",
+  "title": "_title_9n5huc_94",
+  "content": "_content_9n5huc_102",
+  "closed": "_closed_9n5huc_112",
+  "closingTransition": "_closingTransition_9n5huc_121",
+  "innerWrapper": "_innerWrapper_9n5huc_128",
+  "button": "_button_9n5huc_134",
+  "icon": "_icon_9n5huc_188",
+  "iconPlus": "_iconPlus_9n5huc_204",
+  "iconArrow": "_iconArrow_9n5huc_209",
+  "accordion": "_accordion_9n5huc_215",
+  "accordionGap0": "_accordionGap0_9n5huc_220",
+  "accordionGap8": "_accordionGap8_9n5huc_223",
+  "accordionGap12": "_accordionGap12_9n5huc_226",
+  "accordionGap16": "_accordionGap16_9n5huc_229",
+  "accordionGap24": "_accordionGap24_9n5huc_232",
+  "accordionGap32": "_accordionGap32_9n5huc_235"
 };
 export { styles as default };