terra-slide-panel-manager
Advanced tools
Comparing version 5.29.0 to 5.30.0
@@ -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 @@ ------------------ |
@@ -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" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
116713
1906
Updatedterra-slide-group@^4.19.0
Updatedterra-slide-panel@^3.25.0