elseware-ui 2.2.21 → 2.2.22

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "elseware-ui",
-  "version": "2.2.21",
+  "version": "2.2.22",
   "private": false,
   "description": "A modern and customizable React UI component library by elseware Technology.",
-  "types": "build/index.d.ts",
-  "main": "build/index.js",
-  "module": "build/index.es.js",
-  "typings": "build/index.d.ts",
+  "types": "dist/index.d.ts",
+  "main": "dist/index.min.js",
+  "module": "dist/index.esm.min.js",
+  "typings": "dist/index.d.ts",
   "files": [
-    "build"
+    "dist"
   ],
   "dependencies": {
     "@headlessui/react": "^2.1.8",
@@ -37,8 +37,9 @@
   },
   "scripts": {
     "build": "rollup -c rollup.config.js",
+    "build:storybook": "storybook build",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "publish": "npm run build && npm publish --access public"
   },
   "eslintConfig": {
     "extends": [
@@ -77,6 +78,7 @@
     "@types/react-dom": "^19.0.4",
     "eslint-plugin-storybook": "^0.11.2",
     "prop-types": "^15.8.1",
+    "rollup-plugin-terser": "^7.0.2",
     "storybook": "^8.5.0",
     "tslib": "^2.6.2",
     "webpack": "^5.89.0"

package/build/components/data-display/avatar/Avatar.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { ReactNode } from "react";
-import { Variant, Shape, Size } from "../../../data/enums";
-export interface AvatarProps {
-    alt?: string;
-    icon?: ReactNode;
-    children?: string;
-    variant?: keyof typeof Variant;
-    shape?: keyof typeof Shape;
-    size?: keyof typeof Size;
-    src?: string;
-    styles?: string;
-    onClick?: () => void;
-    borderVariant?: boolean;
-}
-export declare const Avatar: ({ alt, icon, children, variant, shape, size, src, styles, onClick, borderVariant, }: AvatarProps) => React.JSX.Element;

package/build/components/data-display/badge/Badge.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { ReactNode } from "react";
-import { Variant, Shape, Size } from "../../../data/enums";
-export interface BadgeProps {
-    children?: ReactNode;
-    offset?: [number, number];
-    dot?: boolean;
-    count?: number;
-    variant?: keyof typeof Variant;
-    shape?: keyof typeof Shape;
-    size?: keyof typeof Size;
-    showZero?: boolean;
-    styles?: string;
-}
-export declare const Badge: ({ children, offset, dot, count, variant, shape, size, showZero, styles, }: BadgeProps) => React.JSX.Element;

package/build/components/data-display/banners/TitleBanner.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { ReactNode } from "react";
-export interface TitleBannerLevel1Props {
-    title: string;
-    children?: ReactNode;
-}
-export interface TitleBannerLevel2Props {
-    title: string;
-    children?: ReactNode;
-}
-export interface TitleBannerProps {
-    title: string;
-    level?: 1 | 2;
-    children?: ReactNode;
-}
-declare function TitleBanner({ title, level, children, }: TitleBannerProps): React.JSX.Element;
-export default TitleBanner;

package/build/components/data-display/charts/BarChart.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { ChartOptions, ChartData } from "chart.js";
-export interface BarChartProps {
-    data: ChartData<"bar">;
-    options: ChartOptions<"bar">;
-    styles?: string;
-}
-declare const BarChart: React.FC<BarChartProps>;
-export default BarChart;

package/build/components/data-display/charts/LineChart.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="@types/react" />
-import React from 'react';
-import { ChartData, ChartOptions } from 'chart.js';
-export interface LineChartProps {
-    data: ChartData<'line'>;
-    options?: ChartOptions<'line'>;
-}
-declare const LineChart: React.FC<LineChartProps>;
-export default LineChart;

package/build/components/data-display/charts/PieChart.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { ChartData, ChartOptions } from "chart.js";
-export interface PieChartProps {
-    data: ChartData<"pie">;
-    options: ChartOptions<"pie">;
-    styles?: string;
-}
-declare const PieChart: React.FC<PieChartProps>;
-export default PieChart;

package/build/components/data-display/chip/Chip.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { Variant, Shape, Size } from "../../../data/enums";
-export interface ChipProps {
-    label?: string;
-    variant?: keyof typeof Variant;
-    shape?: keyof typeof Shape;
-    size?: keyof typeof Size;
-    styles?: string;
-}
-export declare const Chip: ({ label, variant, shape, size, styles, }: ChipProps) => React.JSX.Element;

package/build/components/data-display/colors/Color.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-interface ColorProps {
-    color: string;
-}
-declare function Color({ color }: ColorProps): React.JSX.Element;
-export default Color;

package/build/components/data-display/colors/ColorMatrix.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-declare function ColorMatrix(): React.JSX.Element;
-export default ColorMatrix;

package/build/components/data-display/image/CloudinaryImage.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface CloudinaryImageProps {
-    publicId?: string;
-    secure?: boolean;
-    alt?: string;
-    styles?: string;
-}
-declare function CloudinaryImage({ publicId, secure, alt, styles }: CloudinaryImageProps): React.JSX.Element;
-export default CloudinaryImage;

package/build/components/data-display/image/Image.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface ImageProps {
-    alt?: string;
-    src?: string;
-    height?: number;
-    width?: number;
-    styles?: string;
-}
-export declare const Image: ({ alt, src, height, width, styles, }: ImageProps) => React.JSX.Element;

package/build/components/data-display/image/index.d.ts

@@ -1,3 +0,0 @@
-import { Image } from "./Image";
-import CloudinaryImage from "./CloudinaryImage";
-export { Image, CloudinaryImage };

package/build/components/data-display/info/Info.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { ReactNode } from "react";
-export interface InfoProps {
-    children?: ReactNode;
-    styles?: string;
-}
-declare function Info({ children, styles }: InfoProps): React.JSX.Element;
-export default Info;

package/build/components/data-display/lists/List.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { ReactNode } from "react";
-export interface ListProps {
-    title?: string;
-    children: ReactNode;
-}
-declare function List({ title, children }: ListProps): React.JSX.Element;
-export default List;

package/build/components/data-display/lists/ListItem.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { ReactNode } from "react";
-export interface ListItemWrapperProps {
-    TypographyComponent: ReactNode;
-    x: ReactNode;
-}
-export declare const ListItemWrapper: ({ TypographyComponent, x }: ListItemWrapperProps) => React.JSX.Element;
-export interface ListItemProps {
-    TypographyComponent?: ReactNode;
-    bulletVisible?: boolean;
-    children: ReactNode;
-}
-declare const ListItem: ({ TypographyComponent, bulletVisible, children }: ListItemProps) => React.JSX.Element;
-export default ListItem;

package/build/components/data-display/lists/index.d.ts

@@ -1,3 +0,0 @@
-import List from "./List";
-import ListItem from "./ListItem";
-export { List, ListItem };

package/build/components/data-display/price-tag/PriceTag.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface PriceTagProps {
-    discount?: number;
-    price: number;
-    code?: string;
-    styles?: string;
-}
-declare function PriceTag({ discount, price, code, styles }: PriceTagProps): React.JSX.Element;
-export { PriceTag };

package/build/components/data-display/rating/StarRating.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface StarRatingProps {
-    rating: number;
-    isNumericRatingEnabled?: boolean;
-    reviewAmount?: number;
-    isReviewAmountEnabled?: boolean;
-    styles?: string;
-}
-declare function StarRating({ rating, reviewAmount, isNumericRatingEnabled, isReviewAmountEnabled, styles }: StarRatingProps): React.JSX.Element;
-export default StarRating;

package/build/components/data-display/rating/StarRatingDistribution.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface NumericRatingProps {
-    averageRating: number;
-    totalReviews: number;
-}
-export interface ProgressBarRatingProps {
-    star: number;
-    percentage: number;
-}
-export interface ProgressBarsRatingProps {
-    ratingDistribution: Array<{
-        star: number;
-        percentage: number;
-    }>;
-}
-declare function StarRatingDistribution({ numericRating, progressBarsRating, ratingDistribution, }: {
-    numericRating?: boolean | undefined;
-    progressBarsRating?: boolean | undefined;
-    ratingDistribution?: {
-        star: number;
-        count: number;
-    }[] | undefined;
-}): React.JSX.Element;
-export default StarRatingDistribution;

package/build/components/data-display/rating/index.d.ts

@@ -1,3 +0,0 @@
-import StarRating from "./StarRating";
-import StarRatingDistribution from "./StarRatingDistribution";
-export { StarRating, StarRatingDistribution };

package/build/components/data-display/slider/Slider.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface SliderProps {
-    isLoading?: boolean;
-    isSuccess?: boolean;
-    coverArt: string;
-    screenshots: string[];
-}
-declare function Slider({ isLoading, isSuccess, coverArt, screenshots }: SliderProps): React.JSX.Element;
-export default Slider;

package/build/components/data-display/slider/SliderItem.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface SliderItemProps {
-    img?: string;
-    onClick?: () => void;
-    selected?: boolean;
-    styles?: string;
-}
-declare function SliderItem({ img, onClick, selected, styles }: SliderItemProps): React.JSX.Element;
-export default SliderItem;

package/build/components/data-display/table/Table.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface TableProps {
-    title?: string;
-    headers: {
-        [key: string]: string;
-    };
-    data: any[];
-    isLoading?: boolean;
-    isSuccess?: boolean;
-    isError?: boolean;
-    error?: string;
-    enableSelect: boolean;
-    maxRowCount?: number;
-}
-declare function Table({ title, headers, data, isLoading, isSuccess, isError, error, enableSelect, maxRowCount }: TableProps): React.JSX.Element;
-export default Table;

package/build/components/data-display/table/TableContent.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface TableContentProps {
-    title?: string;
-    headers: {
-        [key: string]: string;
-    };
-    data: any[];
-    enableSelect: boolean;
-    maxRowCount?: number;
-}
-declare function TableContent({ title, headers, data, enableSelect, maxRowCount, }: TableContentProps): React.JSX.Element;
-export default TableContent;

package/build/components/data-display/table/TableRow.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="@types/react" />
-import React from 'react';
-export interface TableRowProps {
-    rowData: any;
-    headers: {
-        [key: string]: string;
-    };
-}
-declare function TableRow({ rowData, headers }: TableRowProps): React.JSX.Element;
-export default TableRow;

package/build/components/data-display/tag/Tag.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface TagProps {
-    text: string;
-    styles?: string;
-}
-declare function Tag({ text, styles }: TagProps): React.JSX.Element;
-export default Tag;

package/build/components/data-display/typography/chapter/Chapter.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { TextVariant, Decoration } from "../../../../data/enums";
-export interface ChapterProps {
-    level: 1 | 2 | 3;
-    children?: string;
-    variant?: keyof typeof TextVariant;
-    styles?: string;
-    decoration?: keyof typeof Decoration;
-    bold?: boolean;
-    italic?: boolean;
-    onClick?: () => void;
-}
-export declare const Chapter: ({ level, children, variant, decoration, bold, italic, styles, onClick, }: ChapterProps) => React.JSX.Element;

package/build/components/data-display/typography/index.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="@types/react" />
-import { Chapter } from "./chapter/Chapter";
-import { Section } from "./section/Section";
-import { Paragraph } from "./paragraph/Paragraph";
-import { Link } from "./link/Link";
-import { Quote } from "./quote/Quote";
-declare const Typography: {
-    Chapter: ({ level, children, variant, decoration, bold, italic, styles, onClick, }: import("./chapter/Chapter").ChapterProps) => import("react").JSX.Element;
-    Section: ({ level, children, variant, decoration, bold, italic, styles, onClick, }: import("./section/Section").SectionProps) => import("react").JSX.Element;
-    Paragraph: ({ level, children, variant, decoration, bold, italic, styles, onClick, }: import("./paragraph/Paragraph").ParagraphProps) => import("react").JSX.Element;
-    Link: ({ children, href, target, variant, decoration, bold, italic, styles, onClick, }: import("./link/Link").LinkProps) => import("react").JSX.Element;
-    Quote: ({ children, styles }: import("./quote/Quote").QuoteProps) => import("react").JSX.Element;
-};
-export { Typography, Chapter, Section, Paragraph, Link, Quote };

package/build/components/data-display/typography/link/Link.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { TextVariant, Decoration, Target } from "../../../../data/enums";
-export interface LinkProps {
-    children?: string;
-    href?: string;
-    target?: keyof typeof Target;
-    variant?: keyof typeof TextVariant;
-    styles?: string;
-    decoration?: keyof typeof Decoration;
-    bold?: boolean;
-    italic?: boolean;
-    onClick?: () => void;
-}
-export declare const Link: ({ children, href, target, variant, decoration, bold, italic, styles, onClick, }: LinkProps) => React.JSX.Element;

package/build/components/data-display/typography/paragraph/Paragraph.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { TextVariant, Decoration } from "../../../../data/enums";
-export interface ParagraphProps {
-    level: 1 | 2 | 3;
-    children?: string;
-    variant?: keyof typeof TextVariant;
-    styles?: string;
-    decoration?: keyof typeof Decoration;
-    bold?: boolean;
-    italic?: boolean;
-    onClick?: () => void;
-}
-export declare const Paragraph: ({ level, children, variant, decoration, bold, italic, styles, onClick, }: ParagraphProps) => React.JSX.Element;

package/build/components/data-display/typography/quote/Quote.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface QuoteProps {
-    children?: string;
-    styles?: string;
-}
-export declare const Quote: ({ children, styles }: QuoteProps) => React.JSX.Element;

package/build/components/data-display/typography/section/Section.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { TextVariant, Decoration } from "../../../../data/enums";
-export interface SectionProps {
-    level: 1 | 2 | 3;
-    children?: string;
-    variant?: keyof typeof TextVariant;
-    styles?: string;
-    decoration?: keyof typeof Decoration;
-    bold?: boolean;
-    italic?: boolean;
-    onClick?: () => void;
-}
-export declare const Section: ({ level, children, variant, decoration, bold, italic, styles, onClick, }: SectionProps) => React.JSX.Element;

package/build/components/data-entry/button/Button.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { ReactNode } from "react";
-import { Variant, Shape, Size } from "../../../data/enums";
-export interface ButtonProps {
-    type: "button" | "submit";
-    icon?: ReactNode;
-    text?: string;
-    children?: ReactNode;
-    loading?: boolean;
-    disabled?: boolean;
-    ghost?: boolean;
-    block?: boolean;
-    variant?: keyof typeof Variant;
-    shape?: keyof typeof Shape;
-    size?: keyof typeof Size;
-    styles?: string;
-    onClick?: () => void;
-}
-export declare const Button: ({ type, icon, text, children, loading, disabled, ghost, block, variant, shape, size, styles, onClick, }: ButtonProps) => React.JSX.Element;

package/build/components/data-entry/checkbox/Checkbox.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { FieldHookConfig } from "formik";
-export interface CheckboxProps {
-    placeholder: string;
-    options: any[];
-}
-declare function Checkbox({ placeholder, options, ...props }: FieldHookConfig<string> & CheckboxProps): React.JSX.Element;
-export default Checkbox;

package/build/components/data-entry/date-selector/DateSelector.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { FieldHookConfig } from "formik";
-interface DateSelectorProps {
-    placeholder: string;
-    styles?: string;
-}
-export declare const DateSelector: ({ placeholder, styles, ...props }: FieldHookConfig<string> & DateSelectorProps) => React.JSX.Element;
-export default DateSelector;

package/build/components/data-entry/form/Form.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface FormProps {
-    initialValues?: object;
-    validationSchema?: object;
-    enableReinitialize?: boolean;
-    children?: React.ReactNode;
-    styles?: string;
-    onSubmit: any;
-}
-export declare const Form: ({ initialValues, validationSchema, enableReinitialize, children, styles, onSubmit, }: FormProps) => React.JSX.Element;

package/build/components/data-entry/form/FormResponse.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { Variant, Shape, Size } from "../../../data/enums";
-export interface FormResponseProps {
-    text: string | undefined;
-    variant?: keyof typeof Variant;
-    shape?: keyof typeof Shape;
-    size?: keyof typeof Size;
-    styles?: string;
-}
-declare function FormResponse({ text, variant, shape, size, styles, }: FormResponseProps): React.JSX.Element;
-export default FormResponse;

package/build/components/data-entry/form/index.d.ts

@@ -1,3 +0,0 @@
-import { Form } from "./Form";
-import FormResponse from "./FormResponse";
-export { Form, FormResponse };

package/build/components/data-entry/image-input/ImageInput.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface ImageInputProps {
-    title?: string;
-    uploadDir?: string;
-    onValueChanged?: (imageUrl: string) => void;
-    disableSetValue?: boolean;
-}
-export interface ImageInputRef {
-    handleResetClick: () => void;
-}
-declare const ImageInput: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<ImageInputRef>>;
-export default ImageInput;

package/build/components/data-entry/image-input/ImageView.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-export interface ImageViewProps {
-    imageUrl?: string;
-    secure?: boolean;
-    alt?: string;
-}
-declare function ImageView({ imageUrl, secure, alt }: ImageViewProps): React.JSX.Element;
-export default ImageView;

package/build/components/data-entry/input/Input.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { FieldHookConfig } from "formik";
-export interface InputProps {
-    type: "text" | "password" | "number";
-    placeholder: string;
-    styles?: string;
-    step?: string;
-}
-export interface PasswordVisibilityTogglerProps {
-    onClick: (visibility: boolean) => void;
-}
-export declare const Input: ({ type, placeholder, styles, step, ...props }: FieldHookConfig<string> & InputProps) => React.JSX.Element;

package/build/components/data-entry/input/InputResponse.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { TextVariant } from "../../../data/enums";
-export interface InputResponseProps {
-    name: string;
-    visibility?: boolean;
-    variant?: keyof typeof TextVariant;
-    styles?: string;
-}
-declare function InputResponse({ name, visibility, variant, styles, }: InputResponseProps): React.JSX.Element;
-export default InputResponse;

package/build/components/data-entry/input/index.d.ts

@@ -1,3 +0,0 @@
-import { Input } from "./Input";
-import InputResponse from "./InputResponse";
-export { Input, InputResponse };

package/build/components/data-entry/multi-image-input/MultiImageInput.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { FieldHookConfig } from "formik";
-export interface MultiImageInputProps {
-    title?: string;
-    uploadDir?: string;
-    name: string;
-}
-declare function MultiImageInput({ title, uploadDir, ...props }: FieldHookConfig<string[]> & MultiImageInputProps): React.JSX.Element;
-export default MultiImageInput;

package/build/components/data-entry/radio/Radio.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { FieldHookConfig } from "formik";
-export interface RadioProps {
-    placeholder: string;
-    options: any[];
-}
-declare function Radio({ placeholder, options, ...props }: FieldHookConfig<string> & RadioProps): React.JSX.Element;
-export default Radio;

package/build/components/data-entry/rating/StarRatingInput.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { FieldHookConfig } from "formik";
-export interface StarRatingInputProps {
-    starAmount?: number;
-    styles?: string;
-}
-declare function StarRatingInput({ starAmount, styles, ...props }: FieldHookConfig<string> & StarRatingInputProps): React.JSX.Element;
-export default StarRatingInput;

package/build/components/data-entry/rating/index.d.ts

@@ -1,2 +0,0 @@
-import StarRatingInput from "./StarRatingInput";
-export { StarRatingInput };

package/build/components/data-entry/select/Select.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="@types/react" />
-import React from "react";
-import { FieldHookConfig } from "formik";
-export interface SelectProps {
-    placeholder: string;
-    options: any[];
-    styles?: string;
-}
-declare function Select({ placeholder, options, styles, ...props }: FieldHookConfig<string> & SelectProps): React.JSX.Element;
-export default Select;