@oncehub/ui-react 1.4.17-beta.1.0 → 1.4.17-beta.1.1

package/dist/components/multi-select/multi-select.d.ts

@@ -1,8 +1,8 @@
 import { default as React, CSSProperties } from 'react';
-import { Option } from './multi-select.type';
+import { IOption } from '../../interfaces/select.type';
 
 interface Props {
-    options: Option[];
+    options: IOption[];
     checkedValue: string[];
     onSelectionChange: (val: string[]) => void;
     maxOptions?: number;

package/dist/components/quick-multi-select/index.d.ts

@@ -1,2 +1 @@
 export * from './quick-multi-select';
-export * from './quick-multi-select.type';

package/dist/components/quick-multi-select/quick-multi-select.d.ts

@@ -1,8 +1,8 @@
 import { default as React, CSSProperties } from 'react';
-import { Option } from './quick-multi-select.type';
+import { IOption } from '../../interfaces/select.type';
 
 interface Props {
-    options: Option[];
+    options: IOption[];
     checkedValue: string[];
     onSelectionChange: (val: string[]) => void;
     maxOptions?: number;

package/dist/components/quick-select/quick-select.d.ts

@@ -1,10 +1,10 @@
 import { CSSProperties, FC } from 'react';
-import { Option } from './quick-select.type';
+import { IOption } from '../../interfaces/select.type';
 
 interface Props {
-    options: Option[];
-    onSelect: (option: Option | undefined) => void;
-    selected?: Option;
+    options: IOption[];
+    onSelect: (option: IOption | undefined) => void;
+    selected?: IOption;
     themeColor?: string;
     className?: string;
     style?: CSSProperties;

package/dist/components/select/auto-complete.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { IOption } from './select.types';
+import { IOption } from '../../interfaces/select.type';
 
 interface Props {
     children: any;

package/dist/components/select/index.d.ts

@@ -2,4 +2,3 @@ export * from './select';
 export * from './select-options';
 export * from './auto-complete';
 export * from './auto-complete-options';
-export * from './select.types';

package/dist/components/select/select.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { IOption } from './select.types';
+import { IOption } from '../../interfaces/select.type';
 
 interface Props {
     children: any;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 
 export * from './components';
+export * from './interfaces';

package/dist/interfaces/index.d.ts

@@ -0,0 +1 @@
+export * from './select.type';

package/dist/{components/select/select.types.d.ts → interfaces/select.type.d.ts}

@@ -1,6 +1,7 @@
 export interface IOption {
     value: string;
     label: string;
+    order?: number;
     avatar?: string;
     disable?: boolean;
 }

package/dist/ui-react.es.js

@@ -1740,17 +1740,17 @@ const Tc = ({
     }, 1e3));
   };
   ae(() => {
-    const S = e.filter((W) => W.text.toLowerCase().includes(m.toLowerCase()));
+    const S = e.filter((W) => W.label.toLowerCase().includes(m.toLowerCase()));
     f.current = S;
   }, [e, m]);
   const me = b.length > 0 ? b.map((S) => {
-    const W = e.find((ye) => ye.id === S);
-    return W?.text !== null ? W?.text : "";
+    const W = e.find((ye) => ye.value === S);
+    return W?.label !== null ? W?.label : "";
   }).filter((S) => S !== "").join(", ") : "Select your option", ve = (S) => {
-    const W = e.find((ye) => ye.id === S);
-    if (W && !W.disabled && (r === void 0 || b.length <= r)) {
+    const W = e.find((ye) => ye.value === S);
+    if (W && !W.disable && (r === void 0 || b.length <= r)) {
       const he = b.includes(S) ? b.filter((Fe) => Fe !== S) : [...b, S];
-      (r === void 0 || he.length <= r) && l && (v(he), n(he), Q(`${W?.text} ${he.includes(S) ? "selected" : "not selected"}`));
+      (r === void 0 || he.length <= r) && l && (v(he), n(he), Q(`${W?.label} ${he.includes(S) ? "selected" : "not selected"}`));
     }
   }, se = (S) => {
     P(), d(S), setTimeout(() => {
@@ -1798,7 +1798,7 @@ const Tc = ({
         });
       }
     } else
-      W === "Enter" || W === "Space" || W === " " ? R !== -1 && ve(f.current[R].id) : W === "Escape" && (se(!1), fe());
+      W === "Enter" || W === "Space" || W === " " ? R !== -1 && ve(f.current[R].value) : W === "Escape" && (se(!1), fe());
   };
   ae(() => {
     ne && clearTimeout(ne);
@@ -1908,7 +1908,7 @@ const Tc = ({
                       "li",
                       {
                         className: `${ke.optionsList} ${W === R ? ke.focused : ""}`,
-                        onClick: () => ve(S.id),
+                        onClick: () => ve(S.value),
                         "aria-selected": W === R,
                         role: "option",
                         children: [
@@ -1916,14 +1916,14 @@ const Tc = ({
                             io,
                             {
                               themeColor: o,
-                              checked: b.includes(S.id),
-                              disabled: S.disabled || r !== void 0 && b.length >= r && !b.includes(S.id)
+                              checked: b.includes(S.value),
+                              disabled: S.disable || r !== void 0 && b.length >= r && !b.includes(S.value)
                             }
                           ),
-                          /* @__PURE__ */ O.jsx("span", { children: S.text })
+                          /* @__PURE__ */ O.jsx("span", { children: S.label })
                         ]
                       },
-                      S.id
+                      S.value
                     )
                   )) })
                 ] }),
@@ -1982,8 +1982,8 @@ const Tc = ({
   const [b, v] = ie(t), m = j({});
   let h = {}, l;
   const d = (a) => {
-    const u = e.find((y) => y.id === a);
-    if (!u || u.disabled)
+    const u = e.find((y) => y.value === a);
+    if (!u || u.disable)
       return;
     m.current[a]?.click();
     const k = b.includes(a) ? b.filter((y) => y !== a) : [...b, a];
@@ -2002,38 +2002,38 @@ const Tc = ({
     "li",
     {
       style: { ...h, ...i },
-      className: `${c} ${a.disabled || r !== void 0 && b.length >= r && !b.includes(a.id) ? Bt.disabled : ""} ${b.includes(a.id) ? Bt.selected : ""}`,
-      tabIndex: a.disabled ? -1 : 0,
-      onClick: () => d(a.id),
+      className: `${c} ${a.disable || r !== void 0 && b.length >= r && !b.includes(a.value) ? Bt.disabled : ""} ${b.includes(a.value) ? Bt.selected : ""}`,
+      tabIndex: a.disable ? -1 : 0,
+      onClick: () => d(a.value),
       onKeyPress: (u) => {
-        (u.key === " " || u.code === "Space") && (u.preventDefault(), d(a.id));
+        (u.key === " " || u.code === "Space") && (u.preventDefault(), d(a.value));
       },
       "data-testid": "option-box",
       children: /* @__PURE__ */ O.jsx(
         ar,
         {
-          id: a.id,
+          id: a.value,
           checkboxSize: "large",
           tabIndex: -1,
           themeColor: o,
           ref: (u) => {
-            m.current[a.id] = u;
+            m.current[a.value] = u;
           },
-          checked: b.includes(a.id),
-          disabled: a.disabled || r !== void 0 && b.length >= r && !b.includes(a.id),
+          checked: b.includes(a.value),
+          disabled: a.disable || r !== void 0 && b.length >= r && !b.includes(a.value),
           children: /* @__PURE__ */ O.jsx(
             "span",
             {
               style: {
-                color: o && (o === "#ffffff" || l === "light") || a.disabled || r !== void 0 && b.length >= r && !b.includes(a.id) ? "#333333" : o && (o !== "#ffffff" || l !== "light") ? o : "#006bb1"
+                color: o && (o === "#ffffff" || l === "light") || a.disable || r !== void 0 && b.length >= r && !b.includes(a.value) ? "#333333" : o && (o !== "#ffffff" || l !== "light") ? o : "#006bb1"
               },
-              children: a.text
+              children: a.label
             }
           )
         }
       )
     },
-    a.id
+    a.value
   )) }) });
 }, nl = "_singleSelectWrapper_j8hf5_1", rl = "_quickOption_j8hf5_4", ol = "_selected_j8hf5_10", il = "_triangle_j8hf5_16", al = "_loader_j8hf5_19", ll = "_checkmarkWrap_j8hf5_22", sl = "_checkmark_j8hf5_22", cl = "_fill_j8hf5_1", ul = "_scale_j8hf5_1", dl = "_checkmarkCheck_j8hf5_29", fl = "_stroke_j8hf5_1", pl = "_disabled_j8hf5_34", Ge = {
   singleSelectWrapper: nl,
@@ -2062,7 +2062,7 @@ const Tc = ({
   const [b, v] = ie(n);
   let m = {}, h = {}, l = "#ffffff";
   const d = (a) => {
-    if (b?.id === a?.id) {
+    if (b?.value === a?.value) {
       v(void 0), t(void 0);
       return;
     }
@@ -2084,8 +2084,8 @@ const Tc = ({
   return /* @__PURE__ */ O.jsx("div", { className: Ge.singleSelectWrapper, children: /* @__PURE__ */ O.jsx("div", { className: Ge.quickOption, children: /* @__PURE__ */ O.jsx("ul", { className: Ge.quickOption, role: "radiogroup", id: f, children: e.map((a) => /* @__PURE__ */ O.jsxs(
     "li",
     {
-      tabIndex: a.disabled ? -1 : 0,
-      className: `${o} ${b?.id === a.id ? Ge.selected : ""} ${a.disabled ? Ge.disabled : ""}`,
+      tabIndex: a.disable ? -1 : 0,
+      className: `${o} ${b?.value === a.value ? Ge.selected : ""} ${a.disable ? Ge.disabled : ""}`,
       style: { ...m, ...c },
       onClick: () => d(a),
       onKeyPress: (u) => {
@@ -2093,10 +2093,10 @@ const Tc = ({
       },
       "data-testid": "checkbox-input",
       role: "radio",
-      "aria-checked": b?.id === a.id,
+      "aria-checked": b?.value === a.value,
       children: [
-        a.text,
-        b?.id === a.id && !a.disabled && /* @__PURE__ */ O.jsxs("div", { className: Ge.triangle, style: { ...h }, children: [
+        a.label,
+        b?.value === a.value && !a.disable && /* @__PURE__ */ O.jsxs("div", { className: Ge.triangle, style: { ...h }, children: [
           i && /* @__PURE__ */ O.jsx("div", { className: Ge.loader, style: { borderRightColor: r ?? "#006bb1" } }),
           !i && /* @__PURE__ */ O.jsx("div", { className: Ge.checkmarkWrap, children: /* @__PURE__ */ O.jsx(
             "svg",
@@ -2121,7 +2121,7 @@ const Tc = ({
         ] })
       ]
     },
-    a.id
+    a.value
   )) }) }) });
 }, bl = "_scrollbarContainer_40vsr_1", vl = {
   scrollbarContainer: bl