ods-component-lib 1.21.2 → 1.22.2

package/dist/components/antd/card/OdsCard.js

@@ -1,17 +1,9 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { StyledCard as i } from "./OdsCard.styled.js";
-import m from "react";
-import { ThemeProvider as o } from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import { lightTheme as a } from "../../../tokens/design-system-light/build/js/variables.js";
-import d from "../../../node_modules/antd/es/card/index.js";
-const { Meta: n } = d;
-function p(e) {
-  return /* @__PURE__ */ t(m.Fragment, { children: /* @__PURE__ */ r(o, { theme: a, children: [
-    /* @__PURE__ */ t(i, { ...e }),
-    e.isEnableMeta && /* @__PURE__ */ t(n, { title: e.metaTitle, description: e.metaDescription })
-  ] }) });
+import { jsx as d } from "react/jsx-runtime";
+import t from "../../../node_modules/antd/es/card/index.js";
+function n(r) {
+  return /* @__PURE__ */ d(t, { ...r, children: r.children });
 }
 export {
-  p as default
+  n as default
 };
 //# sourceMappingURL=OdsCard.js.map

package/dist/components/antd/card/OdsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsCard.js","sources":["../../../../src/components/antd/card/OdsCard.tsx"],"sourcesContent":["import { Card, CardProps } from \"antd\";\r\nimport { StyledCard } from \"./OdsCard.styled\";\r\nimport React from \"react\";\r\nimport { ThemeProvider } from \"styled-components\";\r\nimport { lightTheme } from \"../../../tokens/design-system-light/build/js/variables\";\r\n\r\n\r\nconst { Meta } = Card;\r\n\r\nexport interface ICardProps extends CardProps {\r\n    isEnableMeta?: boolean,\r\n    metaTitle?: string,\r\n    metaDescription?: string\r\n\r\n}\r\n\r\n\r\nfunction OdsCard(props: ICardProps) {\r\n    return (\r\n        <React.Fragment>\r\n            <ThemeProvider theme={lightTheme}>\r\n                <StyledCard {...props}></StyledCard>\r\n                {props.isEnableMeta && <Meta title={props.metaTitle} description={props.metaDescription} />}\r\n            </ThemeProvider>\r\n        </React.Fragment>\r\n    )\r\n}\r\n\r\nexport default OdsCard;"],"names":["Meta","Card","OdsCard","props","React","jsxs","ThemeProvider","lightTheme","jsx","StyledCard"],"mappings":";;;;;;AAOA,MAAM,EAAE,MAAAA,MAASC;AAUjB,SAASC,EAAQC,GAAmB;AAChC,2BACKC,EAAM,UAAN,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,GAClB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAY,GAAGN,GAAO;AAAA,IACtBA,EAAM,gBAAgB,gBAAAK,EAACR,GAAA,EAAK,OAAOG,EAAM,WAAW,aAAaA,EAAM,gBAAA,CAAiB;AAAA,EAAA,EAAA,CAC7F,EAAA,CACJ;AAER;"}
+{"version":3,"file":"OdsCard.js","sources":["../../../../src/components/antd/card/OdsCard.tsx"],"sourcesContent":["\r\nimport Card, { CardProps } from 'antd/es/card';\r\n\r\nfunction OdsCard(props: CardProps) {\r\n    return <Card {...props}>{props.children}</Card>\r\n}\r\n\r\nexport default OdsCard;"],"names":["OdsCard","props","jsx","Card"],"mappings":";;AAGA,SAASA,EAAQC,GAAkB;AAC/B,SAAO,gBAAAC,EAACC,GAAA,EAAM,GAAGF,GAAQ,YAAM,UAAS;AAC5C;"}

package/dist/components/antd/change/OdsChange.js

@@ -1,121 +1,172 @@
-import { jsx as i, jsxs as I } from "react/jsx-runtime";
-import R, { useState as x, useCallback as f, useEffect as L, useMemo as j } from "react";
-import { o as B } from "../../../_virtual/index2.js";
-import { useStyles as E } from "./OdsChange.Style.js";
-import F from "../switch/OdsSwitch.js";
-import W from "../input/OdsInput.js";
-import D from "../select/OdsSelect.js";
+import { jsx as d, jsxs as g } from "react/jsx-runtime";
+import { useState as x, useCallback as f, useEffect as L, useMemo as T, memo as j } from "react";
+import { o as E } from "../../../_virtual/index.js";
+import B from "../switch/OdsSwitch.js";
+import D from "../input/OdsInput.js";
+import F from "../select/OdsSelect.js";
+import I from "./OdsChange.module.scss.js";
 import u from "../../../node_modules/antd/es/grid/col.js";
 import S from "../../../node_modules/antd/es/grid/row.js";
 import v from "../../../node_modules/antd/es/card/index.js";
 import M from "../../../node_modules/antd/es/typography/index.js";
 import U from "../../../node_modules/antd/es/button/Button.js";
-const { Text: p } = M, V = (d) => {
-  const [m, C] = x(null), [r, k] = x(null), { styles: g } = E(), o = f(
+const { Text: p } = M;
+function V(i) {
+  const [m, k] = x(null), [r, w] = x(null), a = f(
     (l, n, s, t) => {
       const e = (c) => {
-        const a = c ? [...c] : [], h = a.findIndex((y) => y.key === n);
+        const o = c ? [...c] : [], h = o.findIndex((y) => y.key === n);
         if (l) {
           const y = { key: n, type: t, selectedItem: l };
-          h > -1 ? a[h] = y : a.push(y);
-        } else h > -1 && a.splice(h, 1);
-        return a;
+          h > -1 ? o[h] = y : o.push(y);
+        } else h > -1 && o.splice(h, 1);
+        return o;
       };
-      s === "Left" ? C(e) : k(e);
+      s === "Left" ? k(e) : w(e);
     },
     []
-  ), b = f((l, n, s, t, e) => /* @__PURE__ */ i(
-    D,
-    {
-      value: s,
-      onChange: (c) => {
-        const a = e.find((h) => h.value === c);
-        a && o(a, l, n, "select");
-      },
-      placeholder: t,
-      showSearch: !0,
-      allowClear: !0,
-      style: { width: "100%", margin: "8px 0 0" },
-      options: e
-    }
-  ), [o]), O = f((l, n, s) => /* @__PURE__ */ i(
-    F,
-    {
-      onChange: (t) => {
-        o({ value: t.toString(), label: t.toString() }, l, n, "switch");
-      },
-      style: { margin: "8px 0 0", display: "block" },
-      defaultChecked: !1,
-      value: s === "true",
-      id: l + "_" + n
-    }
-  ), [o]), N = f((l, n, s) => /* @__PURE__ */ i(
-    W,
-    {
-      placeholder: s,
-      style: { width: "100%", margin: "8px 0 0" },
-      maxLength: 50,
-      autoComplete: "off",
-      value: n === "Left" ? m?.find((t) => t.key === l)?.selectedItem.value || "" : r?.find((t) => t.key === l)?.selectedItem.value || "",
-      onChange: (t) => {
-        const e = t.target.value;
-        o({ value: e, label: e }, l, n, "input");
+  ), R = f(
+    (l, n, s, t, e) => /* @__PURE__ */ d(
+      F,
+      {
+        value: s,
+        onChange: (c) => {
+          const o = e.find((h) => h.value === c);
+          o && a(o, l, n, "select");
+        },
+        placeholder: t,
+        showSearch: !0,
+        allowClear: !0,
+        style: { width: "100%", margin: "8px 0 0" },
+        options: e
       }
-    }
-  ), [o, m, r]);
+    ),
+    [a]
+  ), b = f(
+    (l, n, s) => /* @__PURE__ */ d(
+      B,
+      {
+        onChange: (t) => {
+          a(
+            { value: t.toString(), label: t.toString() },
+            l,
+            n,
+            "switch"
+          );
+        },
+        style: { margin: "8px 0 0", display: "block" },
+        defaultChecked: !1,
+        value: s === "true",
+        id: l + "_" + n
+      }
+    ),
+    [a]
+  ), N = f(
+    (l, n, s) => /* @__PURE__ */ d(
+      D,
+      {
+        placeholder: s,
+        style: { width: "100%", margin: "8px 0 0" },
+        maxLength: 50,
+        autoComplete: "off",
+        value: n === "Left" ? m?.find((t) => t.key === l)?.selectedItem.value || "" : r?.find((t) => t.key === l)?.selectedItem.value || "",
+        onChange: (t) => {
+          const e = t.target.value;
+          a(
+            { value: e, label: e },
+            l,
+            n,
+            "input"
+          );
+        }
+      }
+    ),
+    [a, m, r]
+  );
   L(() => {
-    d.onSelectedItemChangeLeft && d.onSelectedItemChangeLeft(m);
-  }, [m, d.onSelectedItemChangeLeft]), L(() => {
-    d.onSelectedItemChangeRight && d.onSelectedItemChangeRight(r);
-  }, [r, d.onSelectedItemChangeRight]);
-  const T = f(() => {
+    i.onSelectedItemChangeLeft && i.onSelectedItemChangeLeft(m);
+  }, [m, i.onSelectedItemChangeLeft]), L(() => {
+    i.onSelectedItemChangeRight && i.onSelectedItemChangeRight(r);
+  }, [r, i.onSelectedItemChangeRight]);
+  const O = f(() => {
     if (!m || !r) return;
     const l = m.map((e) => {
-      const c = r.find((a) => a.key === e.key);
-      return e.type === "switch" && c ? { ...e, selectedItem: c.selectedItem } : c ? { ...e, selectedItem: c.selectedItem } : e;
+      const c = r.find(
+        (o) => o.key === e.key
+      );
+      return e.type === "switch" && c ? {
+        ...e,
+        selectedItem: c.selectedItem
+      } : c ? { ...e, selectedItem: c.selectedItem } : e;
     }), n = r.map((e) => {
-      const c = m.find((a) => a.key === e.key);
-      return e.type === "switch" && c ? { ...e, selectedItem: c.selectedItem } : c ? { ...e, selectedItem: c.selectedItem } : e;
-    }), s = r.filter((e) => e.type === "switch" && !m.some((c) => c.key === e.key)).map((e) => ({ key: e.key, selectedItem: !1, type: "switch" })), t = m.filter((e) => e.type === "switch" && !r.some((c) => c.key === e.key)).map((e) => ({ key: e.key, selectedItem: !1, type: "switch" }));
-    C([...l, ...s]), k([...n, ...t]), d.onSelectedItemChangeLeft && d.onSelectedItemChangeLeft([...l, ...s]), d.onSelectedItemChangeRight && d.onSelectedItemChangeRight([...n, ...t]);
-  }, [m, r]), w = f((l) => d.element?.elementItems.filter((n) => n.type !== "switch").every(
-    (n) => l?.some((s) => s.key === n.key && s.selectedItem)
-  ) ?? !1, [d.element]), _ = j(() => {
-    const l = (n, s) => d.element.elementItems.map((t) => /* @__PURE__ */ I(u, { span: 8, children: [
-      /* @__PURE__ */ i(p, { className: "ant-form-item-label", children: t.title }),
-      t.type === "select" && b(
+      const c = m.find(
+        (o) => o.key === e.key
+      );
+      return e.type === "switch" && c ? {
+        ...e,
+        selectedItem: c.selectedItem
+      } : c ? { ...e, selectedItem: c.selectedItem } : e;
+    }), s = r.filter(
+      (e) => e.type === "switch" && !m.some((c) => c.key === e.key)
+    ).map((e) => ({ key: e.key, selectedItem: !1, type: "switch" })), t = m.filter(
+      (e) => e.type === "switch" && !r.some(
+        (c) => c.key === e.key
+      )
+    ).map((e) => ({ key: e.key, selectedItem: !1, type: "switch" }));
+    k([...l, ...s]), w([...n, ...t]), i.onSelectedItemChangeLeft && i.onSelectedItemChangeLeft([
+      ...l,
+      ...s
+    ]), i.onSelectedItemChangeRight && i.onSelectedItemChangeRight([
+      ...n,
+      ...t
+    ]);
+  }, [m, r]), C = f(
+    (l) => i.element?.elementItems.filter((n) => n.type !== "switch").every(
+      (n) => l?.some(
+        (s) => s.key === n.key && s.selectedItem
+      )
+    ) ?? !1,
+    [i.element]
+  );
+  return T(() => {
+    const l = (n, s) => i.element.elementItems.map((t) => /* @__PURE__ */ g(u, { span: 8, children: [
+      /* @__PURE__ */ d(p, { className: "ant-form-item-label", children: t.title }),
+      t.type === "select" && R(
         t.key,
         s,
         n?.find((e) => e.key === t.key)?.selectedItem?.value,
         t.placeholder,
         t.dataSource || []
       ),
-      t.type === "switch" && O(
+      t.type === "switch" && b(
         t.key,
         s,
         n?.find((e) => e.key === t.key)?.selectedItem?.value
       ),
-      t.type === "input" && N(
-        t.key,
-        s,
-        t.placeholder
-      )
+      t.type === "input" && N(t.key, s, t.placeholder)
     ] }, t.key));
-    return /* @__PURE__ */ i("div", { className: g.Wrapper, children: /* @__PURE__ */ I(S, { gutter: [12, 12], justify: "center", className: g.Colls, children: [
-      /* @__PURE__ */ i(u, { xs: 24, md: 12, children: /* @__PURE__ */ i(v, { children: /* @__PURE__ */ I(S, { gutter: [16, 8], children: [
-        /* @__PURE__ */ i(u, { span: 24, children: /* @__PURE__ */ i(p, { strong: !0, children: d.leftSectionTitle }) }),
+    return /* @__PURE__ */ d("div", { className: I.wrapper, children: /* @__PURE__ */ g(S, { gutter: [12, 12], justify: "center", className: I.cols, children: [
+      /* @__PURE__ */ d(u, { xs: 24, md: 12, children: /* @__PURE__ */ d(v, { children: /* @__PURE__ */ g(S, { gutter: [16, 8], children: [
+        /* @__PURE__ */ d(u, { span: 24, children: /* @__PURE__ */ d(p, { strong: !0, children: i.leftSectionTitle }) }),
         l(m, "Left")
       ] }) }) }),
-      /* @__PURE__ */ i("div", { className: g.ButtonWrapper, children: /* @__PURE__ */ i(U, { icon: /* @__PURE__ */ i(B.Slide1Icon, { width: 16, height: 16, viewBox: "0 0 24 24" }), disabled: !w(m) || !w(r), onClick: T }) }),
-      /* @__PURE__ */ i(u, { xs: 24, md: 12, className: g.Colls, children: /* @__PURE__ */ i(v, { children: /* @__PURE__ */ I(S, { gutter: [16, 8], children: [
-        /* @__PURE__ */ i(u, { span: 24, children: /* @__PURE__ */ i(p, { strong: !0, children: d.rightSectionTitle }) }),
+      /* @__PURE__ */ d("div", { className: I.buttonWrapper, children: /* @__PURE__ */ d(
+        U,
+        {
+          icon: /* @__PURE__ */ d(E.Slide1Icon, { width: 16, height: 16, viewBox: "0 0 24 24" }),
+          disabled: !C(m) || !C(r),
+          onClick: O
+        }
+      ) }),
+      /* @__PURE__ */ d(u, { xs: 24, md: 12, className: I.cols, children: /* @__PURE__ */ d(v, { children: /* @__PURE__ */ g(S, { gutter: [16, 8], children: [
+        /* @__PURE__ */ d(u, { span: 24, children: /* @__PURE__ */ d(p, { strong: !0, children: i.rightSectionTitle }) }),
         l(r, "Right")
       ] }) }) })
     ] }) });
-  }, [d.element, m, r]);
-  return /* @__PURE__ */ i(R.Fragment, { children: _ });
-}, $ = R.memo(V);
+  }, [i.element, m, r]);
+}
+j(V);
 export {
-  $ as default
+  V as default
 };
 //# sourceMappingURL=OdsChange.js.map

package/dist/components/antd/change/OdsChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsChange.js","sources":["../../../../src/components/antd/change/OdsChange.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\r\nimport { Row, Col, Button, Card, Typography } from 'antd';\r\nimport { Slide1Icon } from 'ods-icon/react/24/outline';\r\nimport { useStyles } from \"./OdsChange.Style\"\r\nimport OdsSwitch from '../switch/OdsSwitch';\r\nimport OdsInput from '../input/OdsInput';\r\nimport OdsSelect from '../select/OdsSelect';\r\n\r\nconst { Text } = Typography;\r\n\r\nexport interface element {\r\n    elementItems: elementItem[];\r\n}\r\n\r\ninterface elementItem {\r\n    key: string;\r\n    title: string;\r\n    placeholder: string;\r\n    dataSource?: RecordType[];\r\n    type: 'select' | 'switch' | 'input';\r\n}\r\n\r\ninterface RecordType {\r\n    value: string | number;\r\n    label: string;\r\n}\r\n\r\nexport interface selectedItem {\r\n    key: string;\r\n    type: 'select' | 'switch' | 'input';\r\n    selectedItem: RecordType;\r\n}\r\n\r\nexport interface OdsChangeProps {\r\n    element: element;\r\n    leftSectionTitle: string | '';\r\n    rightSectionTitle: string | '';\r\n    onSelectedItemChangeLeft?: (selectedItems: selectedItem[] | null) => void;\r\n    onSelectedItemChangeRight?: (selectedItems: selectedItem[] | null) => void;\r\n}\r\n\r\nconst OdsChange: React.FC<OdsChangeProps> = (props) => {\r\n    const [selectedItemsLeft, setSelectedItemsLeft] = useState(null);\r\n    const [selectedItemsRight, setSelectedItemsRight] = useState(null);\r\n\r\n    const { styles } = useStyles()\r\n\r\n    const addOrUpdateSelectedItem = useCallback((\r\n        newItem: RecordType | undefined,\r\n        key: string,\r\n        section: 'Left' | 'Right',\r\n        type: 'select' | 'switch' | 'input') => {\r\n        const updateItem = (prevItems) => {\r\n            const items = prevItems ? [...prevItems] : [];\r\n            const itemIndex = items.findIndex((item) => item.key === key);\r\n            if (newItem) {\r\n                const newSelectedItem = { key, type, selectedItem: newItem };\r\n                if (itemIndex > -1) {\r\n                    items[itemIndex] = newSelectedItem;\r\n                } else {\r\n                    items.push(newSelectedItem);\r\n                }\r\n            } else if (itemIndex > -1) {\r\n                items.splice(itemIndex, 1);\r\n            }\r\n            return items;\r\n        };\r\n\r\n        if (section === 'Left') {\r\n            setSelectedItemsLeft(updateItem);\r\n        } else {\r\n            setSelectedItemsRight(updateItem);\r\n        }\r\n    },\r\n        []\r\n    );\r\n\r\n    const renderSelect = useCallback((\r\n        key: string,\r\n        section: 'Left' | 'Right',\r\n        value: string | number | undefined | null,\r\n        placeholder: string,\r\n        dataSource: RecordType[],\r\n    ) => (\r\n        <OdsSelect\r\n            value={value}\r\n            onChange={(value) => {\r\n                const selectedItem = dataSource.find(item => item.value === value);\r\n                if (selectedItem) {\r\n                    addOrUpdateSelectedItem(selectedItem, key, section, 'select');\r\n                }\r\n            }}\r\n            placeholder={placeholder}\r\n            showSearch\r\n            allowClear\r\n            style={{ width: '100%', margin: \"8px 0 0\" }}\r\n            options={dataSource}\r\n        />\r\n    ), [addOrUpdateSelectedItem]);\r\n\r\n    const renderSwitch = useCallback((\r\n        key: string,\r\n        section: 'Left' | 'Right',\r\n        value: string,\r\n    ) => (\r\n        <OdsSwitch\r\n            onChange={(checked) => {\r\n                addOrUpdateSelectedItem({ value: checked.toString(), label: checked.toString() }, key, section, 'switch');\r\n            }}\r\n            style={{ margin: \"8px 0 0\", display: \"block\" }}\r\n            defaultChecked={false}\r\n            value={value === 'true'}\r\n            id={key + '_' + section}\r\n        />\r\n    ), [addOrUpdateSelectedItem]);\r\n\r\n    const renderInput = useCallback((\r\n        key: string,\r\n        section: 'Left' | 'Right',\r\n        placeholder: string,\r\n    ) => (\r\n        <OdsInput\r\n            placeholder={placeholder}\r\n            style={{ width: \"100%\", margin: \"8px 0 0\" }}\r\n            maxLength={50}\r\n            autoComplete=\"off\"\r\n            value={section === 'Left'\r\n                ? selectedItemsLeft?.find(item => item.key === key)?.selectedItem.value || ''\r\n                : selectedItemsRight?.find(item => item.key === key)?.selectedItem.value || ''\r\n            }\r\n            onChange={(e) => {\r\n                const newValue = e.target.value;\r\n                addOrUpdateSelectedItem({ value: newValue, label: newValue }, key, section, 'input');\r\n            }}\r\n        />\r\n    ), [addOrUpdateSelectedItem, selectedItemsLeft, selectedItemsRight]);\r\n\r\n    useEffect(() => {\r\n        if (props.onSelectedItemChangeLeft) {\r\n            props.onSelectedItemChangeLeft(selectedItemsLeft);\r\n        }\r\n    }, [selectedItemsLeft, props.onSelectedItemChangeLeft]);\r\n\r\n    useEffect(() => {\r\n        if (props.onSelectedItemChangeRight) {\r\n            props.onSelectedItemChangeRight(selectedItemsRight);\r\n        }\r\n    }, [selectedItemsRight, props.onSelectedItemChangeRight]);\r\n\r\n    const handleExchange = useCallback(() => {\r\n        if (!selectedItemsLeft || !selectedItemsRight) return;\r\n\r\n        const newSelectedItemsLeft = selectedItemsLeft.map(leftItem => {\r\n            const correspondingRightItem = selectedItemsRight.find(rightItem => rightItem.key === leftItem.key);\r\n\r\n            if (leftItem.type === 'switch' && correspondingRightItem) {\r\n                // if both sides have a switch with the same key; just swap them\r\n                return { ...leftItem, selectedItem: correspondingRightItem.selectedItem };\r\n            }\r\n            return correspondingRightItem\r\n                ? { ...leftItem, selectedItem: correspondingRightItem.selectedItem }\r\n                : leftItem;\r\n        });\r\n\r\n        const newSelectedItemsRight = selectedItemsRight.map(rightItem => {\r\n            const correspondingLeftItem = selectedItemsLeft.find(leftItem => leftItem.key === rightItem.key);\r\n\r\n            if (rightItem.type === 'switch' && correspondingLeftItem) {\r\n                // if both sides have a switch with the same key; just swap them\r\n                return { ...rightItem, selectedItem: correspondingLeftItem.selectedItem };\r\n            }\r\n            return correspondingLeftItem\r\n                ? { ...rightItem, selectedItem: correspondingLeftItem.selectedItem }\r\n                : rightItem;\r\n        });\r\n\r\n        // Add missing switches with default value of false\r\n        const missingSwitchesLeft = selectedItemsRight\r\n            .filter(rightItem => rightItem.type === 'switch' && !selectedItemsLeft.some(leftItem => leftItem.key === rightItem.key))\r\n            .map(item => ({ key: item.key, selectedItem: false, type: 'switch' }));\r\n\r\n        const missingSwitchesRight = selectedItemsLeft\r\n            .filter(leftItem => leftItem.type === 'switch' && !selectedItemsRight.some(rightItem => rightItem.key === leftItem.key))\r\n            .map(item => ({ key: item.key, selectedItem: false, type: 'switch' }));\r\n\r\n        setSelectedItemsLeft([...newSelectedItemsLeft, ...missingSwitchesLeft]);\r\n        setSelectedItemsRight([...newSelectedItemsRight, ...missingSwitchesRight]);\r\n\r\n        if (props.onSelectedItemChangeLeft) {\r\n            props.onSelectedItemChangeLeft([...newSelectedItemsLeft, ...missingSwitchesLeft]);\r\n        }\r\n        if (props.onSelectedItemChangeRight) {\r\n            props.onSelectedItemChangeRight([...newSelectedItemsRight, ...missingSwitchesRight]);\r\n        }\r\n    }, [selectedItemsLeft, selectedItemsRight]);\r\n\r\n    const allItemsSelected = useCallback((selectedItems) => {\r\n        return props.element?.elementItems\r\n            .filter(element => element.type !== 'switch')\r\n            .every(element =>\r\n                selectedItems?.some(item => item.key === element.key && item.selectedItem)\r\n            ) ?? false;\r\n    }, [props.element]);\r\n    const DynamicForm = useMemo(() => {\r\n        const renderSelectColumns = (selectedItems, section) => {\r\n            return props.element.elementItems.map((el) => (\r\n                <Col key={el.key} span={8}>\r\n                    <Text className='ant-form-item-label'>{el.title}</Text>\r\n                    {el.type === 'select' && renderSelect(\r\n                        el.key,\r\n                        section,\r\n                        selectedItems?.find(item => item.key === el.key)?.selectedItem?.value,\r\n                        el.placeholder,\r\n                        el.dataSource || [],\r\n                    )}\r\n                    {el.type === 'switch' && renderSwitch(\r\n                        el.key,\r\n                        section,\r\n                        selectedItems?.find(item => item.key === el.key)?.selectedItem?.value,\r\n                    )}\r\n                    {el.type === 'input' && renderInput(\r\n                        el.key,\r\n                        section,\r\n                        el.placeholder,\r\n                    )}\r\n                </Col>\r\n            ));\r\n        };\r\n        return (\r\n            <div className={styles.Wrapper}>\r\n                <Row gutter={[12, 12]} justify=\"center\" className={styles.Colls}>\r\n                    {/* Left Section */}\r\n                    <Col xs={24} md={12}>\r\n                        <Card>\r\n                            <Row gutter={[16, 8]}>\r\n                                <Col span={24}>\r\n                                    <Text strong>{props.leftSectionTitle}</Text>\r\n                                </Col>\r\n                                {renderSelectColumns(selectedItemsLeft, 'Left')}\r\n                            </Row>\r\n                        </Card>\r\n                    </Col>\r\n\r\n                    {/* Swap Button */}\r\n                    <div className={styles.ButtonWrapper}>\r\n                        <Button icon={<Slide1Icon width={16} height={16} viewBox='0 0 24 24' />} disabled={!allItemsSelected(selectedItemsLeft) || !allItemsSelected(selectedItemsRight)} onClick={handleExchange} />\r\n                    </div>\r\n\r\n                    {/* Right Section */}\r\n                    <Col xs={24} md={12} className={styles.Colls}>\r\n                        <Card>\r\n                            <Row gutter={[16, 8]}>\r\n                                <Col span={24}>\r\n                                    <Text strong>{props.rightSectionTitle}</Text>\r\n                                </Col>\r\n                                {renderSelectColumns(selectedItemsRight, 'Right')}\r\n                            </Row>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n            </div>\r\n        );\r\n    }, [props.element, selectedItemsLeft, selectedItemsRight]);\r\n\r\n    return <React.Fragment>{DynamicForm}</React.Fragment>;\r\n};\r\n\r\n\r\nexport default React.memo(OdsChange);\r\n"],"names":["Text","Typography","OdsChange","props","selectedItemsLeft","setSelectedItemsLeft","useState","selectedItemsRight","setSelectedItemsRight","styles","useStyles","addOrUpdateSelectedItem","useCallback","newItem","key","section","type","updateItem","prevItems","items","itemIndex","item","newSelectedItem","renderSelect","value","placeholder","dataSource","jsx","OdsSelect","selectedItem","renderSwitch","OdsSwitch","checked","renderInput","OdsInput","e","newValue","useEffect","handleExchange","newSelectedItemsLeft","leftItem","correspondingRightItem","rightItem","newSelectedItemsRight","correspondingLeftItem","missingSwitchesLeft","missingSwitchesRight","allItemsSelected","selectedItems","element","DynamicForm","useMemo","renderSelectColumns","el","jsxs","Col","Row","Card","Button","Slide1Icon","React","OdsChange_default"],"mappings":";;;;;;;;;;;;AAQA,MAAM,EAAE,MAAAA,MAASC,GAiCXC,IAAsC,CAACC,MAAU;AACnD,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,IAAI,GACzD,CAACC,GAAoBC,CAAqB,IAAIF,EAAS,IAAI,GAE3D,EAAE,QAAAG,EAAA,IAAWC,EAAA,GAEbC,IAA0BC;AAAA,IAAY,CACxCC,GACAC,GACAC,GACAC,MAAwC;AACxC,YAAMC,IAAa,CAACC,MAAc;AAC9B,cAAMC,IAAQD,IAAY,CAAC,GAAGA,CAAS,IAAI,CAAA,GACrCE,IAAYD,EAAM,UAAU,CAACE,MAASA,EAAK,QAAQP,CAAG;AAC5D,YAAID,GAAS;AACT,gBAAMS,IAAkB,EAAE,KAAAR,GAAK,MAAAE,GAAM,cAAcH,EAAA;AACnD,UAAIO,IAAY,KACZD,EAAMC,CAAS,IAAIE,IAEnBH,EAAM,KAAKG,CAAe;AAAA,QAElC,MAAA,CAAWF,IAAY,MACnBD,EAAM,OAAOC,GAAW,CAAC;AAE7B,eAAOD;AAAA,MACX;AAEA,MAAIJ,MAAY,SACZV,EAAqBY,CAAU,IAE/BT,EAAsBS,CAAU;AAAA,IAExC;AAAA,IACI,CAAA;AAAA,EAAC,GAGCM,IAAeX,EAAY,CAC7BE,GACAC,GACAS,GACAC,GACAC,MAEA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,UAAU,CAACA,MAAU;AACjB,cAAMK,IAAeH,EAAW,KAAK,CAAAL,MAAQA,EAAK,UAAUG,CAAK;AACjE,QAAIK,KACAlB,EAAwBkB,GAAcf,GAAKC,GAAS,QAAQ;AAAA,MAEpE;AAAA,MACA,aAAAU;AAAA,MACA,YAAU;AAAA,MACV,YAAU;AAAA,MACV,OAAO,EAAE,OAAO,QAAQ,QAAQ,UAAA;AAAA,MAChC,SAASC;AAAA,IAAA;AAAA,EAAA,GAEd,CAACf,CAAuB,CAAC,GAEtBmB,IAAelB,EAAY,CAC7BE,GACAC,GACAS,MAEA,gBAAAG;AAAA,IAACI;AAAA,IAAA;AAAA,MACG,UAAU,CAACC,MAAY;AACnB,QAAArB,EAAwB,EAAE,OAAOqB,EAAQ,SAAA,GAAY,OAAOA,EAAQ,SAAA,EAAS,GAAKlB,GAAKC,GAAS,QAAQ;AAAA,MAC5G;AAAA,MACA,OAAO,EAAE,QAAQ,WAAW,SAAS,QAAA;AAAA,MACrC,gBAAgB;AAAA,MAChB,OAAOS,MAAU;AAAA,MACjB,IAAIV,IAAM,MAAMC;AAAA,IAAA;AAAA,EAAA,GAErB,CAACJ,CAAuB,CAAC,GAEtBsB,IAAcrB,EAAY,CAC5BE,GACAC,GACAU,MAEA,gBAAAE;AAAA,IAACO;AAAA,IAAA;AAAA,MACG,aAAAT;AAAA,MACA,OAAO,EAAE,OAAO,QAAQ,QAAQ,UAAA;AAAA,MAChC,WAAW;AAAA,MACX,cAAa;AAAA,MACb,OAAOV,MAAY,SACbX,GAAmB,KAAK,CAAAiB,MAAQA,EAAK,QAAQP,CAAG,GAAG,aAAa,SAAS,KACzEP,GAAoB,KAAK,CAAAc,MAAQA,EAAK,QAAQP,CAAG,GAAG,aAAa,SAAS;AAAA,MAEhF,UAAU,CAACqB,MAAM;AACb,cAAMC,IAAWD,EAAE,OAAO;AAC1B,QAAAxB,EAAwB,EAAE,OAAOyB,GAAU,OAAOA,KAAYtB,GAAKC,GAAS,OAAO;AAAA,MACvF;AAAA,IAAA;AAAA,EAAA,GAEL,CAACJ,GAAyBP,GAAmBG,CAAkB,CAAC;AAEnE,EAAA8B,EAAU,MAAM;AACZ,IAAIlC,EAAM,4BACNA,EAAM,yBAAyBC,CAAiB;AAAA,EAExD,GAAG,CAACA,GAAmBD,EAAM,wBAAwB,CAAC,GAEtDkC,EAAU,MAAM;AACZ,IAAIlC,EAAM,6BACNA,EAAM,0BAA0BI,CAAkB;AAAA,EAE1D,GAAG,CAACA,GAAoBJ,EAAM,yBAAyB,CAAC;AAExD,QAAMmC,IAAiB1B,EAAY,MAAM;AACrC,QAAI,CAACR,KAAqB,CAACG,EAAoB;AAE/C,UAAMgC,IAAuBnC,EAAkB,IAAI,CAAAoC,MAAY;AAC3D,YAAMC,IAAyBlC,EAAmB,KAAK,OAAamC,EAAU,QAAQF,EAAS,GAAG;AAElG,aAAIA,EAAS,SAAS,YAAYC,IAEvB,EAAE,GAAGD,GAAU,cAAcC,EAAuB,aAAA,IAExDA,IACD,EAAE,GAAGD,GAAU,cAAcC,EAAuB,iBACpDD;AAAA,IACV,CAAC,GAEKG,IAAwBpC,EAAmB,IAAI,CAAAmC,MAAa;AAC9D,YAAME,IAAwBxC,EAAkB,KAAK,OAAYoC,EAAS,QAAQE,EAAU,GAAG;AAE/F,aAAIA,EAAU,SAAS,YAAYE,IAExB,EAAE,GAAGF,GAAW,cAAcE,EAAsB,aAAA,IAExDA,IACD,EAAE,GAAGF,GAAW,cAAcE,EAAsB,iBACpDF;AAAA,IACV,CAAC,GAGKG,IAAsBtC,EACvB,OAAO,CAAAmC,MAAaA,EAAU,SAAS,YAAY,CAACtC,EAAkB,KAAK,CAAAoC,MAAYA,EAAS,QAAQE,EAAU,GAAG,CAAC,EACtH,IAAI,CAAArB,OAAS,EAAE,KAAKA,EAAK,KAAK,cAAc,IAAO,MAAM,SAAA,EAAW,GAEnEyB,IAAuB1C,EACxB,OAAO,CAAAoC,MAAYA,EAAS,SAAS,YAAY,CAACjC,EAAmB,KAAK,CAAAmC,MAAaA,EAAU,QAAQF,EAAS,GAAG,CAAC,EACtH,IAAI,CAAAnB,OAAS,EAAE,KAAKA,EAAK,KAAK,cAAc,IAAO,MAAM,SAAA,EAAW;AAEzE,IAAAhB,EAAqB,CAAC,GAAGkC,GAAsB,GAAGM,CAAmB,CAAC,GACtErC,EAAsB,CAAC,GAAGmC,GAAuB,GAAGG,CAAoB,CAAC,GAErE3C,EAAM,4BACNA,EAAM,yBAAyB,CAAC,GAAGoC,GAAsB,GAAGM,CAAmB,CAAC,GAEhF1C,EAAM,6BACNA,EAAM,0BAA0B,CAAC,GAAGwC,GAAuB,GAAGG,CAAoB,CAAC;AAAA,EAE3F,GAAG,CAAC1C,GAAmBG,CAAkB,CAAC,GAEpCwC,IAAmBnC,EAAY,CAACoC,MAC3B7C,EAAM,SAAS,aACjB,OAAO,OAAW8C,EAAQ,SAAS,QAAQ,EAC3C;AAAA,IAAM,CAAAA,MACHD,GAAe,KAAK,CAAA3B,MAAQA,EAAK,QAAQ4B,EAAQ,OAAO5B,EAAK,YAAY;AAAA,EAAA,KACxE,IACV,CAAClB,EAAM,OAAO,CAAC,GACZ+C,IAAcC,EAAQ,MAAM;AAC9B,UAAMC,IAAsB,CAACJ,GAAejC,MACjCZ,EAAM,QAAQ,aAAa,IAAI,CAACkD,MACnC,gBAAAC,EAACC,GAAA,EAAiB,MAAM,GACpB,UAAA;AAAA,MAAA,gBAAA5B,EAAC3B,GAAA,EAAK,WAAU,uBAAuB,UAAAqD,EAAG,OAAM;AAAA,MAC/CA,EAAG,SAAS,YAAY9B;AAAA,QACrB8B,EAAG;AAAA,QACHtC;AAAA,QACAiC,GAAe,KAAK,CAAA3B,MAAQA,EAAK,QAAQgC,EAAG,GAAG,GAAG,cAAc;AAAA,QAChEA,EAAG;AAAA,QACHA,EAAG,cAAc,CAAA;AAAA,MAAC;AAAA,MAErBA,EAAG,SAAS,YAAYvB;AAAA,QACrBuB,EAAG;AAAA,QACHtC;AAAA,QACAiC,GAAe,KAAK,CAAA3B,MAAQA,EAAK,QAAQgC,EAAG,GAAG,GAAG,cAAc;AAAA,MAAA;AAAA,MAEnEA,EAAG,SAAS,WAAWpB;AAAA,QACpBoB,EAAG;AAAA,QACHtC;AAAA,QACAsC,EAAG;AAAA,MAAA;AAAA,IACP,KAlBMA,EAAG,GAmBb,CACH;AAEL,6BACK,OAAA,EAAI,WAAW5C,EAAO,SACnB,4BAAC+C,GAAA,EAAI,QAAQ,CAAC,IAAI,EAAE,GAAG,SAAQ,UAAS,WAAW/C,EAAO,OAEtD,UAAA;AAAA,MAAA,gBAAAkB,EAAC4B,GAAA,EAAI,IAAI,IAAI,IAAI,IACb,UAAA,gBAAA5B,EAAC8B,GAAA,EACG,UAAA,gBAAAH,EAACE,GAAA,EAAI,QAAQ,CAAC,IAAI,CAAC,GACf,UAAA;AAAA,QAAA,gBAAA7B,EAAC4B,GAAA,EAAI,MAAM,IACP,UAAA,gBAAA5B,EAAC3B,KAAK,QAAM,IAAE,UAAAG,EAAM,iBAAA,CAAiB,EAAA,CACzC;AAAA,QACCiD,EAAoBhD,GAAmB,MAAM;AAAA,MAAA,EAAA,CAClD,GACJ,GACJ;AAAA,MAGA,gBAAAuB,EAAC,OAAA,EAAI,WAAWlB,EAAO,eACnB,UAAA,gBAAAkB,EAAC+B,GAAA,EAAO,MAAM,gBAAA/B,EAACgC,EAAAA,YAAA,EAAW,OAAO,IAAI,QAAQ,IAAI,SAAQ,YAAA,CAAY,GAAI,UAAU,CAACZ,EAAiB3C,CAAiB,KAAK,CAAC2C,EAAiBxC,CAAkB,GAAG,SAAS+B,EAAA,CAAgB,EAAA,CAC/L;AAAA,wBAGCiB,GAAA,EAAI,IAAI,IAAI,IAAI,IAAI,WAAW9C,EAAO,OACnC,UAAA,gBAAAkB,EAAC8B,KACG,UAAA,gBAAAH,EAACE,GAAA,EAAI,QAAQ,CAAC,IAAI,CAAC,GACf,UAAA;AAAA,QAAA,gBAAA7B,EAAC4B,GAAA,EAAI,MAAM,IACP,UAAA,gBAAA5B,EAAC3B,KAAK,QAAM,IAAE,UAAAG,EAAM,kBAAA,CAAkB,EAAA,CAC1C;AAAA,QACCiD,EAAoB7C,GAAoB,OAAO;AAAA,MAAA,EAAA,CACpD,GACJ,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,EAER,GAAG,CAACJ,EAAM,SAASC,GAAmBG,CAAkB,CAAC;AAEzD,SAAO,gBAAAoB,EAACiC,EAAM,UAAN,EAAgB,UAAAV,EAAA,CAAY;AACxC,GAGAW,IAAeD,EAAM,KAAK1D,CAAS;"}
+{"version":3,"file":"OdsChange.js","sources":["../../../../src/components/antd/change/OdsChange.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { Row, Col, Button, Card, Typography } from \"antd\";\r\nimport { Slide1Icon } from \"ods-icon/react/24/outline\";\r\nimport OdsSwitch from \"../switch/OdsSwitch\";\r\nimport OdsInput from \"../input/OdsInput\";\r\nimport OdsSelect from \"../select/OdsSelect\";\r\nimport styles from \"./OdsChange.module.scss\";\r\n\r\nconst { Text } = Typography;\r\n\r\n\r\nexport interface element {\r\n  elementItems: elementItem[];\r\n}\r\n\r\ninterface elementItem {\r\n  key: string;\r\n  title: string;\r\n  placeholder: string;\r\n  dataSource?: RecordType[];\r\n  type: \"select\" | \"switch\" | \"input\";\r\n}\r\n\r\ninterface RecordType {\r\n  value: string | number;\r\n  label: string;\r\n}\r\n\r\nexport interface selectedItem {\r\n  key: string;\r\n  type: \"select\" | \"switch\" | \"input\";\r\n  selectedItem: RecordType;\r\n}\r\n\r\nexport interface OdsChangeProps {\r\n  element: element;\r\n  leftSectionTitle: string | \"\";\r\n  rightSectionTitle: string | \"\";\r\n  onSelectedItemChangeLeft?: (selectedItems: selectedItem[] | null) => void;\r\n  onSelectedItemChangeRight?: (selectedItems: selectedItem[] | null) => void;\r\n}\r\n\r\nfunction OdsChange(props: OdsChangeProps) {\r\n  const [selectedItemsLeft, setSelectedItemsLeft] = useState(null);\r\n  const [selectedItemsRight, setSelectedItemsRight] = useState(null);\r\n\r\n  const addOrUpdateSelectedItem = useCallback(\r\n    (\r\n      newItem: RecordType | undefined,\r\n      key: string,\r\n      section: \"Left\" | \"Right\",\r\n      type: \"select\" | \"switch\" | \"input\"\r\n    ) => {\r\n      const updateItem = (prevItems) => {\r\n        const items = prevItems ? [...prevItems] : [];\r\n        const itemIndex = items.findIndex((item) => item.key === key);\r\n        if (newItem) {\r\n          const newSelectedItem = { key, type, selectedItem: newItem };\r\n          if (itemIndex > -1) {\r\n            items[itemIndex] = newSelectedItem;\r\n          } else {\r\n            items.push(newSelectedItem);\r\n          }\r\n        } else if (itemIndex > -1) {\r\n          items.splice(itemIndex, 1);\r\n        }\r\n        return items;\r\n      };\r\n\r\n      if (section === \"Left\") {\r\n        setSelectedItemsLeft(updateItem);\r\n      } else {\r\n        setSelectedItemsRight(updateItem);\r\n      }\r\n    },\r\n    []\r\n  );\r\n\r\n  const renderSelect = useCallback(\r\n    (\r\n      key: string,\r\n      section: \"Left\" | \"Right\",\r\n      value: string | number | undefined | null,\r\n      placeholder: string,\r\n      dataSource: RecordType[]\r\n    ) => (\r\n      <OdsSelect\r\n        value={value}\r\n        onChange={(value) => {\r\n          const selectedItem = dataSource.find((item) => item.value === value);\r\n          if (selectedItem) {\r\n            addOrUpdateSelectedItem(selectedItem, key, section, \"select\");\r\n          }\r\n        }}\r\n        placeholder={placeholder}\r\n        showSearch\r\n        allowClear\r\n        style={{ width: \"100%\", margin: \"8px 0 0\" }}\r\n        options={dataSource}\r\n      />\r\n    ),\r\n    [addOrUpdateSelectedItem]\r\n  );\r\n\r\n  const renderSwitch = useCallback(\r\n    (key: string, section: \"Left\" | \"Right\", value: string) => (\r\n      <OdsSwitch\r\n        onChange={(checked) => {\r\n          addOrUpdateSelectedItem(\r\n            { value: checked.toString(), label: checked.toString() },\r\n            key,\r\n            section,\r\n            \"switch\"\r\n          );\r\n        }}\r\n        style={{ margin: \"8px 0 0\", display: \"block\" }}\r\n        defaultChecked={false}\r\n        value={value === \"true\"}\r\n        id={key + \"_\" + section}\r\n      />\r\n    ),\r\n    [addOrUpdateSelectedItem]\r\n  );\r\n\r\n  const renderInput = useCallback(\r\n    (key: string, section: \"Left\" | \"Right\", placeholder: string) => (\r\n      <OdsInput\r\n        placeholder={placeholder}\r\n        style={{ width: \"100%\", margin: \"8px 0 0\" }}\r\n        maxLength={50}\r\n        autoComplete=\"off\"\r\n        value={\r\n          section === \"Left\"\r\n            ? selectedItemsLeft?.find((item) => item.key === key)?.selectedItem\r\n                .value || \"\"\r\n            : selectedItemsRight?.find((item) => item.key === key)?.selectedItem\r\n                .value || \"\"\r\n        }\r\n        onChange={(e) => {\r\n          const newValue = e.target.value;\r\n          addOrUpdateSelectedItem(\r\n            { value: newValue, label: newValue },\r\n            key,\r\n            section,\r\n            \"input\"\r\n          );\r\n        }}\r\n      />\r\n    ),\r\n    [addOrUpdateSelectedItem, selectedItemsLeft, selectedItemsRight]\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (props.onSelectedItemChangeLeft) {\r\n      props.onSelectedItemChangeLeft(selectedItemsLeft);\r\n    }\r\n  }, [selectedItemsLeft, props.onSelectedItemChangeLeft]);\r\n\r\n  useEffect(() => {\r\n    if (props.onSelectedItemChangeRight) {\r\n      props.onSelectedItemChangeRight(selectedItemsRight);\r\n    }\r\n  }, [selectedItemsRight, props.onSelectedItemChangeRight]);\r\n\r\n  const handleExchange = useCallback(() => {\r\n    if (!selectedItemsLeft || !selectedItemsRight) return;\r\n\r\n    const newSelectedItemsLeft = selectedItemsLeft.map((leftItem) => {\r\n      const correspondingRightItem = selectedItemsRight.find(\r\n        (rightItem) => rightItem.key === leftItem.key\r\n      );\r\n\r\n      if (leftItem.type === \"switch\" && correspondingRightItem) {\r\n        return {\r\n          ...leftItem,\r\n          selectedItem: correspondingRightItem.selectedItem,\r\n        };\r\n      }\r\n      return correspondingRightItem\r\n        ? { ...leftItem, selectedItem: correspondingRightItem.selectedItem }\r\n        : leftItem;\r\n    });\r\n\r\n    const newSelectedItemsRight = selectedItemsRight.map((rightItem) => {\r\n      const correspondingLeftItem = selectedItemsLeft.find(\r\n        (leftItem) => leftItem.key === rightItem.key\r\n      );\r\n\r\n      if (rightItem.type === \"switch\" && correspondingLeftItem) {\r\n        return {\r\n          ...rightItem,\r\n          selectedItem: correspondingLeftItem.selectedItem,\r\n        };\r\n      }\r\n      return correspondingLeftItem\r\n        ? { ...rightItem, selectedItem: correspondingLeftItem.selectedItem }\r\n        : rightItem;\r\n    });\r\n\r\n    const missingSwitchesLeft = selectedItemsRight\r\n      .filter(\r\n        (rightItem) =>\r\n          rightItem.type === \"switch\" &&\r\n          !selectedItemsLeft.some((leftItem) => leftItem.key === rightItem.key)\r\n      )\r\n      .map((item) => ({ key: item.key, selectedItem: false, type: \"switch\" }));\r\n\r\n    const missingSwitchesRight = selectedItemsLeft\r\n      .filter(\r\n        (leftItem) =>\r\n          leftItem.type === \"switch\" &&\r\n          !selectedItemsRight.some(\r\n            (rightItem) => rightItem.key === leftItem.key\r\n          )\r\n      )\r\n      .map((item) => ({ key: item.key, selectedItem: false, type: \"switch\" }));\r\n\r\n    setSelectedItemsLeft([...newSelectedItemsLeft, ...missingSwitchesLeft]);\r\n    setSelectedItemsRight([...newSelectedItemsRight, ...missingSwitchesRight]);\r\n\r\n    if (props.onSelectedItemChangeLeft) {\r\n      props.onSelectedItemChangeLeft([\r\n        ...newSelectedItemsLeft,\r\n        ...missingSwitchesLeft,\r\n      ]);\r\n    }\r\n    if (props.onSelectedItemChangeRight) {\r\n      props.onSelectedItemChangeRight([\r\n        ...newSelectedItemsRight,\r\n        ...missingSwitchesRight,\r\n      ]);\r\n    }\r\n  }, [selectedItemsLeft, selectedItemsRight]);\r\n\r\n  const allItemsSelected = useCallback(\r\n    (selectedItems) => {\r\n      return (\r\n        props.element?.elementItems\r\n          .filter((element) => element.type !== \"switch\")\r\n          .every((element) =>\r\n            selectedItems?.some(\r\n              (item) => item.key === element.key && item.selectedItem\r\n            )\r\n          ) ?? false\r\n      );\r\n    },\r\n    [props.element]\r\n  );\r\n\r\n  const DynamicForm = useMemo(() => {\r\n    const renderSelectColumns = (selectedItems, section) => {\r\n      return props.element.elementItems.map((el) => (\r\n        <Col key={el.key} span={8}>\r\n          <Text className=\"ant-form-item-label\">{el.title}</Text>\r\n          {el.type === \"select\" &&\r\n            renderSelect(\r\n              el.key,\r\n              section,\r\n              selectedItems?.find((item) => item.key === el.key)?.selectedItem\r\n                ?.value,\r\n              el.placeholder,\r\n              el.dataSource || []\r\n            )}\r\n          {el.type === \"switch\" &&\r\n            renderSwitch(\r\n              el.key,\r\n              section,\r\n              selectedItems?.find((item) => item.key === el.key)?.selectedItem\r\n                ?.value\r\n            )}\r\n          {el.type === \"input\" && renderInput(el.key, section, el.placeholder)}\r\n        </Col>\r\n      ));\r\n    };\r\n    return (\r\n      <div className={styles.wrapper}>\r\n        <Row gutter={[12, 12]} justify=\"center\" className={styles.cols}>\r\n          {/* Left Section */}\r\n          <Col xs={24} md={12}>\r\n            <Card>\r\n              <Row gutter={[16, 8]}>\r\n                <Col span={24}>\r\n                  <Text strong>{props.leftSectionTitle}</Text>\r\n                </Col>\r\n                {renderSelectColumns(selectedItemsLeft, \"Left\")}\r\n              </Row>\r\n            </Card>\r\n          </Col>\r\n\r\n          {/* Swap Button */}\r\n          <div className={styles.buttonWrapper}>\r\n            <Button\r\n              icon={<Slide1Icon width={16} height={16} viewBox=\"0 0 24 24\" />}\r\n              disabled={\r\n                !allItemsSelected(selectedItemsLeft) ||\r\n                !allItemsSelected(selectedItemsRight)\r\n              }\r\n              onClick={handleExchange}\r\n            />\r\n          </div>\r\n\r\n          {/* Right Section */}\r\n          <Col xs={24} md={12} className={styles.cols}>\r\n            <Card>\r\n              <Row gutter={[16, 8]}>\r\n                <Col span={24}>\r\n                  <Text strong>{props.rightSectionTitle}</Text>\r\n                </Col>\r\n                {renderSelectColumns(selectedItemsRight, \"Right\")}\r\n              </Row>\r\n            </Card>\r\n          </Col>\r\n        </Row>\r\n      </div>\r\n    );\r\n  }, [props.element, selectedItemsLeft, selectedItemsRight]);\r\n\r\n  return DynamicForm;\r\n}\r\n\r\nexport default OdsChange;\r\n\r\nexport const memoizedOdsChange = memo(OdsChange);\r\n"],"names":["Text","Typography","OdsChange","props","selectedItemsLeft","setSelectedItemsLeft","useState","selectedItemsRight","setSelectedItemsRight","addOrUpdateSelectedItem","useCallback","newItem","key","section","type","updateItem","prevItems","items","itemIndex","item","newSelectedItem","renderSelect","value","placeholder","dataSource","jsx","OdsSelect","selectedItem","renderSwitch","OdsSwitch","checked","renderInput","OdsInput","e","newValue","useEffect","handleExchange","newSelectedItemsLeft","leftItem","correspondingRightItem","rightItem","newSelectedItemsRight","correspondingLeftItem","missingSwitchesLeft","missingSwitchesRight","allItemsSelected","selectedItems","element","useMemo","renderSelectColumns","el","jsxs","Col","styles","Row","Card","Button","Slide1Icon","memo"],"mappings":"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"}

package/dist/components/antd/change/OdsChange.module.scss.js

@@ -0,0 +1,12 @@
+const e = "OdsChange-module__wrapper___Fnpxl", _ = "OdsChange-module__cols___4BByL", o = "OdsChange-module__buttonWrapper___B5-A4", p = {
+  wrapper: e,
+  cols: _,
+  buttonWrapper: o
+};
+export {
+  o as buttonWrapper,
+  _ as cols,
+  p as default,
+  e as wrapper
+};
+//# sourceMappingURL=OdsChange.module.scss.js.map

package/dist/components/antd/change/OdsChange.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdsChange.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/antd/checkbox/OdsCheckbox.js

@@ -1,12 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import { StyledCheckbox as o } from "./OdsCheckbox.styled.js";
-import t from "react";
-import { ThemeProvider as m } from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import { lightTheme as i } from "../../../tokens/design-system-light/build/js/variables.js";
-function l(r) {
-  return /* @__PURE__ */ e(t.Fragment, { children: /* @__PURE__ */ e(m, { theme: i, children: /* @__PURE__ */ e(o, { ...r }) }) });
+import { jsx as r } from "react/jsx-runtime";
+import t from "../../../node_modules/antd/es/checkbox/index.js";
+function m(o) {
+  return /* @__PURE__ */ r(t, { ...o });
 }
 export {
-  l as default
+  m as default
 };
 //# sourceMappingURL=OdsCheckbox.js.map

package/dist/components/antd/checkbox/OdsCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsCheckbox.js","sources":["../../../../src/components/antd/checkbox/OdsCheckbox.tsx"],"sourcesContent":["import { CheckboxProps } from 'antd';\r\nimport { StyledCheckbox } from './OdsCheckbox.styled';\r\nimport React from 'react';\r\nimport { ThemeProvider } from 'styled-components';\r\nimport { lightTheme } from '../../../tokens/design-system-light/build/js/variables';\r\n\r\n/**\r\n * \r\n * @param props \r\n * checked         : boolean\r\n * defaultChecked  : boolean\r\n * indeterminate   : boolean\r\n * disabled        : boolean\r\n * onChange        : (checked: boolean) => void\r\n * classNames      : Semantic DOM class\r\n * styles          : Semantic DOM style \r\n * @returns  antd styled checkbox\r\n */\r\n\r\nfunction OdsCheckbox(props: CheckboxProps) {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <ThemeProvider theme={lightTheme}>\r\n        <StyledCheckbox {...props} />\r\n      </ThemeProvider>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nexport default OdsCheckbox;"],"names":["OdsCheckbox","props","jsx","React","ThemeProvider","lightTheme","StyledCheckbox"],"mappings":";;;;;AAmBA,SAASA,EAAYC,GAAsB;AAEzC,SACE,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAc,OAAOC,GACpB,UAAA,gBAAAH,EAACI,GAAA,EAAgB,GAAGL,EAAA,CAAO,GAC7B,GACF;AAEJ;"}
+{"version":3,"file":"OdsCheckbox.js","sources":["../../../../src/components/antd/checkbox/OdsCheckbox.tsx"],"sourcesContent":["import Checkbox, { CheckboxProps } from \"antd/es/checkbox\";\r\n\r\nfunction OdsCheckbox(props: CheckboxProps) {\r\n  return <Checkbox {...props} />;\r\n}\r\n\r\nexport default OdsCheckbox;\r\n"],"names":["OdsCheckbox","props","jsx","Checkbox"],"mappings":";;AAEA,SAASA,EAAYC,GAAsB;AACzC,SAAO,gBAAAC,EAACC,GAAA,EAAU,GAAGF,EAAA,CAAO;AAC9B;"}

package/dist/components/antd/checkbox/OdsCheckboxGroup.js

@@ -1,12 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-import o from "react";
-import { ThemeProvider as t } from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import { lightTheme as i } from "../../../tokens/design-system-light/build/js/variables.js";
-import m from "../../../node_modules/antd/es/checkbox/index.js";
-function p(e) {
-  return /* @__PURE__ */ r(o.Fragment, { children: /* @__PURE__ */ r(t, { theme: i, children: /* @__PURE__ */ r(m.Group, { options: e.options, children: e.children }) }) });
+import { jsx as o } from "react/jsx-runtime";
+import e from "../../../node_modules/antd/es/checkbox/index.js";
+function i(r) {
+  return /* @__PURE__ */ o(e.Group, { ...r, children: r.children });
 }
 export {
-  p as default
+  i as default
 };
 //# sourceMappingURL=OdsCheckboxGroup.js.map

package/dist/components/antd/checkbox/OdsCheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsCheckboxGroup.js","sources":["../../../../src/components/antd/checkbox/OdsCheckboxGroup.tsx"],"sourcesContent":["\r\nimport { Checkbox } from 'antd';\r\nimport { CheckboxGroupProps } from 'antd/es/checkbox';\r\nimport React from 'react';\r\nimport { ThemeProvider } from 'styled-components';\r\nimport { lightTheme } from '../../../tokens/design-system-light/build/js/variables';\r\n\r\n/**\r\n * \r\n * @param props \r\n * checked         : boolean\r\n * defaultChecked  : boolean\r\n * indeterminate   : boolean\r\n * disabled        : boolean\r\n * onChange        : (checked: boolean) => void\r\n * classNames      : Semantic DOM class\r\n * styles          : Semantic DOM style \r\n * @returns  antd  checkbox group\r\n */\r\n\r\nexport interface ICheckboxGropProps extends CheckboxGroupProps {\r\n\r\n}\r\n\r\nfunction OdsCheckboxGroup(props: ICheckboxGropProps) {\r\n  return (\r\n    <React.Fragment>\r\n      <ThemeProvider theme={lightTheme}>\r\n        <Checkbox.Group options={props.options}  >{props.children}</Checkbox.Group>\r\n      </ThemeProvider>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nexport default OdsCheckboxGroup;"],"names":["OdsCheckboxGroup","props","React","jsx","ThemeProvider","lightTheme","Checkbox"],"mappings":";;;;;AAwBA,SAASA,EAAiBC,GAA2B;AACnD,2BACGC,EAAM,UAAN,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,GACpB,UAAA,gBAAAF,EAACG,EAAS,OAAT,EAAe,SAASL,EAAM,SAAY,UAAAA,EAAM,SAAA,CAAS,GAC5D,GACF;AAEJ;"}
+{"version":3,"file":"OdsCheckboxGroup.js","sources":["../../../../src/components/antd/checkbox/OdsCheckboxGroup.tsx"],"sourcesContent":["import { Checkbox } from 'antd';\r\nimport { CheckboxGroupProps } from 'antd/es/checkbox';\r\n\r\nfunction OdsCheckboxGroup(props: CheckboxGroupProps) {\r\n  return <Checkbox.Group {...props}>{props.children}</Checkbox.Group>;\r\n}\r\n\r\nexport default OdsCheckboxGroup;"],"names":["OdsCheckboxGroup","props","Checkbox"],"mappings":";;AAGA,SAASA,EAAiBC,GAA2B;AACnD,2BAAQC,EAAS,OAAT,EAAgB,GAAGD,GAAQ,YAAM,UAAS;AACpD;"}

package/dist/components/antd/collapse/OdsCollapse.js

@@ -1,10 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import t from "react";
-import { ThemeProvider as m } from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import { lightTheme as l } from "../../../tokens/design-system-light/build/js/variables.js";
-import { StyledCollapse as r } from "./OdsCollapse.styled.js";
+import r from "../../../node_modules/antd/es/collapse/Collapse.js";
 function a(o) {
-  return /* @__PURE__ */ e(t.Fragment, { children: /* @__PURE__ */ e(m, { theme: l, children: /* @__PURE__ */ e(r, { ...o }) }) });
+  return /* @__PURE__ */ e(t.Fragment, { children: /* @__PURE__ */ e(r, { ...o }) });
 }
 a.Panel = r.Panel;
 export {

package/dist/components/antd/collapse/OdsCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsCollapse.js","sources":["../../../../src/components/antd/collapse/OdsCollapse.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { CollapseProps, CollapsePanelProps } from \"antd\";\r\nimport { ThemeProvider } from \"styled-components\";\r\nimport { lightTheme } from \"../../../tokens/design-system-light/build/js/variables\";\r\nimport { StyledCollapse } from \"./OdsCollapse.styled\";\r\n\r\nexport interface ICollapseProps extends CollapseProps {\r\n  Panel: React.FC<ICollapsePanelProps>;\r\n}\r\n\r\nexport interface ICollapsePanelProps extends CollapsePanelProps {}\r\nfunction OdsCollapse(props: CollapseProps) {\r\n  return (\r\n    <React.Fragment>\r\n      <ThemeProvider theme={lightTheme}>\r\n        <StyledCollapse {...props} />\r\n      </ThemeProvider>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nOdsCollapse.Panel = StyledCollapse.Panel;\r\n\r\nexport default OdsCollapse;\r\n"],"names":["OdsCollapse","props","jsx","React","ThemeProvider","lightTheme","StyledCollapse"],"mappings":";;;;;AAWA,SAASA,EAAYC,GAAsB;AACzC,SACE,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAc,OAAOC,GACpB,UAAA,gBAAAH,EAACI,GAAA,EAAgB,GAAGL,EAAA,CAAO,GAC7B,GACF;AAEJ;AAEAD,EAAY,QAAQM,EAAe;"}
+{"version":3,"file":"OdsCollapse.js","sources":["../../../../src/components/antd/collapse/OdsCollapse.tsx"],"sourcesContent":["import React from \"react\";\r\nimport Collapse, { CollapseProps, CollapsePanelProps } from \"antd/es/collapse\";\r\n\r\nexport interface ICollapseProps extends CollapseProps {\r\n  Panel: React.FC<ICollapsePanelProps>;\r\n}\r\n\r\nexport interface ICollapsePanelProps extends CollapsePanelProps {}\r\nfunction OdsCollapse(props: CollapseProps) {\r\n  return (\r\n    <React.Fragment>\r\n      <Collapse {...props} />\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nOdsCollapse.Panel = Collapse.Panel;\r\n\r\nexport default OdsCollapse;\r\n"],"names":["OdsCollapse","props","jsx","React","Collapse"],"mappings":";;;AAQA,SAASA,EAAYC,GAAsB;AACzC,SACE,gBAAAC,EAACC,EAAM,UAAN,EACC,4BAACC,GAAA,EAAU,GAAGH,GAAO,GACvB;AAEJ;AAEAD,EAAY,QAAQI,EAAS;"}

package/dist/components/antd/currencyInput/CurrencySelect.js

@@ -1,21 +1,26 @@
 import { jsx as r } from "react/jsx-runtime";
 import t from "../../../node_modules/antd/es/select/index.js";
-import o from "../../../node_modules/antd/es/tooltip/index.js";
-const n = ({ currencyOptions: l, onSelect: m, defaultValue: a, disabled: i, ...d }) => {
+import a from "../../../node_modules/antd/es/tooltip/index.js";
+function h({
+  currencyOptions: l,
+  onSelect: m,
+  defaultValue: i,
+  disabled: d,
+  ...o
+}) {
   if (!(!l || l.length === 0))
     return /* @__PURE__ */ r(
       t,
       {
-        disabled: i,
+        disabled: d,
         onSelect: (e) => m(e),
-        ...d,
-        children: l.map(
-          (e) => /* @__PURE__ */ r(t.Option, { value: e.id, children: /* @__PURE__ */ r(o, { placement: "right", title: e.name, children: e.symbol }) }, `${e.code}`)
-        )
+        defaultValue: i,
+        ...o,
+        children: l.map((e) => /* @__PURE__ */ r(t.Option, { value: e.id, children: /* @__PURE__ */ r(a, { placement: "right", title: e.name, children: e.symbol }) }, `${e.code}`))
       }
     );
-};
+}
 export {
-  n as CurrencySelect
+  h as default
 };
 //# sourceMappingURL=CurrencySelect.js.map

package/dist/components/antd/currencyInput/CurrencySelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencySelect.js","sources":["../../../../src/components/antd/currencyInput/CurrencySelect.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Select, Tooltip } from \"antd\";\r\nimport { CurrencySelectProps } from \"./types\";\r\n\r\nexport const CurrencySelect: React.FC<CurrencySelectProps> = ({ currencyOptions, onSelect, defaultValue, disabled, ...props }) => {\r\n    if (!currencyOptions || currencyOptions.length === 0) return undefined;\r\n\r\n    return (<Select\r\n        disabled={disabled}\r\n        onSelect={(value) => onSelect(value)}\r\n        {...props}\r\n    >\r\n        {\r\n            currencyOptions.map((option) =>\r\n                <Select.Option key={`${option.code}`} value={option.id} >\r\n                    <Tooltip placement='right' title={option.name}>\r\n                        {option.symbol}\r\n                    </Tooltip>\r\n                </Select.Option>\r\n            )\r\n        }\r\n    </Select >)\r\n}\r\n"],"names":["CurrencySelect","currencyOptions","onSelect","defaultValue","disabled","props","jsx","Select","value","option","Tooltip"],"mappings":";;;AAIO,MAAMA,IAAgD,CAAC,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,cAAAC,GAAc,UAAAC,GAAU,GAAGC,QAAY;AAC9H,MAAI,GAACJ,KAAmBA,EAAgB,WAAW;AAEnD,WAAQ,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACL,UAAAH;AAAA,QACA,UAAU,CAACI,MAAUN,EAASM,CAAK;AAAA,QAClC,GAAGH;AAAA,QAGA,UAAAJ,EAAgB;AAAA,UAAI,CAACQ,MACjB,gBAAAH,EAACC,EAAO,QAAP,EAAqC,OAAOE,EAAO,IAChD,UAAA,gBAAAH,EAACI,GAAA,EAAQ,WAAU,SAAQ,OAAOD,EAAO,MACpC,UAAAA,EAAO,QACZ,KAHgB,GAAGA,EAAO,IAAI,EAIlC;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAGZ;"}
+{"version":3,"file":"CurrencySelect.js","sources":["../../../../src/components/antd/currencyInput/CurrencySelect.tsx"],"sourcesContent":["import Select from \"antd/es/select\";\r\nimport Tooltip from \"antd/es/tooltip\";\r\nimport { CurrencySelectProps } from \"./types\";\r\n\r\nfunction CurrencySelect({\r\n  currencyOptions,\r\n  onSelect,\r\n  defaultValue,\r\n  disabled,\r\n  ...props\r\n}: CurrencySelectProps) {\r\n  if (!currencyOptions || currencyOptions.length === 0) return undefined;\r\n\r\n  return (\r\n    <Select\r\n      disabled={disabled}\r\n      onSelect={(value) => onSelect(value)}\r\n      defaultValue={defaultValue}\r\n      {...props}\r\n    >\r\n      {currencyOptions.map((option) => (\r\n        <Select.Option key={`${option.code}`} value={option.id}>\r\n          <Tooltip placement=\"right\" title={option.name}>\r\n            {option.symbol}\r\n          </Tooltip>\r\n        </Select.Option>\r\n      ))}\r\n    </Select>\r\n  );\r\n}\r\n\r\nexport default CurrencySelect;\r\n"],"names":["CurrencySelect","currencyOptions","onSelect","defaultValue","disabled","props","jsx","Select","value","option","Tooltip"],"mappings":";;;AAIA,SAASA,EAAe;AAAA,EACtB,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAwB;AACtB,MAAI,GAACJ,KAAmBA,EAAgB,WAAW;AAEnD,WACE,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAAH;AAAA,QACA,UAAU,CAACI,MAAUN,EAASM,CAAK;AAAA,QACnC,cAAAL;AAAA,QACC,GAAGE;AAAA,QAEH,UAAAJ,EAAgB,IAAI,CAACQ,MACpB,gBAAAH,EAACC,EAAO,QAAP,EAAqC,OAAOE,EAAO,IAClD,UAAA,gBAAAH,EAACI,KAAQ,WAAU,SAAQ,OAAOD,EAAO,MACtC,UAAAA,EAAO,OAAA,CACV,EAAA,GAHkB,GAAGA,EAAO,IAAI,EAIlC,CACD;AAAA,MAAA;AAAA,IAAA;AAGP;"}