ods-component-lib 1.21.2 → 1.22.1

package/dist/components/antd/button/OdsButton.js

@@ -1,12 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import t from "react";
-import { StyledButton as m } from "./OdsButton.styled.js";
-import { ThemeProvider as o } 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 a(r) {
-  return /* @__PURE__ */ e(t.Fragment, { children: /* @__PURE__ */ e(o, { theme: i, children: /* @__PURE__ */ e(m, { ...r, children: r.children }) }) });
+import { jsx as o } from "react/jsx-runtime";
+import r from "../../../node_modules/antd/es/button/Button.js";
+function f(t) {
+  return /* @__PURE__ */ o(r, { ...t });
 }
 export {
-  a as default
+  f as default
 };
 //# sourceMappingURL=OdsButton.js.map

package/dist/components/antd/button/OdsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsButton.js","sources":["../../../../src/components/antd/button/OdsButton.tsx"],"sourcesContent":["import { BaseButtonProps } from \"antd/es/button/Button\";\r\nimport React, { CSSProperties, MouseEventHandler } from \"react\";\r\nimport { StyledButton } from \"./OdsButton.styled\";\r\nimport { ThemeProvider } from \"styled-components\";\r\nimport { lightTheme } from \"../../../tokens/design-system-light/build/js/variables\";\r\nimport { SizeType } from \"antd/es/config-provider/SizeContext\";\r\nimport { ButtonHTMLType } from \"antd/es/button/buttonHelpers\";\r\n\r\n/**\r\n *\r\n * @param props\r\n * block    : boolean\r\n * type     : primary | ghost | dashed | link | text |  default\r\n * size     : large | middle | small\r\n * shape    : default | circle | round\r\n * loading  : boolean | {delay:number}\r\n * icon     : ReactNode\r\n * htmlType : button\r\n * diabled  : boolean\r\n * classNames : Semantic DOM class\r\n * styles   : Semantic DOM style\r\n * onClick  : (checked: boolean) => void\r\n * @returns  antd styled button\r\n */\r\n\r\nexport interface IButtonProps extends BaseButtonProps {\r\n  onClick?: MouseEventHandler<HTMLElement> | undefined;\r\n  htmlType?: ButtonHTMLType;\r\n  style?: CSSProperties | undefined;\r\n  size?: SizeType\r\n}\r\n\r\nfunction OdsButton(props: any) {\r\n  return (\r\n    <React.Fragment>\r\n      <ThemeProvider theme={lightTheme}>\r\n        <StyledButton {...props}>{props.children}</StyledButton>\r\n      </ThemeProvider>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nexport default OdsButton;\r\n"],"names":["OdsButton","props","jsx","React","ThemeProvider","lightTheme","StyledButton"],"mappings":";;;;;AAgCA,SAASA,EAAUC,GAAY;AAC7B,SACE,gBAAAC,EAACC,EAAM,UAAN,EACC,4BAACC,GAAA,EAAc,OAAOC,GACpB,UAAA,gBAAAH,EAACI,KAAc,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,GAC3C,GACF;AAEJ;"}
+{"version":3,"file":"OdsButton.js","sources":["../../../../src/components/antd/button/OdsButton.tsx"],"sourcesContent":["import Button, { ButtonProps } from \"antd/es/button\";\r\n\r\nfunction OdsButton(props: ButtonProps) {\r\n  return <Button {...props} />;\r\n}\r\n\r\nexport default OdsButton;\r\n"],"names":["OdsButton","props","jsx","Button"],"mappings":";;AAEA,SAASA,EAAUC,GAAoB;AACrC,SAAO,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,EAAA,CAAO;AAC5B;"}

package/dist/components/antd/button/OdsDataGrdiRowButton.js

@@ -1,45 +1,44 @@
 import { jsx as e } from "react/jsx-runtime";
-import l, { useState as T, useEffect as k, useCallback as C, Suspense as b } from "react";
-import { ThemeProvider as a } from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import { StyledButton as m } from "./OdsButton.styled.js";
-import { lightTheme as f } from "../../../tokens/design-system-light/build/js/variables.js";
-const g = l.lazy(() => import("../../../node_modules/antd/es/tooltip/index.js")), S = ({
-  children: r,
-  visible: i = !0,
+import r, { useState as d, useEffect as h, useCallback as k, Suspense as C } from "react";
+import b from "../../../node_modules/antd/es/tooltip/index.js";
+import u from "./OdsButton.js";
+const B = ({
+  children: l,
+  visible: o = !0,
   ...t
 }) => {
-  const { onClick: c } = t, [u, o] = T(!1);
-  k(() => () => {
-    o(!1);
+  const { onClick: c } = t, [a, n] = d(!1);
+  h(() => () => {
+    n(!1);
   }, []);
-  const s = C((n) => {
-    t.disabled || (t.tooltip && o(!1), c && c(n), o(!1));
+  const f = k((i) => {
+    t.disabled || (t.tooltip && n(!1), c && c(i), n(!1));
   }, []);
-  if (!(typeof i == "function" ? i({
+  if (!(typeof o == "function" ? o({
     column: t.column,
     component: t.component,
     row: t.row
-  }) : i))
+  }) : o))
     return null;
-  const d = t.hint || "";
+  const s = t.hint || "";
   if (t.tooltip) {
-    const n = (h) => {
-      o(h);
+    const i = (m) => {
+      n(m);
     };
-    return /* @__PURE__ */ e(l.Fragment, { children: /* @__PURE__ */ e(a, { theme: f, children: /* @__PURE__ */ e(b, { fallback: null, children: /* @__PURE__ */ e(
-      g,
+    return /* @__PURE__ */ e(r.Fragment, { children: /* @__PURE__ */ e(C, { fallback: null, children: /* @__PURE__ */ e(
+      b,
       {
         title: t.tooltip,
-        destroyTooltipOnHide: !0,
-        open: u,
-        onOpenChange: n,
-        children: /* @__PURE__ */ e(m, { ...t, onClick: s, children: r })
+        destroyOnHidden: !0,
+        open: a,
+        onOpenChange: i,
+        children: /* @__PURE__ */ e(u, { ...t, onClick: f, children: l })
       }
-    ) }) }) });
+    ) }) });
   }
-  return /* @__PURE__ */ e(l.Fragment, { children: /* @__PURE__ */ e(a, { theme: f, children: /* @__PURE__ */ e(m, { ...t, title: d, children: r }) }) });
+  return /* @__PURE__ */ e(r.Fragment, { children: /* @__PURE__ */ e(u, { ...t, title: s, children: l }) });
 };
 export {
-  S as default
+  B as default
 };
 //# sourceMappingURL=OdsDataGrdiRowButton.js.map

package/dist/components/antd/button/OdsDataGrdiRowButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsDataGrdiRowButton.js","sources":["../../../../src/components/antd/button/OdsDataGrdiRowButton.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, Suspense, type JSX } from \"react\";\r\nimport { BaseButtonProps } from \"antd/es/button/Button\";\r\nimport { ThemeProvider } from \"styled-components\";\r\nimport { SizeType } from \"antd/es/config-provider/SizeContext\";\r\nimport { ButtonType } from \"antd/es/button/buttonHelpers\";\r\nimport { StyledButton } from \"./OdsButton.styled\";\r\nimport { lightTheme } from \"../../../tokens/design-system-light/build/js/variables\";\r\nconst Tooltip = React.lazy(() => import(\"antd/es/tooltip\"));\r\n\r\ninterface OdsDataGrdiRowButtonProps extends BaseButtonProps {\r\n  children?: React.ReactNode;\r\n  visible?:\r\n    | boolean\r\n    | ((options: { column: any; component: any; row: any }) => boolean);\r\n  disabled?: boolean;\r\n  hint?: string;\r\n  name?: string;\r\n  icon: JSX.Element;\r\n  onClick?: (event: any) => void;\r\n  column?: any;\r\n  component?: any;\r\n  row?: any;\r\n  size?: SizeType;\r\n  type?: ButtonType;\r\n  tooltip?: string | React.ReactNode | (() => React.ReactNode);\r\n}\r\n\r\nconst OdsDataGrdiRowButton: React.FC<OdsDataGrdiRowButtonProps> = ({\r\n  children,\r\n  visible = true,\r\n  ...props\r\n}) => {\r\n  const { onClick: onClickFromProps } = props;\r\n  const [isTooltipVisible, setIsTooltipVisible] = useState(false);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      setIsTooltipVisible(false);\r\n    };\r\n  }, []);\r\n\r\n  const handleOnClickButtonWithTooltip = useCallback((event: any) => {\r\n    if (props.disabled) {\r\n      return;\r\n    }\r\n\r\n    if (props.tooltip) {\r\n      setIsTooltipVisible(false);\r\n    }\r\n\r\n    if (onClickFromProps) {\r\n      onClickFromProps(event);\r\n    }\r\n    setIsTooltipVisible(false);\r\n  }, []);\r\n\r\n  let isVisible =\r\n    typeof visible === \"function\"\r\n      ? visible({\r\n          column: props.column,\r\n          component: props.component,\r\n          row: props.row,\r\n        })\r\n      : visible;\r\n\r\n  if (!isVisible) {\r\n    return null;\r\n  }\r\n\r\n  const title = props.hint || \"\";\r\n\r\n  if (props.tooltip) {\r\n    const onOpenChange = (visible: boolean) => {\r\n      console.log(\"visible\", visible);\r\n      setIsTooltipVisible(visible);\r\n    };\r\n\r\n    return (\r\n      <React.Fragment>\r\n        <ThemeProvider theme={lightTheme}>\r\n          <Suspense fallback={null}>\r\n            <Tooltip\r\n              title={props.tooltip}\r\n              destroyTooltipOnHide={true}\r\n              open={isTooltipVisible}\r\n              onOpenChange={onOpenChange}\r\n            >\r\n              <StyledButton {...props} onClick={handleOnClickButtonWithTooltip}>\r\n                {children}\r\n              </StyledButton>\r\n            </Tooltip>\r\n          </Suspense>\r\n        </ThemeProvider>\r\n      </React.Fragment>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <ThemeProvider theme={lightTheme}>\r\n        <StyledButton {...props} title={title}>\r\n          {children}\r\n        </StyledButton>\r\n      </ThemeProvider>\r\n    </React.Fragment>\r\n  );\r\n};\r\nexport default OdsDataGrdiRowButton;\r\n"],"names":["Tooltip","React","OdsDataGrdiRowButton","children","visible","props","onClickFromProps","isTooltipVisible","setIsTooltipVisible","useState","useEffect","handleOnClickButtonWithTooltip","useCallback","event","title","onOpenChange","jsx","ThemeProvider","lightTheme","Suspense","StyledButton"],"mappings":";;;;;AAOA,MAAMA,IAAUC,EAAM,KAAK,MAAM,OAAO,gDAAiB,CAAC,GAoBpDC,IAA4D,CAAC;AAAA,EACjE,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,SAASC,EAAA,IAAqBD,GAChC,CAACE,GAAkBC,CAAmB,IAAIC,EAAS,EAAK;AAE9D,EAAAC,EAAU,MACD,MAAM;AACX,IAAAF,EAAoB,EAAK;AAAA,EAC3B,GACC,CAAA,CAAE;AAEL,QAAMG,IAAiCC,EAAY,CAACC,MAAe;AACjE,IAAIR,EAAM,aAINA,EAAM,WACRG,EAAoB,EAAK,GAGvBF,KACFA,EAAiBO,CAAK,GAExBL,EAAoB,EAAK;AAAA,EAC3B,GAAG,CAAA,CAAE;AAWL,MAAI,EARF,OAAOJ,KAAY,aACfA,EAAQ;AAAA,IACN,QAAQC,EAAM;AAAA,IACd,WAAWA,EAAM;AAAA,IACjB,KAAKA,EAAM;AAAA,EAAA,CACZ,IACDD;AAGJ,WAAO;AAGT,QAAMU,IAAQT,EAAM,QAAQ;AAE5B,MAAIA,EAAM,SAAS;AACjB,UAAMU,IAAe,CAACX,MAAqB;AAEzC,MAAAI,EAAoBJ,CAAO;AAAA,IAC7B;AAEA,WACE,gBAAAY,EAACf,EAAM,UAAN,EACC,UAAA,gBAAAe,EAACC,GAAA,EAAc,OAAOC,GACpB,UAAA,gBAAAF,EAACG,GAAA,EAAS,UAAU,MAClB,UAAA,gBAAAH;AAAA,MAAChB;AAAA,MAAA;AAAA,QACC,OAAOK,EAAM;AAAA,QACb,sBAAsB;AAAA,QACtB,MAAME;AAAA,QACN,cAAAQ;AAAA,QAEA,4BAACK,GAAA,EAAc,GAAGf,GAAO,SAASM,GAC/B,UAAAR,EAAA,CACH;AAAA,MAAA;AAAA,IAAA,EACF,CACF,GACF,GACF;AAAA,EAEJ;AAEA,SACE,gBAAAa,EAACf,EAAM,UAAN,EACC,4BAACgB,GAAA,EAAc,OAAOC,GACpB,UAAA,gBAAAF,EAACI,KAAc,GAAGf,GAAO,OAAAS,GACtB,UAAAX,EAAA,CACH,GACF,GACF;AAEJ;"}
+{"version":3,"file":"OdsDataGrdiRowButton.js","sources":["../../../../src/components/antd/button/OdsDataGrdiRowButton.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, Suspense, type JSX } from \"react\";\r\nimport { BaseButtonProps } from \"antd/es/button/Button\";\r\nimport { SizeType } from \"antd/es/config-provider/SizeContext\";\r\nimport { ButtonType } from \"antd/es/button/buttonHelpers\";\r\nimport Tooltip from \"antd/es/tooltip\";\r\nimport OdsButton from \"./OdsButton\";\r\n\r\ninterface OdsDataGridRowButtonProps extends BaseButtonProps {\r\n  visible?:\r\n    | boolean\r\n    | ((options: { column: any; component: any; row: any }) => boolean);\r\n  disabled?: boolean;\r\n  hint?: string;\r\n  name?: string;\r\n  icon: JSX.Element;\r\n  onClick?: (event: any) => void;\r\n  column?: any;\r\n  component?: any;\r\n  row?: any;\r\n  size?: SizeType;\r\n  type?: ButtonType;\r\n  tooltip?: string | React.ReactNode | (() => React.ReactNode);\r\n}\r\n\r\nconst OdsDataGridRowButton: React.FC<OdsDataGridRowButtonProps> = ({\r\n  children,\r\n  visible = true,\r\n  ...props\r\n}) => {\r\n  const { onClick: onClickFromProps } = props;\r\n  const [isTooltipVisible, setIsTooltipVisible] = useState(false);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      setIsTooltipVisible(false);\r\n    };\r\n  }, []);\r\n\r\n  const handleOnClickButtonWithTooltip = useCallback((event: any) => {\r\n    if (props.disabled) {\r\n      return;\r\n    }\r\n\r\n    if (props.tooltip) {\r\n      setIsTooltipVisible(false);\r\n    }\r\n\r\n    if (onClickFromProps) {\r\n      onClickFromProps(event);\r\n    }\r\n    setIsTooltipVisible(false);\r\n  }, []);\r\n\r\n  let isVisible =\r\n    typeof visible === \"function\"\r\n      ? visible({\r\n          column: props.column,\r\n          component: props.component,\r\n          row: props.row,\r\n        })\r\n      : visible;\r\n\r\n  if (!isVisible) {\r\n    return null;\r\n  }\r\n\r\n  const title = props.hint || \"\";\r\n\r\n  if (props.tooltip) {\r\n    const onOpenChange = (visible: boolean) => {\r\n      setIsTooltipVisible(visible);\r\n    };\r\n\r\n    return (\r\n      <React.Fragment>\r\n        <Suspense fallback={null}>\r\n            <Tooltip\r\n              title={props.tooltip}\r\n              destroyOnHidden={true}\r\n              open={isTooltipVisible}\r\n              onOpenChange={onOpenChange}\r\n            >\r\n              <OdsButton {...props} onClick={handleOnClickButtonWithTooltip}>\r\n                {children}\r\n              </OdsButton>\r\n            </Tooltip>\r\n          </Suspense>\r\n      </React.Fragment>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <OdsButton {...props} title={title}>\r\n        {children}\r\n      </OdsButton>\r\n    </React.Fragment>\r\n  );\r\n};\r\nexport default OdsDataGridRowButton;\r\n"],"names":["OdsDataGridRowButton","children","visible","props","onClickFromProps","isTooltipVisible","setIsTooltipVisible","useState","useEffect","handleOnClickButtonWithTooltip","useCallback","event","title","onOpenChange","React","jsx","Suspense","Tooltip","OdsButton"],"mappings":";;;;AAwBA,MAAMA,IAA4D,CAAC;AAAA,EACjE,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,SAASC,EAAA,IAAqBD,GAChC,CAACE,GAAkBC,CAAmB,IAAIC,EAAS,EAAK;AAE9D,EAAAC,EAAU,MACD,MAAM;AACX,IAAAF,EAAoB,EAAK;AAAA,EAC3B,GACC,CAAA,CAAE;AAEL,QAAMG,IAAiCC,EAAY,CAACC,MAAe;AACjE,IAAIR,EAAM,aAINA,EAAM,WACRG,EAAoB,EAAK,GAGvBF,KACFA,EAAiBO,CAAK,GAExBL,EAAoB,EAAK;AAAA,EAC3B,GAAG,CAAA,CAAE;AAWL,MAAI,EARF,OAAOJ,KAAY,aACfA,EAAQ;AAAA,IACN,QAAQC,EAAM;AAAA,IACd,WAAWA,EAAM;AAAA,IACjB,KAAKA,EAAM;AAAA,EAAA,CACZ,IACDD;AAGJ,WAAO;AAGT,QAAMU,IAAQT,EAAM,QAAQ;AAE5B,MAAIA,EAAM,SAAS;AACjB,UAAMU,IAAe,CAACX,MAAqB;AACzC,MAAAI,EAAoBJ,CAAO;AAAA,IAC7B;AAEA,6BACGY,EAAM,UAAN,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAS,UAAU,MAChB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAOd,EAAM;AAAA,QACb,iBAAiB;AAAA,QACjB,MAAME;AAAA,QACN,cAAAQ;AAAA,QAEA,4BAACK,GAAA,EAAW,GAAGf,GAAO,SAASM,GAC5B,UAAAR,EAAA,CACH;AAAA,MAAA;AAAA,IAAA,GAEJ,EAAA,CACJ;AAAA,EAEJ;AAEA,SACE,gBAAAc,EAACD,EAAM,UAAN,EACC,UAAA,gBAAAC,EAACG,KAAW,GAAGf,GAAO,OAAAS,GACnB,UAAAX,EAAA,CACH,EAAA,CACF;AAEJ;"}

package/dist/components/antd/calendar/OdsCalendar.js

@@ -1,12 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-import { StyledCalendar as t } from "./OdsCalendar.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";
-function h(e) {
-  return /* @__PURE__ */ r(m.Fragment, { children: /* @__PURE__ */ r(o, { theme: a, children: /* @__PURE__ */ r(t, { ...e }) }) });
+import { jsx as a } from "react/jsx-runtime";
+import o from "../../../node_modules/antd/es/calendar/index.js";
+function n(r) {
+  return /* @__PURE__ */ a(o, { ...r });
 }
 export {
-  h as default
+  n as default
 };
 //# sourceMappingURL=OdsCalendar.js.map

package/dist/components/antd/calendar/OdsCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsCalendar.js","sources":["../../../../src/components/antd/calendar/OdsCalendar.tsx"],"sourcesContent":["import { CalendarProps } from 'antd';\r\nimport { StyledCalendar } from './OdsCalendar.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\nfunction OdsCalendar(props: CalendarProps<any>) {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <ThemeProvider theme={lightTheme}>\r\n        <StyledCalendar {...props} />\r\n      </ThemeProvider>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nexport default OdsCalendar;"],"names":["OdsCalendar","props","jsx","React","ThemeProvider","lightTheme","StyledCalendar"],"mappings":";;;;;AAOA,SAASA,EAAYC,GAA2B;AAE9C,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":"OdsCalendar.js","sources":["../../../../src/components/antd/calendar/OdsCalendar.tsx"],"sourcesContent":["\r\nimport Calendar, {CalendarProps} from 'antd/es/calendar';\r\nimport type { Dayjs } from 'dayjs';\r\n\r\nfunction OdsCalendar<DateType extends Dayjs>(props: CalendarProps<DateType>) {\r\n  return <Calendar {...props} />;\r\n}\r\n\r\nexport default OdsCalendar;"],"names":["OdsCalendar","props","jsx","Calendar"],"mappings":";;AAIA,SAASA,EAAoCC,GAAgC;AAC3E,SAAO,gBAAAC,EAACC,GAAA,EAAU,GAAGF,EAAA,CAAO;AAC9B;"}

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":"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"}
+{"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":";;;;;;;;;;;;AAQA,MAAM,EAAE,MAAAA,MAASC;AAkCjB,SAASC,EAAUC,GAAuB;AACxC,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,IAAI,GACzD,CAACC,GAAoBC,CAAqB,IAAIF,EAAS,IAAI,GAE3DG,IAA0BC;AAAA,IAC9B,CACEC,GACAC,GACAC,GACAC,MACG;AACH,YAAMC,IAAa,CAACC,MAAc;AAChC,cAAMC,IAAQD,IAAY,CAAC,GAAGA,CAAS,IAAI,CAAA,GACrCE,IAAYD,EAAM,UAAU,CAACE,MAASA,EAAK,QAAQP,CAAG;AAC5D,YAAID,GAAS;AACX,gBAAMS,IAAkB,EAAE,KAAAR,GAAK,MAAAE,GAAM,cAAcH,EAAA;AACnD,UAAIO,IAAY,KACdD,EAAMC,CAAS,IAAIE,IAEnBH,EAAM,KAAKG,CAAe;AAAA,QAE9B,MAAA,CAAWF,IAAY,MACrBD,EAAM,OAAOC,GAAW,CAAC;AAE3B,eAAOD;AAAA,MACT;AAEA,MAAIJ,MAAY,SACdR,EAAqBU,CAAU,IAE/BP,EAAsBO,CAAU;AAAA,IAEpC;AAAA,IACA,CAAA;AAAA,EAAC,GAGGM,IAAeX;AAAA,IACnB,CACEE,GACAC,GACAS,GACAC,GACAC,MAEA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAJ;AAAA,QACA,UAAU,CAACA,MAAU;AACnB,gBAAMK,IAAeH,EAAW,KAAK,CAACL,MAASA,EAAK,UAAUG,CAAK;AACnE,UAAIK,KACFlB,EAAwBkB,GAAcf,GAAKC,GAAS,QAAQ;AAAA,QAEhE;AAAA,QACA,aAAAU;AAAA,QACA,YAAU;AAAA,QACV,YAAU;AAAA,QACV,OAAO,EAAE,OAAO,QAAQ,QAAQ,UAAA;AAAA,QAChC,SAASC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGb,CAACf,CAAuB;AAAA,EAAA,GAGpBmB,IAAelB;AAAA,IACnB,CAACE,GAAaC,GAA2BS,MACvC,gBAAAG;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAU,CAACC,MAAY;AACrB,UAAArB;AAAA,YACE,EAAE,OAAOqB,EAAQ,SAAA,GAAY,OAAOA,EAAQ,WAAS;AAAA,YACrDlB;AAAA,YACAC;AAAA,YACA;AAAA,UAAA;AAAA,QAEJ;AAAA,QACA,OAAO,EAAE,QAAQ,WAAW,SAAS,QAAA;AAAA,QACrC,gBAAgB;AAAA,QAChB,OAAOS,MAAU;AAAA,QACjB,IAAIV,IAAM,MAAMC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGpB,CAACJ,CAAuB;AAAA,EAAA,GAGpBsB,IAAcrB;AAAA,IAClB,CAACE,GAAaC,GAA2BU,MACvC,gBAAAE;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,aAAAT;AAAA,QACA,OAAO,EAAE,OAAO,QAAQ,QAAQ,UAAA;AAAA,QAChC,WAAW;AAAA,QACX,cAAa;AAAA,QACb,OACEV,MAAY,SACRT,GAAmB,KAAK,CAACe,MAASA,EAAK,QAAQP,CAAG,GAAG,aAClD,SAAS,KACZL,GAAoB,KAAK,CAACY,MAASA,EAAK,QAAQP,CAAG,GAAG,aACnD,SAAS;AAAA,QAElB,UAAU,CAACqB,MAAM;AACf,gBAAMC,IAAWD,EAAE,OAAO;AAC1B,UAAAxB;AAAA,YACE,EAAE,OAAOyB,GAAU,OAAOA,EAAA;AAAA,YAC1BtB;AAAA,YACAC;AAAA,YACA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,CAACJ,GAAyBL,GAAmBG,CAAkB;AAAA,EAAA;AAGjE,EAAA4B,EAAU,MAAM;AACd,IAAIhC,EAAM,4BACRA,EAAM,yBAAyBC,CAAiB;AAAA,EAEpD,GAAG,CAACA,GAAmBD,EAAM,wBAAwB,CAAC,GAEtDgC,EAAU,MAAM;AACd,IAAIhC,EAAM,6BACRA,EAAM,0BAA0BI,CAAkB;AAAA,EAEtD,GAAG,CAACA,GAAoBJ,EAAM,yBAAyB,CAAC;AAExD,QAAMiC,IAAiB1B,EAAY,MAAM;AACvC,QAAI,CAACN,KAAqB,CAACG,EAAoB;AAE/C,UAAM8B,IAAuBjC,EAAkB,IAAI,CAACkC,MAAa;AAC/D,YAAMC,IAAyBhC,EAAmB;AAAA,QAChD,CAACiC,MAAcA,EAAU,QAAQF,EAAS;AAAA,MAAA;AAG5C,aAAIA,EAAS,SAAS,YAAYC,IACzB;AAAA,QACL,GAAGD;AAAA,QACH,cAAcC,EAAuB;AAAA,MAAA,IAGlCA,IACH,EAAE,GAAGD,GAAU,cAAcC,EAAuB,iBACpDD;AAAA,IACN,CAAC,GAEKG,IAAwBlC,EAAmB,IAAI,CAACiC,MAAc;AAClE,YAAME,IAAwBtC,EAAkB;AAAA,QAC9C,CAACkC,MAAaA,EAAS,QAAQE,EAAU;AAAA,MAAA;AAG3C,aAAIA,EAAU,SAAS,YAAYE,IAC1B;AAAA,QACL,GAAGF;AAAA,QACH,cAAcE,EAAsB;AAAA,MAAA,IAGjCA,IACH,EAAE,GAAGF,GAAW,cAAcE,EAAsB,iBACpDF;AAAA,IACN,CAAC,GAEKG,IAAsBpC,EACzB;AAAA,MACC,CAACiC,MACCA,EAAU,SAAS,YACnB,CAACpC,EAAkB,KAAK,CAACkC,MAAaA,EAAS,QAAQE,EAAU,GAAG;AAAA,IAAA,EAEvE,IAAI,CAACrB,OAAU,EAAE,KAAKA,EAAK,KAAK,cAAc,IAAO,MAAM,SAAA,EAAW,GAEnEyB,IAAuBxC,EAC1B;AAAA,MACC,CAACkC,MACCA,EAAS,SAAS,YAClB,CAAC/B,EAAmB;AAAA,QAClB,CAACiC,MAAcA,EAAU,QAAQF,EAAS;AAAA,MAAA;AAAA,IAC5C,EAEH,IAAI,CAACnB,OAAU,EAAE,KAAKA,EAAK,KAAK,cAAc,IAAO,MAAM,SAAA,EAAW;AAEzE,IAAAd,EAAqB,CAAC,GAAGgC,GAAsB,GAAGM,CAAmB,CAAC,GACtEnC,EAAsB,CAAC,GAAGiC,GAAuB,GAAGG,CAAoB,CAAC,GAErEzC,EAAM,4BACRA,EAAM,yBAAyB;AAAA,MAC7B,GAAGkC;AAAA,MACH,GAAGM;AAAA,IAAA,CACJ,GAECxC,EAAM,6BACRA,EAAM,0BAA0B;AAAA,MAC9B,GAAGsC;AAAA,MACH,GAAGG;AAAA,IAAA,CACJ;AAAA,EAEL,GAAG,CAACxC,GAAmBG,CAAkB,CAAC,GAEpCsC,IAAmBnC;AAAA,IACvB,CAACoC,MAEG3C,EAAM,SAAS,aACZ,OAAO,CAAC4C,MAAYA,EAAQ,SAAS,QAAQ,EAC7C;AAAA,MAAM,CAACA,MACND,GAAe;AAAA,QACb,CAAC3B,MAASA,EAAK,QAAQ4B,EAAQ,OAAO5B,EAAK;AAAA,MAAA;AAAA,IAC7C,KACG;AAAA,IAGX,CAAChB,EAAM,OAAO;AAAA,EAAA;AAuEhB,SApEoB6C,EAAQ,MAAM;AAChC,UAAMC,IAAsB,CAACH,GAAejC,MACnCV,EAAM,QAAQ,aAAa,IAAI,CAAC+C,MACrC,gBAAAC,EAACC,GAAA,EAAiB,MAAM,GACtB,UAAA;AAAA,MAAA,gBAAA3B,EAACzB,GAAA,EAAK,WAAU,uBAAuB,UAAAkD,EAAG,OAAM;AAAA,MAC/CA,EAAG,SAAS,YACX7B;AAAA,QACE6B,EAAG;AAAA,QACHrC;AAAA,QACAiC,GAAe,KAAK,CAAC3B,MAASA,EAAK,QAAQ+B,EAAG,GAAG,GAAG,cAChD;AAAA,QACJA,EAAG;AAAA,QACHA,EAAG,cAAc,CAAA;AAAA,MAAC;AAAA,MAErBA,EAAG,SAAS,YACXtB;AAAA,QACEsB,EAAG;AAAA,QACHrC;AAAA,QACAiC,GAAe,KAAK,CAAC3B,MAASA,EAAK,QAAQ+B,EAAG,GAAG,GAAG,cAChD;AAAA,MAAA;AAAA,MAEPA,EAAG,SAAS,WAAWnB,EAAYmB,EAAG,KAAKrC,GAASqC,EAAG,WAAW;AAAA,IAAA,KAlB3DA,EAAG,GAmBb,CACD;AAEH,6BACG,OAAA,EAAI,WAAWG,EAAO,SACrB,4BAACC,GAAA,EAAI,QAAQ,CAAC,IAAI,EAAE,GAAG,SAAQ,UAAS,WAAWD,EAAO,MAExD,UAAA;AAAA,MAAA,gBAAA5B,EAAC2B,GAAA,EAAI,IAAI,IAAI,IAAI,IACf,UAAA,gBAAA3B,EAAC8B,GAAA,EACC,UAAA,gBAAAJ,EAACG,GAAA,EAAI,QAAQ,CAAC,IAAI,CAAC,GACjB,UAAA;AAAA,QAAA,gBAAA7B,EAAC2B,GAAA,EAAI,MAAM,IACT,UAAA,gBAAA3B,EAACzB,KAAK,QAAM,IAAE,UAAAG,EAAM,iBAAA,CAAiB,EAAA,CACvC;AAAA,QACC8C,EAAoB7C,GAAmB,MAAM;AAAA,MAAA,EAAA,CAChD,GACF,GACF;AAAA,MAGA,gBAAAqB,EAAC,OAAA,EAAI,WAAW4B,EAAO,eACrB,UAAA,gBAAA5B;AAAA,QAAC+B;AAAA,QAAA;AAAA,UACC,wBAAOC,EAAAA,YAAA,EAAW,OAAO,IAAI,QAAQ,IAAI,SAAQ,aAAY;AAAA,UAC7D,UACE,CAACZ,EAAiBzC,CAAiB,KACnC,CAACyC,EAAiBtC,CAAkB;AAAA,UAEtC,SAAS6B;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,wBAGCgB,GAAA,EAAI,IAAI,IAAI,IAAI,IAAI,WAAWC,EAAO,MACrC,UAAA,gBAAA5B,EAAC8B,KACC,UAAA,gBAAAJ,EAACG,GAAA,EAAI,QAAQ,CAAC,IAAI,CAAC,GACjB,UAAA;AAAA,QAAA,gBAAA7B,EAAC2B,GAAA,EAAI,MAAM,IACT,UAAA,gBAAA3B,EAACzB,KAAK,QAAM,IAAE,UAAAG,EAAM,kBAAA,CAAkB,EAAA,CACxC;AAAA,QACC8C,EAAoB1C,GAAoB,OAAO;AAAA,MAAA,EAAA,CAClD,GACF,EAAA,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAEJ,GAAG,CAACJ,EAAM,SAASC,GAAmBG,CAAkB,CAAC;AAG3D;AAIiCmD,EAAKxD,CAAS;"}

package/dist/components/antd/change/OdsChange.module.css

@@ -0,0 +1 @@
+.OdsChange-module__wrapper___Fnpxl{position:relative}.OdsChange-module__wrapper___Fnpxl .ant-card{border-radius:var(--ods-border-radius-xl, 16px)}.OdsChange-module__wrapper___Fnpxl .ant-card>.ant-card-body{padding:var(--ant-padding, 16px)}.OdsChange-module__cols___4BByL{position:relative;z-index:10}.OdsChange-module__buttonWrapper___B5-A4{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;justify-content:center;align-items:center;background-color:var(--ant-color-bg-container, #ffffff);border-radius:var(--ant-border-radius, 6px)}

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