ag-common 0.0.797 → 0.0.799

package/dist/ui/components/LineChart/getLegendItems.js

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLegendItems = void 0;
-const array_1 = require("../../../common/helpers/array");
-const math_1 = require("../../../common/helpers/math");
-const object_1 = require("../../../common/helpers/object");
-const shownResults = 4;
-const getTopItems = ({ data, colours, }) => {
-    const val = {};
-    data.forEach((d) => {
-        var _a;
-        const key = (_a = d.legendName) !== null && _a !== void 0 ? _a : d.name;
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        if (!val[key]) {
-            val[key] = { colour: colours[d.name], name: key, value: d.y };
-        }
-        else {
-            val[key].value += d.y;
-        }
-    });
-    const values = Object.values(val).sort((a, b) => a.value < b.value ? 1 : -1);
-    const legendItems = (0, array_1.take)(values, shownResults).part.map((v) => ({
-        colour: v.colour,
-        name: v.name,
-        y: v.value,
-        x: 0,
-    }));
-    return legendItems;
-};
-const getLegendItems = (p) => {
-    var _a;
-    const dataSource = (_a = p.legendData) !== null && _a !== void 0 ? _a : p.data;
-    let values = [];
-    if (p.selectedXs && p.selectedXs.length > 0) {
-        const sx = p.selectedXs[0].x;
-        const grouped = {};
-        dataSource
-            .filter((d) => d.x === sx)
-            .forEach((d) => {
-            var _a;
-            const key = (_a = d.legendName) !== null && _a !== void 0 ? _a : d.name;
-            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            if (!grouped[key]) {
-                grouped[key] = {
-                    value: d.y,
-                    colour: p.colours[d.name],
-                    name: key,
-                };
-            }
-            else {
-                grouped[key].value += d.y;
-            }
-        });
-        values = Object.values(grouped).map((g) => ({
-            colour: g.colour,
-            name: g.name,
-            y: g.value,
-            x: sx,
-        }));
-    }
-    if (p.fixed || values.length === 0) {
-        values = getTopItems({ data: dataSource, colours: p.colours });
-    }
-    const total = (0, math_1.sumArray)(values.map((a) => a.y));
-    const min = total * 0.1;
-    let part = values.sort((a, b) => (a.y < b.y ? 1 : -1));
-    let rest = [];
-    if (part.length > shownResults) {
-        part = (0, array_1.take)(part.filter((r) => r.y > min), shownResults).part;
-        rest = (0, object_1.copy)(values).filter((r) => !part.find((p) => p.name === r.name));
-    }
-    const restTotal = (0, math_1.sumArray)(rest.map((s) => s.y));
-    return { part, rest, restTotal, total };
-};
-exports.getLegendItems = getLegendItems;

package/dist/ui/components/LineChart/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Base';
-export type * from './types';

package/dist/ui/components/LineChart/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Base"), exports);

package/dist/ui/components/LineChart/interpolate.d.ts

@@ -1,17 +0,0 @@
-import type { ILineChartItemRaw } from './types';
-interface ILineChartItemComp {
-    x1: number;
-    x2: number;
-    y1: number;
-    y2: number;
-    name: string;
-    origX: number;
-    origY: number;
-    isToday: boolean;
-    isLast: boolean;
-}
-export declare const interpolate: (raw: ILineChartItemRaw[]) => {
-    points: ILineChartItemComp[];
-    xTime: boolean;
-};
-export {};

package/dist/ui/components/LineChart/interpolate.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.interpolate = void 0;
-const common_1 = require("../../../common");
-const math_1 = require("../../../common/helpers/math");
-const date_1 = require("../../helpers/date");
-const dateHelpers_1 = require("./dateHelpers");
-const interpolate = (raw) => {
-    const points = [];
-    const xs = raw.map((r) => r.x);
-    const ys = raw.map((r) => r.y);
-    const xMin = Math.min(...xs);
-    const xMax = Math.max(...xs);
-    const yMin = Math.min(...ys);
-    const yMax = Math.max(...ys);
-    let xTime = true;
-    (0, common_1.groupByList)(raw.sort((a, b) => (a.x < b.x ? -1 : 1)), (a) => a.name).map(({ items }) => {
-        const p = items.map((p, i) => {
-            if (xTime && !(0, date_1.isDate)(p.x)) {
-                xTime = false;
-            }
-            const x1 = (0, math_1.rangePercentage)({
-                value: i === 0 ? p.x : items[i - 1].x,
-                min: xMin,
-                max: xMax,
-            }) * 100;
-            const x2 = (0, math_1.rangePercentage)({
-                value: p.x,
-                min: xMin,
-                max: xMax,
-            }) * 100;
-            const y1 = (0, math_1.rangePercentage)({
-                value: i === 0 ? p.y : items[i - 1].y,
-                min: yMin,
-                max: yMax,
-            }) * 100;
-            const y2 = (0, math_1.rangePercentage)({
-                value: p.y,
-                min: yMin,
-                max: yMax,
-            }) * 100;
-            return {
-                x1,
-                x2,
-                y1,
-                y2,
-                name: p.name,
-                origX: p.x,
-                origY: p.y,
-                isToday: (0, dateHelpers_1.isToday)(p.x),
-                isLast: i === items.length - 1,
-            };
-        });
-        points.push(...(0, common_1.distinctBy)(p, (s) => JSON.stringify(s)));
-    });
-    return { points, xTime };
-};
-exports.interpolate = interpolate;

package/dist/ui/components/LineChart/types.d.ts

@@ -1,32 +0,0 @@
-import type { IVarStyles } from '../../styles/common';
-export type ILineChartItemRaw = {
-    x: number;
-    y: number;
-    name: string;
-    /** Optional display name used for legend/tooltip grouping */
-    legendName?: string;
-};
-export interface ILineChartState {
-    selectedPoints?: {
-        x: number;
-        y: number;
-    }[];
-    selectedXs?: ILineChartItemRaw[];
-}
-export interface ILineChartTooltip extends ILineChartState {
-    tt: (a: number) => string;
-    lt: (a: number) => string;
-    data: ILineChartItemRaw[];
-    colours: Record<string, string>;
-}
-export interface ILineChart {
-    data: ILineChartItemRaw[];
-    /** Optional dataset used only for legend/tooltip calculations */
-    legendData?: ILineChartItemRaw[];
-    className?: string;
-    /** name -> colour */
-    colours: Record<string, string>;
-    tooltipTitle?: (a: number) => string;
-    legendTitle?: (a: number) => string;
-    style?: Partial<IVarStyles>;
-}

package/dist/ui/components/LineChart/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/ui/components/Loader/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface ILoader {
-    /**
-     * default 2rem
-     */
-    width?: string | null;
-    /**
-     * default 2rem
-     */
-    height?: string | null;
-    name: string;
-    /** position for loader. default full page takeover */
-    position?: 'abs' | 'br';
-}
-export declare const Loader: ({ name, height, width, position, }: ILoader) => React.JSX.Element;

package/dist/ui/components/Loader/index.js

@@ -1,93 +0,0 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loader = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const Base = styled_1.default.div `
-  border: 16px solid #f3f3f3; /* Light grey */
-  border-top: 16px solid #3498db; /* Blue */
-  border-radius: 50%;
-  animation: spin 2s linear infinite;
-  padding: 2px;
-  overflow: hidden;
-
-  @keyframes spin {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-`;
-const LoadingBack = styled_1.default.div `
-  position: absolute;
-  &[data-type='abs'] {
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-  &[data-type='br'] {
-    bottom: 1rem;
-    right: 1rem;
-    top: auto;
-  }
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 100;
-  background-color: transparent;
-  opacity: 1;
-  &[data-transparent='true'] {
-    opacity: 0.1;
-  }
-  transition: opacity 5s;
-`;
-const Loader = ({ name, height = '2rem', width = '2rem', position = 'abs', }) => {
-    const [trans, setTrans] = (0, react_1.useState)(true);
-    (0, react_1.useEffect)(() => {
-        setTrans(false);
-    }, []);
-    return (react_1.default.createElement(LoadingBack, { "data-loading": name, "data-transparent": trans, "data-type": position },
-        react_1.default.createElement(Base, { style: { height: height, width: width } })));
-};
-exports.Loader = Loader;

package/dist/ui/components/MinSidebar/index.d.ts

@@ -1,13 +0,0 @@
-import type { CSSProperties } from 'react';
-import React from 'react';
-export interface IMinSidebar {
-    children: ({ open, }: {
-        /** can make sidebar contents smaller when open=false */
-        open: boolean;
-    }) => React.ReactNode;
-    className?: string;
-    /** default white */
-    chevronColour?: string;
-    style?: CSSProperties;
-}
-export declare const MinSidebar: ({ chevronColour, children, className, style, }: IMinSidebar) => React.JSX.Element;

package/dist/ui/components/MinSidebar/index.js

@@ -1,93 +0,0 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MinSidebar = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const helpers_1 = require("../../helpers");
-const common_1 = require("../../styles/common");
-const media_1 = require("../../styles/media");
-const Chevron_1 = require("../Chevron");
-const Icon_1 = require("../Icon");
-const Base = styled_1.default.div `
-  position: sticky;
-  top: 0;
-  border-right: solid 1px #ccc;
-  height: 100%;
-  ${common_1.NoTextSelect};
-  width: fit-content;
-`;
-const Content = styled_1.default.div `
-  display: flex;
-  flex-flow: column;
-  width: 100%;
-  height: 100%;
-  > div {
-    flex-basis: 100%;
-  }
-`;
-const OpenIcon = (0, styled_1.default)(Icon_1.Icon) `
-  width: 2rem;
-  height: 2rem;
-  margin: 0.5rem;
-  margin-left: auto;
-`;
-const ChevronStyled = (0, styled_1.default)(Chevron_1.Chevron) `
-  svg {
-    fill: #555;
-  }
-`;
-const MinSidebar = ({ chevronColour, children, className, style, }) => {
-    const ref = (0, react_1.useRef)(null);
-    const [open, setOpen] = (0, react_1.useState)(false);
-    (0, helpers_1.useOnClickOutside)({ ref, disabled: () => !open || window.innerWidth > media_1.smallScreenPx }, () => {
-        setOpen(false);
-    });
-    return (react_1.default.createElement(Base, { style: style, "data-type": "sidebar", className: className, "data-open": open, onClick: () => !open && setOpen(true), ref: ref },
-        react_1.default.createElement(Content, { "data-type": "content", "data-open": open, onClick: (e) => {
-                e.stopPropagation();
-            } },
-            react_1.default.createElement(OpenIcon, { onClick: (e) => {
-                    e.stopPropagation();
-                    setOpen(!open);
-                } },
-                react_1.default.createElement(ChevronStyled, { "data-open": open, point: open ? 'left' : 'right', width: "100%", colour: chevronColour !== null && chevronColour !== void 0 ? chevronColour : 'white' })),
-            children({ open }))));
-};
-exports.MinSidebar = MinSidebar;

package/dist/ui/components/Modal/Dialog.d.ts

@@ -1,8 +0,0 @@
-import type { CSSProperties } from 'react';
-import React from 'react';
-export declare const ModalDialog: (content: React.ReactNode | ((p: {
-    close: () => void;
-}) => React.ReactNode), opt?: {
-    style?: CSSProperties;
-    portalId?: string;
-}) => Promise<string | undefined>;

package/dist/ui/components/Modal/Dialog.js

@@ -1,47 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalDialog = void 0;
-const react_1 = __importDefault(require("react"));
-const client_1 = require("react-dom/client");
-const Modal_1 = require("./Modal");
-const ModalDialog = (content, opt) => __awaiter(void 0, void 0, void 0, function* () {
-    return new Promise((res) => {
-        const wrapper = document.body.appendChild(document.createElement('div'));
-        const root = (0, client_1.createRoot)(wrapper);
-        const onClose = () => {
-            try {
-                root.unmount();
-                wrapper.remove();
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            }
-            catch (e) {
-                //
-            }
-        };
-        root.render(react_1.default.createElement(Modal_1.Modal, { open: true, setOpen: (o) => {
-                if (!o) {
-                    onClose();
-                }
-                res('ok');
-            }, topPosition: "center", position: "center", style: opt === null || opt === void 0 ? void 0 : opt.style }, typeof content !== 'function'
-            ? content
-            : content({
-                close: () => {
-                    onClose();
-                },
-            })));
-    });
-});
-exports.ModalDialog = ModalDialog;

package/dist/ui/components/Modal/Modal.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { IModal } from './types';
-export declare const ModalItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Modal: (p: IModal) => React.JSX.Element | null;

package/dist/ui/components/Modal/Modal.js

@@ -1,178 +0,0 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = exports.ModalItem = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const react_dom_1 = require("react-dom");
-const dom_1 = require("../../helpers/dom");
-const useLockBodyScroll_1 = require("../../helpers/useLockBodyScroll");
-const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
-const styles_1 = require("../../styles");
-const Close_1 = require("../Close");
-const globalId = 'ag-modal-portal';
-const FixedBackground = styled_1.default.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  z-index: 2;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`;
-const ModalBase = styled_1.default.div `
-  display: flex;
-  position: absolute;
-  z-index: 1;
-  background-color: white;
-  border: solid 1px transparent;
-  border-radius: 0.5rem;
-  box-shadow:
-    0 1px 10px 0 rgba(0, 0, 0, 0.6),
-    0 2px 15px 0 rgba(0, 0, 0, 0.05);
-  max-width: 95vw;
-  max-height: 95vh;
-  overflow: hidden;
-  &[data-position='left'] {
-    left: 0;
-  }
-  &[data-position='right'] {
-    right: 0;
-  }
-  &[data-topposition='top'] {
-    top: 0;
-  }
-  &[data-topposition='bottom'] {
-    bottom: 0;
-  }
-  ${(0, styles_1.bounce)('data-bounced')}
-`;
-exports.ModalItem = styled_1.default.div `
-  display: flex;
-  padding: 1rem;
-
-  &:hover {
-    background-color: #eee;
-  }
-`;
-const CloseStyled = (0, styled_1.default)(Close_1.Close) `
-  z-index: 1;
-`;
-const Modal = (p) => {
-    const { open, setOpen, children, position = 'left', topPosition = 'top', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, portalId: pidraw, style, } = p;
-    let portalId = pidraw;
-    if (portalId === undefined) {
-        portalId = globalId;
-    }
-    (0, useLockBodyScroll_1.useLockBodyScroll)(p.open);
-    const [portalElem, setPortalElem] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
-        if (portalId === null ||
-            document.querySelectorAll(`#${portalId}`).length > 0) {
-            return;
-        }
-        const d = document.createElement('div');
-        d.id = portalId;
-        d.style.position = 'fixed';
-        d.style.zIndex = '10';
-        document.body.appendChild(d);
-        return () => {
-            var _a;
-            try {
-                (_a = document.querySelector(`#${portalId}`)) === null || _a === void 0 ? void 0 : _a.remove();
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            }
-            catch (e) {
-                //
-            }
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const [bounced, setBounced] = (0, react_1.useState)(false);
-    const ref = (0, react_1.useRef)(null);
-    (0, useOnClickOutside_1.useOnClickOutside)({
-        disabled: !open,
-        ref,
-        moveMouseOutside: closeOnMoveMouseOutside,
-    }, (e) => {
-        var _a;
-        //there might be multiple models open, only close the last one on the stack
-        if (portalElem) {
-            const myid = Array.prototype.indexOf.call(portalElem.children, 
-            //parent because fixed background is first
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement);
-            const childcount = portalElem.children.length;
-            if (myid + 1 !== childcount) {
-                return;
-            }
-        }
-        if (closeOnClickOutside && open) {
-            setOpen(false, e);
-            setBounced(false);
-        }
-    });
-    (0, react_1.useEffect)(() => {
-        if (!bounced && open) {
-            setBounced(true);
-        }
-    }, [open, bounced]);
-    (0, react_1.useEffect)(() => {
-        if (portalElem === undefined && portalId) {
-            setPortalElem(document.getElementById(portalId));
-        }
-    }, [portalElem, portalId]);
-    if (!open) {
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    }
-    const Content = (react_1.default.createElement(FixedBackground, null,
-        react_1.default.createElement(ModalBase, Object.assign({}, (0, dom_1.filterDataProps)(p), { "data-bounced": bounced, "data-position": position, "data-topposition": topPosition, ref: ref, className: className, style: style }),
-            showCloseButton && (react_1.default.createElement(CloseStyled, { "data-type": "modal-close", onClick: (e) => setOpen(false, e) })),
-            children)));
-    if (portalId && portalElem === undefined) {
-        return null;
-    }
-    if (portalId && portalElem) {
-        return (0, react_dom_1.createPortal)(Content, portalElem);
-    }
-    return Content;
-};
-exports.Modal = Modal;

package/dist/ui/components/Modal/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Dialog';
-export * from './Modal';
-export type * from './types';