ag-common 0.0.797 → 0.0.799

package/dist/ui/components/BarChart/Base.js

@@ -1,49 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BarChart = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const useTooltip_1 = require("../../helpers/useTooltip");
-const common_1 = require("../../styles/common");
-const Item_1 = require("./Item");
-const Legend_1 = require("./Legend");
-const TooltipContent_1 = require("./TooltipContent");
-const BarChartBase = styled_1.default.div `
-  display: flex;
-  flex-flow: column;
-  width: 100%;
-  height: 100%;
-  margin-top: 0.5rem;
-  position: relative;
-`;
-const ItemStyled = (0, styled_1.default)(Item_1.Item) `
-  margin-bottom: 0.75rem;
-  height: auto;
-  overflow: hidden;
-
-  &:last-of-type {
-    margin-bottom: 0;
-  }
-`;
-const BarChart = ({ data: dataRaw, style: sRaw, className, }) => {
-    const style = (0, common_1.getVarStyles)(sRaw);
-    const UT = (0, useTooltip_1.useTooltip)();
-    const maxWidth = Math.max(...dataRaw.map((a) => a.total));
-    return (react_1.default.createElement(BarChartBase, { "data-type": "bcb", style: style, className: className },
-        react_1.default.createElement(UT.Comp, { pos: UT.pos }, ({ data }) => react_1.default.createElement(TooltipContent_1.TooltipContent, Object.assign({}, data, { style: style }))),
-        dataRaw.map((data) => (react_1.default.createElement(ItemStyled, { style: style, key: data.name, data: data, maxWidth: maxWidth, onMouseLeave: () => UT.setPos(undefined), onMouseMove: (element) => {
-                var _a, _b;
-                const selectedKey = (_b = (_a = document
-                    .elementFromPoint(element.pageX, element.pageY)) === null || _a === void 0 ? void 0 : _a.getAttribute('data-barchartitem-key')) !== null && _b !== void 0 ? _b : '';
-                UT.setPos({
-                    element,
-                    parent: element.currentTarget.closest("[data-type='bcb']"),
-                    data: { selectedKey, data },
-                });
-            } }))),
-        react_1.default.createElement(Legend_1.Legend, { data: dataRaw, maxWidth: maxWidth, style: style })));
-};
-exports.BarChart = BarChart;

package/dist/ui/components/BarChart/Item.d.ts

@@ -1,12 +0,0 @@
-import type { MouseEventHandler } from 'react';
-import React from 'react';
-import type { IVarStyles } from '../../styles';
-import type { IBarChartData } from './types';
-export declare const Item: ({ data, className, onMouseMove, onMouseLeave, maxWidth, style, }: {
-    data: IBarChartData;
-    className?: string;
-    onMouseMove?: MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
-    maxWidth: number;
-    style: IVarStyles;
-}) => React.JSX.Element;

package/dist/ui/components/BarChart/Item.js

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Item = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const styles_1 = require("../../styles");
-const Base = styled_1.default.div `
-  display: flex;
-  flex-flow: row;
-  width: 100%;
-  height: 100%;
-  cursor: default;
-  position: relative;
-`;
-const Title = styled_1.default.div `
-  position: absolute;
-  left: 0.25rem;
-`;
-const Item = ({ data, className, onMouseMove, onMouseLeave, maxWidth, style, }) => (react_1.default.createElement(Base, { className: className, onMouseMove: onMouseMove, onMouseLeave: onMouseLeave, style: style, "data-type": "bcb-item" },
-    react_1.default.createElement(Title, { style: {
-            color: style.color,
-            filter: (0, styles_1.HardOutlineFilter)(style.backgroundColor),
-            whiteSpace: 'nowrap',
-        } }, data.name),
-    data.values.map((v) => (react_1.default.createElement("div", { "data-barchartitem-key": v.name, key: v.name, style: {
-            height: '100%',
-            width: `${(v.value / maxWidth) * 100}%`,
-            backgroundColor: v.colour,
-        } }, "\u00A0"))),
-    react_1.default.createElement("div", { style: {
-            height: '100%',
-            flexGrow: 1,
-            backgroundColor: 'transparent',
-        } }, "\u00A0")));
-exports.Item = Item;

package/dist/ui/components/BarChart/Legend.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { IVarStyles } from '../../styles/common';
-import type { IBarChartData } from './types';
-export declare const Legend: ({ data, maxWidth, style, }: {
-    data: IBarChartData[];
-    maxWidth: number;
-    style: IVarStyles;
-}) => React.JSX.Element;

package/dist/ui/components/BarChart/Legend.js

@@ -1,83 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Legend = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const array_1 = require("../../../common/helpers/array");
-const getLegendItems_1 = require("./getLegendItems");
-const Base = styled_1.default.div `
-  display: flex;
-  flex-flow: column;
-`;
-const Bar = styled_1.default.div `
-  width: 100%;
-  height: 1rem;
-  display: flex;
-  flex-flow: row;
-  position: relative;
-  margin-bottom: 0.25rem;
-`;
-const Line = styled_1.default.div `
-  position: absolute;
-  top: calc(50% - 1px);
-  height: 2px;
-  left: 0;
-  right: 0;
-`;
-const Numbers = styled_1.default.div `
-  width: 100%;
-  height: 1rem;
-  display: flex;
-  flex-flow: row;
-  justify-content: space-between;
-  z-index: 1;
-`;
-const Items = styled_1.default.div `
-  width: 100%;
-  display: flex;
-  flex-flow: row wrap;
-  position: relative;
-  justify-content: space-between;
-`;
-const Item = styled_1.default.div `
-  display: flex;
-  flex-flow: row;
-  position: relative;
-  align-items: center;
-  flex-basis: 25%;
-`;
-const Col = styled_1.default.div `
-  width: 1rem;
-  height: 1rem;
-  border-radius: 50%;
-  margin-right: 0.25rem;
-`;
-const Legend = ({ data, maxWidth, style, }) => {
-    const items = [0];
-    if (maxWidth > 10) {
-        items.push(Math.floor(maxWidth * 0.25));
-        items.push(Math.floor(maxWidth * 0.5));
-        items.push(Math.floor(maxWidth * 0.75));
-    }
-    items.push(maxWidth);
-    const keys = (0, array_1.distinctBy)((0, array_1.flat)(data.map((data) => {
-        return (0, getLegendItems_1.getLegendItems)({ data }).part.map((v) => ({
-            colour: v.colour,
-            name: v.name,
-        }));
-    })), (s) => s.name).sort((a, b) => (a.name < b.name ? -1 : 1));
-    return (react_1.default.createElement(Base, { style: style },
-        react_1.default.createElement(Bar, null,
-            react_1.default.createElement(Line, { style: { background: style.backgroundColor, color: style.color } }),
-            react_1.default.createElement(Numbers, null, items.map((i) => (react_1.default.createElement("span", { style: {
-                    backgroundColor: style.backgroundColor,
-                    color: style.color,
-                }, key: i }, i))))),
-        keys.length > 1 && (react_1.default.createElement(Items, null, keys.map((k) => (react_1.default.createElement(Item, { key: k.name },
-            react_1.default.createElement(Col, { style: { backgroundColor: k.colour } }),
-            k.name)))))));
-};
-exports.Legend = Legend;

package/dist/ui/components/BarChart/TooltipContent.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { IVarStyles } from '../../styles/common';
-import type { IBarChartData } from './types';
-export declare const TooltipContent: ({ data, selectedKey, style, }: {
-    data: IBarChartData;
-    selectedKey?: string;
-    style: IVarStyles;
-}) => React.JSX.Element;

package/dist/ui/components/BarChart/TooltipContent.js

@@ -1,51 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TooltipContent = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const getLegendItems_1 = require("./getLegendItems");
-const Base = styled_1.default.div `
-  padding: 0.5rem;
-`;
-const Title = styled_1.default.div `
-  font-weight: bold;
-`;
-const Row = styled_1.default.div `
-  width: 100%;
-  display: flex;
-`;
-const ItemTitle = styled_1.default.span `
-  &[data-selected='true'] {
-    font-weight: bold;
-    text-decoration: underline;
-  }
-`;
-const Total = styled_1.default.span `
-  margin-left: auto;
-  padding-left: 0.5rem;
-
-  &[data-selected='true'] {
-    font-weight: bold;
-    text-decoration: underline;
-  }
-`;
-const TooltipContent = ({ data, selectedKey, style, }) => {
-    const { part, rest, restTotal } = (0, getLegendItems_1.getLegendItems)({ data, selectedKey });
-    return (react_1.default.createElement(Base, { style: Object.assign(Object.assign({}, style), { border: `solid 1px ${style.borderColor}` }) },
-        react_1.default.createElement(Title, null, data.name),
-        react_1.default.createElement(Row, null,
-            react_1.default.createElement("span", null, "total"),
-            react_1.default.createElement(Total, null, data.total)),
-        part.map((v) => (react_1.default.createElement(Row, { style: { color: v.colour }, key: v.name },
-            react_1.default.createElement(ItemTitle, { "data-selected": selectedKey === v.name }, v.name),
-            react_1.default.createElement(Total, { "data-selected": selectedKey === v.name }, v.value)))),
-        rest.length > 0 && (react_1.default.createElement(Row, null,
-            react_1.default.createElement("span", null,
-                rest.length,
-                " more"),
-            react_1.default.createElement(Total, null, restTotal)))));
-};
-exports.TooltipContent = TooltipContent;

package/dist/ui/components/BarChart/getLegendItems.d.ts

@@ -1,17 +0,0 @@
-import type { IBarChartData } from './types';
-export declare const getLegendItems: ({ data, selectedKey, }: {
-    data: IBarChartData;
-    selectedKey?: string;
-}) => {
-    part: {
-        name: string;
-        value: number;
-        colour: string;
-    }[];
-    rest: {
-        name: string;
-        value: number;
-        colour: string;
-    }[];
-    restTotal: number;
-};

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

@@ -1,24 +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 getLegendItems = ({ data, selectedKey, }) => {
-    const min = data.total * 0.1;
-    const shownResults = 4;
-    const part = (0, array_1.take)(data.values.filter((r) => r.value > min), shownResults).part;
-    const rest = (0, object_1.copy)(data.values).filter((r) => !part.find((p) => p.name === r.name));
-    //if we want to ensure this value exists in the returned results
-    if (selectedKey) {
-        const pi = part.findIndex((r) => r.name === selectedKey);
-        const ri = rest.findIndex((r) => r.name === selectedKey);
-        if (pi === -1 && ri !== -1) {
-            part.push(rest[ri]);
-            rest.splice(ri, 1);
-        }
-    }
-    const restTotal = (0, math_1.sumArray)(rest.map((s) => s.value));
-    return { part, rest, restTotal };
-};
-exports.getLegendItems = getLegendItems;

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

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

package/dist/ui/components/BarChart/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/BarChart/types.d.ts

@@ -1,9 +0,0 @@
-export interface IBarChartData {
-    name: string;
-    total: number;
-    values: {
-        name: string;
-        value: number;
-        colour: string;
-    }[];
-}

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

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

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

@@ -1,21 +0,0 @@
-import React from 'react';
-type IOnClick = React.MouseEvent<HTMLDivElement, MouseEvent> | React.MouseEvent<HTMLAnchorElement, MouseEvent>;
-export interface IBorderGradient {
-    canClick?: boolean;
-    noGrow?: boolean;
-    className?: string;
-    fill?: boolean;
-    /** default 2rem */
-    radius?: string;
-    left?: string;
-    right?: string;
-    children: React.ReactNode;
-    padding?: string;
-    onClick?: (e: IOnClick) => void;
-    href?: string;
-    target?: string;
-    rel?: string;
-    disabled?: boolean;
-}
-export declare const BorderGradient: ({ left, right, children, radius, fill, padding, className, onClick, href, target, rel, noGrow, disabled, canClick, }: IBorderGradient) => React.JSX.Element;
-export {};

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

@@ -1,77 +0,0 @@
-"use strict";
-'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BorderGradient = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_2 = __importDefault(require("react"));
-const object_1 = require("../../../common/helpers/object");
-const colours_1 = require("../../styles/colours");
-const BGcss = (0, react_1.css) `
-  max-height: calc(100% - 6px);
-  display: flex;
-  border: 0;
-  padding: 3px;
-  background-image:
-    linear-gradient(white, white),
-    linear-gradient(to bottom right, var(--left), var(--right));
-  background-origin: border-box;
-  background-clip: content-box, border-box;
-  overflow: hidden;
-  &[data-ccnd='true'] {
-    &:hover {
-      filter: saturate(3);
-    }
-  }
-`;
-const BGLink = styled_1.default.div `
-  ${BGcss};
-`;
-const BGALink = styled_1.default.a `
-  ${BGcss};
-`;
-const Padding = styled_1.default.div `
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  flex-flow: column;
-  border: 0;
-  flex-grow: 1;
-`;
-const FeatureBoxFill = (0, styled_1.default)(Padding) `
-  background-image: linear-gradient(to bottom right, var(--left), var(--right));
-  color: ${colours_1.colours.mainLight};
-  flex-grow: 1;
-`;
-const BorderGradient = ({ left = colours_1.colours.orange, right = colours_1.colours.orangeRed, children, radius = '2rem', fill = false, padding = '2rem', className, onClick, href, target, rel, noGrow = false, disabled = false, canClick = false, }) => {
-    const CCND = canClick && !disabled;
-    const style = (0, object_1.removeUndefValuesFromObject)({
-        flexGrow: noGrow ? 0 : 1,
-        '--left': left,
-        '--right': right,
-        borderRadius: radius,
-        filter: !disabled ? null : 'grayscale(1)',
-        cursor: CCND ? 'pointer' : 'default',
-    });
-    const props = {
-        onClick: (e) => !disabled && onClick && onClick(e),
-        className,
-        href,
-        target,
-        rel,
-        canClick: !!onClick || canClick,
-        style,
-        'data-ccnd': CCND,
-    };
-    const child = (react_2.default.createElement(react_2.default.Fragment, null,
-        !fill && react_2.default.createElement(Padding, { style: { padding } }, children),
-        fill && react_2.default.createElement(FeatureBoxFill, { style: { padding } }, children)));
-    if (href) {
-        return react_2.default.createElement(BGALink, Object.assign({}, props), child);
-    }
-    return react_2.default.createElement(BGLink, Object.assign({}, props), child);
-};
-exports.BorderGradient = BorderGradient;

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

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface IChevron {
-    /**
-     * default right
-     */
-    point: 'up' | 'down' | 'left' | 'right';
-    colour?: string;
-    className?: string;
-    width?: string;
-    onToggle?: () => void;
-}
-export declare const Chevron: ({ width, className, colour, onToggle, point, }: IChevron) => React.JSX.Element;

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

@@ -1,45 +0,0 @@
-"use strict";
-'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chevron = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const ChevronRight_1 = require("../../icons/ChevronRight");
-const Icon_1 = require("../Icon");
-const Base = styled_1.default.span `
-  font-size: 2rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`;
-const IconStyled = (0, styled_1.default)(Icon_1.Icon) `
-  cursor: pointer;
-  margin: 0;
-  padding: 0;
-`;
-const Chevron = ({ width = '1.2rem', className, colour = 'black', onToggle, point = 'right', }) => {
-    let rotate = 0;
-    switch (point) {
-        case 'down': {
-            rotate = 90;
-            break;
-        }
-        case 'left': {
-            rotate = 180;
-            break;
-        }
-        case 'up': {
-            rotate = 270;
-            break;
-        }
-        case 'right': {
-            rotate = 0;
-        }
-    }
-    return (react_1.default.createElement(Base, { className: className, onClick: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(), onTouchStart: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(), onKeyDown: (e) => e.key === 'Enter' && (onToggle === null || onToggle === void 0 ? void 0 : onToggle()) },
-        react_1.default.createElement(IconStyled, { rotate: rotate, style: { width, height: width, fill: colour } }, ChevronRight_1.ChevronRight)));
-};
-exports.Chevron = Chevron;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface IClose {
-    onClick?: (ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    className?: string;
-}
-export declare const Close: (p: IClose) => React.JSX.Element;

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

@@ -1,41 +0,0 @@
-"use strict";
-'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Close = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const dom_1 = require("../../helpers/dom");
-const Base = styled_1.default.div `
-  position: absolute;
-  z-index: 1;
-  width: 32px;
-  height: 32px;
-  opacity: 0.3;
-  cursor: pointer;
-  background-color: white;
-  top: 0;
-  right: 0;
-  &:hover {
-    opacity: 1;
-  }
-  &:before,
-  &:after {
-    position: absolute;
-    left: 15px;
-    content: ' ';
-    height: 33px;
-    width: 2px;
-    background-color: #333;
-  }
-  &:before {
-    transform: rotate(45deg);
-  }
-  &:after {
-    transform: rotate(-45deg);
-  }
-`;
-const Close = (p) => (react_1.default.createElement(Base, Object.assign({}, (0, dom_1.filterDataProps)(p), { className: p.className, onClick: (e) => { var _a; return (_a = p.onClick) === null || _a === void 0 ? void 0 : _a.call(p, e); } })));
-exports.Close = Close;

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

@@ -1,7 +0,0 @@
-import type { IConfirmDialog } from './types';
-/**
- * opens a dialog programatically
- * @param param0
- * @returns
- */
-export declare const ConfirmDialog: ({ bottomText, topText, style, }: IConfirmDialog) => Promise<boolean>;

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

@@ -1,54 +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.ConfirmDialog = void 0;
-const react_1 = __importDefault(require("react"));
-const client_1 = require("react-dom/client");
-const log_1 = require("../../../common/helpers/log");
-const Modal_1 = require("./Modal");
-/**
- * opens a dialog programatically
- * @param param0
- * @returns
- */
-const ConfirmDialog = (_a) => __awaiter(void 0, [_a], void 0, function* ({ bottomText, topText, style, }) {
-    return new Promise((res) => {
-        const idName = 'ag-confirm-dialog';
-        if (document.body.querySelectorAll('#' + idName).length !== 0) {
-            (0, log_1.error)('confirmDialog already open');
-            res(false);
-            return;
-        }
-        const wrapper = document.body.appendChild(document.createElement('div'));
-        wrapper.id = idName;
-        const root = (0, client_1.createRoot)(wrapper);
-        const onSubmit = (v) => {
-            try {
-                res(v);
-            }
-            finally {
-                try {
-                    root.unmount();
-                    wrapper.remove();
-                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                }
-                catch (e) {
-                    //
-                }
-            }
-        };
-        root.render(react_1.default.createElement(Modal_1.ConfirmModal, { bottomText: bottomText, topText: topText, onSubmit: onSubmit, style: style }));
-    });
-});
-exports.ConfirmDialog = ConfirmDialog;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { IConfirmModal } from './types';
-export declare const ConfirmModal: ({ onSubmit, bottomText, topText, okText, cancelText, style, }: IConfirmModal) => React.JSX.Element;

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

@@ -1,53 +0,0 @@
-"use strict";
-'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmModal = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const FlexColumn_1 = require("../FlexColumn");
-const FlexRow_1 = require("../FlexRow");
-const Modal_1 = require("../Modal/Modal");
-const button_1 = require("../shadcn/button");
-const Base = styled_1.default.div `
-  width: 95vw;
-  max-width: 30rem;
-  height: 50vh;
-  max-height: 15rem;
-`;
-const Content = (0, styled_1.default)(FlexColumn_1.FlexColumn) `
-  padding: 1rem;
-  height: calc(100% - 2rem);
-  width: calc(100% - 2rem);
-`;
-const TopText = styled_1.default.div `
-  font-weight: bold;
-  border-bottom: solid 1px #ccc;
-  padding-bottom: 0.25rem;
-  font-size: 1.5rem;
-  margin-bottom: 1rem;
-`;
-const BottomText = styled_1.default.div `
-  padding-bottom: 0.25rem;
-  font-size: 1.1rem;
-`;
-const Bottom = (0, styled_1.default)(FlexRow_1.FlexRow) `
-  margin-top: auto;
-  justify-content: flex-end;
-  > button:first-of-type {
-    margin-right: 1rem;
-  }
-`;
-const ConfirmModal = ({ onSubmit, bottomText, topText, okText = 'OK', cancelText = 'Cancel', style, }) => {
-    return (react_1.default.createElement(Modal_1.Modal, { position: "center", topPosition: "center", open: true, setOpen: () => onSubmit(false), showCloseButton: false, closeOnClickOutside: false },
-        react_1.default.createElement(Base, null,
-            react_1.default.createElement(Content, { style: style },
-                topText && react_1.default.createElement(TopText, null, topText),
-                react_1.default.createElement(BottomText, null, bottomText),
-                react_1.default.createElement(Bottom, { noGrow: true },
-                    react_1.default.createElement(button_1.Button, { onClick: () => onSubmit(true) }, okText),
-                    react_1.default.createElement(button_1.Button, { variant: "outline", onClick: () => onSubmit(false) }, cancelText))))));
-};
-exports.ConfirmModal = ConfirmModal;