@spteck/react-controls-v2 2.3.1 → 2.3.2

package/dist/{index-r6bYN_1a.js → index-DA12LU30.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 = () => {
@@ -13511,7 +13514,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-0cvSldGe.js").then((n2) => n2.m)).then((module2) => {
       if (!isMounted) {
         return;
       }
@@ -28884,7 +28887,7 @@ const ContentRenderer = ({
         return /* @__PURE__ */ jsx$2(
           "div",
           {
-            className: `${styles2.htmlContent} ${className || ""}`,
+            className: ` ${className || ""}`,
             dangerouslySetInnerHTML: { __html: actualContent }
           }
         );
@@ -50806,12 +50809,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-m--0YRvK.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-9pkFbvgi.js"), "loader")
       }
     ]
   ]);
@@ -51221,7 +51224,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-DR7HVzsX.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -51239,7 +51242,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-C2EzUtAD.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -51263,7 +51266,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-C2EzUtAD.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -51277,7 +51280,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-eJvs0oKG.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -51291,7 +51294,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-DfqsY2SX.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -51305,7 +51308,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-P58sdJza.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -51319,7 +51322,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-Cl2XyVWg.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -51332,7 +51335,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-B2BrCqvZ.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -51345,7 +51348,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-ogZJFMK-.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -51359,7 +51362,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-DGqRjNYl.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -51373,7 +51376,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-8JU4oole.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -51387,7 +51390,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-OHkQEU2A.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -51405,7 +51408,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-D-GPLgqe.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -51423,7 +51426,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-D-GPLgqe.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -51441,7 +51444,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-D2BpasUv.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -51462,7 +51465,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-DFtkNO2o.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -51476,7 +51479,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-IcmQHEEF.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -51544,7 +51547,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-C2EzUtAD.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -51558,7 +51561,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-3zejr2tI.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -51572,7 +51575,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-D4GTeD4Z.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -51586,7 +51589,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-B4sGmttl.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -51600,7 +51603,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-BpODVO08.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -51614,7 +51617,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-DnKY-URt.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -51627,7 +51630,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--L8OdbhL.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -51640,7 +51643,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-F1ipHfpp.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -51654,7 +51657,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-C29B_61g.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -51668,7 +51671,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-RuWvU0LU.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -55543,4 +55546,4 @@ export {
   getEdgeId as y,
   clear$2 as z
 };
-//# sourceMappingURL=index-r6bYN_1a.js.map
+//# sourceMappingURL=index-DA12LU30.js.map