ikoncomponents 1.5.5 → 1.5.7

package/dist/ikoncomponents/data-table/type.d.ts

@@ -0,0 +1,60 @@
+import { Column, ColumnDef, PaginationState, Table } from "@tanstack/react-table";
+import { ActionMenuProps } from "../action-menu/type";
+export interface DataTableProps<TData, TValue> {
+    data: TData[];
+    columns: DTColumnsProps<TData, TValue>[];
+    extraParams?: DTExtraParamsProps;
+    onTableReady?: (table: any) => void;
+}
+export type DTColumnsProps<TData, TValue = unknown> = ColumnDef<TData, TValue> & {
+    title?: string;
+    headerClassName?: string;
+};
+export interface DTExtraParamsProps {
+    defaultGroups?: string[];
+    grouping?: boolean;
+    header?: boolean;
+    footer?: boolean;
+    defaultTools?: ("columnFilter" | "search" | "filter")[] | boolean;
+    extraTools?: any;
+    sorting?: boolean;
+    paginationBar?: boolean;
+    rowsPerPage?: boolean;
+    pagination?: boolean;
+    numberOfRows?: boolean;
+    checkBoxColumn?: boolean;
+    checkBoxColumnCallback?: (selectedRows: any[]) => void;
+    actionMenu?: DTActionMenuProps;
+    groupActionMenu?: DTActionMenuProps;
+    pageSize?: number;
+    pageIndex?: number;
+    pageSizeArray?: number[];
+    rowSelection?: boolean;
+    onPaginationChange?: (state: PaginationState) => void;
+    defaultRowSelection?: (row: any) => boolean;
+}
+export interface DTActionMenuProps {
+    items: ActionMenuProps[];
+    extraArguments?: any[];
+}
+export interface DataTableViewOptionsProps<TData> {
+    table: Table<TData>;
+}
+export interface DTToolBarProps<TData> {
+    table: Table<TData>;
+    extraParams?: DTExtraParamsProps;
+}
+export interface DataTableFilterProps<TData> {
+    table: Table<TData>;
+}
+export interface DataTableFacetedFilterProps<TData, TValue> {
+    column: Column<TData, TValue>;
+}
+export interface DataTablePaginationProps<TData> {
+    table: Table<TData>;
+    extraParams?: DTExtraParamsProps;
+}
+export interface DragDropHeaderProp {
+    id: string;
+    title: string;
+}

package/dist/ikoncomponents/data-table/type.js

@@ -0,0 +1 @@
+export {};

package/dist/ikoncomponents/e-chart/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Props {
+    parentDivProps?: any;
+    option?: Record<string | number, any>;
+    style?: Record<string, string>;
+    settings?: Record<string, any>;
+    loading?: boolean;
+    theme?: string | object | null;
+    isConfigurable?: boolean;
+    resizeKey?: null | boolean | number | string;
+    onClick?: (...args: any) => void;
+    onConfigure?: (...args: any) => void;
+}
+export declare const EChart: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+export {};

package/dist/ikoncomponents/e-chart/index.js

@@ -0,0 +1,115 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import { getInstanceByDom, init } from 'echarts';
+function validateOption(option) {
+    if (option === undefined || option === null || typeof option !== 'object') {
+        option = {};
+    }
+    const validatedOption = Object.assign({}, option);
+    if (validatedOption.toolbox === undefined ||
+        validatedOption.toolbox === null ||
+        typeof validatedOption.toolbox !== 'object') {
+        validatedOption.toolbox = {};
+    }
+    if (validatedOption.toolbox.feature === undefined ||
+        validatedOption.toolbox.feature === null ||
+        typeof validatedOption.toolbox.feature !== 'object') {
+        validatedOption.toolbox.feature = {};
+    }
+    return validatedOption;
+}
+export const EChart = forwardRef(({ parentDivProps = {}, option = {}, style = {}, settings = {}, loading = true, theme, isConfigurable = false, resizeKey, onClick = () => { }, onConfigure = () => { } }, ref) => {
+    const chartRef = useRef(null);
+    const chartInstanceRef = useRef(null);
+    const validatedOption = validateOption(option);
+    if (isConfigurable) {
+        validatedOption.toolbox.feature = Object.assign(Object.assign({}, validatedOption.toolbox.feature), { myConfigureChartTool: {
+                show: true,
+                title: 'Configure Chart',
+                icon: 'image://data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXNldHRpbmdzLTIiPjxwYXRoIGQ9Ik0yMCA3aC05Ii8+PHBhdGggZD0iTTE0IDE3SDUiLz48Y2lyY2xlIGN4PSIxNyIgY3k9IjE3IiByPSIzIi8+PGNpcmNsZSBjeD0iNyIgY3k9IjciIHI9IjMiLz48L3N2Zz4=',
+                onclick: () => onConfigure === null || onConfigure === void 0 ? void 0 : onConfigure()
+            } });
+    }
+    useImperativeHandle(ref, () => {
+        return {
+            getChartObject: () => {
+                return chartRef.current ? getInstanceByDom(chartRef.current) : null;
+            },
+            setOption: (validatedOption, settings) => {
+                if (!chartRef.current) {
+                    return;
+                }
+                const chart = getInstanceByDom(chartRef.current);
+                chart === null || chart === void 0 ? void 0 : chart.setOption(validatedOption, settings);
+            },
+            resize: (secondResizeDelay = 0) => {
+                if (!chartRef.current) {
+                    return;
+                }
+                const chart = getInstanceByDom(chartRef.current);
+                chart === null || chart === void 0 ? void 0 : chart.resize();
+                if (secondResizeDelay) {
+                    setTimeout(() => chart === null || chart === void 0 ? void 0 : chart.resize(), secondResizeDelay);
+                }
+            },
+            loadingVisible: (visibility) => {
+                if (!chartRef.current) {
+                    return;
+                }
+                const chart = getInstanceByDom(chartRef.current);
+                visibility ? chart === null || chart === void 0 ? void 0 : chart.showLoading() : chart === null || chart === void 0 ? void 0 : chart.hideLoading();
+            },
+            dispose: () => {
+                if (!chartRef.current) {
+                    return;
+                }
+                const chart = getInstanceByDom(chartRef.current);
+                chart === null || chart === void 0 ? void 0 : chart.dispose();
+            },
+            on: (eventName, callback) => {
+                if (!chartRef.current) {
+                    return;
+                }
+                const chart = getInstanceByDom(chartRef.current);
+                chart === null || chart === void 0 ? void 0 : chart.on(eventName, callback);
+            }
+        };
+    });
+    useEffect(() => {
+        if (chartRef.current) {
+            chartInstanceRef.current = init(chartRef.current, theme);
+        }
+        const resizeCallback = () => { var _a, _b; return (_b = (_a = chartInstanceRef.current) === null || _a === void 0 ? void 0 : _a.resize) === null || _b === void 0 ? void 0 : _b.call(_a); };
+        window.addEventListener('resize', resizeCallback);
+        return () => {
+            if (chartInstanceRef.current) {
+                chartInstanceRef.current.dispose();
+                chartInstanceRef.current = null;
+            }
+            window.removeEventListener('resize', resizeCallback);
+        };
+    }, [theme]);
+    useEffect(() => {
+        if (chartInstanceRef.current) {
+            chartInstanceRef.current.setOption(validatedOption, settings);
+        }
+        if (chartInstanceRef.current) {
+            chartInstanceRef.current.on('click', onClick);
+        }
+    }, [option, settings, theme]);
+    useEffect(() => {
+        if (chartInstanceRef.current) {
+            chartInstanceRef.current.resize();
+        }
+    }, [resizeKey]);
+    useEffect(() => {
+        if (chartInstanceRef.current) {
+            setTimeout(() => {
+                var _a;
+                (_a = chartInstanceRef.current) === null || _a === void 0 ? void 0 : _a.resize();
+            }, 500);
+        }
+    }, []);
+    return (_jsx("div", Object.assign({ ref: chartRef }, parentDivProps, { style: Object.assign({ width: '100%', height: '100%' }, style) })));
+});

package/dist/ikoncomponents/file-input/index.d.ts

@@ -0,0 +1 @@
+export declare function FileInput({ tooltipContent, fileNamePlaceholder, fileName, onFileNameChange, ...props }: any): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/file-input/index.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Upload } from 'lucide-react';
+import { Input } from '../../shadcn/input';
+import { IconButtonWithTooltip } from '../buttons';
+export function FileInput(_a) {
+    var { tooltipContent, fileNamePlaceholder, fileName, onFileNameChange } = _a, props = __rest(_a, ["tooltipContent", "fileNamePlaceholder", "fileName", "onFileNameChange"]);
+    const inputRef = useRef(null);
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: 'flex', children: [_jsx(Input, Object.assign({ ref: inputRef, type: "file", className: "hidden" }, props)), _jsx("div", { className: 'mx-1' }), _jsx(Input, { className: 'rounded-e-none', placeholder: fileNamePlaceholder, onChange: (...args) => onFileNameChange === null || onFileNameChange === void 0 ? void 0 : onFileNameChange(...args), value: fileName }), _jsx(IconButtonWithTooltip, { tooltipContent: tooltipContent || "Browse File", onClick: () => { var _a; return (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, className: 'border-s-0 rounded-s-none', children: _jsx(Upload, {}) })] }) }));
+}

package/dist/ikoncomponents/fileUpload/index.d.ts

@@ -0,0 +1,15 @@
+export interface FileUploaderProps {
+    label?: string;
+    isDrag?: boolean;
+    onFileSelect: (fileObj: any) => Promise<any> | void;
+}
+export declare const convertFileToObject: (file: File) => Promise<{
+    message: string;
+    fileName: string;
+    size: number;
+    type: string;
+    lastModified: number;
+    base64: string;
+}>;
+export declare function FileUploader({ label, isDrag, onFileSelect, }: FileUploaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function getImageFromObject(obj: any): string;

package/dist/ikoncomponents/fileUpload/index.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { UploadCloud, FileUp } from "lucide-react";
+// --- Helper: Convert File to Object with Base64 ---
+export const convertFileToObject = async (file) => {
+    const arrayBuffer = await file.arrayBuffer();
+    const base64 = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer)));
+    return {
+        message: "File processed successfully",
+        fileName: file.name,
+        size: file.size,
+        type: file.type,
+        lastModified: file.lastModified,
+        base64: base64,
+    };
+};
+export function FileUploader({ label = "Upload File", isDrag = false, onFileSelect, }) {
+    const [isDragging, setIsDragging] = useState(false);
+    const handleFile = async (file) => {
+        if (!file)
+            return;
+        const fileObj = await convertFileToObject(file); // convert to object
+        await onFileSelect(fileObj); // pass object to parent
+    };
+    // ---- DRAG HANDLERS ----
+    const handleDrop = (e) => {
+        var _a;
+        if (!isDrag)
+            return;
+        e.preventDefault();
+        setIsDragging(false);
+        const file = (_a = e.dataTransfer.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (file)
+            handleFile(file);
+    };
+    const handleDragOver = (e) => {
+        if (!isDrag)
+            return;
+        e.preventDefault();
+        setIsDragging(true);
+    };
+    const handleDragLeave = () => {
+        if (!isDrag)
+            return;
+        setIsDragging(false);
+    };
+    const handleInputChange = (e) => {
+        var _a;
+        const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (file)
+            handleFile(file);
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [_jsx("label", { className: "text-sm font-medium", children: label }), _jsx("input", { type: "file", id: "fileInput", className: "hidden", onChange: handleInputChange }), isDrag ? (_jsx("div", { className: `border-2 border-dashed rounded-lg p-6 text-center cursor-pointer transition
+            ${isDragging ? "border-blue-600 bg-blue-50" : "border-gray-300"}
+          `, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: () => { var _a; return (_a = document.getElementById("fileInput")) === null || _a === void 0 ? void 0 : _a.click(); }, children: _jsxs("div", { className: "flex flex-col items-center gap-3", children: [_jsx(UploadCloud, { className: "w-10 h-10 text-blue-600" }), _jsxs("p", { className: "text-gray-600", children: ["Drag & drop your file here or", " ", _jsx("span", { className: "text-blue-600 underline", children: "browse" })] })] }) })) : (
+            // ----- SIMPLE UPLOAD BOX -----
+            _jsxs("div", { className: "border rounded-lg p-4 flex flex-col items-center gap-2 cursor-pointer text-center", onClick: () => { var _a; return (_a = document.getElementById("fileInput")) === null || _a === void 0 ? void 0 : _a.click(); }, children: [_jsx(FileUp, { className: "w-8 h-8 text-blue-600" }), _jsx("span", { className: "text-blue-600 underline", children: "Browse File" })] }))] }));
+}
+// --- Helper Function: Recreate Image from File Object ---
+export function getImageFromObject(obj) {
+    const byteCharacters = atob(obj.base64);
+    const byteNumbers = new Array(byteCharacters.length)
+        .fill(0)
+        .map((_, i) => byteCharacters.charCodeAt(i));
+    const byteArray = new Uint8Array(byteNumbers);
+    const blob = new Blob([byteArray], { type: obj.type });
+    return URL.createObjectURL(blob); // usable in <img src="..." />
+}

package/dist/ikoncomponents/form-fields/combobox-input/index.d.ts

@@ -0,0 +1,2 @@
+import { FormComboboxInputProps } from "../types";
+export declare function FormComboboxInput({ formControl, name, label, placeholder, formDescription, items, disabled, onSelect, }: FormComboboxInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/form-fields/combobox-input/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "../../../shadcn/form";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
+import { Button } from "../../../shadcn/button";
+import { cn } from "../../../utils/cn";
+import { Check, ChevronsUpDown } from "lucide-react";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../../../shadcn/command";
+export function FormComboboxInput({ formControl, name, label, placeholder, formDescription, items, disabled, onSelect, }) {
+    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => {
+                var _a;
+                return (_jsxs(FormItem, { className: "", children: [label && (_jsx(_Fragment, { children: _jsx(FormLabel, { children: label }) })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", role: "combobox", className: cn("justify-between", !field.value && "text-muted-foreground"), disabled: disabled == true ||
+                                                (disabled && disabled(...arguments)), children: [field.value
+                                                    ? ((_a = items.find((item) => item.value === field.value)) === null || _a === void 0 ? void 0 : _a.label) || field.value
+                                                    : placeholder, _jsx(ChevronsUpDown, { className: "opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No items found." }), _jsx(CommandGroup, { children: items.map((item) => (_jsxs(CommandItem, { value: item.value, disabled: (item.disabled == true || (item.disabled && item.disabled(item))), onSelect: (value) => {
+                                                                field.onChange(value);
+                                                                onSelect && onSelect(value);
+                                                            }, children: [(item === null || item === void 0 ? void 0 : item.label) || item.value, _jsx(Check, { className: cn("ml-auto", item.value === field.value
+                                                                        ? "opacity-100"
+                                                                        : "opacity-0") })] }, item.value))) })] })] }) })] }), formDescription && (_jsx(FormDescription, { children: formDescription })), _jsx(FormMessage, {})] }));
+            } }) }));
+}

package/dist/ikoncomponents/form-fields/combobox-input-value/index.d.ts

@@ -0,0 +1,18 @@
+import { Control } from "react-hook-form";
+export interface FormComboboxInputProps {
+    formControl: Control<any>;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    formDescription?: string;
+    items: {
+        value: string;
+        label: string;
+        disabled?: boolean | ((item: any) => boolean);
+    }[];
+    disabled?: boolean | ((...args: any[]) => boolean);
+    onSelect?: (value: any) => void;
+    value?: string;
+    onChange?: (value: any) => void;
+}
+export declare function FormComboboxInputWithValue(props: FormComboboxInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/form-fields/combobox-input-value/index.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useController } from "react-hook-form";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "../../../shadcn/form";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
+import { Button } from "../../../shadcn/button";
+import { cn } from "../../../utils/cn";
+import { Check, ChevronsUpDown } from "lucide-react";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../../../shadcn/command";
+export function FormComboboxInputWithValue(props) {
+    const { field } = useController({ name: props.name, control: props.formControl });
+    // Use the external value if provided, otherwise use the field's value.
+    const currentValue = props.value !== undefined ? props.value : field.value;
+    return (_jsx(FormField, { control: props.formControl, name: props.name, render: ({ field }) => {
+            var _a;
+            return (_jsxs(FormItem, { className: "", children: [props.label && (_jsxs(_Fragment, { children: [_jsx(FormLabel, { children: props.label }), _jsx("br", {})] })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", role: "combobox", className: cn("justify-between", !currentValue && "text-muted-foreground"), disabled: typeof props.disabled === "function" ? props.disabled() : props.disabled, children: [currentValue
+                                                ? ((_a = props.items.find((item) => item.value === currentValue)) === null || _a === void 0 ? void 0 : _a.label) || currentValue
+                                                : props.placeholder, _jsx(ChevronsUpDown, { className: "opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No items found." }), _jsx(CommandGroup, { children: props.items.map((item) => (_jsxs(CommandItem, { value: item.value, disabled: typeof item.disabled === "function"
+                                                            ? item.disabled(item)
+                                                            : item.disabled, onSelect: (value) => {
+                                                            field.onChange(value);
+                                                            props.onSelect && props.onSelect(value);
+                                                            props.onChange && props.onChange(value);
+                                                        }, children: [(item === null || item === void 0 ? void 0 : item.label) || item.value, _jsx(Check, { className: cn("ml-auto", item.value === currentValue ? "opacity-100" : "opacity-0") })] }, item.value))) })] })] }) })] }), props.formDescription && (_jsx(FormDescription, { children: props.formDescription })), _jsx(FormMessage, {})] }));
+        } }));
+}

package/dist/ikoncomponents/form-fields/date-input/index.d.ts

@@ -0,0 +1,2 @@
+import { FormDateInputProps } from "../types";
+export declare function FormDateInput({ formControl, name, label, placeholder, dateFormat, calendarDateDisabled, formDescription, disabled, }: FormDateInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/form-fields/date-input/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "../../../shadcn/form";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
+import { Button } from "../../../shadcn/button";
+import { cn } from "../../../utils/cn";
+import { format } from "date-fns";
+import { CalendarIcon } from "lucide-react";
+import { Calendar } from "../../../shadcn/calendar";
+export function FormDateInput({ formControl, name, label, placeholder, dateFormat, calendarDateDisabled, formDescription, disabled, }) {
+    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [label && (_jsx(_Fragment, { children: _jsx(FormLabel, { children: label }) })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", className: cn(!field.value && "text-foreground/50"), disabled: disabled, children: [field.value ? (format(field.value, dateFormat || "PPP")) : (_jsx("span", { children: placeholder || "Pick a date" })), _jsx(CalendarIcon, { className: "ml-auto h-4 w-4 opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: field.value, onSelect: field.onChange, disabled: calendarDateDisabled, captionLayout: "dropdown", 
+                                    // disabled={(date) =>
+                                    //   date > new Date() || date < new Date("1900-01-01")
+                                    // }
+                                    autoFocus: true }) })] }), formDescription && (_jsx(FormDescription, { children: formDescription })), _jsx(FormMessage, {})] })) }) }));
+}

package/dist/ikoncomponents/form-fields/file-input/index.d.ts

@@ -0,0 +1 @@
+export declare function FormFileInput(): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/form-fields/file-input/index.js

@@ -0,0 +1,4 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export function FormFileInput() {
+    return (_jsx(_Fragment, {}));
+}

package/dist/ikoncomponents/form-fields/input/index.d.ts

@@ -0,0 +1,2 @@
+import { FormInputProps } from '../types';
+export declare function FormInput({ formControl, label, formDescription, extraFormComponent, name, ...inputProps }: FormInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/form-fields/input/index.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../shadcn/form';
+import { Input } from '../../../shadcn/input';
+export function FormInput(_a) {
+    var { formControl, label, formDescription, extraFormComponent, name } = _a, inputProps = __rest(_a, ["formControl", "label", "formDescription", "extraFormComponent", "name"]);
+    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [label && _jsx(FormLabel, { children: label }), _jsx(FormControl, { children: _jsx(Input, Object.assign({}, field, inputProps)) }), extraFormComponent && extraFormComponent(field.value), formDescription && _jsx(FormDescription, { children: formDescription }), _jsx(FormMessage, {})] })) }) }));
+}

package/dist/ikoncomponents/form-fields/multi-combobox-input/index.d.ts

@@ -0,0 +1,6 @@
+import { FormComboboxInputProps as BaseFormComboboxInputProps } from "../../form-fields/types";
+interface FormComboboxInputProps extends BaseFormComboboxInputProps {
+    defaultOptions?: number;
+}
+export declare function FormMultiComboboxInput({ formControl, name, label, placeholder, formDescription, items, disabled, onSelect, defaultValue, defaultOptions, }: FormComboboxInputProps): import("react/jsx-runtime").JSX.Element;
+export {};