@vincentgraul/react-components 1.0.38 → 1.0.40

package/build/modal/Modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAI5D,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkB9D"}

package/build/modal/Modal.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import styled from "styled-components";
-import useOutsideAlerter from "../outside-alerter/useOutsideAlerter";
-export default function Modal(props) {
-    const { className, children, onClickedOutside } = props;
-    const ref = useRef(null);
-    const { hasClickedOutside } = useOutsideAlerter(ref);
-    useEffect(() => {
-        if (onClickedOutside && hasClickedOutside) {
-            onClickedOutside();
-        }
-    }, [hasClickedOutside]);
-    return (_jsx(Overlay, { className: `modal-overlay ${className}`, children: _jsx(Container, { className: "modal-content", ref: ref, children: children }) }));
-}
-const Overlay = styled.div `
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  overflow-y: auto;
-  z-index: 1;
-`;
-const Container = styled.div `
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translate(-50%, 0);
-  background-color: #f9fbff;
-  border-radius: 0.5rem;
-  padding: 1rem;
-  z-index: 1;
-  margin: 5rem 0 5rem 0;
-`;

package/build/mount-react-hook/mountReactHook.d.ts

@@ -1,8 +0,0 @@
-import { ComponentType } from "react";
-export interface MountedHook {
-    container: HTMLElement;
-    unmount: () => void;
-    value: ObjectLiteral | Primitive;
-}
-export default function mountReactHook(Component: ComponentType, props?: ObjectLiteral): MountedHook;
-//# sourceMappingURL=mountReactHook.d.ts.map

package/build/mount-react-hook/mountReactHook.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mountReactHook.d.ts","sourceRoot":"","sources":["../../src/mount-react-hook/mountReactHook.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,aAAa,GAAG,SAAS,CAAC;CAClC;AASD,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,SAAS,EAAE,aAAa,EACxB,KAAK,GAAE,aAAkB,GACxB,WAAW,CAab"}

package/build/mount-react-hook/mountReactHook.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from "@testing-library/react";
-export default function mountReactHook(Component, props = {}) {
-    let value = null;
-    const { container, unmount } = render(_jsx(Component, Object.assign({}, props, { children: (hookValue) => {
-            value = hookValue;
-            return null;
-        } })));
-    return { container, unmount, value };
-}

package/build/numbered-pagination/NumberedPagination.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from "react";
-import { Pagination } from "../pagination/usePagination";
-export declare enum ArrowPosition {
-    LEFT = 0,
-    RIGHT = 1
-}
-export interface NumberedPaginationProps extends Pagination {
-    renderSingleArrow?: (position: ArrowPosition) => ReactNode;
-    renderDoubleArrow?: (position: ArrowPosition) => ReactNode;
-    className?: string;
-}
-export default function NumberedPagination(props: NumberedPaginationProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=NumberedPagination.d.ts.map

package/build/numbered-pagination/NumberedPagination.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberedPagination.d.ts","sourceRoot":"","sources":["../../src/numbered-pagination/NumberedPagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AAED,MAAM,WAAW,uBAAwB,SAAQ,UAAU;IACzD,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,SAAS,CAAC;IAC3D,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,SAAS,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA0ExE"}

package/build/numbered-pagination/NumberedPagination.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from "styled-components";
-export var ArrowPosition;
-(function (ArrowPosition) {
-    ArrowPosition[ArrowPosition["LEFT"] = 0] = "LEFT";
-    ArrowPosition[ArrowPosition["RIGHT"] = 1] = "RIGHT";
-})(ArrowPosition || (ArrowPosition = {}));
-export default function NumberedPagination(props) {
-    const { page, total, items, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, className = "", } = props;
-    return (_jsxs(Container, { className: `${className} pagination`, children: [page > 1 && (_jsxs(_Fragment, { children: [renderDoubleArrow && (_jsx(Item, { className: "pagination-item pagination-item-arrow pagination-item-double-arrow", onClick: () => goToFirst(), children: renderDoubleArrow(ArrowPosition.LEFT) })), renderSingleArrow && (_jsx(Item, { className: "pagination-item pagination-item-arrow pagination-item-single-arrow", onClick: () => goToLeft(), children: renderSingleArrow(ArrowPosition.LEFT) }))] })), items.map((page, index) => (_jsx(Item, { className: `pagination-item pagination-item-number ${page === props.page ? "selected" : ""}`, onClick: () => goToPage(page), children: page }, index))), page < total && (_jsxs(_Fragment, { children: [renderSingleArrow && (_jsx(Item, { className: "pagination-item pagination-item-arrow pagination-item-single-arrow", onClick: () => goToRight(), children: renderSingleArrow(ArrowPosition.RIGHT) })), renderDoubleArrow && (_jsx(Item, { className: "pagination-item pagination-item-arrow pagination-item-double-arrow", onClick: () => goToLast(), children: renderDoubleArrow(ArrowPosition.RIGHT) }))] }))] }));
-}
-const Container = styled.div `
-  display: flex;
-`;
-const Item = styled.div `
-  &:first-child {
-    border-width: 1px 1px 1px 1px;
-  }
-  border-style: solid;
-  border-width: 1px 1px 1px 0;
-  padding: 0.5rem 1rem 0.5rem 1rem;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-`;

package/build/outside-alerter/useOutsideAlerter.d.ts

@@ -1,8 +0,0 @@
-import { RefObject } from "react";
-interface OutsideAlerter {
-    hasClickedOutside: boolean;
-    onReset: () => void;
-}
-export default function useOutsideAlerter(ref: RefObject<HTMLElement>): OutsideAlerter;
-export {};
-//# sourceMappingURL=useOutsideAlerter.d.ts.map

package/build/outside-alerter/useOutsideAlerter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOutsideAlerter.d.ts","sourceRoot":"","sources":["../../src/outside-alerter/useOutsideAlerter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAY,MAAM,OAAO,CAAC;AAEvD,UAAU,cAAc;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,GAAG,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,cAAc,CAyBrF"}

package/build/outside-alerter/useOutsideAlerter.js

@@ -1,22 +0,0 @@
-import { useEffect, useState } from "react";
-export default function useOutsideAlerter(ref) {
-    const [hasClickedOutside, setClickedOutside] = useState(false);
-    const handleOnReset = () => {
-        setClickedOutside(false);
-    };
-    useEffect(() => {
-        const handleOnClickOutside = (event) => {
-            if (event.target && ref.current) {
-                const value = !ref.current.contains(event.target);
-                if (value !== hasClickedOutside) {
-                    setClickedOutside(value);
-                }
-            }
-        };
-        document.addEventListener("mousedown", handleOnClickOutside);
-        return () => {
-            document.removeEventListener("mousedown", handleOnClickOutside);
-        };
-    }, [ref, hasClickedOutside]);
-    return { hasClickedOutside, onReset: handleOnReset };
-}

package/build/pagination/usePagination.d.ts

@@ -1,20 +0,0 @@
-export interface PaginationProps {
-    page: number;
-    totalRecords: number;
-    maxRecordsPerPage?: number;
-    itemNeighbours?: number;
-    minItems?: number;
-}
-export interface Pagination {
-    page: number;
-    total: number;
-    items: number[];
-    maxRecordsPerPage: number;
-    goToPage: (page: number) => void;
-    goToFirst: () => void;
-    goToLeft: () => void;
-    goToRight: () => void;
-    goToLast: () => void;
-}
-export default function usePagination(props: PaginationProps): Pagination;
-//# sourceMappingURL=usePagination.d.ts.map

package/build/pagination/usePagination.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../src/pagination/usePagination.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAkBD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,eAAe,GAAG,UAAU,CA0DxE"}

package/build/pagination/usePagination.js

@@ -1,49 +0,0 @@
-import { useEffect, useState } from "react";
-export default function usePagination(props) {
-    const { totalRecords, itemNeighbours = 2, minItems = 5, maxRecordsPerPage = 10 } = props;
-    const [page, setPage] = useState(props.page);
-    const [total, setTotal] = useState(0);
-    const [items, setItems] = useState([]);
-    const generateItems = () => {
-        const items = [];
-        const from = Math.max(1, Math.min(page - itemNeighbours, total + 1 - minItems));
-        const to = Math.min(total, Math.max(minItems, page + itemNeighbours));
-        for (let i = from; i <= to; i++) {
-            items.push(i);
-        }
-        return items;
-    };
-    useEffect(() => {
-        setTotal(Math.ceil(totalRecords / maxRecordsPerPage));
-    }, [totalRecords, maxRecordsPerPage]);
-    useEffect(() => {
-        setItems(generateItems());
-    }, [page, total, itemNeighbours, minItems]);
-    const goToPage = (page) => {
-        const currentPage = Math.max(1, Math.min(page, total));
-        setPage(currentPage);
-    };
-    const goToFirst = () => {
-        goToPage(1);
-    };
-    const goToLeft = () => {
-        goToPage(page - 1);
-    };
-    const goToRight = () => {
-        goToPage(page + 1);
-    };
-    const goToLast = () => {
-        goToPage(total);
-    };
-    return {
-        page,
-        total,
-        items,
-        maxRecordsPerPage,
-        goToPage,
-        goToFirst,
-        goToLeft,
-        goToRight,
-        goToLast,
-    };
-}

package/build/scroll-to/useScrollTo.d.ts

@@ -1,6 +0,0 @@
-import { RefObject } from "react";
-export interface ScrollEvents {
-    scrollToTop: () => void;
-}
-export default function useScrollTo(target: RefObject<HTMLElement>): ScrollEvents;
-//# sourceMappingURL=useScrollTo.d.ts.map

package/build/scroll-to/useScrollTo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScrollTo.d.ts","sourceRoot":"","sources":["../../src/scroll-to/useScrollTo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AASD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,YAAY,CAchF"}

package/build/scroll-to/useScrollTo.js

@@ -1,12 +0,0 @@
-export default function useScrollTo(target) {
-    const isClientSide = typeof window !== "undefined";
-    if (!isClientSide) {
-        return { scrollToTop: () => null };
-    }
-    const scrollToTop = () => {
-        if (target.current) {
-            window.scrollTo(0, target.current.offsetTop);
-        }
-    };
-    return { scrollToTop };
-}

package/build/select/Select.d.ts

@@ -1,289 +0,0 @@
-import React, { ReactNode } from "react";
-interface Option {
-    id: number;
-    label: string | ReactNode;
-    value: string;
-}
-export type OptionWithoutId = Omit<Option, "id">;
-interface Props {
-    options: OptionWithoutId[];
-    selectedValue?: string;
-    onChange?: (option: Option) => void;
-    className?: string;
-}
-export default function Select(props: Props): import("react/jsx-runtime").JSX.Element;
-declare const Option: import("styled-components").IStyledComponent<"web", {
-    ref?: React.LegacyRef<HTMLLIElement>;
-    key?: React.Key;
-    value?: string | number | readonly string[];
-    defaultChecked?: boolean;
-    defaultValue?: string | number | readonly string[];
-    suppressContentEditableWarning?: boolean;
-    suppressHydrationWarning?: boolean;
-    accessKey?: string;
-    autoFocus?: boolean;
-    className?: string;
-    contentEditable?: "inherit" | (boolean | "true" | "false");
-    contextMenu?: string;
-    dir?: string;
-    draggable?: boolean | "true" | "false";
-    hidden?: boolean;
-    id?: string;
-    lang?: string;
-    nonce?: string;
-    placeholder?: string;
-    slot?: string;
-    spellCheck?: boolean | "true" | "false";
-    style?: React.CSSProperties;
-    tabIndex?: number;
-    title?: string;
-    translate?: "no" | "yes";
-    radioGroup?: string;
-    role?: React.AriaRole;
-    about?: string;
-    content?: string;
-    datatype?: string;
-    inlist?: any;
-    prefix?: string;
-    property?: string;
-    rel?: string;
-    resource?: string;
-    rev?: string;
-    typeof?: string;
-    vocab?: string;
-    autoCapitalize?: string;
-    autoCorrect?: string;
-    autoSave?: string;
-    color?: string;
-    itemProp?: string;
-    itemScope?: boolean;
-    itemType?: string;
-    itemID?: string;
-    itemRef?: string;
-    results?: number;
-    security?: string;
-    unselectable?: "off" | "on";
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
-    is?: string;
-    "aria-activedescendant"?: string;
-    "aria-atomic"?: boolean | "true" | "false";
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both";
-    "aria-braillelabel"?: string;
-    "aria-brailleroledescription"?: string;
-    "aria-busy"?: boolean | "true" | "false";
-    "aria-checked"?: boolean | "true" | "false" | "mixed";
-    "aria-colcount"?: number;
-    "aria-colindex"?: number;
-    "aria-colindextext"?: string;
-    "aria-colspan"?: number;
-    "aria-controls"?: string;
-    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date";
-    "aria-describedby"?: string;
-    "aria-description"?: string;
-    "aria-details"?: string;
-    "aria-disabled"?: boolean | "true" | "false";
-    "aria-dropeffect"?: "link" | "copy" | "none" | "execute" | "move" | "popup";
-    "aria-errormessage"?: string;
-    "aria-expanded"?: boolean | "true" | "false";
-    "aria-flowto"?: string;
-    "aria-grabbed"?: boolean | "true" | "false";
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false";
-    "aria-hidden"?: boolean | "true" | "false";
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
-    "aria-keyshortcuts"?: string;
-    "aria-label"?: string;
-    "aria-labelledby"?: string;
-    "aria-level"?: number;
-    "aria-live"?: "off" | "assertive" | "polite";
-    "aria-modal"?: boolean | "true" | "false";
-    "aria-multiline"?: boolean | "true" | "false";
-    "aria-multiselectable"?: boolean | "true" | "false";
-    "aria-orientation"?: "horizontal" | "vertical";
-    "aria-owns"?: string;
-    "aria-placeholder"?: string;
-    "aria-posinset"?: number;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed";
-    "aria-readonly"?: boolean | "true" | "false";
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
-    "aria-required"?: boolean | "true" | "false";
-    "aria-roledescription"?: string;
-    "aria-rowcount"?: number;
-    "aria-rowindex"?: number;
-    "aria-rowindextext"?: string;
-    "aria-rowspan"?: number;
-    "aria-selected"?: boolean | "true" | "false";
-    "aria-setsize"?: number;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other";
-    "aria-valuemax"?: number;
-    "aria-valuemin"?: number;
-    "aria-valuenow"?: number;
-    "aria-valuetext"?: string;
-    children?: React.ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    };
-    onCopy?: React.ClipboardEventHandler<HTMLLIElement>;
-    onCopyCapture?: React.ClipboardEventHandler<HTMLLIElement>;
-    onCut?: React.ClipboardEventHandler<HTMLLIElement>;
-    onCutCapture?: React.ClipboardEventHandler<HTMLLIElement>;
-    onPaste?: React.ClipboardEventHandler<HTMLLIElement>;
-    onPasteCapture?: React.ClipboardEventHandler<HTMLLIElement>;
-    onCompositionEnd?: React.CompositionEventHandler<HTMLLIElement>;
-    onCompositionEndCapture?: React.CompositionEventHandler<HTMLLIElement>;
-    onCompositionStart?: React.CompositionEventHandler<HTMLLIElement>;
-    onCompositionStartCapture?: React.CompositionEventHandler<HTMLLIElement>;
-    onCompositionUpdate?: React.CompositionEventHandler<HTMLLIElement>;
-    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLLIElement>;
-    onFocus?: React.FocusEventHandler<HTMLLIElement>;
-    onFocusCapture?: React.FocusEventHandler<HTMLLIElement>;
-    onBlur?: React.FocusEventHandler<HTMLLIElement>;
-    onBlurCapture?: React.FocusEventHandler<HTMLLIElement>;
-    onChange?: React.FormEventHandler<HTMLLIElement>;
-    onChangeCapture?: React.FormEventHandler<HTMLLIElement>;
-    onBeforeInput?: React.FormEventHandler<HTMLLIElement>;
-    onBeforeInputCapture?: React.FormEventHandler<HTMLLIElement>;
-    onInput?: React.FormEventHandler<HTMLLIElement>;
-    onInputCapture?: React.FormEventHandler<HTMLLIElement>;
-    onReset?: React.FormEventHandler<HTMLLIElement>;
-    onResetCapture?: React.FormEventHandler<HTMLLIElement>;
-    onSubmit?: React.FormEventHandler<HTMLLIElement>;
-    onSubmitCapture?: React.FormEventHandler<HTMLLIElement>;
-    onInvalid?: React.FormEventHandler<HTMLLIElement>;
-    onInvalidCapture?: React.FormEventHandler<HTMLLIElement>;
-    onLoad?: React.ReactEventHandler<HTMLLIElement>;
-    onLoadCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onError?: React.ReactEventHandler<HTMLLIElement>;
-    onErrorCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLLIElement>;
-    onKeyDownCapture?: React.KeyboardEventHandler<HTMLLIElement>;
-    onKeyPress?: React.KeyboardEventHandler<HTMLLIElement>;
-    onKeyPressCapture?: React.KeyboardEventHandler<HTMLLIElement>;
-    onKeyUp?: React.KeyboardEventHandler<HTMLLIElement>;
-    onKeyUpCapture?: React.KeyboardEventHandler<HTMLLIElement>;
-    onAbort?: React.ReactEventHandler<HTMLLIElement>;
-    onAbortCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onCanPlay?: React.ReactEventHandler<HTMLLIElement>;
-    onCanPlayCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onCanPlayThrough?: React.ReactEventHandler<HTMLLIElement>;
-    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onDurationChange?: React.ReactEventHandler<HTMLLIElement>;
-    onDurationChangeCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onEmptied?: React.ReactEventHandler<HTMLLIElement>;
-    onEmptiedCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onEncrypted?: React.ReactEventHandler<HTMLLIElement>;
-    onEncryptedCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onEnded?: React.ReactEventHandler<HTMLLIElement>;
-    onEndedCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onLoadedData?: React.ReactEventHandler<HTMLLIElement>;
-    onLoadedDataCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onLoadedMetadata?: React.ReactEventHandler<HTMLLIElement>;
-    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onLoadStart?: React.ReactEventHandler<HTMLLIElement>;
-    onLoadStartCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onPause?: React.ReactEventHandler<HTMLLIElement>;
-    onPauseCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onPlay?: React.ReactEventHandler<HTMLLIElement>;
-    onPlayCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onPlaying?: React.ReactEventHandler<HTMLLIElement>;
-    onPlayingCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onProgress?: React.ReactEventHandler<HTMLLIElement>;
-    onProgressCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onRateChange?: React.ReactEventHandler<HTMLLIElement>;
-    onRateChangeCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onResize?: React.ReactEventHandler<HTMLLIElement>;
-    onResizeCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onSeeked?: React.ReactEventHandler<HTMLLIElement>;
-    onSeekedCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onSeeking?: React.ReactEventHandler<HTMLLIElement>;
-    onSeekingCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onStalled?: React.ReactEventHandler<HTMLLIElement>;
-    onStalledCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onSuspend?: React.ReactEventHandler<HTMLLIElement>;
-    onSuspendCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onTimeUpdate?: React.ReactEventHandler<HTMLLIElement>;
-    onTimeUpdateCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onVolumeChange?: React.ReactEventHandler<HTMLLIElement>;
-    onVolumeChangeCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onWaiting?: React.ReactEventHandler<HTMLLIElement>;
-    onWaitingCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onAuxClick?: React.MouseEventHandler<HTMLLIElement>;
-    onAuxClickCapture?: React.MouseEventHandler<HTMLLIElement>;
-    onClick?: React.MouseEventHandler<HTMLLIElement>;
-    onClickCapture?: React.MouseEventHandler<HTMLLIElement>;
-    onContextMenu?: React.MouseEventHandler<HTMLLIElement>;
-    onContextMenuCapture?: React.MouseEventHandler<HTMLLIElement>;
-    onDoubleClick?: React.MouseEventHandler<HTMLLIElement>;
-    onDoubleClickCapture?: React.MouseEventHandler<HTMLLIElement>;
-    onDrag?: React.DragEventHandler<HTMLLIElement>;
-    onDragCapture?: React.DragEventHandler<HTMLLIElement>;
-    onDragEnd?: React.DragEventHandler<HTMLLIElement>;
-    onDragEndCapture?: React.DragEventHandler<HTMLLIElement>;
-    onDragEnter?: React.DragEventHandler<HTMLLIElement>;
-    onDragEnterCapture?: React.DragEventHandler<HTMLLIElement>;
-    onDragExit?: React.DragEventHandler<HTMLLIElement>;
-    onDragExitCapture?: React.DragEventHandler<HTMLLIElement>;
-    onDragLeave?: React.DragEventHandler<HTMLLIElement>;
-    onDragLeaveCapture?: React.DragEventHandler<HTMLLIElement>;
-    onDragOver?: React.DragEventHandler<HTMLLIElement>;
-    onDragOverCapture?: React.DragEventHandler<HTMLLIElement>;
-    onDragStart?: React.DragEventHandler<HTMLLIElement>;
-    onDragStartCapture?: React.DragEventHandler<HTMLLIElement>;
-    onDrop?: React.DragEventHandler<HTMLLIElement>;
-    onDropCapture?: React.DragEventHandler<HTMLLIElement>;
-    onMouseDown?: React.MouseEventHandler<HTMLLIElement>;
-    onMouseDownCapture?: React.MouseEventHandler<HTMLLIElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLLIElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLLIElement>;
-    onMouseMove?: React.MouseEventHandler<HTMLLIElement>;
-    onMouseMoveCapture?: React.MouseEventHandler<HTMLLIElement>;
-    onMouseOut?: React.MouseEventHandler<HTMLLIElement>;
-    onMouseOutCapture?: React.MouseEventHandler<HTMLLIElement>;
-    onMouseOver?: React.MouseEventHandler<HTMLLIElement>;
-    onMouseOverCapture?: React.MouseEventHandler<HTMLLIElement>;
-    onMouseUp?: React.MouseEventHandler<HTMLLIElement>;
-    onMouseUpCapture?: React.MouseEventHandler<HTMLLIElement>;
-    onSelect?: React.ReactEventHandler<HTMLLIElement>;
-    onSelectCapture?: React.ReactEventHandler<HTMLLIElement>;
-    onTouchCancel?: React.TouchEventHandler<HTMLLIElement>;
-    onTouchCancelCapture?: React.TouchEventHandler<HTMLLIElement>;
-    onTouchEnd?: React.TouchEventHandler<HTMLLIElement>;
-    onTouchEndCapture?: React.TouchEventHandler<HTMLLIElement>;
-    onTouchMove?: React.TouchEventHandler<HTMLLIElement>;
-    onTouchMoveCapture?: React.TouchEventHandler<HTMLLIElement>;
-    onTouchStart?: React.TouchEventHandler<HTMLLIElement>;
-    onTouchStartCapture?: React.TouchEventHandler<HTMLLIElement>;
-    onPointerDown?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerDownCapture?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerMove?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerMoveCapture?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerUp?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerUpCapture?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerCancel?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerCancelCapture?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerEnter?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerLeave?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerOver?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerOverCapture?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerOut?: React.PointerEventHandler<HTMLLIElement>;
-    onPointerOutCapture?: React.PointerEventHandler<HTMLLIElement>;
-    onGotPointerCapture?: React.PointerEventHandler<HTMLLIElement>;
-    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLLIElement>;
-    onLostPointerCapture?: React.PointerEventHandler<HTMLLIElement>;
-    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLLIElement>;
-    onScroll?: React.UIEventHandler<HTMLLIElement>;
-    onScrollCapture?: React.UIEventHandler<HTMLLIElement>;
-    onWheel?: React.WheelEventHandler<HTMLLIElement>;
-    onWheelCapture?: React.WheelEventHandler<HTMLLIElement>;
-    onAnimationStart?: React.AnimationEventHandler<HTMLLIElement>;
-    onAnimationStartCapture?: React.AnimationEventHandler<HTMLLIElement>;
-    onAnimationEnd?: React.AnimationEventHandler<HTMLLIElement>;
-    onAnimationEndCapture?: React.AnimationEventHandler<HTMLLIElement>;
-    onAnimationIteration?: React.AnimationEventHandler<HTMLLIElement>;
-    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLLIElement>;
-    onTransitionEnd?: React.TransitionEventHandler<HTMLLIElement>;
-    onTransitionEndCapture?: React.TransitionEventHandler<HTMLLIElement>;
-}>;
-export {};
-//# sourceMappingURL=Select.d.ts.map

package/build/select/Select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAKtE,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAEjD,UAAU,KAAK;IACb,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,KAAK,2CA4E1C;AAoCD,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBX,CAAC"}

package/build/select/Select.js

@@ -1,92 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import styled from "styled-components";
-import { ArrowBottom } from "./icons";
-import useOutsideAlerter from "../outside-alerter/useOutsideAlerter";
-export default function Select(props) {
-    const { selectedValue, className, onChange } = props;
-    const [options, setOptions] = useState(null);
-    const [isListVisible, setListVisibility] = useState(false);
-    const [selectedOption, setSelectedOption] = useState(null);
-    const ref = useRef(null);
-    const { hasClickedOutside, onReset: onResetOutsideAlerter } = useOutsideAlerter(ref);
-    const handleSelectedOptionClick = () => {
-        onResetOutsideAlerter();
-        setListVisibility(!isListVisible);
-    };
-    const handleOptionClick = (option) => {
-        setSelectedOption(option);
-        setListVisibility(false);
-        if (onChange) {
-            onChange(option);
-        }
-    };
-    useEffect(() => {
-        setOptions(props.options.map((option, index) => (Object.assign(Object.assign({}, option), { id: index }))));
-    }, [props.options]);
-    useEffect(() => {
-        if (options && !selectedOption) {
-            setSelectedOption(selectedValue ? options.find((option) => option.value === selectedValue) : options[0]);
-        }
-    }, [options]);
-    useEffect(() => {
-        if (hasClickedOutside) {
-            setListVisibility(false);
-        }
-    }, [hasClickedOutside]);
-    if (!options || !selectedOption) {
-        return null;
-    }
-    return (_jsxs(Container, { className: `select ${className}`, ref: ref, children: [_jsxs(SelectedOptionContainer, { className: "select-selected-option", onClick: handleSelectedOptionClick, children: [_jsx(SelectedOptionText, { className: "select-selected-option-text", children: selectedOption.label }), _jsx(SelectedOptionArrow, { className: "select-arrow" })] }), isListVisible && (_jsx(OptionsList, { className: "select-options", children: options
-                    .filter((option) => option.id !== selectedOption.id)
-                    .map((option) => (_jsx(Option, { className: "select-option", onClick: () => handleOptionClick(option), children: option.label }, option.id))) }))] }));
-}
-const Container = styled.div `
-  width: fit-content;
-`;
-const SelectedOptionContainer = styled.div `
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  user-select: none;
-  padding: 10px;
-  background-color: white;
-  border-radius: 5px;
-`;
-const SelectedOptionText = styled.span `
-  padding-right: 10px;
-  border-right: 1px solid black;
-`;
-const SelectedOptionArrow = styled(ArrowBottom) `
-  width: 15px;
-  margin-left: 10px;
-`;
-const OptionsList = styled.ul `
-  width: 100%;
-  list-style: none;
-  padding: 0;
-  margin: 10px 0 0 0;
-  user-select: none;
-  background-color: white;
-  border-radius: 5px;
-`;
-const Option = styled.li `
-  padding: 10px;
-  cursor: pointer;
-
-  &:hover {
-    background-color: #ecf0f1;
-
-    &:first-child {
-      border-radius: 5px 5px 0 0;
-    }
-
-    &:last-child {
-      border-radius: 0 0 5px 5px;
-    }
-
-    &:only-child {
-      border-radius: 5px;
-    }
-  }
-`;

package/build/select/icons/ArrowBottom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArrowBottom.d.ts","sourceRoot":"","sources":["../../../src/select/icons/ArrowBottom.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,QAAA,MAAM,cAAc,UAAW,SAAS,aAAa,CAAC,4CAQrD,CAAC;AACF,eAAe,cAAc,CAAC"}