react-restyle-components 0.1.85 → 0.1.87

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,13 +1,8 @@
 {
   "name": "react-restyle-components",
-  "version": "0.1.84",
-  "private": false,
+  "version": "0.1.87",
+  "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",
@@ -16,11 +11,10 @@
   "license": "MIT",
   "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",
-    "test": "react-scripts test",
+    "build": "rm -rf lib && chmod +x npm-publish.sh && sh ./npm-publish.sh && tsc -p tsconfig.json  & tsc -p tsconfig-cjs.json",
+    "test": "jest",
     "eject": "react-scripts eject",
     "precommit": "lint-staged --allow-empty",
     "storybook": "storybook dev -p 6006",
@@ -32,18 +26,23 @@
   "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/jest-dom": "^5.17.0",
     "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^27.4.1",
-    "@types/react": "^18.0.5",
-    "@types/react-dom": "^18.0.1",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.18.113",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.0",
     "dayjs": "^1.11.1",
+    "jest-environment-jsdom": "^29.7.0",
+    "react": "^18.3.1",
     "react-datepicker": "^4.7.0",
+    "react-dom": "^18.3.1",
     "react-icons": "^5.2.1",
+    "react-scripts": "5.0.1",
     "reactstrap": "^9.0.2",
     "tailwindcss": "^3.0.24",
-    "typescript": "^4.6.3"
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4"
   },
   "peerDependencies": {
     "@testing-library/jest-dom": "*",
@@ -62,38 +61,6 @@
     "typescript": "*",
     "web-vitals": "*"
   },
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest",
-      "plugin:storybook/recommended"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "**/*.stories.*"
-        ],
-        "rules": {
-          "import/no-anonymous-default-export": "off"
-        }
-      }
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.3.1",
     "@craco/craco": "^6.4.3",
@@ -109,6 +76,7 @@
     "@storybook/react-webpack5": "^8.0.6",
     "@storybook/test": "^8.0.6",
     "@svgr/webpack": "^8.1.0",
+    "@testing-library/react": "^16.0.1",
     "autoprefixer": "^10.4.19",
     "copyfiles": "^2.4.1",
     "craco-alias": "^3.0.1",
@@ -116,35 +84,43 @@
     "eslint-plugin-storybook": "^0.8.0",
     "gh-pages": "^3.2.3",
     "husky": "^7.0.4",
+    "jest": "^29.7.0",
     "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",
+    "ts-jest": "^29.2.5",
     "webpack": "^5.72.0"
   },
+  "files": [
+    "*.md",
+    "dist",
+    "lib"
+  ],
+  "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"
+    ]
+  },
   "keywords": [
     "react",
     "components",
     "restyle-components",
     "tech-abl"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/appasaheb4/react-restyle-components.git"
-  },
-  "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"
-  }
+  ]
 }

package/lib/src/App.css

@@ -1,5 +1,6 @@
-.App {
-  text-align: center;
+body {
+  background-color: #eeeeee;
+  padding: 40px;
 }
 
 .App-logo {

package/lib/src/App.js

@@ -1,14 +1,9 @@
 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("p", { style: { margin: '0 0 10px 0' } }, "Autocomplete Comp."),
+        React.createElement(Autocomplete, { value: "", onValueChange: () => { }, options: ['One', 'Two', 'Three', 'Four', 'Five', 'Six'] })));
 }
 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 };

package/lib/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface AutoCompleteFilterMultipleSelectMultipleFieldsDisplayProps {
     uniqueField?: string;
     loader?: boolean;

package/lib/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.js

@@ -1,7 +1,7 @@
 /* eslint-disable  */
 import React, { useState, useEffect, useRef } from 'react';
 import { Icon } from '../..';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const AutoCompleteFilterMultipleSelectMultipleFieldsDisplay = ({ uniqueField = '_id', loader = false, placeholder = 'Search...', data, hasError = false, disable = false, isUpperCase = false, name, onFilter, onUpdate, onSelect, onBlur, }) => {
     const [value, setValue] = useState('');
     const [options, setOptions] = useState();

package/lib/src/core-components/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../../../tc.css';
+import '../../../tc.css';
 interface AutoCompleteFilterSingleSelectMultiFieldsDisplayProps {
     loader?: boolean;
     disable?: boolean;

package/lib/src/core-components/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.js

@@ -1,7 +1,7 @@
 /* eslint-disable  */
 import React, { useState, useEffect, useRef } from 'react';
 import { Icon } from '../..';
-import '../../../../tc.css';
+import '../../../tc.css';
 export const AutoCompleteFilterSingleSelectMultiFieldsDisplay = ({ disable = false, loader = false, displayValue = '', placeholder = 'Search...', data, hasError = false, className, posstion = 'absolute', onFilter, onSelect, onBlur, }) => {
     const [value, setValue] = useState(displayValue);
     const [options, setOptions] = useState(data.list);