@inceptionbg/iui 1.0.22 → 1.0.23

package/package.json

@@ -1,53 +1,53 @@
-{
-  "name": "@inceptionbg/iui",
-  "version": "1.0.22",
-  "description": "UI components, elements & utils for Inception ecosystem",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "build": "rollup -c",
-    "release": "npm version patch && npm run build && npm publish"
-  },
-  "author": "Aleksandar Sadzak",
-  "license": "ISC",
-  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "clsx": "^1.2.1",
-    "moment": "^2.29.4",
-    "react-beautiful-dnd": "^13.1.1",
-    "react-calendar": "^4.3.0",
-    "react-select": "^5.7.3",
-    "react-select-async-paginate": "^0.7.3",
-    "react-toastify": "^9.1.3",
-    "uuid": "^9.0.0"
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.2",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-terser": "^0.4.3",
-    "@rollup/plugin-typescript": "^11.1.2",
-    "@types/react-beautiful-dnd": "^13.1.4",
-    "@types/uuid": "^9.0.2",
-    "rollup": "^3.26.0",
-    "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-dts": "^5.3.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "tslib": "^2.6.1"
-  },
-  "peerDependencies": {
-    "@types/react": "^18.2.14",
-    "@types/react-dom": "^18.2.6",
-    "@types/react-router-dom": "^5.3.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-i18next": "^13.0.1",
-    "react-router-dom": "^6.14.1",
-    "sass": "^1.63.6"
-  }
-}
+{
+  "name": "@inceptionbg/iui",
+  "version": "1.0.23",
+  "description": "UI components, elements & utils for Inception ecosystem",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "rollup -c",
+    "release": "npm version patch && npm run build && npm publish"
+  },
+  "author": "Aleksandar Sadzak",
+  "license": "ISC",
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "clsx": "^1.2.1",
+    "moment": "^2.29.4",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-calendar": "^4.3.0",
+    "react-select": "^5.7.3",
+    "react-select-async-paginate": "^0.7.3",
+    "react-toastify": "^9.1.3",
+    "uuid": "^9.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.2",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-typescript": "^11.1.2",
+    "@types/react-beautiful-dnd": "^13.1.4",
+    "@types/uuid": "^9.0.2",
+    "rollup": "^3.26.0",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-dts": "^5.3.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tslib": "^2.6.1"
+  },
+  "peerDependencies": {
+    "@types/react": "^18.2.14",
+    "@types/react-dom": "^18.2.6",
+    "@types/react-router-dom": "^5.3.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "^13.0.1",
+    "react-router-dom": "^6.14.1",
+    "sass": "^1.63.6"
+  }
+}

package/dist/types/components/Accordions/Accordions.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { ITab } from '../../types/ITab';
-interface Props {
-    tabs: ITab[];
-    initialValue?: string;
-    compact?: boolean;
-    className?: string;
-}
-export declare const Accordions: FC<Props>;
-export {};

package/dist/types/components/Alert/Alert.d.ts

@@ -1,11 +0,0 @@
-import { FC, ReactNode } from 'react';
-import './alert.scss';
-interface Props {
-    text?: string;
-    severity: 'success' | 'info' | 'warning' | 'error';
-    fitContent?: boolean;
-    className?: string;
-    children?: ReactNode;
-}
-export declare const Alert: FC<Props>;
-export {};

package/dist/types/components/Badge/NotificationBadge.d.ts

@@ -1,9 +0,0 @@
-import { FC, ReactNode } from 'react';
-interface Props {
-    number?: number;
-    className?: string;
-    small?: boolean;
-    children?: ReactNode;
-}
-export declare const NotificationBadge: FC<Props>;
-export {};

package/dist/types/components/Badge/PillBadge.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface Props {
-    label: string;
-    color: 'success' | 'info' | 'warning' | 'error' | 'gray';
-    className?: string;
-}
-export declare const PillBadge: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types/components/Button/Button.d.ts

@@ -1,18 +0,0 @@
-import { ButtonHTMLAttributes, MouseEventHandler } from 'react';
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import './button.scss';
-interface Props {
-    label: string;
-    icon?: IconDefinition;
-    iconEnd?: IconDefinition;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    disabled?: boolean;
-    primary?: boolean;
-    outlined?: boolean;
-    active?: boolean;
-    className?: string;
-    size?: 'xs' | 's' | 'm' | 'l';
-    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
-}
-export declare const Button: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/types/components/Button/IconButton.d.ts

@@ -1,12 +0,0 @@
-import { ButtonHTMLAttributes, MouseEventHandler } from 'react';
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-interface Props {
-    icon: IconDefinition;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    disabled?: boolean;
-    className?: string;
-    active?: boolean;
-    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
-}
-export declare const IconButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/types/components/Dialog/Dialog.d.ts

@@ -1,39 +0,0 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import { FC, ReactNode } from 'react';
-interface Props {
-    title?: string;
-    titleEl?: ReactNode;
-    desc?: string;
-    descEl?: ReactNode;
-    isOpen: boolean;
-    onClose: () => void;
-    isLoading?: boolean;
-    confirmButton?: {
-        label?: string;
-        icon?: IconDefinition;
-        onClick?: () => void;
-        onFormSubmit?: () => void;
-        disabled?: boolean;
-        keepOpen?: boolean;
-    };
-    cancelButton?: {
-        label?: string;
-        icon?: IconDefinition;
-        onClick?: () => void;
-    };
-    additionalButton?: {
-        label: string;
-        icon?: IconDefinition;
-        onClick?: () => void;
-        disabled?: boolean;
-    };
-    noBackgroundClick?: boolean;
-    noOverflow?: boolean;
-    type?: 'info' | 'error';
-    size?: 'm' | 'l' | 'xl';
-    noPadding?: boolean;
-    className?: string;
-    children?: ReactNode;
-}
-export declare const Dialog: FC<Props>;
-export {};

package/dist/types/components/Helper/Collapse.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-interface Props {
-    isOpen: boolean;
-    className?: string;
-    children?: ReactNode;
-}
-export declare const Collapse: FC<Props>;
-export {};

package/dist/types/components/Helper/NoAccessInfo.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-interface Props {
-    title?: string;
-    buttonLabel?: string;
-}
-export declare const NoAccessInfo: FC<Props>;
-export {};

package/dist/types/components/Inputs/Checkbox.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-interface Props {
-    label?: string;
-    value?: boolean;
-    setValue: (checked: boolean) => void;
-    required?: boolean;
-    disabled?: boolean;
-    className?: string;
-    children?: ReactNode;
-}
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLLabelElement>>;
-export {};

package/dist/types/components/Inputs/DateInput/DateInput.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import 'react-calendar/dist/Calendar.css';
-interface Props {
-    label?: string;
-    date?: string;
-    setDate: (date: string) => void;
-    required?: boolean;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    helperText?: string;
-    error?: boolean;
-    className?: string;
-    calendarPlacementX?: 'left' | 'right';
-}
-export declare const DateInput: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/types/components/Inputs/DateInput/components/DatePartInput.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-interface Props {
-    value: string;
-    setValue: (value: string) => void;
-    setDate: (value: string) => void;
-    values: {
-        day: string;
-        month: string;
-        year: string;
-    };
-    required?: boolean;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    min?: number;
-    max: number;
-    part: 'day' | 'month' | 'year';
-    previousInput?: HTMLInputElement | null;
-    nextInput?: HTMLInputElement | null;
-    setFocus: (value: boolean) => void;
-}
-export declare const DatePartInput: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/types/components/Inputs/InputWrapper.d.ts

@@ -1,14 +0,0 @@
-import { FC, ReactNode } from 'react';
-interface Props {
-    label?: string;
-    shrink?: boolean;
-    focus?: boolean;
-    required?: boolean;
-    className?: string;
-    minWidth?: number;
-    helperText?: string;
-    error?: boolean;
-    children: ReactNode;
-}
-export declare const InputWrapper: FC<Props>;
-export {};

package/dist/types/components/Inputs/LargeTextInput.d.ts

@@ -1,17 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-interface Props {
-    label: string;
-    value?: string;
-    setValue: (value: string) => void;
-    required?: boolean;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    rows?: number;
-    placeholder?: string;
-    helperText?: string;
-    className?: string;
-    inputProps?: InputHTMLAttributes<HTMLTextAreaElement>;
-    error?: boolean;
-}
-export declare const LargeTextInput: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLTextAreaElement>>;
-export {};

package/dist/types/components/Inputs/NumberInput.d.ts

@@ -1,19 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-interface Props {
-    label?: string;
-    value?: string | number;
-    setValue: (value: string) => void;
-    required?: boolean;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    placeholder?: string;
-    helperText?: string;
-    className?: string;
-    allowNegative?: boolean;
-    decimalPlaces?: number;
-    error?: boolean;
-    alignLeft?: boolean;
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-}
-export declare const NumberInput: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/types/components/Inputs/PasswordInput.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { ITextInput } from './TextInput';
-interface IProps extends ITextInput {
-    newPassword?: boolean;
-}
-export declare const PasswordInput: FC<IProps>;
-export {};

package/dist/types/components/Inputs/Radio.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-interface Props {
-    label?: string;
-    value: string | number | boolean;
-    selected: string | number | boolean;
-    setSelected: (selected: any) => void;
-    disabled?: boolean;
-    className?: string;
-    children?: ReactNode;
-}
-export declare const Radio: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types/components/Inputs/SearchInput.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-interface IProps {
-    onSearch: (searchText: string) => void;
-    className?: string;
-}
-export declare const SearchInput: FC<IProps>;
-export {};

package/dist/types/components/Inputs/Selects/Select.d.ts

@@ -1,26 +0,0 @@
-import { FC } from 'react';
-import { StylesConfig } from 'react-select';
-import { ISelectData } from '../../../types/ISelect';
-interface Props {
-    label?: string;
-    options: ISelectData[];
-    value?: ISelectData | null;
-    valuesMulti?: ISelectData[];
-    onChange: (value: any) => void;
-    required?: boolean;
-    disabled?: boolean;
-    placeholder?: string;
-    helperText?: string;
-    className?: string;
-    minWidth?: number;
-    menuWidth?: 'fit-content' | 'max-content' | number;
-    autoFocus?: boolean;
-    isClearable?: boolean;
-    isOpen?: boolean;
-    openDirection?: 'top' | 'auto' | 'bottom';
-    noOptionsMessage?: string;
-    error?: boolean;
-}
-export declare const createSelectStyles: (menuWidth?: 'fit-content' | 'max-content' | number) => StylesConfig;
-export declare const Select: FC<Props>;
-export {};

package/dist/types/components/Inputs/Selects/SelectAsyncPaginate.d.ts

@@ -1,26 +0,0 @@
-import { FC } from 'react';
-import { ISelectData } from '../../../types/ISelect';
-interface Props {
-    label?: string;
-    value?: ISelectData | null;
-    valuesMulti?: ISelectData[];
-    loadOptions: any;
-    refresh?: any[];
-    onChange: (value: any) => void;
-    required?: boolean;
-    disabled?: boolean;
-    placeholder?: string;
-    helperText?: string;
-    className?: string;
-    minWidth?: number;
-    menuWidth?: 'fit-content' | 'max-content' | number;
-    autoFocus?: boolean;
-    isMulti?: boolean;
-    isClearable?: boolean;
-    isOpen?: boolean;
-    openDirection?: 'top' | 'auto' | 'bottom';
-    noOptionsMessage?: string;
-    error?: boolean;
-}
-export declare const SelectAsyncPaginate: FC<Props>;
-export {};

package/dist/types/components/Inputs/TextInput.d.ts

@@ -1,21 +0,0 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import { InputHTMLAttributes } from 'react';
-export interface ITextInput {
-    label?: string;
-    value?: string;
-    setValue: (value: string) => void;
-    required?: boolean;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    placeholder?: string;
-    helperText?: string;
-    className?: string;
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    error?: boolean;
-    endButton?: {
-        icon: IconDefinition;
-        onClick: () => void;
-        disabled?: boolean;
-    };
-}
-export declare const TextInput: import("react").ForwardRefExoticComponent<ITextInput & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/components/Loader/Loader.d.ts

@@ -1,16 +0,0 @@
-import { FC, ReactNode } from 'react';
-interface Props {
-    isLoading: boolean;
-    logo?: string;
-    fullWidth?: boolean;
-    children: ReactNode;
-}
-export declare const Loader: FC<Props>;
-export declare const FullScreenLoader: FC<{
-    isLoading: boolean;
-    logo?: string;
-}>;
-export declare const LazyLoader: FC<{
-    logo?: string;
-}>;
-export {};

package/dist/types/components/Menu/Menu.d.ts

@@ -1,13 +0,0 @@
-import { FC, ReactNode, RefObject } from 'react';
-interface Props {
-    isOpen: boolean;
-    onClose: () => void;
-    renderButton: (ref: RefObject<any>) => ReactNode;
-    placementX?: 'left' | 'right';
-    placementY?: 'bottom' | 'top' | 'auto';
-    size?: 's' | 'm' | 'l';
-    className?: string;
-    children?: ReactNode;
-}
-export declare const Menu: FC<Props>;
-export {};

package/dist/types/components/Menu/MenuItem.d.ts

@@ -1,15 +0,0 @@
-import { IconDefinition, RotateProp } from '@fortawesome/fontawesome-svg-core';
-import { FC, MouseEventHandler, ReactNode } from 'react';
-interface Props {
-    label?: string;
-    icon?: IconDefinition;
-    iconRotation?: RotateProp;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    to?: string;
-    disabled?: boolean;
-    withDevider?: boolean;
-    className?: string;
-    children?: ReactNode;
-}
-export declare const MenuItem: FC<Props>;
-export {};

package/dist/types/components/Table/Components/Edit/ItemActionsMenu.d.ts

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-interface Props {
-    item: any;
-    setSelectedItem?: (item: any) => void;
-    setItemToDeleteUuid?: (uuid: string) => void;
-    actions?: {
-        label: string;
-        onClick: (uuid: string) => void;
-        hidden?: boolean;
-        disabled?: boolean;
-    }[];
-    t?: (e: string) => string;
-}
-export declare const ItemActionsMenu: FC<Props>;
-export {};

package/dist/types/components/Table/Components/Edit/ItemEditOptionsButtons.d.ts

@@ -1,9 +0,0 @@
-import { FC, RefObject } from 'react';
-interface Props {
-    setData: (item: any) => void;
-    clearItem: () => void;
-    inputFocusRef?: RefObject<any>;
-    defaultDataValue?: any;
-}
-export declare const ItemEditOptionsButtons: FC<Props>;
-export {};

package/dist/types/components/Table/Components/Edit/TableEditRow.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-import { ITableEditRow } from '../../../../types/ITable';
-export declare const TableEditRow: FC<ITableEditRow>;

package/dist/types/components/Table/Components/FilterItem.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { ITableFilterItem } from '../../../types/ITable';
-interface Props {
-    item: ITableFilterItem;
-}
-export declare const FilterItem: FC<Props>;
-export {};

package/dist/types/components/Table/Components/Print/TablePrint.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { IPrintData, ITableColumn } from '../../../../types/ITable';
-interface Props extends IPrintData {
-    isOpen: boolean;
-    onClose: () => void;
-    columns: ITableColumn[];
-}
-export declare const TablePrint: FC<Props>;
-export {};

package/dist/types/components/Table/Components/SetColumnsList.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { ITableColumn } from '../../../types/ITable';
-interface Props {
-    columns: ITableColumn[];
-    setColumns: (data: ITableColumn[]) => void;
-    isOpen: boolean;
-    onClose: () => void;
-}
-export declare const SetColumnsList: FC<Props>;
-export {};

package/dist/types/components/Table/Components/SetSortList.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { ITableSort } from '../../../types/ITable';
-interface Props {
-    sort: string;
-    setSort: (sort: string) => void;
-    sortOptions: ITableSort;
-}
-export declare const SetSortList: FC<Props>;
-export {};

package/dist/types/components/Table/Components/SetTableFilter.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { ITableFilterData } from '../../../types/ITable';
-interface Props extends ITableFilterData {
-    isOpen: boolean;
-    onClose: () => void;
-}
-export declare const SetTableFilter: FC<Props>;
-export {};

package/dist/types/components/Table/Components/TableFooter.d.ts

@@ -1,16 +0,0 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import { FC, MouseEventHandler } from 'react';
-interface Props {
-    limit: number;
-    offset: number;
-    setLimit: (limit: number) => void;
-    setOffset: (offset: number) => void;
-    totalRows: number;
-    footerAction?: {
-        icon?: IconDefinition;
-        onClick: MouseEventHandler<HTMLButtonElement>;
-    };
-    customLimit?: number[];
-}
-export declare const TableFooter: FC<Props>;
-export {};

package/dist/types/components/Table/Components/TableHeader.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { ITableColumn } from '../../../types/ITable';
-interface Props {
-    tableCols: ITableColumn[];
-    firstHeaderRow?: ITableColumn[];
-    secondHeaderRow?: ITableColumn[];
-    headerWrap?: boolean;
-    printTable?: boolean;
-}
-export declare const HeaderTable: FC<Props>;
-export {};

package/dist/types/components/Table/Components/TableOptions.d.ts

@@ -1,12 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { ITableSortData, ITableColumn, ITableFilterData, IPrintData, ITableColumnsData } from '../../../types/ITable';
-interface Props {
-    columns: ITableColumn[];
-    columnsData?: ITableColumnsData;
-    filterData?: ITableFilterData;
-    sortData?: ITableSortData;
-    printData?: IPrintData;
-    additionsalOptions?: ReactNode;
-}
-export declare const TableOptions: FC<Props>;
-export {};

package/dist/types/components/Table/Table.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-import { ITable } from '../../types/ITable';
-export declare const Table: FC<ITable>;