sag_components 2.0.0-beta25 → 2.0.0-beta250

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "sag_components",
-  "version": "2.0.0-beta25",
+  "version": "2.0.0-beta250",
   "description": "",
-  "main": "dist/index.js",
+  "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -11,8 +11,10 @@
   "scripts": {
     "build": "tsc && rollup -c",
     "start": "vite dev --open",
-    "test": "jest",
+    "test": "jest --env=jsdom",
     "lint": "eslint . --fix",
+    "clean": "rimraf dist",
+    "build:full": "npm run clean && npm run build && npm link",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -20,38 +22,31 @@
   "author": "SAG",
   "license": "ISC",
   "devDependencies": {
-    "@babel/cli": "^7.24.5",
-    "@babel/plugin-external-helpers": "^7.25.9",
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/plugin-transform-runtime": "^7.26.9",
     "@babel/preset-env": "^7.24.5",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
+    "@chromatic-com/storybook": "^3.2.5",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^13.0.6",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@storybook/addon-designs": "^7.0.9",
-    "@storybook/addon-essentials": "^7.4.6",
-    "@storybook/addon-interactions": "^7.4.6",
-    "@storybook/addon-links": "^7.4.6",
-    "@storybook/addon-storysource": "^7.4.6",
-    "@storybook/addons": "^7.5.3",
-    "@storybook/blocks": "^7.4.6",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^7.4.6",
-    "@storybook/react-webpack5": "^7.4.6",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.5.3",
+    "@rollup/plugin-url": "^8.0.2",
+    "@storybook/addon-designs": "^8.2.0",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-interactions": "^8.6.4",
+    "@storybook/addon-links": "^8.6.4",
+    "@storybook/addon-storysource": "^8.6.4",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+    "@storybook/blocks": "^8.6.4",
+    "@storybook/manager-api": "^8.6.4",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-webpack5": "^8.6.4",
+    "@storybook/theming": "^8.6.4",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
-    "@types/node": "^22.13.4",
-    "@types/react": "^18.3.18",
-    "@types/rollup-plugin-peer-deps-external": "^2.2.5",
-    "@vitejs/plugin-react": "^4.3.4",
     "babel-plugin-react-css-modules": "^5.2.6",
-    "babel-preset-react-app": "^10.0.1",
-    "cross-env": "^7.0.3",
+    "chromatic": "^11.27.0",
     "css-loader": "^6.8.1",
     "eslint": "^8.56.0",
     "eslint-config-google": "^0.14.0",
@@ -60,44 +55,41 @@
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-storybook": "^0.11.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "react-dom": "^18.2.0",
+    "raw-loader": "^4.0.2",
+    "react-css-modules": "^4.7.11",
+    "react-dom": "^18.3.1",
+    "rimraf": "^6.0.1",
     "rollup": "^2.60.0",
     "rollup-plugin-dts": "4.2.3",
     "rollup-plugin-peer-deps-external": "^2.2.3",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-typescript2": "^0.31.2",
-    "sass": "^1.74.1",
-    "sass-loader": "^13.3.3",
+    "storybook": "^8.6.4",
     "style-loader": "^3.3.4",
-    "typescript": "^4.9.5",
-    "vite": "^6.1.0"
+    "vite": "^7.1.3"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
-    "@mui/icons-material": "^5.15.16",
-    "@mui/material": "^5.15.16",
-    "@mui/x-date-pickers": "^6.18.6",
     "classnames": "^2.3.2",
-    "dayjs": "^1.11.10",
     "framer-motion": "^11.15.0",
+    "lottie-react": "^2.4.1",
     "moment": "^2.30.1",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-ace": "^10.1.0",
-    "react-css-modules": "^4.7.11",
     "react-hook-form": "^7.46.2",
     "react-icons": "^5.0.1",
     "react-loading-skeleton": "^3.3.1",
     "recharts": "^2.15.0",
-    "storybook": "^7.4.6",
-    "styled-components": "^6.1.11"
+    "styled-components": "^6.1.15",
+    "typescript": "^4.9.5"
   },
   "browserslist": {
     "production": [
@@ -111,5 +103,9 @@
       "last 1 safari version"
     ]
   },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  "jest": {
+    "setupFilesAfterEnv": [
+      "<rootDir>/setupTests.js"
+    ]
+  }
 }

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

@@ -1,15 +0,0 @@
-export default AutocompleteField;
-declare function AutocompleteField(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace AutocompleteField {
-    namespace propTypes {
-        const choices: PropTypes.Requireable<(string | null | undefined)[]>;
-        const onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        const choices_1: string[];
-        export { choices_1 as choices };
-        export function onSelect_1(): void;
-        export { onSelect_1 as onSelect };
-    }
-}
-import PropTypes from "prop-types";

package/dist/types/components/AutocompleteField/AutocompleteField.style.d.ts

@@ -1,5 +0,0 @@
-export const AutocompleteContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export const AutocompleteInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export const AutocompleteLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
-export const AutocompleteOptions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export const AutocompleteOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/components/CodeEditor/CodeEditor.style.d.ts

@@ -1,2 +0,0 @@
-export const AceEditorContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-ace").IAceEditorProps & import("react").RefAttributes<AceEditor>, never>> & string & Omit<typeof AceEditor, keyof import("react").Component<any, {}, any>>;
-import AceEditor from "react-ace";

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

@@ -1,12 +0,0 @@
-export function Datepicker({ width, text, format, shape, onChange, value, disableClearable, disabled, labelColor, }: {
-    width?: string | undefined;
-    text: any;
-    format?: string | undefined;
-    shape: any;
-    onChange: any;
-    value: any;
-    disableClearable: any;
-    disabled?: boolean | undefined;
-    labelColor?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export default Datepicker;

package/dist/types/components/Datepicker/Datepicker.style.d.ts

@@ -1 +0,0 @@
-export const DatepickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,24 +0,0 @@
-export function Dropdown({ width, size, text, shape, placeHolder, multiSelect, showPopupIcon, showSearchIcon, options, onChange, onInputChange, labelColor, required, inputRef, defaultValue, allowedInput, reset, disableClearable, disabled, dropdownListfontSize, placeHolderFontSize, }: {
-    width?: string | undefined;
-    size: any;
-    text: any;
-    shape: any;
-    placeHolder: any;
-    multiSelect: any;
-    showPopupIcon: any;
-    showSearchIcon: any;
-    options: any;
-    onChange: any;
-    onInputChange: any;
-    labelColor?: string | undefined;
-    required: any;
-    inputRef: any;
-    defaultValue: any;
-    allowedInput?: string | undefined;
-    reset?: boolean | undefined;
-    disableClearable?: boolean | undefined;
-    disabled?: boolean | undefined;
-    dropdownListfontSize?: string | undefined;
-    placeHolderFontSize?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export default Dropdown;

package/dist/types/components/Dropdown/Dropdown.style.d.ts

@@ -1 +0,0 @@
-export const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,75 +0,0 @@
-export function DropdownMulti(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace DropdownMulti {
-    namespace propTypes {
-        const name: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const size: PropTypes.Requireable<string>;
-        const text: PropTypes.Requireable<string>;
-        const shape: PropTypes.Requireable<string>;
-        const placeHolder: PropTypes.Requireable<string>;
-        const limitTagsOnMultiSelect: PropTypes.Requireable<string>;
-        const showPopupIcon: PropTypes.Requireable<string>;
-        const options: PropTypes.Requireable<(PropTypes.InferProps<{
-            id: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
-        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const onInputChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const labelColor: PropTypes.Requireable<string>;
-        const required: PropTypes.Requireable<boolean>;
-        const inputRef: PropTypes.Requireable<string>;
-        const allowedInput: PropTypes.Requireable<string>;
-        const reset: PropTypes.Requireable<boolean>;
-        const disableClearable: PropTypes.Requireable<boolean>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const dropdownListfontSize: PropTypes.Requireable<string>;
-        const placeHolderFontSize: PropTypes.Requireable<string>;
-        const dropdownMultiMaxWidth: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const name_1: string;
-        export { name_1 as name };
-        const width_1: string;
-        export { width_1 as width };
-        const size_1: string;
-        export { size_1 as size };
-        const text_1: string;
-        export { text_1 as text };
-        const limitTagsOnMultiSelect_1: number;
-        export { limitTagsOnMultiSelect_1 as limitTagsOnMultiSelect };
-        const placeHolder_1: string;
-        export { placeHolder_1 as placeHolder };
-        const shape_1: string;
-        export { shape_1 as shape };
-        const showPopupIcon_1: boolean;
-        export { showPopupIcon_1 as showPopupIcon };
-        const options_1: never[];
-        export { options_1 as options };
-        export function onChange_1(): void;
-        export { onChange_1 as onChange };
-        export function onInputChange_1(): void;
-        export { onInputChange_1 as onInputChange };
-        const labelColor_1: string;
-        export { labelColor_1 as labelColor };
-        const required_1: boolean;
-        export { required_1 as required };
-        const inputRef_1: undefined;
-        export { inputRef_1 as inputRef };
-        const allowedInput_1: string;
-        export { allowedInput_1 as allowedInput };
-        const disableClearable_1: boolean;
-        export { disableClearable_1 as disableClearable };
-        const disabled_1: boolean;
-        export { disabled_1 as disabled };
-        const reset_1: boolean;
-        export { reset_1 as reset };
-        const dropdownListfontSize_1: string;
-        export { dropdownListfontSize_1 as dropdownListfontSize };
-        const placeHolderFontSize_1: string;
-        export { placeHolderFontSize_1 as placeHolderFontSize };
-        const dropdownMultiMaxWidth_1: undefined;
-        export { dropdownMultiMaxWidth_1 as dropdownMultiMaxWidth };
-    }
-}
-export default DropdownMulti;
-import PropTypes from "prop-types";

package/dist/types/components/DropdownMulti/DropdownMulti.style.d.ts

@@ -1 +0,0 @@
-export const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,6 +0,0 @@
-/**
- *  SAG TextField
- */
-export const TextField: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-export default TextField;
-import React from "react";

package/dist/types/components/TextField/TextField.style.d.ts

@@ -1 +0,0 @@
-export const TextFieldContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;