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
9
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.29.0 to 5.30.0

5

CHANGELOG.md

@@ -7,2 +7,7 @@ Changelog

5.30.0 - (March 31, 2020)
------------------
### Added
* Added clinical-lowlight-theme wdio screenshots
5.29.0 - (March 17, 2020)

@@ -9,0 +14,0 @@ ------------------

22

lib/SlidePanelManager.js

@@ -20,2 +20,4 @@ "use strict";

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

@@ -25,4 +27,2 @@

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

@@ -48,2 +48,6 @@

function _createSuper(Derived) { return function () { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var disclosureType = 'panel';

@@ -95,2 +99,4 @@ exports.disclosureType = disclosureType;

var _super = _createSuper(SlidePanelManager);
function SlidePanelManager(props) {

@@ -100,3 +106,3 @@ var _this;

(0, _classCallCheck2.default)(this, SlidePanelManager);
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(SlidePanelManager).call(this, props));
_this = _super.call(this, props);
_this.renderSlidePanel = _this.renderSlidePanel.bind((0, _assertThisInitialized2.default)(_this));

@@ -132,3 +138,3 @@ return _this;

var headerDataForPresentedComponent = presentedDisclosureComponentData.headerAdapterData;
return _react.default.createElement(_terraSlidePanel.default, (0, _extends2.default)({}, customProps, {
return /*#__PURE__*/_react.default.createElement(_terraSlidePanel.default, (0, _extends2.default)({}, customProps, {
fill: true,

@@ -139,5 +145,5 @@ panelBehavior: panelBehavior,

isOpen: manager.disclosure.isOpen,
panelContent: _react.default.createElement(_terraContentContainer.default, {
panelContent: /*#__PURE__*/_react.default.createElement(_terraContentContainer.default, {
fill: true,
header: _react.default.createElement(_react.default.Fragment, null, headerDataForPresentedComponent ? _react.default.createElement(_terraActionHeader.default, {
header: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, headerDataForPresentedComponent ? /*#__PURE__*/_react.default.createElement(_terraActionHeader.default, {
title: headerDataForPresentedComponent.title,

@@ -149,3 +155,3 @@ onClose: manager.closeDisclosure,

}, headerDataForPresentedComponent.collapsibleMenuView) : undefined, disclosureAccessory)
}, _react.default.createElement(_terraSlideGroup.default, {
}, /*#__PURE__*/_react.default.createElement(_terraSlideGroup.default, {
items: manager.disclosure.components,

@@ -163,3 +169,3 @@ isAnimated: true

children = _this$props2.children;
return _react.default.createElement(_terraDisclosureManager.default, {
return /*#__PURE__*/_react.default.createElement(_terraDisclosureManager.default, {
withDisclosureContainer: withDisclosureContainer,

@@ -166,0 +172,0 @@ supportedDisclosureTypes: [disclosureType],

@@ -16,2 +16,4 @@ "use strict";

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

@@ -21,4 +23,2 @@

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

@@ -44,3 +44,6 @@

/* eslint-disable max-classes-per-file */
function _createSuper(Derived) { return function () { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var cx = _bind.default.bind(_SlidePanelManagerModule.default);

@@ -51,2 +54,4 @@

var _super = _createSuper(DisclosureComponent);
function DisclosureComponent(props) {

@@ -56,3 +61,3 @@ var _this;

(0, _classCallCheck2.default)(this, DisclosureComponent);
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(DisclosureComponent).call(this, props));
_this = _super.call(this, props);
_this.checkLockState = _this.checkLockState.bind((0, _assertThisInitialized2.default)(_this));

@@ -103,7 +108,7 @@ _this.state = {

var disclosureManager = this.context;
return _react.default.createElement(_terraContentContainer.default, {
return /*#__PURE__*/_react.default.createElement(_terraContentContainer.default, {
fill: true
}, _react.default.createElement(_terraDisclosureManager.DisclosureManagerHeaderAdapter, {
}, /*#__PURE__*/_react.default.createElement(_terraDisclosureManager.DisclosureManagerHeaderAdapter, {
title: name,
collapsibleMenuView: _react.default.createElement(_terraCollapsibleMenuView.default, null, _react.default.createElement(_terraCollapsibleMenuView.default.Item, {
collapsibleMenuView: /*#__PURE__*/_react.default.createElement(_terraCollapsibleMenuView.default, null, /*#__PURE__*/_react.default.createElement(_terraCollapsibleMenuView.default.Item, {
text: "Button 1",

@@ -116,3 +121,3 @@ key: "button_1",

}
}), _react.default.createElement(_terraCollapsibleMenuView.default.Item, {
}), /*#__PURE__*/_react.default.createElement(_terraCollapsibleMenuView.default.Item, {
text: "Button 2",

@@ -126,5 +131,5 @@ key: "button_2",

}))
}), _react.default.createElement("div", {
}), /*#__PURE__*/_react.default.createElement("div", {
className: cx('content-wrapper')
}, _react.default.createElement("h3", null, name), _react.default.createElement("p", null, "The disclosed component can disclose content within the same panel."), _react.default.createElement("p", null, "It can also render a header (like above) that implements the various DisclosureManager control functions."), _react.default.createElement("button", {
}, /*#__PURE__*/_react.default.createElement("h3", null, name), /*#__PURE__*/_react.default.createElement("p", null, "The disclosed component can disclose content within the same panel."), /*#__PURE__*/_react.default.createElement("p", null, "It can also render a header (like above) that implements the various DisclosureManager control functions."), /*#__PURE__*/_react.default.createElement("button", {
type: "button",

@@ -136,3 +141,3 @@ onClick: function onClick() {

}
}, "Dismiss"), _react.default.createElement("button", {
}, "Dismiss"), /*#__PURE__*/_react.default.createElement("button", {
type: "button",

@@ -145,3 +150,3 @@ onClick: function onClick() {

key: "Nested ".concat(name),
component: _react.default.createElement(DisclosureComponent, {
component: /*#__PURE__*/_react.default.createElement(DisclosureComponent, {
name: "Nested ".concat(name),

@@ -153,3 +158,3 @@ disclosureType: disclosureType

}
}, "Disclose Again"), _react.default.createElement("br", null), _react.default.createElement("br", null), _react.default.createElement("p", null, "The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."), _react.default.createElement("input", {
}, "Disclose Again"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("p", null, "The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."), /*#__PURE__*/_react.default.createElement("input", {
"aria-label": "textArea",

@@ -163,3 +168,3 @@ type: "text",

value: this.state.text || ''
}), this.state.text && this.state.text.length ? _react.default.createElement("p", null, "Component has unsaved changes!") : null, _react.default.createElement("br", null), _react.default.createElement("br", null), _react.default.createElement("p", null, "Selected Header Action:", ' ', _react.default.createElement("b", null, this.state.selectedHeaderAction))));
}), this.state.text && this.state.text.length ? /*#__PURE__*/_react.default.createElement("p", null, "Component has unsaved changes!") : null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("p", null, "Selected Header Action:", ' ', /*#__PURE__*/_react.default.createElement("b", null, this.state.selectedHeaderAction))));
}

@@ -184,3 +189,3 @@ }]);

var keyValue = index;
return _react.default.createElement("option", {
return /*#__PURE__*/_react.default.createElement("option", {
key: keyValue,

@@ -195,2 +200,4 @@ value: currentValue

var _super2 = _createSuper(ContentComponent);
function ContentComponent(props) {

@@ -200,3 +207,3 @@ var _this4;

(0, _classCallCheck2.default)(this, ContentComponent);
_this4 = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(ContentComponent).call(this, props));
_this4 = _super2.call(this, props);
_this4.renderButton = _this4.renderButton.bind((0, _assertThisInitialized2.default)(_this4));

@@ -228,3 +235,3 @@ _this4.handleSelectChange = _this4.handleSelectChange.bind((0, _assertThisInitialized2.default)(_this4));

var disclosureManager = this.context;
return _react.default.createElement("button", {
return /*#__PURE__*/_react.default.createElement("button", {
type: "button",

@@ -237,3 +244,3 @@ onClick: function onClick() {

key: "Content-Disclosure-".concat(size),
component: _react.default.createElement(DisclosureComponent, {
component: /*#__PURE__*/_react.default.createElement(DisclosureComponent, {
name: "Disclosure Component",

@@ -255,3 +262,3 @@ disclosureType: disclosureType

var name = "Disclose (".concat(this.state.disclosureHeight, ") x (").concat(this.state.disclosureWidth, ")");
return _react.default.createElement("button", {
return /*#__PURE__*/_react.default.createElement("button", {
type: "button",

@@ -267,3 +274,3 @@ onClick: function onClick() {

key: 'Content-Disclosure-Dimensions',
component: _react.default.createElement(DisclosureComponent, {
component: /*#__PURE__*/_react.default.createElement(DisclosureComponent, {
name: "Disclosure Component",

@@ -280,5 +287,5 @@ disclosureType: disclosureType

value: function renderForm() {
return _react.default.createElement("form", null, _react.default.createElement("label", {
return /*#__PURE__*/_react.default.createElement("form", null, /*#__PURE__*/_react.default.createElement("label", {
htmlFor: this.getId("disclosureHeight".concat(this.props.panelBehavior))
}, "Pop Content Height"), _react.default.createElement("select", {
}, "Pop Content Height"), /*#__PURE__*/_react.default.createElement("select", {
id: this.getId("disclosureHeight".concat(this.props.panelBehavior)),

@@ -288,5 +295,5 @@ name: "disclosureHeight",

onChange: this.handleSelectChange
}, generateDimensionOptions(HEIGHT_KEYS)), _react.default.createElement("br", null), _react.default.createElement("br", null), _react.default.createElement("label", {
}, generateDimensionOptions(HEIGHT_KEYS)), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("label", {
htmlFor: this.getId("disclosureWidth".concat(this.props.panelBehavior))
}, "Pop Content Width"), _react.default.createElement("select", {
}, "Pop Content Width"), /*#__PURE__*/_react.default.createElement("select", {
id: this.getId("disclosureWidth".concat(this.props.panelBehavior)),

@@ -296,3 +303,3 @@ name: "disclosureWidth",

onChange: this.handleSelectChange
}, generateDimensionOptions(WIDTH_KEYS)), _react.default.createElement("br", null), _react.default.createElement("br", null));
}, generateDimensionOptions(WIDTH_KEYS)), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null));
}

@@ -302,9 +309,9 @@ }, {

value: function render() {
return _react.default.createElement(_terraContentContainer.default, {
header: _react.default.createElement(_terraActionHeader.default, {
return /*#__PURE__*/_react.default.createElement(_terraContentContainer.default, {
header: /*#__PURE__*/_react.default.createElement(_terraActionHeader.default, {
title: "SlidePanelManager Child Component"
})
}, _react.default.createElement("div", {
}, /*#__PURE__*/_react.default.createElement("div", {
className: cx('content-wrapper')
}, this.renderButton('default'), this.renderButton('tiny'), this.renderButton('small'), this.renderButton('medium'), this.renderButton('large'), this.renderButton('huge'), this.renderButton('fullscreen'), _react.default.createElement("br", null), _react.default.createElement("p", null, "The child components can disclose content in the panel at various sizes."), _react.default.createElement("p", null, "The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.")), _react.default.createElement("div", {
}, this.renderButton('default'), this.renderButton('tiny'), this.renderButton('small'), this.renderButton('medium'), this.renderButton('large'), this.renderButton('huge'), this.renderButton('fullscreen'), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("p", null, "The child components can disclose content in the panel at various sizes."), /*#__PURE__*/_react.default.createElement("p", null, "The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.")), /*#__PURE__*/_react.default.createElement("div", {
className: cx('content-wrapper')

@@ -326,10 +333,10 @@ }, this.renderForm(), this.renderFormButton()));

showAccessory = _ref.showAccessory;
return _react.default.createElement("div", {
return /*#__PURE__*/_react.default.createElement("div", {
className: cx('example-wrapper')
}, _react.default.createElement(_terraSlidePanelManager.default, {
}, /*#__PURE__*/_react.default.createElement(_terraSlidePanelManager.default, {
panelBehavior: behavior,
disclosureAccessory: showAccessory ? _react.default.createElement("div", {
disclosureAccessory: showAccessory ? /*#__PURE__*/_react.default.createElement("div", {
className: cx('disclosure-accessory')
}, "Disclosure Accessory") : undefined
}, _react.default.createElement(ContentComponent, {
}, /*#__PURE__*/_react.default.createElement(ContentComponent, {
panelBehavior: behavior,

@@ -336,0 +343,0 @@ disclosureType: "panel"

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

var DocPage = function DocPage() {
return _react.default.createElement(_terraDocTemplate.default, {
return /*#__PURE__*/_react.default.createElement(_terraDocTemplate.default, {
packageName: "terra-slide-panel-manager",

@@ -20,0 +20,0 @@ srcPath: "https://github.com/cerner/terra-framework/tree/master/packages/terra-slide-panel-manager",

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

var DocPage = function DocPage() {
return _react.default.createElement(_terraDocTemplate.default, {
return /*#__PURE__*/_react.default.createElement(_terraDocTemplate.default, {
packageName: _package.name,

@@ -34,3 +34,3 @@ readme: _README.default,

title: 'Overlay Example',
example: _react.default.createElement(_SlidePanelManagerExample.default, {
example: /*#__PURE__*/_react.default.createElement(_SlidePanelManagerExample.default, {
behavior: "overlay-1"

@@ -41,3 +41,3 @@ }),

title: 'Squish Example',
example: _react.default.createElement(_SlidePanelManagerExample.default, {
example: /*#__PURE__*/_react.default.createElement(_SlidePanelManagerExample.default, {
behavior: "squish-2"

@@ -48,3 +48,3 @@ }),

title: 'Disclosure Accessory Example',
example: _react.default.createElement(_SlidePanelManagerExample.default, {
example: /*#__PURE__*/_react.default.createElement(_SlidePanelManagerExample.default, {
behavior: "squish-3",

@@ -51,0 +51,0 @@ showAccessory: true

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

var UpgradeGuidePage = function UpgradeGuidePage() {
return _react.default.createElement(_terraDocTemplate.default, {
return /*#__PURE__*/_react.default.createElement(_terraDocTemplate.default, {
packageName: _package.name,

@@ -22,0 +22,0 @@ readme: _UPGRADEGUIDE.default,

@@ -16,2 +16,4 @@ "use strict";

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

@@ -21,4 +23,2 @@

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

@@ -40,2 +40,6 @@

function _createSuper(Derived) { return function () { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var cx = _bind.default.bind(_DisclosureComponentModule.default);

@@ -49,2 +53,4 @@

var _super = _createSuper(DisclosureComponent);
function DisclosureComponent(props) {

@@ -54,3 +60,3 @@ var _this;

(0, _classCallCheck2.default)(this, DisclosureComponent);
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(DisclosureComponent).call(this, props));
_this = _super.call(this, props);
_this.disclose = _this.disclose.bind((0, _assertThisInitialized2.default)(_this));

@@ -87,3 +93,3 @@ _this.dismiss = _this.dismiss.bind((0, _assertThisInitialized2.default)(_this));

var keyValue = index;
return _react.default.createElement("option", {
return /*#__PURE__*/_react.default.createElement("option", {
id: "".concat(name, "-").concat(currentValue, "-").concat(_this2.props.nestedIndex),

@@ -117,3 +123,3 @@ key: keyValue,

key: "DemoContainer-".concat(newIndex),
component: _react.default.createElement(WrappedDisclosureComponent, {
component: /*#__PURE__*/_react.default.createElement(WrappedDisclosureComponent, {
identifier: "DemoContainer-".concat(newIndex),

@@ -157,3 +163,3 @@ nestedIndex: newIndex,

var name = "Disclose (".concat(this.state.disclosureHeight, ") x (").concat(this.state.disclosureWidth, ")");
return _react.default.createElement("button", {
return /*#__PURE__*/_react.default.createElement("button", {
type: "button",

@@ -170,5 +176,5 @@ id: "disclose-dimension-".concat(this.props.nestedIndex),

value: function renderForm() {
return _react.default.createElement("form", null, _react.default.createElement("label", {
return /*#__PURE__*/_react.default.createElement("form", null, /*#__PURE__*/_react.default.createElement("label", {
htmlFor: this.getId('height')
}, "Pop Content Height"), _react.default.createElement("select", {
}, "Pop Content Height"), /*#__PURE__*/_react.default.createElement("select", {
id: this.getId('height'),

@@ -178,5 +184,5 @@ name: "disclosureHeight",

onChange: this.handleSelectChange
}, this.generateOptions(HEIGHT_KEYS, 'height')), _react.default.createElement("br", null), _react.default.createElement("br", null), _react.default.createElement("label", {
}, this.generateOptions(HEIGHT_KEYS, 'height')), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("label", {
htmlFor: this.getId('width')
}, "Pop Content Width"), _react.default.createElement("select", {
}, "Pop Content Width"), /*#__PURE__*/_react.default.createElement("select", {
id: this.getId('width'),

@@ -186,3 +192,3 @@ name: "disclosureWidth",

onChange: this.handleSelectChange
}, this.generateOptions(WIDTH_KEYS, 'width')), _react.default.createElement("br", null), _react.default.createElement("br", null));
}, this.generateOptions(WIDTH_KEYS, 'width')), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null));
}

@@ -196,65 +202,65 @@ }, {

renderHeaderAdapter = _this$props2.renderHeaderAdapter;
return _react.default.createElement(_terraContentContainer.default, {
return /*#__PURE__*/_react.default.createElement(_terraContentContainer.default, {
id: identifier,
className: "nested-component",
fill: true,
header: _react.default.createElement("h2", {
header: /*#__PURE__*/_react.default.createElement("h2", {
className: cx('content-wrapper')
}, "Content Component")
}, renderHeaderAdapter ? _react.default.createElement(_terraDisclosureManager.DisclosureManagerHeaderAdapter, {
}, renderHeaderAdapter ? /*#__PURE__*/_react.default.createElement(_terraDisclosureManager.DisclosureManagerHeaderAdapter, {
title: "Disclosure - ".concat(identifier),
collapsibleMenuView: _react.default.createElement(_terraCollapsibleMenuView.default, null, _react.default.createElement(_terraCollapsibleMenuView.default.Item, {
collapsibleMenuView: /*#__PURE__*/_react.default.createElement(_terraCollapsibleMenuView.default, null, /*#__PURE__*/_react.default.createElement(_terraCollapsibleMenuView.default.Item, {
text: "Header Button 1",
key: "button_1"
}), _react.default.createElement(_terraCollapsibleMenuView.default.Item, {
}), /*#__PURE__*/_react.default.createElement(_terraCollapsibleMenuView.default.Item, {
text: "Header Button 2",
key: "button_2"
}))
}) : undefined, _react.default.createElement("p", null, "id:", ' ', identifier), _react.default.createElement("button", {
}) : undefined, /*#__PURE__*/_react.default.createElement("p", null, "id:", ' ', identifier), /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: "disclose",
onClick: this.disclose()
}, "Disclose"), _react.default.createElement("button", {
}, "Disclose"), /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: "disclose-tiny",
onClick: this.disclose('tiny')
}, "Disclose Tiny"), _react.default.createElement("button", {
}, "Disclose Tiny"), /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: "disclose-small",
onClick: this.disclose('small')
}, "Disclose Small"), _react.default.createElement("button", {
}, "Disclose Small"), /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: "disclose-medium",
onClick: this.disclose('medium')
}, "Disclose Medium"), _react.default.createElement("button", {
}, "Disclose Medium"), /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: "disclose-large",
onClick: this.disclose('large')
}, "Disclose Large"), _react.default.createElement("button", {
}, "Disclose Large"), /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: "disclose-huge",
onClick: this.disclose('huge')
}, "Disclose Huge"), _react.default.createElement("button", {
}, "Disclose Huge"), /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: "disclose-fullscreen",
onClick: this.disclose('fullscreen')
}, "Disclose Fullscreen"), _react.default.createElement("div", {
}, "Disclose Fullscreen"), /*#__PURE__*/_react.default.createElement("div", {
className: cx('form-wrapper')
}, this.renderForm(), this.renderFormButton()), disclosureManager && disclosureManager.dismiss ? _react.default.createElement("button", {
}, this.renderForm(), this.renderFormButton()), disclosureManager && disclosureManager.dismiss ? /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: "dismiss",
onClick: this.dismiss
}, "Dismiss") : null, disclosureManager && disclosureManager.closeDisclosure ? _react.default.createElement("button", {
}, "Dismiss") : null, disclosureManager && disclosureManager.closeDisclosure ? /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: "close-disclosure",
onClick: this.closeDisclosure
}, "Close Disclosure") : null, disclosureManager && disclosureManager.goBack ? _react.default.createElement("button", {
}, "Close Disclosure") : null, disclosureManager && disclosureManager.goBack ? /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: "go-back",
onClick: this.goBack
}, "Go Back") : null, disclosureManager && disclosureManager.maximize ? _react.default.createElement("button", {
}, "Go Back") : null, disclosureManager && disclosureManager.maximize ? /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: "maximize",
onClick: this.maximize
}, "Maximize") : null, disclosureManager && disclosureManager.minimize ? _react.default.createElement("button", {
}, "Maximize") : null, disclosureManager && disclosureManager.minimize ? /*#__PURE__*/_react.default.createElement("button", {
type: "button",

@@ -261,0 +267,0 @@ className: "minimize",

@@ -23,6 +23,6 @@ "use strict";

var SlidePanelManagerDefault = function SlidePanelManagerDefault() {
return _react.default.createElement("div", {
return /*#__PURE__*/_react.default.createElement("div", {
role: "main",
className: cx('content-wrapper')
}, _react.default.createElement(_SlidePanelManager.default, null, _react.default.createElement(_DisclosureComponent.default, {
}, /*#__PURE__*/_react.default.createElement(_SlidePanelManager.default, null, /*#__PURE__*/_react.default.createElement(_DisclosureComponent.default, {
identifier: "root-component",

@@ -29,0 +29,0 @@ disclosureType: "panel"

@@ -23,10 +23,10 @@ "use strict";

var SlidePanelManagerWithDisclosureAccessory = function SlidePanelManagerWithDisclosureAccessory() {
return _react.default.createElement("div", {
return /*#__PURE__*/_react.default.createElement("div", {
role: "main",
className: cx('content-wrapper')
}, _react.default.createElement(_SlidePanelManager.default, {
disclosureAccessory: _react.default.createElement("div", {
}, /*#__PURE__*/_react.default.createElement(_SlidePanelManager.default, {
disclosureAccessory: /*#__PURE__*/_react.default.createElement("div", {
className: cx('disclosure-accessory')
}, "Disclosure Accessory")
}, _react.default.createElement(_DisclosureComponent.default, {
}, /*#__PURE__*/_react.default.createElement(_DisclosureComponent.default, {
identifier: "root-component",

@@ -33,0 +33,0 @@ disclosureType: "panel",

@@ -23,6 +23,6 @@ "use strict";

var SlidePanelManagerDefault = function SlidePanelManagerDefault() {
return _react.default.createElement("div", {
return /*#__PURE__*/_react.default.createElement("div", {
role: "main",
className: cx('content-wrapper')
}, _react.default.createElement(_SlidePanelManager.default, null, _react.default.createElement(_DisclosureComponent.default, {
}, /*#__PURE__*/_react.default.createElement(_SlidePanelManager.default, null, /*#__PURE__*/_react.default.createElement(_DisclosureComponent.default, {
identifier: "root-component",

@@ -29,0 +29,0 @@ disclosureType: "panel",

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

var DisclosureContainer = function DisclosureContainer(wrappedContent) {
return _react.default.createElement("div", {
return /*#__PURE__*/_react.default.createElement("div", {
"data-disclosure-container": true,

@@ -31,8 +31,8 @@ className: cx('disclosure-container')

var SlidePanelManagerWithDisclosureContainer = function SlidePanelManagerWithDisclosureContainer() {
return _react.default.createElement("div", {
return /*#__PURE__*/_react.default.createElement("div", {
role: "main",
className: cx('content-wrapper')
}, _react.default.createElement(_SlidePanelManager.default, {
}, /*#__PURE__*/_react.default.createElement(_SlidePanelManager.default, {
withDisclosureContainer: DisclosureContainer
}, _react.default.createElement(_DisclosureComponent.default, {
}, /*#__PURE__*/_react.default.createElement(_DisclosureComponent.default, {
identifier: "root-component",

@@ -39,0 +39,0 @@ disclosureType: "panel",

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

@@ -35,7 +35,7 @@ "repository": {

"terra-content-container": "^3.0.0",
"terra-slide-group": "^4.18.0",
"terra-slide-panel": "^3.24.0"
"terra-slide-group": "^4.19.0",
"terra-slide-panel": "^3.25.0"
},
"devDependencies": {
"terra-collapsible-menu-view": "^6.29.0",
"terra-collapsible-menu-view": "^6.30.0",
"terra-doc-template": "^2.2.0"

@@ -56,3 +56,3 @@ },

},
"gitHead": "b2763acb651f41b69cbd82ad6d8745b223ecf929"
"gitHead": "66db72147831e2093b7a876a9db3e1b9d3d42276"
}
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