ag-common 0.0.798 → 0.0.800

package/dist/ui/components/Search/Inline.js

@@ -1,137 +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.SearchInline = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const array_1 = require("../../../common/helpers/array");
-const styles_1 = require("../../styles");
-const SearchBox_1 = require("./SearchBox");
-const Base = styled_1.default.div `
-  display: flex;
-  flex-flow: column;
-  flex-grow: 1;
-  width: 100%;
-  height: calc(100% - 1rem);
-  @media ${styles_1.smallScreen} {
-    height: calc(100% - 0.5rem);
-  }
-`;
-const Content = styled_1.default.div `
-  width: calc(100% - 2rem);
-  margin: auto;
-  display: flex;
-  flex-flow: column;
-  justify-content: flex-start;
-  align-items: center;
-  max-height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-
-  flex-grow: 1;
-  &[data-hasitems='true'] {
-    padding-bottom: 0.5rem;
-  }
-  @media ${styles_1.smallScreen} {
-    margin: 0;
-    width: calc(100% - 0.5rem);
-  }
-`;
-const RowCount = styled_1.default.div `
-  width: 100%;
-  text-align: center;
-  width: fit-content;
-  text-decoration-color: currentcolor;
-  text-decoration: underline;
-
-  &[data-top='true'] {
-    padding-bottom: 0.5rem;
-  }
-  &[data-top='false'] {
-    padding-top: 0.5rem;
-  }
-`;
-const SearchInline = (p) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { maxDisplayItems = 1000 } = p;
-    const rowCountOptDisplay = (_b = (_a = p.rowCountOpt) === null || _a === void 0 ? void 0 : _a.display) !== null && _b !== void 0 ? _b : 'bottom';
-    const [searchText, setSearchText] = (0, react_1.useState)((_c = p.defaultValue) !== null && _c !== void 0 ? _c : '');
-    (0, react_1.useImperativeHandle)(p.textBoxRef, () => ({
-        setValue: (v) => {
-            var _a, _b;
-            const value = (_a = textBoxRef.current) === null || _a === void 0 ? void 0 : _a.getValue();
-            if (v === value) {
-                return;
-            }
-            (_b = textBoxRef.current) === null || _b === void 0 ? void 0 : _b.setValue(v);
-            setSearchText(v);
-        },
-        focus: () => { var _a; return (_a = textBoxRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
-        getValue: () => { var _a; return (_a = textBoxRef.current) === null || _a === void 0 ? void 0 : _a.getValue(); },
-    }));
-    const textBoxRef = (0, react_1.useRef)(null);
-    const resWrap = (foundItem, target) => {
-        var _a, _b;
-        if (!foundItem) {
-            (_a = p.onSelectItem) === null || _a === void 0 ? void 0 : _a.call(p, undefined);
-        }
-        else {
-            (_b = p.onSelectItem) === null || _b === void 0 ? void 0 : _b.call(p, { foundItem, searchText, target });
-        }
-    };
-    const filteredItemsRaw = p.displayItems.filter((i) => p.willDisplayItem(searchText, i));
-    const { part: filteredItems } = (0, array_1.take)(filteredItemsRaw, maxDisplayItems < 0 ? filteredItemsRaw.length : maxDisplayItems);
-    const outdiff = filteredItems.length !== p.displayItems.length;
-    const showText = (_f = (_e = (_d = p.texts) === null || _d === void 0 ? void 0 : _d.totalItems) === null || _e === void 0 ? void 0 : _e.call(_d, filteredItems.length, p.displayItems.length)) !== null && _f !== void 0 ? _f : `Showing ${filteredItems.length} out of ${p.displayItems.length} total
-  items`;
-    return (react_1.default.createElement(Base, { className: p.className },
-        react_1.default.createElement(SearchBox_1.SearchBox, Object.assign({}, p, { searchText: searchText, setSearchText: (t) => {
-                var _a;
-                setSearchText(t);
-                (_a = p.onSearchTextChange) === null || _a === void 0 ? void 0 : _a.call(p, t);
-            }, textBoxRef: textBoxRef })),
-        react_1.default.createElement(Content, { "data-hasitems": !!filteredItems.length, "data-type": "content" },
-            rowCountOptDisplay === 'top' && outdiff && (react_1.default.createElement(RowCount, { "data-top": "true" }, showText)),
-            filteredItems.map((item, index) => (0, react_1.cloneElement)(p.renderItem({ searchText, item, index }), {
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                onClick: (e) => resWrap(item, e.target),
-            })),
-            rowCountOptDisplay === 'bottom' && outdiff && (react_1.default.createElement(RowCount, { "data-top": "false" }, showText)))));
-};
-exports.SearchInline = SearchInline;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { ISearchModal } from './types';
-export declare const SearchModal: <T>(p: ISearchModal<T>) => React.JSX.Element;

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

@@ -1,28 +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.SearchModal = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const styles_1 = require("../../styles");
-const Modal_1 = require("../Modal/Modal");
-const Inline_1 = require("./Inline");
-const ModalStyled = (0, styled_1.default)(Modal_1.Modal) `
-  display: flex;
-  flex-flow: column;
-  top: 10rem;
-  @media ${styles_1.bigScreen} {
-    width: 50vw;
-    max-width: 60rem;
-  }
-  @media ${styles_1.smallScreen} {
-    width: 100%;
-    max-width: 95vw;
-  }
-`;
-const SearchModal = (p) => (react_1.default.createElement(ModalStyled, { position: "center", topPosition: "center", open: true, setOpen: () => { var _a; return (_a = p.onSelectItem) === null || _a === void 0 ? void 0 : _a.call(p, undefined); }, showCloseButton: false, closeOnClickOutside: true },
-    react_1.default.createElement(Inline_1.SearchInline, Object.assign({}, p))));
-exports.SearchModal = SearchModal;

package/dist/ui/components/Search/SearchBox.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { IRefTextEdit } from '../TextEdit';
-export interface ISearchBox {
-    placeholderText?: string;
-    searchText: string;
-    setSearchText: (val: string, enterPressed: boolean) => void;
-    className?: string;
-    textBoxRef?: React.RefObject<IRefTextEdit | null>;
-    /**
-     * if truthy will enable text edit mode by default. if focus is true, will also focus on open
-     */
-    defaultEditing?: {
-        focus?: boolean;
-    };
-}
-export declare const SearchBox: (p: ISearchBox) => React.JSX.Element;

package/dist/ui/components/Search/SearchBox.js

@@ -1,107 +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.SearchBox = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const debounce_1 = require("../../helpers/debounce");
-const dom_1 = require("../../helpers/dom");
-const icons_1 = require("../../icons");
-const styles_1 = require("../../styles");
-const TextEdit_1 = require("../TextEdit");
-const Base = styled_1.default.div `
-  padding: 1rem;
-  display: flex;
-  flex-flow: row;
-  justify-content: center;
-  align-items: center;
-  width: calc(100% - 2rem);
-  margin: auto;
-  position: relative;
-
-  @media ${styles_1.smallScreen} {
-    padding: 0.5rem;
-    margin: 0;
-    width: calc(100% - 1rem);
-    max-height: calc(100% - 1rem);
-  }
-`;
-const MagnifyIcon = styled_1.default.div `
-  width: 1.5rem;
-  height: 1.5rem;
-  margin-right: 0.5rem;
-  cursor: pointer;
-  margin-left: 0.5rem;
-`;
-const CrossIconStyled = (0, styled_1.default)(icons_1.CrossIcon) `
-  position: absolute;
-  right: 1rem;
-  @media ${styles_1.bigScreen} {
-    right: 2rem;
-  }
-`;
-const TextEditStyled = (0, styled_1.default)(TextEdit_1.TextEdit) `
-  padding: 0;
-  height: 2.5rem;
-  background-color: white;
-`;
-const SearchBox = (p) => {
-    const ur = (0, react_1.useRef)(p.textBoxRef);
-    const cr = (0, react_1.createRef)();
-    const textBoxRef = (!p.textBoxRef ? cr : ur);
-    (0, react_1.useEffect)(() => {
-        if (!(textBoxRef === null || textBoxRef === void 0 ? void 0 : textBoxRef.current) ||
-            textBoxRef.current.getValue() === p.searchText) {
-            return;
-        }
-        textBoxRef.current.setValue(p.searchText);
-        p.setSearchText(p.searchText, true);
-    }, [p, textBoxRef]);
-    return (react_1.default.createElement(Base, Object.assign({ "data-type": "search", className: p.className }, (0, dom_1.filterDataProps)(p)),
-        react_1.default.createElement(TextEditStyled, { ref: textBoxRef, defaultValue: p.searchText, placeholder: p.placeholderText, defaultEditing: Object.assign({ focus: true }, p.defaultEditing), singleLine: true, leftContent: react_1.default.createElement(MagnifyIcon, { onClick: () => { var _a; return p.setSearchText(((_a = textBoxRef === null || textBoxRef === void 0 ? void 0 : textBoxRef.current) === null || _a === void 0 ? void 0 : _a.getValue()) || '', true); } },
-                react_1.default.createElement(icons_1.Magnify, null)), allowUndo: false, onClickOutsideWithNoValue: null, onSubmit: (v, enterPressed) => (0, debounce_1.debounce)(() => {
-                p.setSearchText(v, enterPressed);
-            }, { key: 'pagesearch', time: 200 }) }),
-        p.searchText && (react_1.default.createElement(CrossIconStyled, { onClick: () => {
-                var _a;
-                (_a = textBoxRef === null || textBoxRef === void 0 ? void 0 : textBoxRef.current) === null || _a === void 0 ? void 0 : _a.setValue('');
-                p.setSearchText('', true);
-            } }))));
-};
-exports.SearchBox = SearchBox;

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

@@ -1,6 +0,0 @@
-export * from './AutoHideSearchBox';
-export * from './Dialog';
-export * from './Inline';
-export * from './Modal';
-export * from './SearchBox';
-export type * from './types';

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

@@ -1,21 +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("./AutoHideSearchBox"), exports);
-__exportStar(require("./Dialog"), exports);
-__exportStar(require("./Inline"), exports);
-__exportStar(require("./Modal"), exports);
-__exportStar(require("./SearchBox"), exports);

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

@@ -1,49 +0,0 @@
-import type { JSX } from 'react';
-import type { IRefTextEdit } from '../TextEdit/types';
-export type TSearchModalRes<T> = {
-    foundItem: T;
-    searchText: string;
-    target: EventTarget;
-};
-export interface ISearchDialog<T> {
-    defaultValue?: string;
-    placeholderText?: string;
-    /**
-     * method run to render each filtered item
-     * will inject onClick handler
-     */
-    renderItem: ({ searchText, item, index, }: {
-        searchText: string;
-        item: T;
-        index: number;
-    }) => JSX.Element;
-    /**
-     * all potential items
-     */
-    displayItems: T[];
-    /**
-     * run to filter items by search text
-     */
-    willDisplayItem: (searchText: string, item: T) => boolean;
-    /** how many search items to return at most. default 1000. if -1 will return all */
-    maxDisplayItems?: number;
-    /**
-     * get unique render key
-     */
-    getKeyF: (i: T) => string;
-    className?: string;
-    texts?: {
-        /**
-         * default if not provided: "showing X out of Y total items"
-         */
-        totalItems?: (showing: number, outof: number) => string;
-    };
-    onSearchTextChange?: (v: string) => void;
-    onSelectItem?: (v: TSearchModalRes<T> | undefined) => void;
-    textBoxRef?: React.RefObject<IRefTextEdit | null>;
-    rowCountOpt?: {
-        /** if provided will change position of row count when some lines are hidden. default bottom */
-        display?: 'bottom' | 'top' | 'off';
-    };
-}
-export type ISearchModal<T> = ISearchDialog<T>;

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

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

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

@@ -1,11 +0,0 @@
-import React from 'react';
-export interface ISidebar {
-    children: React.ReactNode;
-    className?: string;
-    /** default:defaultClosed
-     * defaultClosed: always closed by default.
-     * fixedOpen: always open on bigscreen. cant close if bigscreen
-     */
-    mode?: 'defaultClosed' | 'fixedOpen';
-}
-export declare const Sidebar: ({ children, className, mode, }: ISidebar) => React.JSX.Element;

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

@@ -1,194 +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.Sidebar = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_2 = __importStar(require("react"));
-const helpers_1 = require("../../helpers");
-const Hamburger_1 = require("../../icons/Hamburger");
-const common_1 = require("../../styles/common");
-const media_1 = require("../../styles/media");
-const Chevron_1 = require("../Chevron");
-const closedSidebarHover = (0, react_1.css) `
-  padding-left: 0.5rem;
-  width: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.1);
-  cursor: pointer;
-  &:hover,
-  &:hover [data-hover='true'] {
-    background-color: #ccc;
-  }
-  &:hover {
-    border-right: solid 1px #999;
-  }
-`;
-const Base = styled_1.default.div `
-  position: sticky;
-  top: 0;
-  transition: all 200ms;
-  border-right: solid 1px #ccc;
-  height: 100vh;
-  z-index: 1;
-
-  ${common_1.NoTextSelect};
-  &:hover {
-    [data-type='content-block'] {
-      left: 1rem;
-    }
-  }
-
-  &[data-open='true'] {
-    width: fit-content;
-
-    @media ${media_1.smallScreen} {
-      max-width: unset;
-      position: fixed;
-      top: 0;
-      left: 0;
-    }
-  }
-  &[data-open='false'] {
-    ${closedSidebarHover};
-  }
-
-  :not([data-open]) {
-    @media ${media_1.smallScreen} {
-      ${closedSidebarHover};
-    }
-    @media ${media_1.bigScreen} {
-      width: fit-content;
-    }
-  }
-`;
-const closedContentBlockOffScreen = (0, react_1.css) `
-  left: -100vw;
-  transition: left 200ms;
-  height: 100%;
-`;
-const ContentBlock = styled_1.default.div `
-  ${closedContentBlockOffScreen};
-  &[data-open='false'] {
-    position: absolute;
-    top: 0;
-    z-index: 1;
-    width: fit-content;
-  }
-
-  :not([data-open]) {
-    @media ${media_1.smallScreen} {
-      position: absolute;
-      ${closedContentBlockOffScreen};
-    }
-  }
-`;
-const Content = styled_1.default.div `
-  display: flex;
-  flex-flow: column;
-  width: 100%;
-  height: 100%;
-
-  &[data-open='false'] {
-    filter: drop-shadow(1px 1px 0.5rem #555);
-    border-radius: 1rem;
-    background-color: rgba(255, 255, 255, 0.1);
-  }
-`;
-const HamburgerB = styled_1.default.div `
-  position: absolute;
-  transition: all 200ms;
-  z-index: 2;
-
-  &[data-hide-on-big='true'] {
-    @media ${media_1.bigScreen} {
-      display: none;
-    }
-  }
-
-  &[data-open='false'] {
-    top: 0.5rem;
-    left: 0.25rem;
-  }
-
-  :not([data-open]) {
-    @media ${media_1.bigScreen} {
-      top: 0.5rem;
-      right: -0.75rem;
-    }
-  }
-  &[data-open='true'] {
-    top: 0.5rem;
-    right: -0.75rem;
-  }
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 1.5rem;
-  height: 1.5rem;
-  background-color: rgba(255, 255, 255, 0.9);
-  padding: 0.25rem;
-  &:hover {
-    background-color: rgba(255, 255, 255, 0.7);
-  }
-  border-radius: 50%;
-  border: solid 1px rgba(0, 0, 0, 0.5);
-  cursor: pointer;
-`;
-const ChevronStyled = (0, styled_1.default)(Chevron_1.Chevron) `
-  svg {
-    fill: #555;
-  }
-`;
-const Sidebar = ({ children, className, mode = 'defaultClosed', }) => {
-    const ref = (0, react_2.useRef)(null);
-    const [open, setOpen] = (0, react_2.useState)(mode === 'defaultClosed' ? false : null);
-    (0, helpers_1.useOnClickOutside)({ ref, disabled: () => !open || window.innerWidth > media_1.smallScreenPx }, () => {
-        setOpen(false);
-    });
-    return (react_2.default.createElement(Base, { "data-type": "sidebar", className: className, "data-open": open, onClick: () => !open && setOpen(true), "data-hover": true, ref: ref },
-        react_2.default.createElement(HamburgerB, { "data-hide-on-big": mode === 'fixedOpen', "data-open": open, onClick: (e) => {
-                e.stopPropagation();
-                setOpen(!open);
-            }, "data-hover": true }, open ? react_2.default.createElement(ChevronStyled, { point: "left", width: "100%" }) : react_2.default.createElement(Hamburger_1.Hamburger, null)),
-        react_2.default.createElement(ContentBlock, { "data-type": "content-block", "data-open": open },
-            react_2.default.createElement(Content, { "data-type": "content", "data-open": open, onClick: (e) => {
-                    e.stopPropagation();
-                } }, children))));
-};
-exports.Sidebar = Sidebar;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface ISparkLine {
-    /**
-     * default #4d76ff
-     */
-    pointColour?: string;
-    className?: string;
-    data: TSparkLineData[];
-    pointTitleF?: (p: TSparkLineData) => string;
-    title?: string;
-}
-export type TSparkLineData = {
-    x: number;
-    y: number;
-};
-export declare const SparkLine: (p: ISparkLine) => React.JSX.Element;

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

@@ -1,64 +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.SparkLine = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const array_1 = require("../../../common/helpers/array");
-const math_1 = require("../../../common/helpers/math");
-const barWidth = 2;
-const Base = styled_1.default.div `
-  width: calc(100% - 1px);
-  height: calc(100% - 1px);
-  border: solid 1px #666;
-  padding: 0;
-  display: flex;
-  justify-content: center;
-  align-items: flex-end;
-  overflow: hidden;
-`;
-const Points = styled_1.default.div `
-  position: relative;
-  width: calc(100% - ${barWidth}px);
-  height: calc(100% - ${barWidth}px);
-  margin-left: ${barWidth}px;
-`;
-const Point = styled_1.default.div `
-  position: absolute;
-  width: ${barWidth}px;
-`;
-const SparkLine = (p) => {
-    const { data: raw, pointColour = '#4d76ff' } = p;
-    const xMin = Math.min(...raw.map((d) => d.x));
-    const xMax = Math.max(...raw.map((d) => d.x));
-    const yMin = Math.min(...raw.map((d) => d.y));
-    const yMax = Math.max(...raw.map((d) => d.y));
-    const data = (0, array_1.distinctBy)(raw.map((orig) => ({
-        x: (0, math_1.rangePercentage)({
-            value: orig.x,
-            min: xMin,
-            max: xMax,
-        }) * 100,
-        y: (0, math_1.rangePercentage)({
-            value: orig.y,
-            min: yMin,
-            max: yMax,
-        }) * 100,
-        orig,
-    })), (s) => s.x);
-    return (react_1.default.createElement(Base, { className: p.className, title: p.title },
-        react_1.default.createElement(Points, null, data.map((pt) => {
-            var _a, _b;
-            return (react_1.default.createElement(Point, { title: (_b = (_a = p.pointTitleF) === null || _a === void 0 ? void 0 : _a.call(p, pt.orig)) !== null && _b !== void 0 ? _b : '', key: pt.x + ' ' + pt.y, style: {
-                    backgroundColor: pointColour,
-                    borderColor: pointColour,
-                    left: `calc(${pt.x}% - ${barWidth}px)`,
-                    bottom: 0,
-                    height: `calc(${pt.y}% + ${barWidth}px)`,
-                } }));
-        }))));
-};
-exports.SparkLine = SparkLine;