react-luminus-components 1.3.217 → 1.3.219

package/dist/models/prop-types/InputProps/DropdownPickerProps.d.ts

@@ -29,5 +29,7 @@ type DropdownPickerProps = InputBaseProps & {
         children: React.ReactNode;
     }>;
     miniDetailPlacement?: 'top' | 'bottom' | 'left' | 'right';
+    suggestedItems?: DropdownPickerOption[];
+    suggestedItemsTitle?: string;
 };
 export default DropdownPickerProps;

package/dist/models/texts/CustomSelectTexts.d.ts

@@ -4,5 +4,6 @@ type CustomSelectTexts = {
     copySelection: string;
     addNewOption: string;
     refreshOptions: string;
+    suggestedItemsTitle: string;
 };
 export default CustomSelectTexts;

package/dist/useRenderDraggableInPortal-BEHshGHp.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react"),p=require("react-router-dom"),b=require("./ShortcutLinksContext-quiVpTmR.cjs");require("@azure/msal-browser");require("@azure/msal-react");const y=require("react-dom");require("react-hook-form");require("react-flexmonster");const P=t=>{n.useEffect(()=>(document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}),[t])},d=()=>{const[t,e]=p.useSearchParams(),o=n.useCallback((c,s)=>{t.get(c)!==s&&e(u=>(s===null&&u.delete(c),u.get(c)===s||u.set(c,s??""),u),{replace:!0})},[e,t]);return{searchParams:t,setSearch:o}},f="\0",S=(t,e,o)=>{const{searchParams:c,setSearch:s}=d(),u=n.useCallback(r=>{if(typeof r=="object"){if(o&&o==="date"||!o&&r instanceof Date){if(!(r instanceof Date))throw new Error("Tried to setQueryState of type Date to non-date.");return r.toISOString()}return JSON.stringify(r)}return r.toString()},[o]),l=n.useMemo(()=>u(e),[e,u]),m=n.useMemo(()=>c.get(t),[t,c]),h=n.useMemo(()=>{const r=m;if(r===f)return null;const i=r?Number(r):e;let a=Number.isNaN(i)?typeof e:"number";switch(a==="object"&&e instanceof Date&&(a="date"),o??a){case"number":return i;case"string":return r??e;case"boolean":return r==="true";case"object":return r?JSON.parse(r):e;case"date":return r?new Date(r):e;default:throw console.error(o,a),new Error(`useSearchQueryState is not implemented for type ${typeof(o??a)}.`)}},[e,m,o]),g=n.useCallback(r=>{let i;typeof r=="function"?i=r(h):i=r;const a=u(i);if(e===i||a===l){s(t,null);return}if(i===null){s(t,f);return}s(t,a)},[e,l,u,t,s,h]);return[h,g]},C=t=>{const e=n.useMemo(()=>Math.floor(Math.random()*900)+100,[]),o=n.useMemo(()=>btoa(t.toString()??""),[t]),c=n.useMemo(()=>`employeePhotos?personalNumber=${e}${o}&small=false`,[e,o]),s=n.useMemo(()=>`employeePhotos?personalNumber=${e}${o}&small=true`,[e,o]);return{photoPath:c,photoPathSm:s}},E=()=>{const{addNotification:t}=b.useNotifications(),{texts:{clipboard:e}}=n.useContext(b.LuminusComponentsContext);return{copyToClipboard:n.useCallback(async c=>{var s;try{await((s=navigator.clipboard)==null?void 0:s.writeText(c)),t(e.copySuccess(c),"prompt")}catch(u){console.error(u),t(e.copyError,"danger")}},[t,e])}},N=()=>{const t=n.useRef({}).current;return n.useEffect(()=>{const e=document.createElement("div");return e.style.position="absolute",e.style.pointerEvents="none",e.style.top="0",e.style.width="100%",e.style.height="100%",t.elt=e,document.body.appendChild(e),()=>{document.body.removeChild(e)}},[t]),e=>(o,...c)=>{const s=e(o,...c);return o.draggableProps.style.position==="fixed"?y.createPortal(s,t.elt):s}};exports.useClipboard=E;exports.useEmployeePhotoPath=C;exports.useKeyPress=P;exports.useRenderDraggableInPortal=N;exports.useSearchQuery=d;exports.useSearchQueryState=S;

package/dist/{useRenderDraggableInPortal-BuERxmg5.js → useRenderDraggableInPortal-BEwjtw-a.js}

@@ -1,12 +1,12 @@
-import { useEffect as b, useCallback as l, useMemo as a, useContext as d, useRef as y } from "react";
+import { useEffect as b, useCallback as l, useMemo as a, useContext as g, useRef as y } from "react";
 import { useSearchParams as P } from "react-router-dom";
-import { b1 as C, $ as S } from "./ShortcutLinksContext-DzfphCu1.js";
+import { b1 as S, $ as C } from "./ShortcutLinksContext-DzfphCu1.js";
 import "@azure/msal-browser";
 import "@azure/msal-react";
 import { createPortal as N } from "react-dom";
 import "react-hook-form";
 import "react-flexmonster";
-const k = (o) => {
+const M = (o) => {
   b(() => (document.addEventListener("keydown", o), () => {
     document.removeEventListener("keydown", o);
   }), [o]);
@@ -18,7 +18,7 @@ const k = (o) => {
     searchParams: o,
     setSearch: r
   };
-}, f = "\0", I = (o, t, r) => {
+}, p = "\0", R = (o, t, r) => {
   const { searchParams: s, setSearch: n } = E(), c = l((e) => {
     if (typeof e == "object") {
       if (r && r === "date" || !r && e instanceof Date) {
@@ -29,9 +29,9 @@ const k = (o) => {
       return JSON.stringify(e);
     }
     return e.toString();
-  }, [r]), m = a(() => c(t), [t, c]), p = a(() => s.get(o), [o, s]), h = a(() => {
-    const e = p;
-    if (e === f)
+  }, [r]), m = a(() => c(t), [t, c]), h = a(() => s.get(o), [o, s]), f = a(() => {
+    const e = h;
+    if (e === p)
       return null;
     const i = e ? Number(e) : t;
     let u = Number.isNaN(i) ? typeof t : "number";
@@ -45,30 +45,30 @@ const k = (o) => {
       case "object":
         return e ? JSON.parse(e) : t;
       case "date":
-        return console.log(`---${e}---`), console.log(t), console.log(e ? new Date(decodeURIComponent(e)) : t), e ? new Date(e) : t;
+        return e ? new Date(e) : t;
       default:
         throw console.error(r, u), new Error(`useSearchQueryState is not implemented for type ${typeof (r ?? u)}.`);
     }
-  }, [t, p, r]), g = l((e) => {
+  }, [t, h, r]), d = l((e) => {
     let i;
-    typeof e == "function" ? i = e(h) : i = e;
+    typeof e == "function" ? i = e(f) : i = e;
     const u = c(i);
     if (t === i || u === m) {
       n(o, null);
       return;
     }
     if (i === null) {
-      n(o, f);
+      n(o, p);
       return;
     }
     n(o, u);
-  }, [t, m, c, o, n, h]);
-  return [h, g];
-}, M = (o) => {
+  }, [t, m, c, o, n, f]);
+  return [f, d];
+}, I = (o) => {
   const t = a(() => Math.floor(Math.random() * 900) + 100, []), r = a(() => btoa(o.toString() ?? ""), [o]), s = a(() => `employeePhotos?personalNumber=${t}${r}&small=false`, [t, r]), n = a(() => `employeePhotos?personalNumber=${t}${r}&small=true`, [t, r]);
   return { photoPath: s, photoPathSm: n };
 }, J = () => {
-  const { addNotification: o } = C(), { texts: { clipboard: t } } = d(S);
+  const { addNotification: o } = S(), { texts: { clipboard: t } } = g(C);
   return { copyToClipboard: l(async (s) => {
     var n;
     try {
@@ -77,7 +77,7 @@ const k = (o) => {
       console.error(c), o(t.copyError, "danger");
     }
   }, [o, t]) };
-}, U = () => {
+}, G = () => {
   const o = y({}).current;
   return b(() => {
     const t = document.createElement("div");
@@ -90,10 +90,10 @@ const k = (o) => {
   };
 };
 export {
-  k as a,
-  U as b,
+  M as a,
+  G as b,
   E as c,
-  I as d,
-  M as e,
+  R as d,
+  I as e,
   J as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-luminus-components",
-  "version": "1.3.217",
+  "version": "1.3.219",
   "description": "Library of React Components reusable in Luminus projects (Fleetman, CAFM)",
   "type": "module",
   "repository": {

package/dist/useRenderDraggableInPortal-C7DO4NtL.cjs

@@ -1 +0,0 @@
-"use strict";const s=require("react"),p=require("react-router-dom"),b=require("./ShortcutLinksContext-quiVpTmR.cjs");require("@azure/msal-browser");require("@azure/msal-react");const y=require("react-dom");require("react-hook-form");require("react-flexmonster");const P=t=>{s.useEffect(()=>(document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}),[t])},g=()=>{const[t,e]=p.useSearchParams(),r=s.useCallback((c,n)=>{t.get(c)!==n&&e(u=>(n===null&&u.delete(c),u.get(c)===n||u.set(c,n??""),u),{replace:!0})},[e,t]);return{searchParams:t,setSearch:r}},f="\0",C=(t,e,r)=>{const{searchParams:c,setSearch:n}=g(),u=s.useCallback(o=>{if(typeof o=="object"){if(r&&r==="date"||!r&&o instanceof Date){if(!(o instanceof Date))throw new Error("Tried to setQueryState of type Date to non-date.");return o.toISOString()}return JSON.stringify(o)}return o.toString()},[r]),l=s.useMemo(()=>u(e),[e,u]),m=s.useMemo(()=>c.get(t),[t,c]),h=s.useMemo(()=>{const o=m;if(o===f)return null;const i=o?Number(o):e;let a=Number.isNaN(i)?typeof e:"number";switch(a==="object"&&e instanceof Date&&(a="date"),r??a){case"number":return i;case"string":return o??e;case"boolean":return o==="true";case"object":return o?JSON.parse(o):e;case"date":return console.log(`---${o}---`),console.log(e),console.log(o?new Date(decodeURIComponent(o)):e),o?new Date(o):e;default:throw console.error(r,a),new Error(`useSearchQueryState is not implemented for type ${typeof(r??a)}.`)}},[e,m,r]),d=s.useCallback(o=>{let i;typeof o=="function"?i=o(h):i=o;const a=u(i);if(e===i||a===l){n(t,null);return}if(i===null){n(t,f);return}n(t,a)},[e,l,u,t,n,h]);return[h,d]},S=t=>{const e=s.useMemo(()=>Math.floor(Math.random()*900)+100,[]),r=s.useMemo(()=>btoa(t.toString()??""),[t]),c=s.useMemo(()=>`employeePhotos?personalNumber=${e}${r}&small=false`,[e,r]),n=s.useMemo(()=>`employeePhotos?personalNumber=${e}${r}&small=true`,[e,r]);return{photoPath:c,photoPathSm:n}},E=()=>{const{addNotification:t}=b.useNotifications(),{texts:{clipboard:e}}=s.useContext(b.LuminusComponentsContext);return{copyToClipboard:s.useCallback(async c=>{var n;try{await((n=navigator.clipboard)==null?void 0:n.writeText(c)),t(e.copySuccess(c),"prompt")}catch(u){console.error(u),t(e.copyError,"danger")}},[t,e])}},N=()=>{const t=s.useRef({}).current;return s.useEffect(()=>{const e=document.createElement("div");return e.style.position="absolute",e.style.pointerEvents="none",e.style.top="0",e.style.width="100%",e.style.height="100%",t.elt=e,document.body.appendChild(e),()=>{document.body.removeChild(e)}},[t]),e=>(r,...c)=>{const n=e(r,...c);return r.draggableProps.style.position==="fixed"?y.createPortal(n,t.elt):n}};exports.useClipboard=E;exports.useEmployeePhotoPath=S;exports.useKeyPress=P;exports.useRenderDraggableInPortal=N;exports.useSearchQuery=g;exports.useSearchQueryState=C;