react-core-ts 1.9.18 → 2.0.1

package/dist/styles/styles/components/treedropdown.css

@@ -0,0 +1,97 @@
+.qbs-tree-list-container {
+  display: flex;
+  flex-direction: column;
+}
+.qbs-tree-list-container-sub {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 7px;
+}
+
+.qbs-tree-list-container-sub .no-children {
+  margin-left: 1.75rem; /* Corresponds to ml-7 in Tailwind */
+}
+.qbs-tree-list-container-sub-icon {
+  margin-top: 0.25rem; /* Corresponds to mt-1 in Tailwind */
+  cursor: pointer;
+  padding-top: 0.5rem; /* Corresponds to py-2 in Tailwind */
+  padding-bottom: 0.5rem;
+  transition: transform 0.3s ease; /* Smooth rotation transition */
+  color: #003c71;
+}
+
+.qbs-tree-list-container-sub-icon.expanded {
+  transform: rotate(90deg); /* Corresponds to rotate-90 in Tailwind */
+}
+.qbs-tree-list-container-sub-container {
+  display: flex;
+  gap: 15px; /* Corresponds to gap-2 in Tailwind */
+  padding: 0.5rem; /* Corresponds to p-2 in Tailwind */
+  flex-direction: row; /* Corresponds to flex-row in Tailwind */
+  width: 100%; /* Corresponds to w-full in Tailwind */
+  color: #3d414a;
+}
+.qbs-tree-list-container-sub-container-hideicon {
+  display: flex;
+  gap: 6px; /* Corresponds to gap-2 in Tailwind */
+  padding: 0.5rem; /* Corresponds to p-2 in Tailwind */
+  flex-direction: row; /* Corresponds to flex-row in Tailwind */
+  width: 100%; /* Corresponds to w-full in Tailwind */
+  color: #3d414a;
+}
+.qbs-tree-list-container-sub-container-hideicon:hover {
+  color: #003c71;
+  background-color: rgba(141, 194, 240, 0.15) !important;
+}
+.qbs-tree-list-container-sub-container:hover {
+  color: #003c71;
+  background-color: rgba(141, 194, 240, 0.15) !important;
+}
+.qbs-tree-list-container-sub-container.qbs-expanded-child {
+  color: #003c71;
+}
+.qbs-tree-list-container-sub-text.qbs-expanded-child {
+  color: #003c71;
+}
+.qbs-tree-list-container-sub-text:hover {
+  color: #003c71;
+  /* background-color: rgba(141, 194, 240, 0.15) !important; */
+}
+
+.qbs-tree-list-container-sub-container.checked,
+.qbs-tree-list-container-sub-container-hideicon.checked {
+  color: #003c71;
+  background-color: rgba(
+    141,
+    194,
+    240,
+    0.15
+  ) !important; /* Corresponds to bg-green-200 in Tailwind */
+}
+
+.marginLeft {
+  margin-left: 28px; /* Corresponds to ml-2 in Tailwind */
+}
+.lightmarginLeft {
+  margin-left: 19px; /* Corresponds to ml-2 in Tailwind */
+}
+.qbs-tree-list-container-sub- {
+  line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */
+  font-size: 0.875rem; /* Corresponds to text-sm in Tailwind (14px) */
+}
+.qbs-tree-list-container-child {
+  margin-left: 1rem; /* Corresponds to ml-4 in Tailwind */
+  margin-top: 0.5rem; /* Corresponds to mt-2 in Tailwind */
+  display: flex; /* Corresponds to flex in Tailwind */
+  flex-direction: column; /* Corresponds to flex-col in Tailwind */
+  gap: 0.5rem; /* Corresponds to gap-2 in Tailwind */
+}
+.qbs-tree-list-container-sub-text {
+  line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */
+  font-size: 14px; /* Corresponds to text-sm in Tailwind (14px) */
+  font-weight: 500;
+  letter-spacing: 0.28px;
+  font-family: 'Noto Sans';
+  /* color: #3d414a; */
+}

package/dist/styles/styles/global.css

@@ -0,0 +1,8 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@import './components/autocomplete.css';
+@import './components/treedropdown.css';
+@import './components/selectedautocomplete.css';
+@import './components/tooltip.css';

package/dist/utilities/icons.d.ts

@@ -4,3 +4,4 @@ export declare const Close: React.FC<any>;
 export declare const Spinner: React.FC<any>;
 export declare const Search: React.FC<any>;
 export declare const AllDropArrow: React.FC<any>;
+export declare const Tools: React.FC<any>;

package/dist/utilities/icons.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AllDropArrow = exports.Search = exports.Spinner = exports.Close = exports.DropArrow = void 0;
+exports.Tools = exports.AllDropArrow = exports.Search = exports.Spinner = exports.Close = exports.DropArrow = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var DropArrow = function (_a) {
     var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.stroke, stroke = _c === void 0 ? 1.5 : _c, _d = _a.uniqueId, uniqueId = _d === void 0 ? "drop-arrow-icon" : _d;
@@ -38,4 +38,9 @@ var AllDropArrow = function (_a) {
     return ((0, jsx_runtime_1.jsx)("svg", __assign({ id: uniqueId, width: "20", height: "20", viewBox: "0 0 20 20", className: className, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: type === "up" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M17.5 15L14.5833 11.6667L11.6666 15", stroke: "currentColor", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.5 4.16669H17.5", stroke: "currentColor", strokeWidth: "1.66667", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.5 7.91669H17.5", stroke: "currentColor", strokeWidth: "1.66667", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.5 11.6667H9.16667", stroke: "currentColor", strokeWidth: "1.66667", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.5 15.4167H9.16667", stroke: "currentColor", strokeWidth: "1.66667", strokeLinecap: "round" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M11.6667 11.6667L14.5833 15L17.5 11.6667", stroke: "currentColor", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.5 4.16669H17.5", stroke: "currentColor", strokeWidth: "1.66667", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.5 7.91669H17.5", stroke: "currentColor", strokeWidth: "1.66667", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.5 11.6667H9.16667", stroke: "currentColor", strokeWidth: "1.66667", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.5 15.4167H9.16667", stroke: "currentColor", strokeWidth: "1.66667", strokeLinecap: "round" })] })) })));
 };
 exports.AllDropArrow = AllDropArrow;
+var Tools = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.stroke, stroke = _c === void 0 ? 1.5 : _c;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ role: "status" }, { children: (0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M18.3334 2.5H1.66675L8.33341 10.3833V15.8333L11.6667 17.5V10.3833L18.3334 2.5Z", stroke: "currentColor", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) })) })));
+};
+exports.Tools = Tools;
 //# sourceMappingURL=icons.js.map

package/dist/utilities/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/utilities/icons.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/utilities/icons.tsx"],"names":[],"mappings":"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"}

package/docs/App.tsx

@@ -3,10 +3,12 @@ import React, { useState } from 'react';
 import {
   AutoComplete,
   AutoCompleteWithSelectedList,
+  AutoCompleteWithTabFilter,
   AutoCompleteWithTreeStructure,
   ExpandableAutoComplete,
   ModernAutoComplete,
   ModernAutoCompleteDropdown,
+  ModernTextField,
 } from '../src/index';
 import ModernTextArea from '../src/ReactTextArea';
 import TextField from '../src/ReactTextField';
@@ -18,8 +20,12 @@ export default function App() {
   const [dropData, setDropData] = useState();
   const [nexBlock, setNexBlock] = useState(1);
   const [prev, setPrev] = useState(1);
+  const [selectedTabItems, setSelectedTabItems] = useState([]);
+  const [selectedItems, setSelectedItems] = useState([]);
+
 
   const getData = (keyName?: string, next?: number) => {
+    console.log(keyName, 'keyName');
     return fetch(
       keyName
         ? `https://jsonplaceholder.typicode.com/posts?_page=${next}&_limit=10&title_like=${keyName}`
@@ -37,7 +43,9 @@ export default function App() {
   const getDatas = (keyName?: string) => {
     return fetch(
       keyName
-        ? `https://jsonplaceholder.typicode.com/posts?title_like=${keyName === '*' ? '' : keyName}`
+        ? `https://jsonplaceholder.typicode.com/posts?title_like=${
+            keyName === '*' ? '' : keyName
+          }`
         : `https://jsonplaceholder.typicode.com/posts`
     )
       .then((res) => res.json())
@@ -65,7 +73,7 @@ export default function App() {
       .then((res) => {
         setNexBlock(nexBlock + 1);
         const result = res.map((item: any) => {
-          return { ...item, ['name']: item?.title, id: item?.id.toString() };
+          return { ...item, ['name']: item?.title + ' - ' + tab?.toString(), id: `${item?.id.toString()}-${tab?.toString()}`};
         });
         return result;
       });
@@ -91,6 +99,58 @@ export default function App() {
             overflowY: 'scroll',
           }}
         >
+          
+          <div style={{ width: 500 }}>
+            <AutoCompleteWithTabFilter
+                label="Auto Suggestion With Data"
+                name="sample"
+                type="auto_suggestion"
+                async={true}
+                typeOnlyFetch={true}
+                desc="name"
+                isMultiple={true}
+                singleSelect={false}
+                descId="id"
+                getData={getData}
+                paginationEnabled={false}
+                initialLoad={false}
+                itemCount={3}
+                placeholder="Auto Suggestion"
+                selectedItems={selectedItems}
+                onChange={(e) => setSelectedItems(e)}
+                tabSelectedItems={selectedTabItems}
+                getTabData={getDataWithTab}
+                onToolTabChange={(value) => setSelectedTabItems(value)}
+                countOnly={true}
+                toolTabClearSwitch={false}
+                enableToolsTab={true}
+                toolTabs={[
+                  { id: 1, label: 'Tab 1' },
+                  { id: 2, label: 'Tab 2' },
+                ]}
+                tabName="sample"
+                tabDesc="name"
+                tabDescId="id"
+                enableSelectAll={true}
+                autoDropdown={true}
+              />
+            
+          </div>
+
+          <div style={{ width: 300 }}>
+            <ModernTextField
+              name="sample"
+              label="TextField Enable Search"
+              id="id"
+              type="text" 
+              placeholder="TextField"
+              required
+              onChange={(e) => console.log(e, 'onchange')}
+              enableSearch={true}
+              onSearchClick={(value) => console.log(value, 'onSearchClick')}
+            />
+          </div>
+
           <div style={{ width: 300 }}>
             <ModernAutoComplete
               name="sample"
@@ -102,8 +162,8 @@ export default function App() {
               required
               getData={getDatas}
               onChange={(e) => console.log(e, 'onchange')}
-              shortCode='id'
-              labelCode='userId'
+              shortCode="id"
+              labelCode="userId"
             />
           </div>
 
@@ -120,7 +180,6 @@ export default function App() {
             />
           </div>
 
-          
           <div className="autocomplete-section">
             <h2>Expandable Auto Suggestion</h2>
             <p>
@@ -135,7 +194,10 @@ export default function App() {
               label="Auto Suggestion"
               name="sample"
               type="auto_suggestion"
-              // async
+              enableSelectAll={true}
+              async
+              typeOnlyFetch
+              autoDropdown
               desc="name"
               isMultiple
               expandable={true}
@@ -206,9 +268,14 @@ export default function App() {
               initialLoad={false}
               itemCount={3}
               placeholder="Auto Suggestion"
-              selectedItems={[]}
+              selectedItems={[
+                {
+                  name: 'Port G - A small',
+                  id: 2,
+                },
+              ]}
               onChange={(e) => console.log(e, 'onchange')}
-              countOnly={true}  
+              countOnly={true}
             />
           </div>
           <div style={{ width: 300 }}>
@@ -227,8 +294,11 @@ export default function App() {
               selectedItems={[]}
               onChange={(e) => console.log(e, 'onchange')}
               countOnly={true}
+              enableSelectAll={true}
+              autoDropdown={true}
             />
           </div>
+          
 
           <div style={{ width: 300 }}>
             <AutoCompleteWithSelectedList
@@ -252,6 +322,34 @@ export default function App() {
               ]}
               clearTabSwitch={true}
               tabInlineSearch={false}
+              searchValue='Hello'
+              onSearchValueChange={(value) => console.log(value, 'onSearchValueChange')}
+            />
+          </div>
+
+          <div style={{ width: 300 }}>
+            <AutoCompleteWithSelectedList
+              label="Auto Suggestion API Data With Tab Inline"
+              name="sample"
+              type="auto_suggestion"
+              async={true}
+              desc="name"
+              isMultiple={true}
+              typeOnlyFetch={true}
+              descId="id"
+              getData={getDataWithTab}
+              itemCount={3}
+              placeholder="Auto Suggestion"
+              selectedItems={[]}
+              onChange={(e) => console.log(e, 'onchange')}
+              countOnly={true}
+              tab={[
+                { id: 1, label: 'Tab 1' },
+                { id: 2, label: 'Tab 2' },
+              ]}
+              clearTabSwitch={true}
+              tabInlineSearch={true}
+              autoDropdown={true}
             />
           </div>
           <div className="autocomplete-section">
@@ -267,6 +365,8 @@ export default function App() {
               name="sample"
               placeholder="Custom Select"
               desc="name"
+              isMultiple={true}
+              selectedItems={[]}
               descId="id"
               type="custom_select"
               data={[
@@ -453,6 +553,7 @@ export default function App() {
               name="sample"
               label="React TextField ."
               id="id"
+              isModern={false}
               type="number"
               adorementPosition="start"
               placeholder="TextField"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-core-ts",
-  "version": "1.9.18",
+  "version": "2.0.1",
   "description": "React Components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",