@sap-ux/ui-components 1.8.2 → 1.8.3

package/dist/components/UISection/UISection.js

@@ -1,45 +1,45 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UISection = exports.UISectionLayout = void 0;
-const react_1 = __importDefault(require("react"));
-require("./UISection.scss");
-var UISectionLayout;
-(function (UISectionLayout) {
-    UISectionLayout["Standard"] = "standard";
-    UISectionLayout["Extended"] = "extended";
-})(UISectionLayout = exports.UISectionLayout || (exports.UISectionLayout = {}));
-/**
- * Section Component.
- *
- * @exports
- * @class {UISection}
- * @extends {React.Component<UISectionProps>}
- */
-class UISection extends react_1.default.Component {
-    onScroll() {
-        if (this.props.onScroll) {
-            this.props.onScroll();
-        }
-    }
-    /**
-     * @returns {React.ReactElement}
-     */
-    render() {
-        const scrollable = this.props.scrollable === undefined || this.props.scrollable;
-        const style = {};
-        const layout = this.props.layout || UISectionLayout.Standard;
-        if ('height' in this.props) {
-            style.height = this.props.height;
-        }
-        return (react_1.default.createElement("div", { className: `section${this.props.className ? ' ' + this.props.className : ''} section--${layout}${scrollable ? ' section--scrollable' : ''}${this.props.cleanPadding ? ' section--clean' : ''}${this.props.hidden ? ' section--hidden' : ''}`, style: style, ref: this.props.rootRef },
-            this.props.title && (react_1.default.createElement("div", { className: "section__header" },
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement("span", { className: "section__header__title ui-medium-header" }, this.props.title)))),
-            react_1.default.createElement("div", { className: "section__body", onScroll: this.onScroll.bind(this) }, this.props.children)));
-    }
-}
-exports.UISection = UISection;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UISection = exports.UISectionLayout = void 0;
+const react_1 = __importDefault(require("react"));
+require("./UISection.scss");
+var UISectionLayout;
+(function (UISectionLayout) {
+    UISectionLayout["Standard"] = "standard";
+    UISectionLayout["Extended"] = "extended";
+})(UISectionLayout = exports.UISectionLayout || (exports.UISectionLayout = {}));
+/**
+ * Section Component.
+ *
+ * @exports
+ * @class {UISection}
+ * @extends {React.Component<UISectionProps>}
+ */
+class UISection extends react_1.default.Component {
+    onScroll() {
+        if (this.props.onScroll) {
+            this.props.onScroll();
+        }
+    }
+    /**
+     * @returns {React.ReactElement}
+     */
+    render() {
+        const scrollable = this.props.scrollable === undefined || this.props.scrollable;
+        const style = {};
+        const layout = this.props.layout || UISectionLayout.Standard;
+        if ('height' in this.props) {
+            style.height = this.props.height;
+        }
+        return (react_1.default.createElement("div", { className: `section${this.props.className ? ' ' + this.props.className : ''} section--${layout}${scrollable ? ' section--scrollable' : ''}${this.props.cleanPadding ? ' section--clean' : ''}${this.props.hidden ? ' section--hidden' : ''}`, style: style, ref: this.props.rootRef },
+            this.props.title && (react_1.default.createElement("div", { className: "section__header" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("span", { className: "section__header__title ui-medium-header" }, this.props.title)))),
+            react_1.default.createElement("div", { className: "section__body", onScroll: this.onScroll.bind(this) }, this.props.children)));
+    }
+}
+exports.UISection = UISection;
 //# sourceMappingURL=UISection.js.map

package/dist/components/UISection/UISection.scss

@@ -1,76 +1,76 @@
-@import '_mixins.scss';
-
-.section {
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-
-    &__header {
-        > div {
-            flex: 0 1 auto;
-            background: var(--vscode-sideBarSectionHeader-background);
-            min-height: 40px;
-            display: flex;
-            align-items: center;
-            padding: 0 1rem;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            color: var(--vscode-sideBarTitle-foreground);
-        }
-
-        &__title {
-            width: 100%;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-
-        &__title.ui-medium-header {
-            line-height: normal;
-        }
-    }
-
-    &__body {
-        margin: 1rem 0.75rem;
-        flex: 1 1 auto;
-        // For prettier scrollbar appearance
-        padding: 0 0.25rem;
-        height: 100%;
-
-        > .ui-loader-blocker:before {
-            z-index: 1;
-        }
-    }
-
-    &--clean {
-        .section__body {
-            margin: 0;
-            padding: 0;
-        }
-    }
-
-    &--scrollable {
-        .section__body {
-            overflow: auto;
-        }
-    }
-
-    &--extended {
-        .section__header {
-            background-color: var(--vscode-sideBar-background);
-        }
-    }
-
-    &__collapse {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 13px;
-    }
-
-    // Hide with animation for delay
-    &--hidden {
-        animation: 0.5s delayedFadeOut;
-        animation-fill-mode: forwards;
-    }
-}
+@import '_mixins.scss';
+
+.section {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+
+    &__header {
+        > div {
+            flex: 0 1 auto;
+            background: var(--vscode-sideBarSectionHeader-background);
+            min-height: 40px;
+            display: flex;
+            align-items: center;
+            padding: 0 1rem;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            color: var(--vscode-sideBarTitle-foreground);
+        }
+
+        &__title {
+            width: 100%;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        &__title.ui-medium-header {
+            line-height: normal;
+        }
+    }
+
+    &__body {
+        margin: 1rem 0.75rem;
+        flex: 1 1 auto;
+        // For prettier scrollbar appearance
+        padding: 0 0.25rem;
+        height: 100%;
+
+        > .ui-loader-blocker:before {
+            z-index: 1;
+        }
+    }
+
+    &--clean {
+        .section__body {
+            margin: 0;
+            padding: 0;
+        }
+    }
+
+    &--scrollable {
+        .section__body {
+            overflow: auto;
+        }
+    }
+
+    &--extended {
+        .section__header {
+            background-color: var(--vscode-sideBar-background);
+        }
+    }
+
+    &__collapse {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 13px;
+    }
+
+    // Hide with animation for delay
+    &--hidden {
+        animation: 0.5s delayedFadeOut;
+        animation-fill-mode: forwards;
+    }
+}