@deviceinsight/ng-ui-basic-components 3.16.0 → 4.0.0-alpha.2

package/lib/esm/components/tabs/Tabs.js

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import Bubble from '../bubble/Bubble';
-/**
- * Tabs add the possibility to unite several homogeneous pages into one.
- * Unlike RouteTabs, Tabs cannot be accessed directly via the browser's history
- */
-export default class Tabs extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            currentTab: this.props.pages.length ? this.props.pages[0].name : null
-        };
-        this.handleClick = (tab) => {
-            if (this.props.onChange) {
-                this.props.onChange(tab);
-            }
-            else if (typeof this.props.currentTab === 'undefined') {
-                this.setState({
-                    currentTab: tab
-                });
-            }
-        };
-        this.currentTabPage = () => {
-            const currentTab = typeof this.props.currentTab === 'string' ? this.props.currentTab : this.state.currentTab;
-            return this.props.pages.find(({ name }) => currentTab === name);
-        };
-        this.isCurrentTab = (tab) => {
-            const currentTab = typeof this.props.currentTab === 'string' ? this.props.currentTab : this.state.currentTab;
-            return currentTab === tab;
-        };
-        this.renderBody = () => {
-            const page = this.currentTabPage();
-            if (page && typeof page.renderBody === 'function') {
-                return page.renderBody();
-            }
-            return null;
-        };
-    }
-    render() {
-        const { pages, disabled } = this.props;
-        return (React.createElement("div", null,
-            React.createElement("div", { className: "di tabs" }, pages.map(({ name, renderHeading, tabDescription }) => tabDescription ? (React.createElement(Bubble, { inverted: true, key: name, content: tabDescription, className: "bubble-tab-description" },
-                React.createElement("button", { "data-testid": "tab-button", className: `item ${disabled ? 'disabled' : ''} ${this.isCurrentTab(name) ? 'active' : ''}`, onClick: () => !disabled && this.handleClick(name) }, renderHeading()))) : (React.createElement("button", { "data-testid": "tab-button", key: name, className: `item ${disabled ? 'disabled' : ''} ${this.isCurrentTab(name) ? 'active' : ''}`, onClick: () => !disabled && this.handleClick(name) }, renderHeading())))),
-            this.renderBody()));
-    }
-}

package/lib/esm/components/tooltip/Tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAc,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAErD,oBAAY,KAAK,GAAG;IACnB,6BAA6B;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,6BAA6B;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wFAAwF;IACxF,SAAS,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,MAAM,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACjE,KAAK,EAAE,KAAK,CAEV;IAEF,gBAAgB,EAAE,MAAM,IAAI,CAQ1B;IAEF,gBAAgB,EAAE,MAAM,IAAI,CAI1B;IAEF,MAAM;CAmBN"}

package/lib/esm/components/tooltip/Tooltip.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import Popup from '../popup/Popup';
-/**
- * Tooltip is best used to display some short additional information or description
- */
-export default class Tooltip extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            active: false
-        };
-        this.handleMouseEnter = () => {
-            const { disabled } = this.props;
-            if (!disabled) {
-                this.setState({
-                    active: true
-                });
-            }
-        };
-        this.handleMouseLeave = () => {
-            this.setState({
-                active: false
-            });
-        };
-    }
-    render() {
-        const { content, children, className, direction, ...otherProps } = this.props;
-        const { active } = this.state;
-        return (React.createElement("span", { onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave },
-            React.createElement(Popup, { ...otherProps, active: active, onHide: () => { }, handler: children, direction: direction ? direction : 'right', onHandlerClick: () => { }, className: `tooltip inverted ${className ? className : ''}` },
-                React.createElement("span", { className: "tooltip-content" }, content))));
-    }
-}

package/lib/esm/hooks/useOutsideClick.d.ts

@@ -1,3 +0,0 @@
-declare const useOutsideClick: (elements: Array<HTMLElement | null>, callback: (evt: MouseEvent | TouchEvent | undefined) => void) => void;
-export default useOutsideClick;
-//# sourceMappingURL=useOutsideClick.d.ts.map

package/lib/esm/hooks/useOutsideClick.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAqBA,QAAA,MAAM,eAAe,aACV,MAAM,WAAW,GAAG,IAAI,CAAC,kBACnB,UAAU,GAAG,UAAU,GAAG,SAAS,KAAK,IAAI,SA6B5D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/esm/hooks/useOutsideClick.js

@@ -1,40 +0,0 @@
-import { useEffect, useRef } from 'react';
-const isTouchEvent = (event) => {
-    return !!event.touches;
-};
-const isInsideBoundingRect = (element, event) => {
-    const rect = element.getBoundingClientRect();
-    let x, y;
-    if (isTouchEvent(event)) {
-        x = event.touches[0].pageX;
-        y = event.touches[0].pageY;
-    }
-    else {
-        x = event.pageX;
-        y = event.pageY;
-    }
-    return rect.left <= x && rect.right >= x && rect.top <= y && rect.bottom >= y;
-};
-const useOutsideClick = (elements, callback) => {
-    const callbackRef = useRef(callback);
-    useEffect(() => {
-        callbackRef.current = callback;
-    }, [callback]);
-    useEffect(() => {
-        const listener = (event) => {
-            const elementsNonNull = elements.filter((element) => element != null);
-            if (elementsNonNull.every((element) => element !== event.target &&
-                !element.contains(event.target) &&
-                !isInsideBoundingRect(element, event))) {
-                callbackRef.current(event);
-            }
-        };
-        document.addEventListener('mousedown', listener, true);
-        document.addEventListener('touchstart', listener, true);
-        return () => {
-            document.removeEventListener('mousedown', listener, true);
-            document.removeEventListener('touchstart', listener, true);
-        };
-    }, [elements]);
-};
-export default useOutsideClick;

package/lib/esm/index.d.ts

@@ -1,22 +0,0 @@
-import './assets/style.css';
-export { default as Accordion } from './components/accordion/Accordion';
-export { default as AccordionItem } from './components/accordionComponents/AccordionItem';
-export { default as Button } from './components/button/Button';
-export { default as ButtonRow } from './components/button/ButtonRow';
-export { default as Modal } from './components/modal/Modal';
-export { default as ModalContainer } from './components/modalComponents/ModalContainer';
-export { default as Spinner } from './components/spinner/Spinner';
-export { default as SpinnerContainer } from './components/spinner/SpinnerContainer';
-export { default as Checkbox } from './components/input/Checkbox';
-export { default as ConfirmProvider } from './components/confirm/ConfirmProvider';
-export { default as withConfirm } from './components/confirm/withConfirm';
-export { default as useConfirm } from './components/confirm/useConfirm';
-export { default as Icon } from './components/icon/Icon';
-export { default as Label } from './components/label/Label';
-export { default as Bubble } from './components/bubble/Bubble';
-export { default as Tooltip } from './components/tooltip/Tooltip';
-export { default as Tabs } from './components/tabs/Tabs';
-export { default as SearchBox } from './components/input/SearchBox';
-export { default as Popup } from './components/popup/Popup';
-export type { ConfirmProps } from './components/confirm/withConfirm';
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,6CAA6C,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAG1D,YAAY,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC"}

package/lib/esm/index.js

@@ -1,21 +0,0 @@
-import './assets/style.css';
-// Components
-export { default as Accordion } from './components/accordion/Accordion';
-export { default as AccordionItem } from './components/accordionComponents/AccordionItem';
-export { default as Button } from './components/button/Button';
-export { default as ButtonRow } from './components/button/ButtonRow';
-export { default as Modal } from './components/modal/Modal';
-export { default as ModalContainer } from './components/modalComponents/ModalContainer';
-export { default as Spinner } from './components/spinner/Spinner';
-export { default as SpinnerContainer } from './components/spinner/SpinnerContainer';
-export { default as Checkbox } from './components/input/Checkbox';
-export { default as ConfirmProvider } from './components/confirm/ConfirmProvider';
-export { default as withConfirm } from './components/confirm/withConfirm';
-export { default as useConfirm } from './components/confirm/useConfirm';
-export { default as Icon } from './components/icon/Icon';
-export { default as Label } from './components/label/Label';
-export { default as Bubble } from './components/bubble/Bubble';
-export { default as Tooltip } from './components/tooltip/Tooltip';
-export { default as Tabs } from './components/tabs/Tabs';
-export { default as SearchBox } from './components/input/SearchBox';
-export { default as Popup } from './components/popup/Popup';

package/lib/esm/types/i18n.d.ts

@@ -1,5 +0,0 @@
-export declare type TranslationDescriptor = {
-    id: string;
-    defaultValue: string;
-};
-//# sourceMappingURL=i18n.d.ts.map

package/lib/esm/types/i18n.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/types/i18n.ts"],"names":[],"mappings":"AAAA,oBAAY,qBAAqB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC"}

package/lib/esm/types/i18n.js

@@ -1 +0,0 @@
-export {};