@spteck/react-controls-v2 2.3.1 → 2.3.3

package/dist/{index-r6bYN_1a.js → index-C61HD-rI.js}

@@ -9430,14 +9430,16 @@ const DropdownField = ({
   validate,
   label,
   placeholder,
+  defaultValue,
   message,
   messageType,
   required,
   size,
   hint
 }) => {
-  const [selectedValue, setSelectedValue] = useState("");
-  const [selectedText, setSelectedText] = useState("");
+  const defaultOption = defaultValue ? options.find((o2) => o2.value === defaultValue) : void 0;
+  const [selectedValue, setSelectedValue] = useState(defaultValue || "");
+  const [selectedText, setSelectedText] = useState((defaultOption == null ? void 0 : defaultOption.text) || "");
   const [error, setError] = useState("");
   const styles2 = useStyles$5();
   const handleSelectionChange = (_event, data) => {
@@ -11301,7 +11303,8 @@ const SelectView = ({
   onChange,
   defaultKey,
   label,
-  options: baseOptions = []
+  options: baseOptions = [],
+  styles: styles2
 }) => {
   const [options, setOptions] = useState(() => {
     return baseOptions.map((option) => ({
@@ -11323,9 +11326,9 @@ const SelectView = ({
     setOptions(updatedOptions);
     onChange(selected.key);
   }, [options, onChange]);
-  return /* @__PURE__ */ jsxs$1(StackV2, { gap: "s", alignItems: "center", children: [
+  return /* @__PURE__ */ jsxs$1(StackV2, { gap: "s", children: [
     label && /* @__PURE__ */ jsx$2(Label, { children: label }),
-    /* @__PURE__ */ jsx$2(ButtonMenu, { options, onSelected: handleSelect, styles: { width: 220 } })
+    /* @__PURE__ */ jsx$2(ButtonMenu, { options, onSelected: handleSelect, styles: styles2 ?? {} })
   ] });
 };
 const useSelectTimeStyles = () => {
@@ -12319,6 +12322,71 @@ const RenderDrawer = (props) => {
     }
   );
 };
+const RenderHeader = (props) => {
+  const { onDismiss, title, description, icon: icon2, showCloseButton = true } = props;
+  return /* @__PURE__ */ jsxs$1(StackV2, { direction: "vertical", width: "100%", children: [
+    /* @__PURE__ */ jsxs$1(StackV2, { direction: "vertical", padding: "s", gap: "l", children: [
+      showCloseButton && /* @__PURE__ */ jsx$2(
+        Button,
+        {
+          appearance: "subtle",
+          style: { marginLeft: "auto" },
+          onClick: (ev) => {
+            ev.stopPropagation();
+            ev.preventDefault();
+            onDismiss(false);
+          },
+          icon: /* @__PURE__ */ jsx$2(Dismiss24Regular, {})
+        }
+      ),
+      /* @__PURE__ */ jsxs$1(StackV2, { direction: "horizontal", alignItems: "center", width: "100%", children: [
+        React.isValidElement(icon2) ? icon2 : /* @__PURE__ */ jsx$2(Icon, { icon: icon2 }),
+        /* @__PURE__ */ jsxs$1(
+          StackV2,
+          {
+            direction: "vertical",
+            justifyContent: "flex-start",
+            alignItems: "flex-start",
+            paddingLeft: "s",
+            paddingRight: "l",
+            width: "100%",
+            children: [
+              React.isValidElement(title) ? title : /* @__PURE__ */ jsx$2(
+                Subtitle1,
+                {
+                  style: {
+                    display: "-webkit-box",
+                    WebkitLineClamp: 1,
+                    WebkitBoxOrient: "vertical",
+                    textAlign: "start",
+                    textOverflow: "ellipsis",
+                    wordBreak: "break-word"
+                  },
+                  children: title
+                }
+              ),
+              React.isValidElement(description) ? description : /* @__PURE__ */ jsx$2(
+                Caption1,
+                {
+                  style: {
+                    display: "-webkit-box",
+                    WebkitLineClamp: 4,
+                    WebkitBoxOrient: "vertical",
+                    textAlign: "start",
+                    textOverflow: "ellipsis",
+                    wordBreak: "break-word"
+                  },
+                  children: description
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx$2(Divider, { style: { marginTop: 6 } })
+  ] });
+};
 const useRenderHeaderStyles = () => {
   return {
     closeButton: css$1({
@@ -12398,36 +12466,6 @@ const useRenderHeaderStyles = () => {
     })
   };
 };
-const RenderHeader = (props) => {
-  const { onDismiss, title, description, icon: icon2, showCloseButton = true } = props;
-  const styles2 = useRenderHeaderStyles();
-  return /* @__PURE__ */ jsx$2(Fragment, { children: /* @__PURE__ */ jsxs$1("div", { id: "RenderHedaermain", className: styles2.renderHeaderContent, children: [
-    /* @__PURE__ */ jsxs$1("div", { className: styles2.renderHeaderHeader, children: [
-      /* @__PURE__ */ jsx$2(
-        Button,
-        {
-          style: { display: showCloseButton ? "block" : "none" },
-          appearance: "subtle",
-          className: styles2.closeButton,
-          onClick: (ev) => {
-            ev.stopPropagation();
-            ev.preventDefault();
-            onDismiss(false);
-          },
-          icon: /* @__PURE__ */ jsx$2(Dismiss24Regular, {})
-        }
-      ),
-      /* @__PURE__ */ jsxs$1("div", { className: styles2.renderHeaderTitleContainer, children: [
-        React.isValidElement(icon2) ? icon2 : /* @__PURE__ */ jsx$2(Icon, { icon: icon2 }),
-        /* @__PURE__ */ jsxs$1("div", { className: styles2.dialogTitleAndDescriptionContainer, children: [
-          React.isValidElement(title) ? title : /* @__PURE__ */ jsx$2(Subtitle1, { className: styles2.renderHeaderTitle, children: title }),
-          React.isValidElement(description) ? description : /* @__PURE__ */ jsx$2(Caption1, { className: styles2.renderHeaderDescription, children: description })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx$2("div", { className: styles2.divider })
-  ] }) });
-};
 const ShareDialog = ({ isOpen, options, onClose }) => {
   const { log: log3 } = useLogging();
   const [dialogUrl, setDialogUrl] = useState(void 0);
@@ -13511,7 +13549,7 @@ function _Map(props, ref) {
     const mapLib = props.mapLib;
     let isMounted = true;
     let maplibre;
-    Promise.resolve(mapLib || import("./maplibre-gl-dCwYGQU4.js").then((n2) => n2.m)).then((module2) => {
+    Promise.resolve(mapLib || import("./maplibre-gl-CLOQ5WgZ.js").then((n2) => n2.m)).then((module2) => {
       if (!isMounted) {
         return;
       }
@@ -28884,7 +28922,7 @@ const ContentRenderer = ({
         return /* @__PURE__ */ jsx$2(
           "div",
           {
-            className: `${styles2.htmlContent} ${className || ""}`,
+            className: ` ${className || ""}`,
             dangerouslySetInnerHTML: { __html: actualContent }
           }
         );
@@ -50806,12 +50844,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-DF87v2SP.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-DHidKzfx.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-BCPhea22.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-BWl55PUd.js"), "loader")
       }
     ]
   ]);
@@ -51221,7 +51259,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
   return /^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/.test(txt);
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-bZ0lq-1j.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-D6QwBr01.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -51239,7 +51277,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*graph/.test(txt);
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-8LGULBMT.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-_f1nVBM_.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -51263,7 +51301,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*flowchart/.test(txt);
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-8LGULBMT.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-_f1nVBM_.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -51277,7 +51315,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-DtyOHj8U.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-Dk-BzgJP.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -51291,7 +51329,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-BDuvfgFm.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-DSfJ6-wF.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -51305,7 +51343,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-BTIJYy7v.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-D0VlSocU.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -51319,7 +51357,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-FP_yig69.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-BcIeBRXH.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -51332,7 +51370,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-6fWPR7Ls.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-DRiDGZyl.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -51345,7 +51383,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-BgXQivu3.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-CVxS4lDm.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -51359,7 +51397,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
   return /^\s*xychart(-beta)?/.test(txt);
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-zMeDgcPs.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-BrXoL1ep.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -51373,7 +51411,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
   return /^\s*requirement(Diagram)?/.test(txt);
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-CeIJ08b_.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-DWhT-mPA.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -51387,7 +51425,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-CcjLhIox.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-CPMU8zfX.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -51405,7 +51443,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram/.test(txt);
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-DPTzQt7M.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-oCfXjjPQ.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -51423,7 +51461,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram-v2/.test(txt);
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-DPTzQt7M.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-oCfXjjPQ.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -51441,7 +51479,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*stateDiagram/.test(txt);
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-zQUhlqIe.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-Bg8QtBi7.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -51462,7 +51500,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-Dtg323pE.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-DssuvAvO.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -51476,7 +51514,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-CiJ6zb1i.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-D8zEKlsF.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -51544,7 +51582,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-8LGULBMT.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-_f1nVBM_.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -51558,7 +51596,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
   return /^\s*timeline/.test(txt);
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-Cf4OkFlr.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-mzbSZUDt.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -51572,7 +51610,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
   return /^\s*mindmap/.test(txt);
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-C5MXjRc9.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-OQ7Fq7jX.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -51586,7 +51624,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
   return /^\s*kanban/.test(txt);
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-CGmr8XfQ.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-BhiDoHK8.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -51600,7 +51638,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sankey(-beta)?/.test(txt);
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-DmMl4azI.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-B_aDM4NW.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -51614,7 +51652,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
   return /^\s*packet(-beta)?/.test(txt);
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-BML4CSFv.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-BEI5Nr4v.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -51627,7 +51665,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
   return /^\s*radar-beta/.test(txt);
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-DXPwxq0x.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-B1Vyi7xA.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -51640,7 +51678,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
   return /^\s*block(-beta)?/.test(txt);
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-DBPKc5Mp.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-BQQwk2qx.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -51654,7 +51692,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-Qlis18u8.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-DLWFDFwK.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -51668,7 +51706,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-DMBrza7v.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-mHjF1HEz.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -55543,4 +55581,4 @@ export {
   getEdgeId as y,
   clear$2 as z
 };
-//# sourceMappingURL=index-r6bYN_1a.js.map
+//# sourceMappingURL=index-C61HD-rI.js.map