Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

terra-slide-panel-manager

Package Overview
Dependencies
Maintainers
8
Versions
152
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

terra-slide-panel-manager - npm Package Compare versions

Comparing version 5.65.0 to 5.66.0

5

CHANGELOG.md

@@ -5,2 +5,7 @@ # Changelog

## 5.66.0 - (April 5, 2023)
* Added
* Added `level` prop as a passthrough for the underlying `terra-action-header`
## 5.65.0 - (March 29, 2023)

@@ -7,0 +12,0 @@

10

lib/SlidePanelManager.js

@@ -25,3 +25,3 @@ "use strict";

var _terraSlidePanel = _interopRequireDefault(require("terra-slide-panel"));
var _excluded = ["children", "disclosureAccessory", "withDisclosureContainer"];
var _excluded = ["children", "level", "disclosureAccessory", "withDisclosureContainer"];
var _disclosureSizeToPane;

@@ -41,2 +41,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

/**
* Sets the heading level of the disclosed panel. One of `1`, `2`, `3`, `4`, `5`, `6`. This helps screen readers to announce appropriate heading levels.
* Changing 'level' will not visually change the style of the content.
*/
level: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6]),
/**
* The desired panel behavior. Either 'squish' or 'overlay'.

@@ -56,2 +61,3 @@ */

var defaultProps = {
level: 2,
panelBehavior: 'overlay'

@@ -87,2 +93,3 @@ };

children = _this$props.children,
level = _this$props.level,
disclosureAccessory = _this$props.disclosureAccessory,

@@ -116,2 +123,3 @@ withDisclosureContainer = _this$props.withDisclosureContainer,

onClose: manager.closeDisclosure,
level: level,
onBack: manager.disclosureComponentKeys.length > 1 ? manager.dismissPresentedComponent : undefined

@@ -118,0 +126,0 @@ }, headerDataForPresentedComponent.collapsibleMenuView) : undefined, disclosureAccessory)

6

package.json
{
"name": "terra-slide-panel-manager",
"main": "lib/SlidePanelManager.js",
"version": "5.65.0",
"version": "5.66.0",
"description": "A DisclosureManager implementation that presents disclosed content using a SlidePanel.",

@@ -40,3 +40,3 @@ "repository": {

"devDependencies": {
"terra-collapsible-menu-view": "^6.65.0"
"terra-collapsible-menu-view": "^6.66.0"
},

@@ -56,3 +56,3 @@ "scripts": {

},
"gitHead": "9075a61ed186b64f553fdfc6035df63a657999dd"
"gitHead": "a4ec188182cf884320a5da08904f041872b30734"
}

@@ -19,2 +19,7 @@ import React from 'react';

/**
* Sets the heading level of the disclosed panel. One of `1`, `2`, `3`, `4`, `5`, `6`. This helps screen readers to announce appropriate heading levels.
* Changing 'level' will not visually change the style of the content.
*/
level: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),
/**
* The desired panel behavior. Either 'squish' or 'overlay'.

@@ -35,2 +40,3 @@ */

const defaultProps = {
level: 2,
panelBehavior: 'overlay',

@@ -67,3 +73,3 @@ };

const {
children, disclosureAccessory, withDisclosureContainer, ...customProps
children, level, disclosureAccessory, withDisclosureContainer, ...customProps
} = this.props;

@@ -106,2 +112,3 @@

onClose={manager.closeDisclosure}
level={level}
onBack={manager.disclosureComponentKeys.length > 1 ? manager.dismissPresentedComponent : undefined}

@@ -108,0 +115,0 @@ >

@@ -43,2 +43,12 @@ import React from 'react';

it('should render a SlidePanelManager with level three header element and title', () => {
const slidePanelManager = (
<SlidePanelManager id="my-slide-panel-manager" className="test" level={3}>
<TestContainer />
</SlidePanelManager>
);
const wrapper = mount(slidePanelManager);
expect(wrapper).toMatchSnapshot();
});
it('should disclose content in SlidePanel', () => {

@@ -45,0 +55,0 @@ const slidePanelManager = (

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc