@rivtn/noseur 1.0.0

package/dist/esm/form/RadioButton.d.ts

@@ -0,0 +1,21 @@
+import "./Form.css";
+import React from 'react';
+import { Alignment } from "../constants/Alignment";
+import { ComponentBaseProps } from '../core/ComponentBaseProps';
+import { NoseurFormElement, NoseurCheckState, NoseurLabel, NoseurNummber } from "../constants/Types";
+export interface RadioButtonProps extends ComponentBaseProps<NoseurFormElement | HTMLLabelElement> {
+    checked: boolean;
+    readOnly: boolean;
+    required: boolean;
+    label: NoseurLabel;
+    highlight: boolean;
+    toggleable: boolean;
+    alignLabel: Alignment;
+    defaultChecked: boolean;
+    alwaysRenderInput: boolean;
+    checkedIndex: NoseurNummber;
+    checkStates: NoseurCheckState[];
+    defaultCheckedIndex: NoseurNummber;
+    onChecked?: (checked: boolean) => void | boolean;
+}
+export declare const RadioButton: ({ ref, ...props }: Partial<RadioButtonProps>) => React.JSX.Element;

package/dist/esm/form/RadioButton.js

@@ -0,0 +1,178 @@
+import "./Form.css";
+import React from 'react';
+import { Scheme } from "../constants/Scheme";
+import { Classname } from "../utils/Classname";
+import { Alignment } from "../constants/Alignment";
+import { ObjectHelper } from "../utils/ObjectHelper";
+import { MicroBuilder } from "../utils/MicroBuilder";
+const __noseurGlobalRadioButtonReporter = {};
+;
+class RadioButtonComponent extends React.Component {
+    static defaultProps = {
+        toggleable: false,
+        scheme: Scheme.STATELESS,
+        alignLabel: Alignment.RIGHT,
+        checkStates: [
+            {
+                icon: null,
+                checked: false,
+                scheme: Scheme.NIL,
+                value: "un-checked",
+            },
+            {
+                checked: true,
+                value: "checked",
+                icon: "fa fa-circle",
+                scheme: Scheme.PRIMARY,
+            }
+        ]
+    };
+    state = {
+        toggleable: true,
+        checkedIndex: this.getFirstCheckedValue(),
+    };
+    internalRadioButtonElement;
+    constructor(props) {
+        super(props);
+        this.onClick = this.onClick.bind(this);
+        this.onKeyDown = this.onKeyDown.bind(this);
+        this.onCheckBoxClicked = this.onCheckBoxClicked.bind(this);
+        this.getFirstCheckedValue = this.getFirstCheckedValue.bind(this);
+    }
+    componentDidMount() {
+        if (this.props.defaultChecked) {
+            __noseurGlobalRadioButtonReporter[this.props.name] = this.onCheckBoxClicked;
+        }
+    }
+    componentDidUpdate(prevProps) {
+        if ((prevProps.checked !== undefined && prevProps.checked !== this.props.checked)
+            || (prevProps.checkedIndex !== undefined && prevProps.checkedIndex !== this.props.checkedIndex)) {
+            this.setState({ checkedIndex: this.getFirstCheckedValue() });
+        }
+    }
+    onClick(event) {
+        this.props.onClick && this.props.onClick(event);
+        if (!this.state.toggleable && !this.props.toggleable)
+            return;
+        event.stopPropagation();
+        this.onCheckBoxClicked(event);
+    }
+    onKeyDown(event) {
+        this.props.onKeyDown && this.props.onKeyDown(event);
+        if (event.code == "Space") {
+            if (!this.state.toggleable && !this.props.toggleable)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            this.onCheckBoxClicked(event);
+        }
+    }
+    onCheckBoxClicked(event) {
+        if (this.props.readOnly)
+            return;
+        let newCheckedIndex = this.getCheckStatesIndex() + 1;
+        if (newCheckedIndex >= this.props.checkStates.length)
+            newCheckedIndex = 0;
+        const checkState = this.props.checkStates[newCheckedIndex];
+        if (this.props.onChecked?.(checkState?.checked) === true && checkState?.checked === true) {
+            return;
+        }
+        if (this.props.onChange && event) {
+            this.props.onChange({
+                ...event,
+                checkState,
+                value: checkState?.value,
+                checked: checkState?.checked
+            });
+        }
+        this.setState({ checkedIndex: newCheckedIndex, toggleable: !event }, () => {
+            const name = this.props.name;
+            if (!event || !name)
+                return;
+            if (!!event && (name in __noseurGlobalRadioButtonReporter)) {
+                __noseurGlobalRadioButtonReporter[name]();
+            }
+            __noseurGlobalRadioButtonReporter[name] = this.onCheckBoxClicked;
+        });
+    }
+    getCheckStatesIndex() {
+        if (this.props.checkedIndex)
+            return this.props.checkedIndex;
+        if (this.props.checked || this.props.checkedIndex != null)
+            return this.getFirstCheckedValue();
+        const checkStatesSize = this.props.checkStates.length;
+        let checkedIndex = this.state.checkedIndex;
+        if (checkedIndex >= checkStatesSize) {
+            checkedIndex = 0;
+        }
+        return checkedIndex;
+    }
+    getFirstCheckedValue() {
+        if (this.props.checkStates.length == 2 && this.props.checkStates[0].scheme == Scheme.NIL) {
+            if (this.props.checked || this.props.defaultChecked)
+                return 1;
+            if (this.props.checkedIndex != null)
+                return this.props.checkedIndex;
+            if (this.props.defaultCheckedIndex != null)
+                return this.props.defaultCheckedIndex;
+        }
+        return 0;
+    }
+    buildInput(checkState) {
+        if (!checkState.checked && !this.props.alwaysRenderInput)
+            return;
+        const props = {
+            id: this.props.id,
+            name: this.props.name,
+            checked: checkState.checked,
+            required: this.props.required,
+            onClick: () => { },
+            onChange: (e) => { e.stopPropagation(); }
+        };
+        return React.createElement("input", { type: "radio", ...props });
+    }
+    buildBox(checkState) {
+        const scheme = this.props.checkStates.length == 2 && this.props.checkStates[0].scheme == Scheme.NIL
+            ? this.props.scheme : (checkState.scheme ?? this.props.scheme);
+        const className = Classname.build("noseur-radiobutton-box", (!this.props.noStyle && scheme) ? `${scheme}-bd-cl-hv` : null, (!this.props.noStyle && checkState.scheme) ? `${scheme}-vars` : null, { 'noseur-skeleton': scheme === Scheme.SKELETON, }, this.props.className);
+        const iconClassName = Classname.build((!this.props.noStyle && !checkState.scheme) ? `noseur-form-bd-cl` : null, (!this.props.noStyle && this.props.highlight) ? `${scheme}-bd-cl` : null, (!this.props.noStyle && scheme) ? `${scheme}-bd-cl-fc ${scheme}-bd-cl-hv ${scheme}-bd-cl-ac` : null);
+        const icon = MicroBuilder.buildIcon(checkState.icon, {
+            className: iconClassName,
+            scheme: checkState.scheme,
+        });
+        const props = {
+            className,
+            tabIndex: 1,
+            onClick: this.onClick,
+            onKeyDown: this.onKeyDown,
+        };
+        return (React.createElement("span", { ...props }, icon));
+    }
+    render() {
+        const checkState = this.props.checkStates[this.getCheckStatesIndex()];
+        const box = this.buildBox(checkState);
+        const input = this.buildInput(checkState);
+        const label = MicroBuilder.buildLabel(this.props.label, {
+            scheme: this.props.scheme,
+            relativeAlignment: this.props.alignLabel,
+        }, { onClick: this.onClick });
+        const className = Classname.build("noseur-radiobutton", {
+            'noseur-fl-d-c-r': this.props.alignLabel === Alignment.TOP,
+            'noseur-fl-d-r-r': this.props.alignLabel === Alignment.LEFT,
+            'noseur-fl-d-c': this.props.alignLabel === Alignment.BOTTOM,
+            'noseur-disabled': !this.props.noStyle && this.props.disabled,
+        });
+        const eventProps = ObjectHelper.extractEventProps(this.props, ["onChecked"]);
+        const props = {
+            className,
+            ...eventProps,
+            key: this.props.key,
+            style: this.props.style,
+        };
+        return (React.createElement("label", { ref: this.props.forwardRef, ...props },
+            box,
+            label,
+            input));
+    }
+}
+export const RadioButton = ({ ref, ...props }) => (React.createElement(RadioButtonComponent, { ...props, forwardRef: ref }));

package/dist/esm/form/Slider.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { BareInputManageRef } from "./Input";
+import { NoseurElement } from "../constants/Types";
+import { Orientation } from "../constants/Orientation";
+import { DragSensorProps } from "../sensor/DragSensor";
+import { ComponentBaseProps, ComponentElementBasicAttributes } from "../core/ComponentBaseProps";
+export interface SliderManageRef extends BareInputManageRef<number | number[]> {
+}
+export type SliderAttributesRelays = {
+    range?: ComponentElementBasicAttributes;
+    handle?: ComponentElementBasicAttributes;
+    dragSensorProps?: Partial<DragSensorProps>;
+};
+export interface SliderProps extends ComponentBaseProps<HTMLDivElement, SliderManageRef, SliderAttributesRelays> {
+    inverse: boolean;
+    range: NoseurElement;
+    handle: NoseurElement;
+    value: number | number[];
+    orientation: Orientation.VERTICAL | Orientation.HORIZONTAL;
+}
+export declare const Slider: ({ ref, ...props }: Partial<SliderProps>) => React.JSX.Element;

package/dist/esm/form/Slider.js

@@ -0,0 +1,163 @@
+import React from "react";
+import { Classname } from "../utils/Classname";
+import { Direction } from "../constants/Direction";
+import { ObjectHelper } from "../utils/ObjectHelper";
+import { Orientation } from "../constants/Orientation";
+import { DOMHelper, ScrollHandler } from "../utils/DOMUtils";
+import { DragSensor } from "../sensor/DragSensor";
+class SliderComponent extends React.Component {
+    static defaultProps = {
+        attrsRelay: {},
+        draggable: true,
+        orientation: Orientation.HORIZONTAL,
+    };
+    state = {
+        values: (typeof this.props.value === "number" ? [this.props.value] : this.props.value) ?? [0],
+    };
+    documentScrollHandler;
+    componentUnmounted = false;
+    compoundRef = null;
+    sliderRangeElement;
+    compoundRefRect;
+    constructor(props) {
+        super(props);
+        this.updateRange = this.updateRange.bind(this);
+        this.onHandleDrag = this.onHandleDrag.bind(this);
+    }
+    componentDidMount() {
+        ObjectHelper.resolveManageRef(this, {
+            clear: () => {
+                this.setState({ values: this.state.values.map(() => 0) });
+                this.forceUpdate();
+            },
+            value: () => {
+                return (this.state.values.length < 2 ? this.state.values[0] : this.state.values);
+            },
+            setValue: (values) => {
+                this.setState({ values });
+            },
+        });
+        if (this.documentScrollHandler)
+            return;
+        this.documentScrollHandler = ScrollHandler.handle(this.compoundRef, async (_) => {
+            this.compoundRefRect = DOMHelper.getElementRectWithOffset(this.compoundRef);
+        });
+        this.documentScrollHandler.attach();
+        this.componentUnmounted = true;
+    }
+    componentWillUnmount() {
+        if (!this.componentUnmounted)
+            return;
+        this.componentUnmounted = true;
+        this.documentScrollHandler && this.documentScrollHandler.detach();
+        ObjectHelper.resolveManageRef(this, null);
+        this.documentScrollHandler = undefined;
+    }
+    shouldComponentUpdate(_, __) {
+        return true;
+    }
+    async updateRange() {
+        const values = this.state.values;
+        if (this.sliderRangeElement) {
+            if (values.length < 2) {
+                this.sliderRangeElement.style[this.props.orientation === Orientation.HORIZONTAL ? "width" : "height"] = `${values[0]}%`;
+                return;
+            }
+            let farRightValue = values[0];
+            let farLeftValue = values[values.length - 1];
+            if (farRightValue > farLeftValue) {
+                let tempValue = farLeftValue;
+                farLeftValue = farRightValue;
+                farRightValue = tempValue;
+            }
+            if (this.props.orientation === Orientation.HORIZONTAL) {
+                this.sliderRangeElement.style.left = `${farRightValue}%`;
+                this.sliderRangeElement.style.right = `${farLeftValue}%`;
+                this.sliderRangeElement.style.width = `${farLeftValue - farRightValue}%`;
+                return;
+            }
+            this.sliderRangeElement.style.top = `${farRightValue}%`;
+            this.sliderRangeElement.style.bottom = `${farLeftValue}%`;
+            this.sliderRangeElement.style.height = `${farLeftValue - farRightValue}%`;
+        }
+    }
+    async onHandleDrag(evt) {
+        const values = this.state.values;
+        const index = parseInt((evt?.key ?? "").split("|__|")[0]);
+        const compoundWidthOrHeight = (this.props.orientation === Orientation.HORIZONTAL ? this.compoundRefRect?.width : this.compoundRefRect?.height);
+        const compoundLeftOrTop = (this.props.orientation === Orientation.HORIZONTAL ? this.compoundRefRect?.left : this.compoundRefRect?.top);
+        const value = evt[this.props.orientation === Orientation.HORIZONTAL ? "left" : "top"] - (compoundLeftOrTop ?? 0);
+        const percentageValue = ObjectHelper.round((value / (compoundWidthOrHeight ?? 1)) * 100);
+        const finalValue = (this.props.inverse && values.length === 1 ? (100 - percentageValue) : percentageValue);
+        if (values[index] === value)
+            return;
+        values[index] = finalValue;
+        (async () => {
+            (evt?.event.target).style[this.props.orientation === Orientation.HORIZONTAL ? "left" : "top"] = `${percentageValue}%`;
+            this.props.onChange && this.props.onChange({ values: values, value: (values ? values[0] : 0) });
+            this.updateRange();
+        }).bind(this)();
+        this.props.attrsRelay?.dragSensorProps?.onDragEvent && this.props.attrsRelay?.dragSensorProps?.onDragEvent(evt);
+    }
+    renderRange() {
+        const className = Classname.build("noseur-slider-range", {
+            "inverse": this.props.inverse,
+            [`${this.props.attrsRelay?.range?.scheme}-vars`]: !!this.props.attrsRelay?.range?.scheme
+        }, this.props.attrsRelay?.range?.className);
+        if (this.props.range) {
+            return React.cloneElement(this.props.range, {
+                id: ObjectHelper.object(this.props.range)?.props?.id ?? this.props.attrsRelay?.range?.id,
+                className: Classname.build(className, ObjectHelper.object(this.props.range)?.props?.className),
+                style: {
+                    ...(this.props.attrsRelay?.range?.style ?? {}),
+                    ...ObjectHelper.object(this.props.range)?.props?.style,
+                },
+            });
+        }
+        return (React.createElement("span", { ref: (r) => this.sliderRangeElement = r, className: className, style: this.props.attrsRelay?.range?.style, id: this.props.attrsRelay?.range?.id }));
+    }
+    renderHandle(index, value) {
+        const finalValue = (this.props.inverse ? (100 - value) : value);
+        const key = `${index}|__|${DOMHelper.uniqueElementId("slider")}`;
+        const props = {
+            style: {
+                ...(this.props.attrsRelay?.handle?.style ?? {}),
+                [this.props.orientation === Orientation.HORIZONTAL ? "left" : "top"]: `${finalValue}%`,
+            },
+        };
+        const className = Classname.build("noseur-slider-handle", {
+            [`${this.props.attrsRelay?.handle?.scheme}-vars`]: !!this.props.attrsRelay?.handle?.scheme
+        }, this.props.attrsRelay?.handle?.className);
+        if (this.props.handle) {
+            return React.cloneElement(this.props.handle, {
+                key,
+                ...props,
+                className,
+                draggable: true,
+                id: this.props.attrsRelay?.handle?.id
+            });
+        }
+        return (React.createElement("span", { key: key, draggable: true, className: className, id: this.props.attrsRelay?.handle?.id, ...props }));
+    }
+    render() {
+        const range = this.renderRange();
+        const handles = this.state.values.map((value, index) => this.renderHandle(index, value));
+        const className = Classname.build("noseur-slider", `noseur-slider-${this.props.orientation}`, {
+            [`${this.props.scheme}-vars`]: !!this.props.scheme
+        }, this.props.className);
+        const ref = (r) => {
+            this.compoundRef = r;
+            const firstRender = !this.compoundRefRect;
+            ObjectHelper.resolveRef(this.props.forwardRef, r);
+            if (r)
+                this.compoundRefRect = DOMHelper.getElementRectWithOffset(this.compoundRef);
+            if (firstRender)
+                this.updateRange();
+        };
+        return (React.createElement("div", { ref: ref, className: className, id: this.props.id, style: this.props.style, key: this.props.key },
+            range,
+            React.createElement(DragSensor, { direction: this.props.orientation === Orientation.HORIZONTAL ? Direction.EAST_WEST : Direction.NORTH_SOUTH, draggable: this.props.draggable, singleton: true, boundToParent: true, ...this.props.attrsRelay?.dragSensorProps, onDragEvent: this.onHandleDrag }, handles)));
+    }
+    ;
+}
+export const Slider = ({ ref, ...props }) => (React.createElement(SliderComponent, { ...props, forwardRef: ref }));

package/dist/esm/hooks/useSearchParams.d.ts

@@ -0,0 +1,15 @@
+import { NoseurObject } from "../constants/Types";
+import * as ReactRouterDom from "react-router-dom";
+import { URLSearchParamsValue } from "../utils/DOMUtils";
+export interface UseSearchParamsOptions<T> {
+    params?: T;
+    defaultInit?: string;
+}
+export declare function useSearchParams<T extends Record<string, URLSearchParamsValue>>(options?: UseSearchParamsOptions<T>): {
+    actionMapper: any;
+    searchParams: URLSearchParams;
+    setSearchParams: ReactRouterDom.SetURLSearchParams;
+    deleteSearchParam: (key: string, cb?: Function) => void;
+    updateSearchParam: (key: string, value: URLSearchParamsValue, cb?: Function) => void;
+    updateSearchParams: (values: NoseurObject<URLSearchParamsValue>, cb?: Function) => void;
+} & { [K in keyof T & string]: T[K]; } & { [K_1 in keyof T & string as `set${Capitalize<K_1>}`]: (val: T[K_1] | undefined, cb?: Function) => void; } & { [K_2 in keyof T & string as `clear${Capitalize<K_2>}`]: (cb?: Function) => void; };

package/dist/esm/hooks/useSearchParams.js

@@ -0,0 +1,50 @@
+import React from "react";
+import * as ReactRouterDom from "react-router-dom";
+import { DOMHelper } from "../utils/DOMUtils";
+import { FunctionStackManager } from "../utils/FunctionStackManager";
+export function useSearchParams(options) {
+    const actionMapper = {};
+    const [functionStackManager, _] = React.useState(new FunctionStackManager());
+    const [searchParams, setSearchParams] = ReactRouterDom.useSearchParams(options?.defaultInit);
+    React.useEffect(() => {
+        functionStackManager.popSmoke("USE_SEARCH_PARAMS_CB");
+    }, [searchParams]);
+    if (options?.params) {
+        Object.keys(options?.params).forEach((key) => {
+            actionMapper[key] = searchParams.get(key) ?? options?.params?.[key];
+            const setterName = `set${key.charAt(0).toUpperCase()}${key.slice(1)}`;
+            const clearerName = `clear${key.charAt(0).toUpperCase()}${key.slice(1)}`;
+            actionMapper[setterName] = ((newVal, cb) => {
+                actionMapper[key] = newVal;
+                if (cb)
+                    functionStackManager.register("USE_SEARCH_PARAMS_CB", cb);
+                updateSearchParam(key, newVal);
+            }).bind(searchParams);
+            actionMapper[clearerName] = ((cb) => {
+                delete actionMapper[key];
+                if (cb)
+                    functionStackManager.register("USE_SEARCH_PARAMS_CB", cb);
+                deleteSearchParam(key);
+            }).bind(searchParams);
+        });
+    }
+    ;
+    return {
+        actionMapper,
+        searchParams,
+        setSearchParams,
+        deleteSearchParam,
+        updateSearchParam,
+        updateSearchParams,
+        ...actionMapper,
+    };
+    function deleteSearchParam(key, cb) {
+        DOMHelper.updateSearchParam(setSearchParams, key, undefined, cb);
+    }
+    function updateSearchParam(key, value, cb) {
+        DOMHelper.updateSearchParam(setSearchParams, key, value, cb);
+    }
+    function updateSearchParams(values, cb) {
+        DOMHelper.updateSearchParams(setSearchParams, values, cb);
+    }
+}

package/dist/esm/hooks/useSubscription.d.ts

@@ -0,0 +1,9 @@
+import { Subscription } from "../utils/Subscriber";
+export interface UseSubscriptionOptions {
+    skipRegister?: boolean;
+    skipUnRegister?: boolean;
+    reportAfterRegister?: any;
+    reportAfterUnRegister?: any;
+    reportBeforeUnRegister?: any;
+}
+export declare function useSubscription(key: string, subscription?: Subscription, options?: UseSubscriptionOptions): (...data: any) => void;

package/dist/esm/hooks/useSubscription.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { Subscriber } from "../utils/Subscriber";
+export function useSubscription(key, subscription, options) {
+    React.useEffect(() => {
+        if (subscription && !options?.skipRegister) {
+            Subscriber.subscribe(key, subscription);
+        }
+        if (options?.reportAfterRegister) {
+            Subscriber.report(key, options?.reportAfterRegister);
+        }
+        return () => {
+            if (options?.reportBeforeUnRegister) {
+                Subscriber.report(key, options?.reportBeforeUnRegister);
+            }
+            if (subscription && !options?.skipUnRegister) {
+                Subscriber.unSubscribe(key, subscription);
+            }
+            if (options?.reportAfterUnRegister) {
+                Subscriber.report(key, options?.reportAfterUnRegister);
+            }
+        };
+    }, []);
+    return (...data) => {
+        Subscriber.report(key, ...data);
+    };
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,60 @@
+export * from "./core/ComponentBaseProps";
+export * from "./constants/Types";
+export * from "./constants/Scheme";
+export * from "./constants/Direction";
+export * from "./constants/Alignment";
+export * from "./constants/Transition";
+export * from "./constants/Orientation";
+export * from "./utils/Timer";
+export * from "./utils/Debugger";
+export * from "./utils/DOMUtils";
+export * from "./utils/Classname";
+export * from "./utils/FileHelper";
+export * from "./utils/BoolHelper";
+export * from "./utils/DateHelper";
+export * from "./utils/Subscriber";
+export * from "./utils/InputHelper";
+export * from "./utils/ColorHelper";
+export * from "./utils/TypeChecker";
+export * from "./utils/ObjectHelper";
+export * from "./utils/StringHelper";
+export * from "./compose/overlay/Alert";
+export * from "./compose/form/FormGroup";
+export * from "./compose/form/FormControl";
+export * from "./compose/exotic/ColorSlider";
+export * from "./compose/exotic/ColorPicker";
+export * from "./compose/form/DateTimeInput";
+export * from "./compose/form/DateTimePicker";
+export * from "./compose/form/ComposedPassword";
+export * from "./misc/ProgressBar";
+export * from "./presentation/Chart";
+export * from "./presentation/Paginator";
+export * from "./form/Input";
+export * from "./form/Button";
+export * from "./form/Slider";
+export * from "./form/ColorMap";
+export * from "./form/Checkbox";
+export * from "./form/Dropdown";
+export * from "./form/Calendar";
+export * from "./form/FileInput";
+export * from "./form/RadioButton";
+export * from "./form/ColorPalette";
+export * from "./overlay/Portal";
+export * from "./overlay/Message";
+export * from "./overlay/Popover";
+export * from "./overlay/Dialog";
+export * from "./overlay/Toast";
+export * from "./data/Data";
+export * from "./data/Column";
+export * from "./data/Table";
+export * from "./data/List";
+export * from "./panel/Panel";
+export * from "./panel/TabPane";
+export * from "./panel/Accordion";
+export * from "./panel/ScrollPanel";
+export * from "./layout/GridView";
+export * from "./sensor/DragSensor";
+export * from "./sensor/ViewportSensor";
+export * from "./hooks/useSubscription";
+export * from "./hooks/useSearchParams";
+import "./core/noseur.css";

package/dist/esm/index.js

@@ -0,0 +1,73 @@
+// core
+export * from "./core/ComponentBaseProps";
+// constants
+export * from "./constants/Types";
+export * from "./constants/Scheme";
+export * from "./constants/Direction";
+export * from "./constants/Alignment";
+export * from "./constants/Transition";
+export * from "./constants/Orientation";
+// utils
+export * from "./utils/Timer";
+export * from "./utils/Debugger";
+export * from "./utils/DOMUtils";
+export * from "./utils/Classname";
+export * from "./utils/FileHelper";
+export * from "./utils/BoolHelper";
+export * from "./utils/DateHelper";
+export * from "./utils/Subscriber";
+export * from "./utils/InputHelper";
+export * from "./utils/ColorHelper";
+export * from "./utils/TypeChecker";
+export * from "./utils/ObjectHelper";
+export * from "./utils/StringHelper";
+// compose
+export * from "./compose/overlay/Alert";
+export * from "./compose/form/FormGroup";
+export * from "./compose/form/FormControl";
+export * from "./compose/exotic/ColorSlider";
+export * from "./compose/exotic/ColorPicker";
+export * from "./compose/form/DateTimeInput";
+export * from "./compose/form/DateTimePicker";
+export * from "./compose/form/ComposedPassword";
+// misc
+export * from "./misc/ProgressBar";
+// presentation
+export * from "./presentation/Chart";
+export * from "./presentation/Paginator";
+// form
+export * from "./form/Input";
+export * from "./form/Button";
+export * from "./form/Slider";
+export * from "./form/ColorMap";
+export * from "./form/Checkbox";
+export * from "./form/Dropdown";
+export * from "./form/Calendar";
+export * from "./form/FileInput";
+export * from "./form/RadioButton";
+export * from "./form/ColorPalette";
+// overlay
+export * from "./overlay/Portal";
+export * from "./overlay/Message";
+export * from "./overlay/Popover";
+export * from "./overlay/Dialog";
+export * from "./overlay/Toast";
+// data
+export * from "./data/Data";
+export * from "./data/Column";
+export * from "./data/Table";
+export * from "./data/List";
+// panel
+export * from "./panel/Panel";
+export * from "./panel/TabPane";
+export * from "./panel/Accordion";
+export * from "./panel/ScrollPanel";
+// layout
+export * from "./layout/GridView";
+// sensor
+export * from "./sensor/DragSensor";
+export * from "./sensor/ViewportSensor";
+// hooks
+export * from "./hooks/useSubscription";
+export * from "./hooks/useSearchParams";
+import "./core/noseur.css";

package/dist/esm/layout/GridView.d.ts

@@ -0,0 +1,23 @@
+import "./Layout.css";
+import React from "react";
+import { ComponentBaseProps, ComponentElementBasicAttributes } from "../core/ComponentBaseProps";
+export type GridViewAttributesRelays = {
+    map?: {
+        size: number;
+    } & ComponentElementBasicAttributes;
+};
+export interface GridViewManageRef {
+}
+export interface GridViewProps extends ComponentBaseProps<HTMLDivElement, GridViewManageRef, GridViewAttributesRelays> {
+    row: number;
+    column: number;
+    gap: number | {
+        row: number;
+        column: number;
+    };
+    columnSize: number | {
+        width: number;
+        height: number;
+    };
+}
+export declare const GridView: ({ ref, ...props }: Partial<GridViewProps>) => React.JSX.Element;