@sap-ux/ui-components 1.8.0 → 1.8.2

package/dist/components/UISection/UISections.scss

@@ -1,62 +1,62 @@
-@import '_variables.scss';
-
-.sections {
-    position: relative;
-    overflow: hidden;
-    &--horizontal {
-        height: 100%;
-        .sections__item {
-            height: 100%;
-        }
-    }
-    &--vertical {
-        width: 100%;
-        .sections__item {
-            width: 100%;
-        }
-    }
-    .sections__item {
-        position: absolute;
-    }
-    // Animation
-    &--animated {
-        .sections__item {
-            transition: all 300ms ease 0s;
-        }
-        &.sections--horizontal {
-            .sections__item {
-                transition-property: transform, left, right;
-            }
-        }
-        &.sections--vertical {
-            .sections__item {
-                transition-property: transform, top, bottom;
-            }
-        }
-    }
-    &.sections--horizontal {
-        // Toggle splitter
-        .sections__item--toggle {
-            &.sections__item--hidden {
-                transform: translateX(100%);
-            }
-        }
-        .sections__item--toggle {
-            max-width: calc(100% - #{$splitter-size + 10});
-        }
-        > .sections__item:first-child {
-            padding-right: calc($splitter-size / 2);
-        }
-    }
-    &.sections--vertical {
-        // Toggle splitter
-        .sections__item--toggle {
-            &.sections__item--hidden {
-                transform: translateY(100%);
-            }
-        }
-        .sections__item--toggle {
-            max-height: calc(100% - #{$splitter-size + 10});
-        }
-    }
-}
+@import '_variables.scss';
+
+.sections {
+    position: relative;
+    overflow: hidden;
+    &--horizontal {
+        height: 100%;
+        .sections__item {
+            height: 100%;
+        }
+    }
+    &--vertical {
+        width: 100%;
+        .sections__item {
+            width: 100%;
+        }
+    }
+    .sections__item {
+        position: absolute;
+    }
+    // Animation
+    &--animated {
+        .sections__item {
+            transition: all 300ms ease 0s;
+        }
+        &.sections--horizontal {
+            .sections__item {
+                transition-property: transform, left, right;
+            }
+        }
+        &.sections--vertical {
+            .sections__item {
+                transition-property: transform, top, bottom;
+            }
+        }
+    }
+    &.sections--horizontal {
+        // Toggle splitter
+        .sections__item--toggle {
+            &.sections__item--hidden {
+                transform: translateX(100%);
+            }
+        }
+        .sections__item--toggle {
+            max-width: calc(100% - #{$splitter-size + 10});
+        }
+        > .sections__item:first-child {
+            padding-right: calc($splitter-size / 2);
+        }
+    }
+    &.sections--vertical {
+        // Toggle splitter
+        .sections__item--toggle {
+            &.sections__item--hidden {
+                transform: translateY(100%);
+            }
+        }
+        .sections__item--toggle {
+            max-height: calc(100% - #{$splitter-size + 10});
+        }
+    }
+}

package/dist/components/UISection/UISplitter.d.ts

@@ -1,97 +1,97 @@
-import React from 'react';
-import './UISplitter.scss';
-export interface UISplitterProps {
-    type: UISplitterType;
-    vertical?: boolean;
-    hidden?: boolean;
-    onResizeStart?: () => void;
-    onResize: (position: number) => boolean;
-    onResizeEnd?: () => void;
-    onToggle?: () => void;
-    title?: string;
-    splitterLayoutType?: UISplitterLayoutType;
-}
-export declare enum UISplitterType {
-    Resize = "resize",
-    Toggle = "toggle"
-}
-export declare enum UISplitterLayoutType {
-    Standard = "standard",
-    Compact = "compact"
-}
-/**
- *
- */
-export declare class UISplitter extends React.Component<UISplitterProps> {
-    private readonly splitterOverlay;
-    private readonly mousedownPosition;
-    private readonly rootRef;
-    private readonly size;
-    private readonly compactSize;
-    private animationFrame?;
-    /**
-     *
-     * @param props
-     */
-    constructor(props: UISplitterProps);
-    /**
-     * Method called on mousedown over splitter.
-     * Method would start resize session.
-     *
-     * @param {React.MouseEvent} event Mouse.
-     */
-    private startSplitterMove;
-    /**
-     * Method called when resize session is in progress and user moves mouse.
-     *
-     * @param {React.MouseEvent} event Mouse event.
-     */
-    private doMousemoveResize;
-    /**
-     * Method which receives new delta position of splitter and updates DOM with calling callback.
-     *
-     * @param {number} deltaPosition Delta position of splitter.
-     */
-    private doResize;
-    /**
-     * Method called on mouseup or mouseleave events.
-     * Method would end resize session.
-     */
-    private stopMousemoveResize;
-    /**
-     * Method to update splitter DOM and events depending on if resize started or ended.
-     *
-     * @param {boolean} start Resize is started or ended.
-     */
-    private updateSplitterEvents;
-    /**
-     * Method called when clicked over splitter and splitter type is 'Toggle'.
-     */
-    private toggleSplitter;
-    /**
-     * Gets icon.
-     *
-     * @param type
-     * @param splitterLayoutType
-     * @returns {string}
-     */
-    private getIcon;
-    /**
-     * Method called when keydown events fired while splitter is focused.
-     * Method enables support for resize using keyboard.
-     *
-     * @param {React.KeyboardEvent<HTMLDivElement>} event KeyDown event.
-     */
-    private onKeyDown;
-    /**
-     * Method returns class names string depending on props and component state.
-     *
-     * @returns {number} Minimal size of section.
-     */
-    getClassNames(): string;
-    /**
-     * @returns {React.ReactElement}
-     */
-    render(): React.ReactElement;
-}
+import React from 'react';
+import './UISplitter.scss';
+export interface UISplitterProps {
+    type: UISplitterType;
+    vertical?: boolean;
+    hidden?: boolean;
+    onResizeStart?: () => void;
+    onResize: (position: number) => boolean;
+    onResizeEnd?: () => void;
+    onToggle?: () => void;
+    title?: string;
+    splitterLayoutType?: UISplitterLayoutType;
+}
+export declare enum UISplitterType {
+    Resize = "resize",
+    Toggle = "toggle"
+}
+export declare enum UISplitterLayoutType {
+    Standard = "standard",
+    Compact = "compact"
+}
+/**
+ *
+ */
+export declare class UISplitter extends React.Component<UISplitterProps> {
+    private readonly splitterOverlay;
+    private readonly mousedownPosition;
+    private readonly rootRef;
+    private readonly size;
+    private readonly compactSize;
+    private animationFrame?;
+    /**
+     *
+     * @param props
+     */
+    constructor(props: UISplitterProps);
+    /**
+     * Method called on mousedown over splitter.
+     * Method would start resize session.
+     *
+     * @param {React.MouseEvent} event Mouse.
+     */
+    private startSplitterMove;
+    /**
+     * Method called when resize session is in progress and user moves mouse.
+     *
+     * @param {React.MouseEvent} event Mouse event.
+     */
+    private doMousemoveResize;
+    /**
+     * Method which receives new delta position of splitter and updates DOM with calling callback.
+     *
+     * @param {number} deltaPosition Delta position of splitter.
+     */
+    private doResize;
+    /**
+     * Method called on mouseup or mouseleave events.
+     * Method would end resize session.
+     */
+    private stopMousemoveResize;
+    /**
+     * Method to update splitter DOM and events depending on if resize started or ended.
+     *
+     * @param {boolean} start Resize is started or ended.
+     */
+    private updateSplitterEvents;
+    /**
+     * Method called when clicked over splitter and splitter type is 'Toggle'.
+     */
+    private toggleSplitter;
+    /**
+     * Gets icon.
+     *
+     * @param type
+     * @param splitterLayoutType
+     * @returns {string}
+     */
+    private getIcon;
+    /**
+     * Method called when keydown events fired while splitter is focused.
+     * Method enables support for resize using keyboard.
+     *
+     * @param {React.KeyboardEvent<HTMLDivElement>} event KeyDown event.
+     */
+    private onKeyDown;
+    /**
+     * Method returns class names string depending on props and component state.
+     *
+     * @returns {number} Minimal size of section.
+     */
+    getClassNames(): string;
+    /**
+     * @returns {React.ReactElement}
+     */
+    render(): React.ReactElement;
+}
 //# sourceMappingURL=UISplitter.d.ts.map