elseware-ui 3.0.1 → 3.0.3

package/dist/{resolveGlobalConfigs-Cuiq_Zix.d.ts → resolveGlobalConfigs-CL-Puk7Y.d.ts}

@@ -1,5 +1,5 @@
 import React__default, { HTMLAttributes, ReactNode } from 'react';
-import { FieldHookConfig } from 'formik';
+import { FieldHookConfig, FormikValues, FormikConfig, FormikProps, FormikHelpers } from 'formik';
 
 declare const CURRENCIES: {
     name: string;
@@ -222,6 +222,32 @@ interface MultiCheckboxProps extends BaseCheckboxProps {
 type FormikCheckboxProps = (SingleCheckboxProps & FieldHookConfig<boolean>) | (MultiCheckboxProps & FieldHookConfig<string[]>);
 type CheckboxProps = FormikCheckboxProps;
 
+type FormChildren<Values extends FormikValues = FormikValues> = ReactNode | ((formik: FormikProps<Values>) => ReactNode);
+type FormChangeMeta<Values extends FormikValues = FormikValues> = {
+    changed: Partial<Values>;
+};
+interface FormProps<Values extends FormikValues = FormikValues> {
+    initialValues?: Values;
+    validationSchema?: FormikConfig<Values>["validationSchema"];
+    enableReinitialize?: boolean;
+    children?: FormChildren<Values>;
+    className?: string;
+    contentClassName?: string;
+    onSubmit: (values: Values, helpers: FormikHelpers<Values>) => void | Promise<unknown>;
+    onChange?: (values: Values, meta?: FormChangeMeta<Values>) => void;
+    warnOnUnsavedChanges?: boolean;
+    onDirtyChange?: (dirty: boolean) => void;
+}
+
+interface FormResponseProps {
+    text: string | undefined;
+    variant?: Variant;
+    shape?: Shape;
+    size?: Size;
+    className?: string;
+    textClassName?: string;
+}
+
 type InputType = "text" | "password" | "number";
 interface BaseInputProps extends BaseComponentProps<HTMLInputElement> {
     type?: InputType;
@@ -285,4 +311,4 @@ declare const useEUIConfig: () => EUIContextValue;
 
 declare function resolveWithGlobal<T>(config: EUIConfigs | null, props: T, defaults: Partial<T>): T;
 
-export { type Appearance as A, type ButtonProps as B, type CheckboxProps as C, Decoration as D, type EUIComponentDefaults as E, type CornerPosition as F, type HyperRefTarget as G, type HorizontalPosition as H, type InputProps as I, type VerticalPosition as J, type ListBulletType as L, type OctilePosition as O, type RouteTabMode as R, type Shape as S, type TitleBannerLevel as T, type Variant as V, type InputLabelProps as a, type InputResponseProps as b, type ButtonIcon as c, type ButtonMode as d, type CheckboxOption as e, type EUIConfigs as f, EUIProvider as g, type EUIRoute as h, type BaseComponentProps as i, type Size as j, type ListDirection as k, type ListAlign as l, type CurrencyCode as m, type SpinnerType as n, type SpinnerDirection as o, type TextDecoration as p, Shape$1 as q, resolveWithGlobal as r, Variant$1 as s, Size$1 as t, useEUIConfig as u, ToastStatus as v, ToastPosition as w, Target as x, TextVariant as y, type CardinalPosition as z };
+export { type Appearance as A, type ButtonProps as B, type CheckboxProps as C, Decoration as D, type EUIComponentDefaults as E, type FormProps as F, Variant$1 as G, type CardinalPosition as H, type InputProps as I, type CornerPosition as J, type HorizontalPosition as K, type ListBulletType as L, type HyperRefTarget as M, type VerticalPosition as N, type OctilePosition as O, type RouteTabMode as R, type Shape as S, type TitleBannerLevel as T, type Variant as V, type FormResponseProps as a, type InputLabelProps as b, type InputResponseProps as c, type ButtonIcon as d, type ButtonMode as e, type CheckboxOption as f, type EUIConfigs as g, EUIProvider as h, type EUIRoute as i, type FormChangeMeta as j, type FormChildren as k, type BaseComponentProps as l, type Size as m, type ListDirection as n, type ListAlign as o, type CurrencyCode as p, type SpinnerType as q, resolveWithGlobal as r, type SpinnerDirection as s, type TextDecoration as t, useEUIConfig as u, Shape$1 as v, ToastStatus as w, ToastPosition as x, Target as y, TextVariant as z };

package/package.json

@@ -1,173 +1,173 @@
-{
-  "name": "elseware-ui",
-  "version": "3.0.1",
-  "private": false,
-  "description": "A modern and customizable React UI component library by elseware Technology.",
-  "keywords": [
-    "react",
-    "ui-library",
-    "component-library",
-    "tailwind",
-    "design-system",
-    "elseware",
-    "elseware-technology"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/elseware-technology/elseware-ui.git"
-  },
-  "author": "elseware Technology",
-  "license": "MIT",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "react-native": "./dist/index.native.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "react-native": {
-        "types": "./dist/index.native.d.ts",
-        "import": "./dist/index.native.mjs",
-        "require": "./dist/index.native.js"
-      },
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./native": {
-      "types": "./dist/index.native.d.ts",
-      "import": "./dist/index.native.mjs",
-      "require": "./dist/index.native.js"
-    },
-    "./tailwind": "./tailwind.preset.js",
-    "./styles.css": "./dist/index.css"
-  },
-  "files": [
-    "dist",
-    "tailwind.preset.js"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "storybook dev -p 6006",
-    "build": "tsup",
-    "build:storybook": "storybook build",
-    "clean": "rimraf dist node_modules/.cache storybook-static coverage",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "format": "prettier . --write",
-    "format:check": "prettier . --check",
-    "deadcode": "knip",
-    "validate": "npm run typecheck && npm run lint && npm run format:check && npm run build",
-    "prepare": "npm run build",
-    "prepare:husky": "husky",
-    "release": "npm publish --access public",
-    "full": "npm run lint:fix && npm run format && npm run validate"
-  },
-  "peerDependencies": {
-    "formik": ">=2.4.0 <3",
-    "yup": ">=1.3.0 <2",
-    "react": ">=18.3.1 <20",
-    "react-dom": ">=18.3.1 <20",
-    "react-native": "*",
-    "nativewind": ">=4.0.0 <5",
-    "tailwindcss": ">=3.0.0"
-  },
-  "peerDependenciesMeta": {
-    "nativewind": {
-      "optional": true
-    },
-    "react-native": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "@codemirror/lang-markdown": "^6.5.0",
-    "@codemirror/theme-one-dark": "^6.1.3",
-    "@mdxeditor/editor": "^4.0.4",
-    "@uiw/react-codemirror": "^4.25.10",
-    "classnames": "^2.5.1",
-    "cloudinary-react": "^1.8.1",
-    "d3": "^7.9.0",
-    "d3-force": "^3.0.0",
-    "emoji-flags": "^1.3.0",
-    "framer-motion": "^12.23.24",
-    "react-beautiful-dnd": "^13.1.1",
-    "react-icons": "^4.12.0",
-    "react-markdown": "^10.1.0",
-    "react-simple-maps": "^3.0.0",
-    "react-syntax-highlighter": "^16.1.1",
-    "react-world-flags": "^1.6.0",
-    "recharts": "^3.8.1",
-    "rehype-raw": "^7.0.0",
-    "rehype-sanitize": "^6.0.0",
-    "remark-gfm": "^4.0.1",
-    "tailwind-merge": "^3.5.0"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.4",
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/addon-interactions": "^8.5.0",
-    "@storybook/addon-links": "^8.5.0",
-    "@storybook/addon-onboarding": "^8.5.0",
-    "@storybook/blocks": "^8.5.0",
-    "@storybook/react": "^8.5.0",
-    "@storybook/react-vite": "^8.5.0",
-    "@storybook/test": "^8.5.0",
-    "@types/d3": "^7.4.3",
-    "@types/d3-force": "^3.0.10",
-    "@types/emoji-flags": "^1.3.3",
-    "@types/jest": "^30.0.0",
-    "@types/node": "^24.0.3",
-    "@types/react": "^18.3.12",
-    "@types/react-beautiful-dnd": "^13.1.8",
-    "@types/react-dom": "^18.3.1",
-    "@types/react-simple-maps": "^3.0.6",
-    "@types/react-syntax-highlighter": "^15.5.13",
-    "@types/react-world-flags": "^1.6.0",
-    "autoprefixer": "^10.4.16",
-    "cssnano": "^6.0.3",
-    "eslint": "^9.39.4",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-storybook": "^0.11.6",
-    "formik": "^2.4.9",
-    "globals": "^16.5.0",
-    "husky": "^9.1.7",
-    "knip": "^6.15.0",
-    "lint-staged": "^17.0.7",
-    "nativewind": "^4.2.6",
-    "path": "^0.12.7",
-    "postcss": "^8.4.33",
-    "prettier": "^3.8.3",
-    "prop-types": "^15.8.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-native": "0.75.2",
-    "react-native-css-interop": "0.2.6",
-    "react-native-reanimated": "3.10.1",
-    "react-native-web": "^0.21.2",
-    "rimraf": "^6.0.1",
-    "storybook": "^8.5.0",
-    "tailwindcss": "^3.4.1",
-    "tslib": "^2.8.1",
-    "tsup": "^8.5.1",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.61.1",
-    "yup": "^1.7.1"
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx,mjs,cjs}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.{json,md,css,yml,yaml}": [
-      "prettier --write"
-    ]
-  }
-}
+{
+  "name": "elseware-ui",
+  "version": "3.0.3",
+  "private": false,
+  "description": "A modern and customizable React UI component library by elseware Technology.",
+  "keywords": [
+    "react",
+    "ui-library",
+    "component-library",
+    "tailwind",
+    "design-system",
+    "elseware",
+    "elseware-technology"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/elseware-technology/elseware-ui.git"
+  },
+  "author": "elseware Technology",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "react-native": "./dist/index.native.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "react-native": {
+        "types": "./dist/index.native.d.ts",
+        "import": "./dist/index.native.mjs",
+        "require": "./dist/index.native.js"
+      },
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./native": {
+      "types": "./dist/index.native.d.ts",
+      "import": "./dist/index.native.mjs",
+      "require": "./dist/index.native.js"
+    },
+    "./tailwind": "./tailwind.preset.js",
+    "./styles.css": "./dist/index.css"
+  },
+  "files": [
+    "dist",
+    "tailwind.preset.js"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "tsup",
+    "build:storybook": "storybook build",
+    "clean": "rimraf dist node_modules/.cache storybook-static coverage",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier . --write",
+    "format:check": "prettier . --check",
+    "deadcode": "knip",
+    "validate": "npm run typecheck && npm run lint && npm run format:check && npm run build",
+    "prepare": "npm run build",
+    "prepare:husky": "husky",
+    "release": "npm publish --access public",
+    "full": "npm run lint:fix && npm run format && npm run validate"
+  },
+  "peerDependencies": {
+    "formik": ">=2.4.0 <3",
+    "yup": ">=1.3.0 <2",
+    "react": ">=18.3.1 <20",
+    "react-dom": ">=18.3.1 <20",
+    "react-native": "*",
+    "nativewind": ">=4.0.0 <5",
+    "tailwindcss": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "nativewind": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@codemirror/lang-markdown": "^6.5.0",
+    "@codemirror/theme-one-dark": "^6.1.3",
+    "@mdxeditor/editor": "^4.0.4",
+    "@uiw/react-codemirror": "^4.25.10",
+    "classnames": "^2.5.1",
+    "cloudinary-react": "^1.8.1",
+    "d3": "^7.9.0",
+    "d3-force": "^3.0.0",
+    "emoji-flags": "^1.3.0",
+    "framer-motion": "^12.23.24",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-icons": "^4.12.0",
+    "react-markdown": "^10.1.0",
+    "react-simple-maps": "^3.0.0",
+    "react-syntax-highlighter": "^16.1.1",
+    "react-world-flags": "^1.6.0",
+    "recharts": "^3.8.1",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
+    "remark-gfm": "^4.0.1",
+    "tailwind-merge": "^3.5.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.4",
+    "@storybook/addon-essentials": "^8.5.0",
+    "@storybook/addon-interactions": "^8.5.0",
+    "@storybook/addon-links": "^8.5.0",
+    "@storybook/addon-onboarding": "^8.5.0",
+    "@storybook/blocks": "^8.5.0",
+    "@storybook/react": "^8.5.0",
+    "@storybook/react-vite": "^8.5.0",
+    "@storybook/test": "^8.5.0",
+    "@types/d3": "^7.4.3",
+    "@types/d3-force": "^3.0.10",
+    "@types/emoji-flags": "^1.3.3",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^24.0.3",
+    "@types/react": "^18.3.12",
+    "@types/react-beautiful-dnd": "^13.1.8",
+    "@types/react-dom": "^18.3.1",
+    "@types/react-simple-maps": "^3.0.6",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@types/react-world-flags": "^1.6.0",
+    "autoprefixer": "^10.4.16",
+    "cssnano": "^6.0.3",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-storybook": "^0.11.6",
+    "formik": "^2.4.9",
+    "globals": "^16.5.0",
+    "husky": "^9.1.7",
+    "knip": "^6.15.0",
+    "lint-staged": "^17.0.7",
+    "nativewind": "^4.2.6",
+    "path": "^0.12.7",
+    "postcss": "^8.4.33",
+    "prettier": "^3.8.3",
+    "prop-types": "^15.8.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-native": "0.75.2",
+    "react-native-css-interop": "0.2.6",
+    "react-native-reanimated": "3.10.1",
+    "react-native-web": "^0.21.2",
+    "rimraf": "^6.0.1",
+    "storybook": "^8.5.0",
+    "tailwindcss": "^3.4.1",
+    "tslib": "^2.8.1",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.61.1",
+    "yup": "^1.7.1"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx,mjs,cjs}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{json,md,css,yml,yaml}": [
+      "prettier --write"
+    ]
+  }
+}

package/tailwind.preset.js

@@ -1,116 +1,116 @@
-module.exports = {
-  darkMode: "class",
-  theme: {
-    extend: {
-      colors: {
-        "eui-primary": {
-          50: "#e6e8ec",
-          100: "#c3c8d2",
-          200: "#9aa2b3",
-          300: "#707a93",
-          400: "#4c5673",
-          500: "#00040f",
-          600: "#00030d",
-          700: "#00020a",
-          800: "#000106",
-          900: "#000003",
-        },
-        "eui-secondary": {
-          50: "#e6ffcc",
-          100: "#c0ff8c",
-          200: "#a3ff5f",
-          300: "#7aff2f",
-          400: "#64e245",
-          500: "#4cd900",
-          600: "#17b800",
-          700: "#149900",
-          800: "#107a00",
-          900: "#0a5a00",
-        },
-        "eui-success": {
-          50: "#b0e8d0",
-          100: "#8ddbb9",
-          200: "#6bcfa2",
-          300: "#48c28b",
-          400: "#26b674",
-          500: "#198754",
-          600: "#146b42",
-          700: "#0f4e31",
-          800: "#0a321f",
-          900: "#05170e",
-        },
-        "eui-danger": {
-          50: "#f9c3c7",
-          100: "#f49aa1",
-          200: "#ef717b",
-          300: "#ea4855",
-          400: "#e51f2f",
-          500: "#dc3545",
-          600: "#af2a37",
-          700: "#821f29",
-          800: "#56151b",
-          900: "#2a0a0e",
-        },
-        "eui-warning": {
-          50: "#fff3cd",
-          100: "#ffe89b",
-          200: "#ffdc69",
-          300: "#ffd137",
-          400: "#ffc606",
-          500: "#ffc107",
-          600: "#cc9905",
-          700: "#997104",
-          800: "#664902",
-          900: "#332401",
-        },
-        "eui-info": {
-          50: "#a7effa",
-          100: "#82e6f8",
-          200: "#5dddf6",
-          300: "#38d3f4",
-          400: "#14caf2",
-          500: "#0dcaf0",
-          600: "#0aa0c0",
-          700: "#087690",
-          800: "#054c60",
-          900: "#032330",
-        },
-        "eui-light": {
-          50: "#ffffff",
-          100: "#fefefe",
-          200: "#fdfdfd",
-          300: "#fcfcfc",
-          400: "#fbfbfb",
-          500: "#f8f9fa",
-          600: "#c6c7c8",
-          700: "#949596",
-          800: "#626263",
-          900: "#313132",
-        },
-        "eui-dark": {
-          50: "#9ea1a4",
-          100: "#868a8d",
-          200: "#6f7376",
-          300: "#575c5f",
-          400: "#404547",
-          500: "#212529",
-          600: "#1a1d20",
-          700: "#141618",
-          800: "#0d0e10",
-          900: "#070708",
-        },
-      },
-      transitionDuration: {
-        120: "120ms",
-        180: "180ms",
-        240: "240ms",
-        250: "250ms",
-      },
-    },
-    fontFamily: { poppins: ["Poppins", "sans-serif"] },
-  },
-  variants: {
-    extend: {},
-  },
-  plugins: [],
-};
+module.exports = {
+  darkMode: "class",
+  theme: {
+    extend: {
+      colors: {
+        "eui-primary": {
+          50: "#e6e8ec",
+          100: "#c3c8d2",
+          200: "#9aa2b3",
+          300: "#707a93",
+          400: "#4c5673",
+          500: "#00040f",
+          600: "#00030d",
+          700: "#00020a",
+          800: "#000106",
+          900: "#000003",
+        },
+        "eui-secondary": {
+          50: "#e6ffcc",
+          100: "#c0ff8c",
+          200: "#a3ff5f",
+          300: "#7aff2f",
+          400: "#64e245",
+          500: "#4cd900",
+          600: "#17b800",
+          700: "#149900",
+          800: "#107a00",
+          900: "#0a5a00",
+        },
+        "eui-success": {
+          50: "#b0e8d0",
+          100: "#8ddbb9",
+          200: "#6bcfa2",
+          300: "#48c28b",
+          400: "#26b674",
+          500: "#198754",
+          600: "#146b42",
+          700: "#0f4e31",
+          800: "#0a321f",
+          900: "#05170e",
+        },
+        "eui-danger": {
+          50: "#f9c3c7",
+          100: "#f49aa1",
+          200: "#ef717b",
+          300: "#ea4855",
+          400: "#e51f2f",
+          500: "#dc3545",
+          600: "#af2a37",
+          700: "#821f29",
+          800: "#56151b",
+          900: "#2a0a0e",
+        },
+        "eui-warning": {
+          50: "#fff3cd",
+          100: "#ffe89b",
+          200: "#ffdc69",
+          300: "#ffd137",
+          400: "#ffc606",
+          500: "#ffc107",
+          600: "#cc9905",
+          700: "#997104",
+          800: "#664902",
+          900: "#332401",
+        },
+        "eui-info": {
+          50: "#a7effa",
+          100: "#82e6f8",
+          200: "#5dddf6",
+          300: "#38d3f4",
+          400: "#14caf2",
+          500: "#0dcaf0",
+          600: "#0aa0c0",
+          700: "#087690",
+          800: "#054c60",
+          900: "#032330",
+        },
+        "eui-light": {
+          50: "#ffffff",
+          100: "#fefefe",
+          200: "#fdfdfd",
+          300: "#fcfcfc",
+          400: "#fbfbfb",
+          500: "#f8f9fa",
+          600: "#c6c7c8",
+          700: "#949596",
+          800: "#626263",
+          900: "#313132",
+        },
+        "eui-dark": {
+          50: "#9ea1a4",
+          100: "#868a8d",
+          200: "#6f7376",
+          300: "#575c5f",
+          400: "#404547",
+          500: "#212529",
+          600: "#1a1d20",
+          700: "#141618",
+          800: "#0d0e10",
+          900: "#070708",
+        },
+      },
+      transitionDuration: {
+        120: "120ms",
+        180: "180ms",
+        240: "240ms",
+        250: "250ms",
+      },
+    },
+    fontFamily: { poppins: ["Poppins", "sans-serif"] },
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+};