react-restyle-components 0.1.85 → 0.1.86

package/lib/cjs/src/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const client_1 = __importDefault(require("react-dom/client"));
+require("./index.css");
+const App_1 = __importDefault(require("./App"));
+const reportWebVitals_1 = __importDefault(require("./reportWebVitals"));
+const root = client_1.default.createRoot(document.getElementById('root'));
+root.render(react_1.default.createElement(react_1.default.StrictMode, null,
+    react_1.default.createElement(App_1.default, null)));
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+(0, reportWebVitals_1.default)();

package/lib/cjs/src/library/assets/svg/index.d.ts

@@ -0,0 +1,9 @@
+import UnCheckbox from './unCheckbox.svg';
+import CheckedBox from './checkedBox.svg';
+import DatePickerSvg from './datePicker.svg';
+import CheckedRadio from './checkedRadio.svg';
+import UncheckRadio from './uncheckRadio.svg';
+import TimerSVG from './timer.svg';
+import UpArrow from './UpArrow.svg';
+import DownArrow from './DownArrow.svg';
+export { UnCheckbox, CheckedBox, DatePickerSvg, CheckedRadio, UncheckRadio, TimerSVG, UpArrow, DownArrow, };

package/lib/cjs/src/library/assets/svg/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DownArrow = exports.UpArrow = exports.TimerSVG = exports.UncheckRadio = exports.CheckedRadio = exports.DatePickerSvg = exports.CheckedBox = exports.UnCheckbox = void 0;
+const unCheckbox_svg_1 = __importDefault(require("./unCheckbox.svg"));
+exports.UnCheckbox = unCheckbox_svg_1.default;
+const checkedBox_svg_1 = __importDefault(require("./checkedBox.svg"));
+exports.CheckedBox = checkedBox_svg_1.default;
+const datePicker_svg_1 = __importDefault(require("./datePicker.svg"));
+exports.DatePickerSvg = datePicker_svg_1.default;
+const checkedRadio_svg_1 = __importDefault(require("./checkedRadio.svg"));
+exports.CheckedRadio = checkedRadio_svg_1.default;
+const uncheckRadio_svg_1 = __importDefault(require("./uncheckRadio.svg"));
+exports.UncheckRadio = uncheckRadio_svg_1.default;
+const timer_svg_1 = __importDefault(require("./timer.svg"));
+exports.TimerSVG = timer_svg_1.default;
+const UpArrow_svg_1 = __importDefault(require("./UpArrow.svg"));
+exports.UpArrow = UpArrow_svg_1.default;
+const DownArrow_svg_1 = __importDefault(require("./DownArrow.svg"));
+exports.DownArrow = DownArrow_svg_1.default;
+// import {ReactComponent as UnCheckbox} from '../../../library/assets/svg/unCheckbox.svg';
+// import {ReactComponent as CheckedBox} from '../../../library/assets/svg/checkedBox.svg';
+// import {ReactComponent as DatePickerSvg} from '../../../library/assets/svg/datePicker.svg';
+// import {ReactComponent as CheckedRadio} from '../../../library/assets/svg/checkedRadio.svg';
+// import {ReactComponent as UncheckRadio} from '../../../library/assets/svg/uncheckRadio.svg';
+// import {ReactComponent as TimerSVG} from '../../../library/assets/svg/timer.svg';
+// import {ReactComponent as UpArrow} from '../../../library/assets/svg/UpArrow.svg';
+// import {ReactComponent as DownArrow} from '../../../library/assets/svg/DownArrow.svg';
+// export {
+//   UnCheckbox,
+//   CheckedBox,
+//   DatePickerSvg,
+//   CheckedRadio,
+//   UncheckRadio,
+//   TimerSVG,
+//   UpArrow,
+//   DownArrow,
+// };

package/lib/cjs/src/reportWebVitals.d.ts

@@ -0,0 +1,3 @@
+import { ReportHandler } from 'web-vitals';
+declare const reportWebVitals: (onPerfEntry?: ReportHandler) => void;
+export default reportWebVitals;

package/lib/cjs/src/reportWebVitals.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const reportWebVitals = (onPerfEntry) => {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        Promise.resolve().then(() => __importStar(require('web-vitals'))).then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+            getCLS(onPerfEntry);
+            getFID(onPerfEntry);
+            getFCP(onPerfEntry);
+            getLCP(onPerfEntry);
+            getTTFB(onPerfEntry);
+        });
+    }
+};
+exports.default = reportWebVitals;

package/lib/cjs/src/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/lib/cjs/src/setupTests.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+require("@testing-library/jest-dom");

package/lib/package.json

@@ -1,25 +1,33 @@
 {
   "name": "react-restyle-components",
-  "version": "0.1.84",
-  "private": false,
+  "version": "0.1.86",
+  "private": true,
   "description": "Easy use restyle components",
-  "main": "./lib/index.js",
-  "types": "./lib/index.d.ts",
-  "files": [
-    "/lib"
-  ],
   "author": {
     "email": "onlyappasaheb4@gmail.com",
     "name": "Lakade Appasaheb",
     "url": "http://github.com/appasaheb4"
   },
   "license": "MIT",
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.18.113",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-scripts": "5.0.1",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4"
+  },
   "scripts": {
     "start": "serve -s ./build",
-    "dev": "chmod +x setup.sh && sh ./setup.sh && craco start",
+    "dev": "craco start",
     "serve-webapp": "craco build && craco start",
-    "build": "rm -rf ./lib && tsc && chmod +x npm-publish.sh && sh ./npm-publish.sh",
-    "build:css": "tailwindcss -o dist/tc.css --minify",
+    "build": "rm -rf lib && chmod +x npm-publish.sh && sh ./npm-publish.sh && tsc -p tsconfig.json  & tsc -p tsconfig-cjs.json",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "precommit": "lint-staged --allow-empty",
@@ -29,57 +37,15 @@
     "prettier": "prettier --write '**/*.{js,jsx}'",
     "go": "npm run build && npm publish"
   },
-  "dependencies": {
-    "@loadable/component": "^5.16.4",
-    "@mui/material": "^5.15.19",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.1.1",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^27.4.1",
-    "@types/react": "^18.0.5",
-    "@types/react-dom": "^18.0.1",
-    "dayjs": "^1.11.1",
-    "react-datepicker": "^4.7.0",
-    "react-icons": "^5.2.1",
-    "reactstrap": "^9.0.2",
-    "tailwindcss": "^3.0.24",
-    "typescript": "^4.6.3"
-  },
-  "peerDependencies": {
-    "@testing-library/jest-dom": "*",
-    "@testing-library/react": "*",
-    "@testing-library/user-event": "*",
-    "@types/jest": "*",
-    "@types/react": "*",
-    "@types/react-dom": "*",
-    "dayjs": "*",
-    "react": "*",
-    "react-datepicker": "*",
-    "react-dom": "*",
-    "react-scripts": "*",
-    "reactstrap": "*",
-    "tailwindcss": "*",
-    "typescript": "*",
-    "web-vitals": "*"
-  },
-  "sideEffects": [
-    "**/*.css"
+  "files": [
+    "*.md",
+    "dist",
+    "lib"
   ],
   "eslintConfig": {
     "extends": [
       "react-app",
-      "react-app/jest",
-      "plugin:storybook/recommended"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "**/*.stories.*"
-        ],
-        "rules": {
-          "import/no-anonymous-default-export": "off"
-        }
-      }
+      "react-app/jest"
     ]
   },
   "browserslist": {
@@ -94,36 +60,6 @@
       "last 1 safari version"
     ]
   },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.3.1",
-    "@craco/craco": "^6.4.3",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
-    "@storybook/addon-essentials": "^8.0.6",
-    "@storybook/addon-interactions": "^8.0.6",
-    "@storybook/addon-links": "^8.0.6",
-    "@storybook/addon-onboarding": "^8.0.6",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
-    "@storybook/blocks": "^8.0.6",
-    "@storybook/react": "^8.0.6",
-    "@storybook/react-webpack5": "^8.0.6",
-    "@storybook/test": "^8.0.6",
-    "@svgr/webpack": "^8.1.0",
-    "autoprefixer": "^10.4.19",
-    "copyfiles": "^2.4.1",
-    "craco-alias": "^3.0.1",
-    "css-loader": "^7.1.2",
-    "eslint-plugin-storybook": "^0.8.0",
-    "gh-pages": "^3.2.3",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.0",
-    "postcss-loader": "^8.1.1",
-    "sass": "^1.77.5",
-    "sass-loader": "^14.2.1",
-    "storybook": "^8.0.6",
-    "style-loader": "^4.0.0",
-    "webpack": "^5.72.0"
-  },
   "keywords": [
     "react",
     "components",
@@ -137,14 +73,5 @@
   "bugs": {
     "url": "https://github.com/appasaheb4/react-restyle-components/issues"
   },
-  "homepage": "https://appasaheb4.github.io/react-restyle-components",
-  "lint-staged": {
-    "*.{js,jsx,json,css,scss,md}": [
-      "prettier --write",
-      "git add"
-    ]
-  },
-  "resolutions": {
-    "jackspeak": "2.1.1"
-  }
+  "homepage": "https://github.com/appasaheb4/react-restyle-components#readme"
 }

package/lib/src/App.js

@@ -1,14 +1,10 @@
 import React from 'react';
-import logo from './logo.svg';
 import './App.css';
+import { Autocomplete } from './core-components';
 function App() {
-    return (React.createElement("div", { className: "App" },
-        React.createElement("header", { className: "App-header" },
-            React.createElement("img", { src: logo, className: "App-logo", alt: "logo" }),
-            React.createElement("p", null,
-                "Edit ",
-                React.createElement("code", null, "src/App.tsx"),
-                " and save to reload."),
-            React.createElement("a", { className: "App-link", href: "https://reactjs.org", target: "_blank", rel: "noopener noreferrer" }, "Learn npm submodules"))));
+    return (React.createElement("div", null,
+        React.createElement("div", null,
+            React.createElement("p", null, "New testing"),
+            React.createElement(Autocomplete, { value: "", onValueChange: () => { }, options: ['One', 'Two'] }))));
 }
 export default App;

package/lib/src/core-components/atoms/buttons/buttons.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface ButtonProps {
     type?: 'solid' | 'outline';
     className?: any;

package/lib/src/core-components/atoms/buttons/buttons.component.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const Button = ({ type = 'solid', className = 'w-40', disable = false, onClick, children, }) => {
     const buttonColorClass = type === 'solid'
         ? 'text-white bg-[#007BFF] hover:bg-[#007BFF] hover:shadow-lg text-white'

package/lib/src/core-components/atoms/check-box/checkBox.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface CheckBoxProps {
     title: string;
     data: Array<any>;

package/lib/src/core-components/atoms/check-box/checkBox.component.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 import { UnCheckbox, CheckedBox } from '../../../library/assets/svg';
 import { InputWrapper } from '../form/form.component';
 export const CheckBox = ({ title = 'Banks', data = [{ title: 'SBI Bank', checked: false }], className, onChange, }) => {
@@ -7,7 +7,7 @@ export const CheckBox = ({ title = 'Banks', data = [{ title: 'SBI Bank', checked
     const width = 20;
     return (React.createElement(InputWrapper, { label: title }, list?.map((item, index) => (React.createElement("div", { className: `${className} flex flex-row  items-center `, onClick: () => {
             const result = list?.map((e, i) => {
-                if (i == index)
+                if (i === index)
                     return { ...e, checked: !item.checked };
                 else
                     return { ...e };

package/lib/src/core-components/atoms/check-box/checkBox.stories.d.ts

@@ -3,4 +3,4 @@ import { CheckBox } from './checkBox.component';
 declare const meta: Meta<typeof CheckBox>;
 export default meta;
 type Story = StoryObj<typeof CheckBox>;
-export declare const Primary1: Story;
+export declare const Primary: Story;

package/lib/src/core-components/atoms/check-box/checkBox.stories.js

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary1 = {
+export const Primary = {
     args: {
         title: 'Banks',
         data: [

package/lib/src/core-components/atoms/date-picker/date-picker.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 import 'react-datepicker/dist/react-datepicker.css';
 interface DatePickerProps {
     title: string;

package/lib/src/core-components/atoms/date-picker/date-picker.component.js

@@ -1,5 +1,5 @@
 import React, { useState, forwardRef } from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 import DatePicker from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
 import { DatePickerSvg } from '../../../library/assets/svg';

package/lib/src/core-components/atoms/form/form.component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import '../../../../tc.css';
-import '../../../../tc.css';
+import '../../../tc.css';
+import '../../../tc.css';
 interface LabelProps {
     htmlFor: string;
     hasError?: boolean;

package/lib/src/core-components/atoms/form/form.component.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 import classNames from 'classnames';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const Label = (props) => (React.createElement(React.Fragment, null,
     React.createElement("label", { htmlFor: props.htmlFor, className: `${props.hasError ? 'text-red-400' : 'text-current'} block text-3xs font-medium  mb-1`, style: { ...props.style } }, props.children)));
 export const InputWrapper = (props) => (React.createElement("div", { className: props.className, ref: props.ref },

package/lib/src/core-components/atoms/icons/icons.component.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { IconBaseProps } from 'react-icons/lib';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface IconProps {
     nameIcon: string;
     propsIcon?: IconBaseProps;

package/lib/src/core-components/atoms/icons/icons.component.js

@@ -2,7 +2,7 @@ import React, { Suspense } from 'react';
 import _ from 'lodash';
 import { Tooltip } from '../..';
 import loadable from '@loadable/component';
-import '../../../../tc.css';
+import '../../../tc.css';
 let lib = 'md';
 export const Icon = ({ nameIcon, propsIcon, tooltip = '', isDisable = false, onClick, }) => {
     try {

package/lib/src/core-components/atoms/input/input-otp.component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './input-otp.styles.css';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface PinInputGridProps {
     title?: string;
     hasError?: boolean;

package/lib/src/core-components/atoms/input/input-otp.component.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React, { useEffect, useRef } from 'react';
 import './input-otp.styles.css';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const InputOtp = ({ className, pin, onPinChanged, }) => {
     const pinLength = 6;
     const Pin_Min_Value = 0;

package/lib/src/core-components/atoms/input/input-pin.component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './input.styles.css';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface PinInputGridProps {
     title: string;
     hasError?: any;

package/lib/src/core-components/atoms/input/input-pin.component.js

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import React, { useRef, useState } from 'react';
 import './input.styles.css';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const InputPin = ({ title, className, defaultPin, errorMsg, defaultMsg, hasError, onPinChanged, }) => {
     const pin = useRef([]);
     const [reload, setReload] = useState(false);

package/lib/src/core-components/atoms/input/input.component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './input.styles.css';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface InputProps {
     title: string;
     defaultValue: string;

package/lib/src/core-components/atoms/input/input.component.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React, { useState } from 'react';
 import './input.styles.css';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const Input = ({ title, defaultValue, className, disable, hasError, errorMsg, defaultMsg, inputStyle, autoComplete, maxlength = 40, onChange, onBlur, }) => {
     const [value, setValue] = useState(defaultValue);
     const onKeyUpValue = (event) => {

package/lib/src/core-components/atoms/input-dropdown/input-dropdown.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface InputDropdownProps {
     title: string;
     items: Array<string>;

package/lib/src/core-components/atoms/input-dropdown/input-dropdown.component.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { UpArrow, DownArrow } from '../../../library/assets/svg';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const InputDropdown = ({ items, className, hasError, title, onChange, }) => {
     const [isOpen, setIsOpen] = useState(false);
     const [value, setValue] = useState('');

package/lib/src/core-components/atoms/loader/loader.component.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 export declare const Loader: () => React.JSX.Element;
 export declare const ModalLoader: () => React.JSX.Element;

package/lib/src/core-components/atoms/loader/loader.component.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Container, Row, Spinner } from 'reactstrap';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const Loader = () => (React.createElement(Container, { fluid: true, className: "vh-50 d-flex" },
     React.createElement(Row, { className: "justify-content-center align-self-center w-100 text-center" },
         React.createElement(Spinner, { color: "primary" }))));

package/lib/src/core-components/atoms/radio/radio.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface RadioProps {
     title: string;
     data: Array<any>;

package/lib/src/core-components/atoms/radio/radio.component.js

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { CheckedRadio, UncheckRadio } from '../../../library/assets/svg';
 import { InputWrapper } from '../form/form.component';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const Radio = ({ title = 'Source', data = [], className, onChange, }) => {
     const [list, setList] = useState(data);
     const width = 20;

package/lib/src/core-components/atoms/stepper/stepper.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface StepperProps {
     className?: string;
     steps: Array<string>;

package/lib/src/core-components/atoms/stepper/stepper.component.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const Stepper = ({ className = '', steps, currentStep = 1, onStepClick, }) => {
     const finalClass = `${className} w-full px-4 sm:px-8`;
     const progressClass = 'absolute my-4 top-1/2 left-0 h-0.5  transform -translate-y-1/2 bg-orange transition-width ease-in-out duration-500';

package/lib/src/core-components/atoms/tabs/tabs.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface TabsProps {
     options: Array<{
         title: string;

package/lib/src/core-components/atoms/tabs/tabs.component.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Icon } from '../..';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const Tabs = ({ options, onSelect }) => {
     const [selected, setSelected] = useState(options[0].title);
     return (React.createElement("div", { className: "flex justify-center" },

package/lib/src/core-components/atoms/timer/timer.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface TimerProps {
     onClear: () => void;
 }

package/lib/src/core-components/atoms/timer/timer.component.js

@@ -2,7 +2,7 @@
 /* eslint-disable @typescript-eslint/no-unused-expressions */
 import React, { useEffect, useState, useImperativeHandle } from 'react';
 import { TimerSVG } from '../../../library/assets/svg';
-import '../../../../tc.css';
+import '../../../tc.css';
 // eslint-disable-next-line react/display-name
 export const Timer = React.forwardRef(({ onClear }, ref) => {
     const width = 15;

package/lib/src/core-components/atoms/tooltip/tooltip.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface TooltipProps {
     tooltipText?: any;
     position?: 'bottom' | 'left' | 'top';

package/lib/src/core-components/atoms/tooltip/tooltip.component.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import * as Material from '@mui/material';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const Tooltip = ({ tooltipText, position = 'bottom-start', children, }) => {
     const positionRef = React.useRef({
         x: 0,

package/lib/src/core-components/index.d.ts

@@ -1,4 +1,4 @@
-import '../../tc.css';
+import '../tc.css';
 import * as Form from './atoms/form/form.component';
 export * from './atoms/buttons/buttons.component';
 export * from './atoms/check-box/checkBox.component';
@@ -20,4 +20,5 @@ export * from './molecules/auto-complete-filter-single-select-multiple-fields-di
 export * from './molecules/multi-select/multi-select.component';
 export * from './molecules/multi-select-with-field/multi-select-with-field.component';
 export * from './molecules/modal-confirm/modal-confirm.component';
+export * from './molecules/autocomplete/autocomplete';
 export { Form };

package/lib/src/core-components/index.js

@@ -1,4 +1,4 @@
-import '../../tc.css';
+import '../tc.css';
 import * as Form from './atoms/form/form.component';
 export * from './atoms/buttons/buttons.component';
 export * from './atoms/check-box/checkBox.component';
@@ -20,4 +20,5 @@ export * from './molecules/auto-complete-filter-single-select-multiple-fields-di
 export * from './molecules/multi-select/multi-select.component';
 export * from './molecules/multi-select-with-field/multi-select-with-field.component';
 export * from './molecules/modal-confirm/modal-confirm.component';
+export * from './molecules/autocomplete/autocomplete';
 export { Form };