@inntechcorp/it-design 2.0.0

package/dist/types/SwitchProps.d.ts

@@ -0,0 +1,10 @@
+export type SwitchProps = {
+    id?: string;
+    label?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    onChange?: ((value: any) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+};

package/dist/types/UploadProps.d.ts

@@ -0,0 +1,41 @@
+import { FileTypes } from "../index";
+export type UploadProps = {
+    action?: string;
+    filePath?: string | null;
+    removeAction?: string;
+    removeExtraFormData?: {};
+    removeExtraQueryString?: {};
+    removeExtraHeader?: {};
+    binaryName?: string;
+    resultFileName?: string | null;
+    showDeleteIcon?: boolean;
+    showPreviewIcon?: boolean;
+    fileHeight?: number | string;
+    padding?: number;
+    previewFileWidth?: number | string;
+    previewFileHeight?: number | string;
+    previewFilePadding?: number | string;
+    fileTypes?: FileTypes[];
+    maxFileSize?: number;
+    requestMethod?: "put" | "post";
+    extraFormData?: {};
+    extraQueryString?: {};
+    extraHeader?: {};
+    disabled?: boolean;
+    onChange?: ((value: any) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+    onUploadSuccess?: (path: string) => void;
+    onUploadFailed?: (message: string, code: number) => void;
+    onRemoveFileSuccess?: (data?: any) => void;
+    onRemoveFileFailed?: () => void;
+};
+export type UploadProgressProps = {
+    estimated: string;
+    progress: number;
+    bytes: string;
+    total: string;
+};
+export type UploadResultMessageProps = {
+    message: string;
+    status: "success" | "error" | "";
+};

package/dist/upload/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { UploadProps, ITDImperativeFuncProps } from "../index";
+/**
+ *
+ * UPLOAD
+ * --
+ *
+ *
+ *
+ * @returns
+ *
+ */
+declare const Upload: import("react").ForwardRefExoticComponent<UploadProps & import("react").RefAttributes<ITDImperativeFuncProps>>;
+export default Upload;

package/dist/upload/styled.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const FileContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $showBorder: boolean;
+    $hasError: boolean;
+    $disabled: boolean;
+    $padding: number;
+}>> & string;
+declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    $showFocus: boolean;
+}>> & string;
+declare const IconsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Icons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const CenterContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $width: number | string;
+    $height: number | string;
+    $padding: number | string;
+}>> & string;
+declare const OverlayContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isHover: boolean;
+}>> & string;
+declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isHover: boolean;
+}>> & string;
+declare const Uploading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isActive: boolean;
+    $complete: boolean;
+    $error: boolean;
+}>> & string;
+declare const UploadStatusBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $progress: number;
+    $complete: boolean;
+    $error: boolean;
+}>> & string;
+declare const ErrorBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Failed: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+declare const ErrorTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export { Wrapper, FileContent, IconsWrapper, Icons, Label, CenterContent, Overlay, OverlayContent, Uploading, UploadStatusBox, ErrorBorder, ErrorTooltip, Failed };

package/package.json

@@ -0,0 +1,183 @@
+{
+  "name": "@inntechcorp/it-design",
+  "version": "2.0.0",
+  "description": "All in One Design library for desktop applications.",
+  "author": "Ali",
+  "license": "ISC",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "files": [
+    "dist",
+    "src/typings"
+  ],
+  "scripts": {
+    "prepublish": "rollup -c --bundleConfigAsCjs",
+    "build-rollup": "[ -d ./dist ] || mkdir dist && rm -r ./dist && rollup -c --bundleConfigAsCjs",
+    "start-rollup": "rollup -c -w --bundleConfigAsCjs",
+    "npm-publish": "yarn run build-rollup && npm publish --access public",
+    "start": "vite --host",
+    "build": "[ -d ./build ] || mkdir build && rm -r ./build && tsc --p ./tsconfig-build.json && vite build",
+    "serve": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/inntechcorp/it-design-library.git"
+  },
+  "dependencies": {
+    "@mona-health/react-input-mask": "^3.0.3",
+    "autoprefixer": "10.4.19",
+    "axios": "1.7.1",
+    "core-js": "3.37.1",
+    "fast-deep-equal": "^3.1.3",
+    "i18next": "23.11.5",
+    "i18next-browser-languagedetector": "8.0.0",
+    "i18next-http-backend": "2.5.2",
+    "i18next-resources-to-backend": "^1.2.1",
+    "lodash-es": "^4.17.21",
+    "moment": "2.30.1",
+    "moment-timezone": "0.5.45",
+    "node-sass": "^9.0.0",
+    "overlayscrollbars": "2.0.3",
+    "overlayscrollbars-react": "0.5.0",
+    "postcss": "8.4.38",
+    "postcss-calc": "10.0.0",
+    "postcss-nested": "6.0.1",
+    "prop-types": "^15.8.1",
+    "query-string": "9.0.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-i18next": "^14.1.1",
+    "react-nanny": "^2.15.0",
+    "react-number-format": "5.3.4",
+    "react-router-dom": "6.23.1",
+    "react-spring": "9.7.3",
+    "react-svg": "16.1.34",
+    "react-transition-group": "4.4.5",
+    "smoothscroll-polyfill": "^0.4.4",
+    "styled-components": "6.1.11",
+    "web-vitals": "4.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "7.24.5",
+    "@babel/plugin-transform-runtime": "7.24.3",
+    "@babel/preset-env": "7.24.5",
+    "@babel/preset-react": "7.24.1",
+    "@babel/preset-typescript": "7.24.1",
+    "@babel/runtime": "7.24.5",
+    "@chromatic-com/storybook": "1.4.0",
+    "@rollup/plugin-babel": "6.0.4",
+    "@rollup/plugin-commonjs": "25.0.7",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@storybook/addon-essentials": "8.1.1",
+    "@storybook/addon-interactions": "8.1.1",
+    "@storybook/addon-links": "8.1.1",
+    "@storybook/addon-mdx-gfm": "8.1.1",
+    "@storybook/addon-onboarding": "8.1.1",
+    "@storybook/blocks": "8.1.1",
+    "@storybook/node-logger": "8.1.1",
+    "@storybook/react": "8.1.1",
+    "@storybook/react-vite": "8.1.1",
+    "@storybook/test": "8.1.1",
+    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/react": "15.0.7",
+    "@testing-library/user-event": "14.5.2",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "20.12.12",
+    "@types/react": "18.3.2",
+    "@types/react-dom": "18.3.0",
+    "@types/rollup-plugin-node-globals": "^1.4.4",
+    "@vitejs/plugin-react": "^4.0.0",
+    "babel-plugin-styled-components": "2.1.4",
+    "copy-webpack-plugin": "12.0.2",
+    "customize-cra": "^1.0.0",
+    "dts-bundle-generator": "^9.5.1",
+    "eslint-plugin-storybook": "0.8.0",
+    "esm": "^3.2.25",
+    "glob": "10.3.15",
+    "less-loader": "12.2.0",
+    "postcss-custom-properties": "13.3.10",
+    "postcss-import": "16.1.0",
+    "postcss-nesting": "12.1.4",
+    "postcss-normalize": "^10.0.1",
+    "postcss-preset-env": "9.5.13",
+    "react-app-rewired": "^2.2.1",
+    "rollup": "4.17.2",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-dts": "6.1.1",
+    "rollup-plugin-local-resolve": "^1.0.7",
+    "rollup-plugin-node-builtins": "^2.1.2",
+    "rollup-plugin-node-globals": "^1.4.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-sourcemaps": "^0.6.3",
+    "rollup-plugin-styles": "4.0.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "0.36.0",
+    "sass": "1.77.2",
+    "source-map-loader": "5.0.0",
+    "storybook": "8.1.1",
+    "tslib": "^2.5.0",
+    "typescript": "5.4.5",
+    "vite": "5.2.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "2.1.1",
+    "vite-plugin-node-polyfills": "0.22.0",
+    "vite-plugin-svgr": "4.2.0",
+    "vite-tsconfig-paths": "4.3.2"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "bugs": {
+    "url": "https://github.com/inntechcorp/it-design-library/issues"
+  },
+  "keywords": [
+    "design",
+    "library",
+    "ui"
+  ],
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "resolutions": {
+    "jackspeak": "2.1.1"
+  },
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.esm.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs.js"
+      }
+    }
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "homepage": "https://github.com/inntechcorp/it-design-library#readme"
+}