intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _RadioInput = /*#__PURE__*/ _interop_require_default(require("../RadioInput/RadioInput"));
+require("./RadioGroup.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const RadioGroup = ({ className, disabled, value, onChange = ()=>{}, direction = "row", options = [] })=>{
+    const [values, setValues] = (0, _react.useState)(options);
+    (0, _react.useLayoutEffect)(()=>setValues(options.map((item)=>item.value === value ? _object_spread_props(_object_spread({}, item), {
+                checked: value
+            }) : item)), [
+        options,
+        value
+    ]);
+    const handle = {
+        change: (value)=>{
+            const newValues = values.map((item)=>{
+                if (item.value === value) {
+                    return _object_spread_props(_object_spread({}, item), {
+                        checked: value
+                    });
+                }
+                return {
+                    id: item.id,
+                    label: item.label,
+                    value: item.value
+                };
+            });
+            setValues(newValues);
+            onChange(value);
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: (0, _classnames.default)("radio-group", className, `radio-group--${direction}`, {
+            "radio-group--disabled": disabled
+        }),
+        children: values.map((item)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioInput.default, _object_spread_props(_object_spread({}, item), {
+                onChange: handle.change,
+                checked: item.checked
+            }), item.id))
+    });
+};
+const _default = RadioGroup;
+
+//# sourceMappingURL=RadioGroup.js.map

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RadioGroup/RadioGroup.js"],"sourcesContent":["import React, { useLayoutEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport RadioInput from \"../RadioInput/RadioInput\";\n\nimport \"./RadioGroup.scss\";\n\nconst RadioGroup = ({\n  className,\n  disabled,\n  value,\n  onChange = () => {},\n  direction = \"row\",\n  options = [],\n}) => {\n  const [values, setValues] = useState(options);\n\n  useLayoutEffect(\n    () =>\n      setValues(\n        options.map((item) =>\n          item.value === value ? { ...item, checked: value } : item,\n        ),\n      ),\n    [options, value],\n  );\n\n  const handle = {\n    change: (value) => {\n      const newValues = values.map((item) => {\n        if (item.value === value) {\n          return {\n            ...item,\n            checked: value,\n          };\n        }\n        return {\n          id: item.id,\n          label: item.label,\n          value: item.value,\n        };\n      });\n      setValues(newValues);\n      onChange(value);\n    },\n  };\n  return (\n    <div\n      className={cn(\"radio-group\", className, `radio-group--${direction}`, {\n        \"radio-group--disabled\": disabled,\n      })}\n    >\n      {values.map((item) => (\n        <RadioInput\n          key={item.id}\n          {...item}\n          onChange={handle.change}\n          checked={item.checked}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default RadioGroup;\n"],"names":["RadioGroup","className","disabled","value","onChange","direction","options","values","setValues","useState","useLayoutEffect","map","item","checked","handle","change","newValues","id","label","div","cn","RadioInput"],"mappings":";;;;+BAiEA;;;eAAA;;;;+DAjEiD;mEAElC;mEAEQ;QAEhB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,aAAa,CAAC,EAClBC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,WAAW,KAAO,CAAC,EACnBC,YAAY,KAAK,EACjBC,UAAU,EAAE,EACb;IACC,MAAM,CAACC,QAAQC,UAAU,GAAGC,IAAAA,eAAQ,EAACH;IAErCI,IAAAA,sBAAe,EACb,IACEF,UACEF,QAAQK,GAAG,CAAC,CAACC,OACXA,KAAKT,KAAK,KAAKA,QAAQ,wCAAKS;gBAAMC,SAASV;iBAAUS,QAG3D;QAACN;QAASH;KAAM;IAGlB,MAAMW,SAAS;QACbC,QAAQ,CAACZ;YACP,MAAMa,YAAYT,OAAOI,GAAG,CAAC,CAACC;gBAC5B,IAAIA,KAAKT,KAAK,KAAKA,OAAO;oBACxB,OAAO,wCACFS;wBACHC,SAASV;;gBAEb;gBACA,OAAO;oBACLc,IAAIL,KAAKK,EAAE;oBACXC,OAAON,KAAKM,KAAK;oBACjBf,OAAOS,KAAKT,KAAK;gBACnB;YACF;YACAK,UAAUQ;YACVZ,SAASD;QACX;IACF;IACA,qBACE,qBAACgB;QACClB,WAAWmB,IAAAA,mBAAE,EAAC,eAAenB,WAAW,CAAC,aAAa,EAAEI,WAAW,EAAE;YACnE,yBAAyBH;QAC3B;kBAECK,OAAOI,GAAG,CAAC,CAACC,qBACX,qBAACS,mBAAU,0CAELT;gBACJR,UAAUU,OAAOC,MAAM;gBACvBF,SAASD,KAAKC,OAAO;gBAHhBD,KAAKK,EAAE;;AAQtB;MAEA,WAAejB"}

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.stories.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    RadioGroupTemplate: function() {
+        return RadioGroupTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _RadioGroup = /*#__PURE__*/ _interop_require_default(require("./RadioGroup"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+global.lng = "en";
+const _default = {
+    title: "Form Elements/RadioGroup",
+    component: _RadioGroup.default,
+    argTypes: {
+        direction: {
+            control: {
+                type: "select",
+                options: [
+                    "row",
+                    "col"
+                ]
+            }
+        }
+    }
+};
+const Template = (args)=>{
+    const { direction, options, className, disabled, value } = args;
+    const onChange = (val)=>console.log(val);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioGroup.default, {
+        disabled: disabled,
+        className: className,
+        direction: direction,
+        options: options,
+        onChange: (val)=>onChange(val),
+        value: value
+    });
+};
+const RadioGroupTemplate = Template.bind({});
+RadioGroupTemplate.args = {
+    direction: "col",
+    className: "",
+    disabled: false,
+    value: "label2",
+    options: [
+        {
+            id: 1,
+            label: "Label1",
+            value: "label1"
+        },
+        {
+            id: 2,
+            label: "Label2",
+            value: "label2"
+        },
+        {
+            id: 3,
+            label: "Label3",
+            value: "label3"
+        }
+    ]
+};
+
+//# sourceMappingURL=RadioGroup.stories.js.map

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RadioGroup/RadioGroup.stories.js"],"sourcesContent":["import React from \"react\";\n\nimport RadioGroup from \"./RadioGroup\";\n\nimport \"../../../../../scss/main.scss\";\n\nglobal.lng = \"en\";\nexport default {\n  title: \"Form Elements/RadioGroup\",\n  component: RadioGroup,\n  argTypes: {\n    direction: {\n      control: {\n        type: \"select\",\n        options: [\"row\", \"col\"],\n      },\n    },\n  },\n};\n\nconst Template = (args) => {\n  const { direction, options, className, disabled, value } = args;\n\n  const onChange = (val) => console.log(val);\n\n  return (\n    <RadioGroup\n      disabled={disabled}\n      className={className}\n      direction={direction}\n      options={options}\n      onChange={(val) => onChange(val)}\n      value={value}\n    />\n  );\n};\n\nexport const RadioGroupTemplate = Template.bind({});\n\nRadioGroupTemplate.args = {\n  direction: \"col\",\n  className: \"\",\n  disabled: false,\n  value: \"label2\",\n  options: [\n    { id: 1, label: \"Label1\", value: \"label1\" },\n    { id: 2, label: \"Label2\", value: \"label2\" },\n    { id: 3, label: \"Label3\", value: \"label3\" },\n  ],\n};\n"],"names":["RadioGroupTemplate","global","lng","title","component","RadioGroup","argTypes","direction","control","type","options","Template","args","className","disabled","value","onChange","val","console","log","bind","id","label"],"mappings":";;;;;;;;;;;IAqCaA,kBAAkB;eAAlBA;;IA9Bb,OAWE;eAXF;;;;8DAPkB;mEAEK;QAEhB;;;;;;AAEPC,OAAOC,GAAG,GAAG;MACb,WAAe;IACbC,OAAO;IACPC,WAAWC,mBAAU;IACrBC,UAAU;QACRC,WAAW;YACTC,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBAAC;oBAAO;iBAAM;YACzB;QACF;IACF;AACF;AAEA,MAAMC,WAAW,CAACC;IAChB,MAAM,EAAEL,SAAS,EAAEG,OAAO,EAAEG,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGH;IAE3D,MAAMI,WAAW,CAACC,MAAQC,QAAQC,GAAG,CAACF;IAEtC,qBACE,qBAACZ,mBAAU;QACTS,UAAUA;QACVD,WAAWA;QACXN,WAAWA;QACXG,SAASA;QACTM,UAAU,CAACC,MAAQD,SAASC;QAC5BF,OAAOA;;AAGb;AAEO,MAAMf,qBAAqBW,SAASS,IAAI,CAAC,CAAC;AAEjDpB,mBAAmBY,IAAI,GAAG;IACxBL,WAAW;IACXM,WAAW;IACXC,UAAU;IACVC,OAAO;IACPL,SAAS;QACP;YAAEW,IAAI;YAAGC,OAAO;YAAUP,OAAO;QAAS;QAC1C;YAAEM,IAAI;YAAGC,OAAO;YAAUP,OAAO;QAAS;QAC1C;YAAEM,IAAI;YAAGC,OAAO;YAAUP,OAAO;QAAS;KAC3C;AACH"}

package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _FormElement = /*#__PURE__*/ _interop_require_default(require("../../../Molecular/FormElement/FormElement"));
+const _Alert = /*#__PURE__*/ _interop_require_default(require("../../UI/Alert/Alert"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("./../Input/Input"));
+const _RadioInput = /*#__PURE__*/ _interop_require_default(require("./../RadioInput/RadioInput"));
+require("./RadioGroupWithInput.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const RadioGroupWithInput = ({ alert, className, disabled, onChange = ()=>{}, direction = "row", options = [] })=>{
+    const handle = {
+        changeRadio: (value, el)=>{
+            const newOptions = options.map((item)=>{
+                return _object_spread_props(_object_spread({}, item), {
+                    checked: el.value === item.value ? item.value : false
+                });
+            });
+            onChange(newOptions);
+        },
+        changeInput: (value, el)=>{
+            el.input.value = value;
+            onChange(options);
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "radio-group-input-box",
+        children: [
+            alert && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, _object_spread({
+                className: "mb10"
+            }, alert)),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)("radio-group-input", className, `radio-group-input--${direction}`, {
+                    "radio-group-input--disabled": disabled
+                }),
+                children: options === null || options === void 0 ? void 0 : options.map((item)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: (0, _classnames.default)("radio-group-input-item", `radio-group-input-item-${item.id}`),
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioInput.default, _object_spread_props(_object_spread({}, item), {
+                                onChange: (value)=>handle.changeRadio(value, item),
+                                checked: item.checked
+                            })),
+                            item.input && item.checked && /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormElement.default, _object_spread_props(_object_spread({}, item.input), {
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread({
+                                    onChange: (value)=>handle.changeInput(value, item)
+                                }, item.input))
+                            }))
+                        ]
+                    }, item.id);
+                })
+            })
+        ]
+    });
+};
+const _default = RadioGroupWithInput;
+
+//# sourceMappingURL=RadioGroupWithInput.js.map

package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport FormElement from \"../../../Molecular/FormElement/FormElement\";\nimport Alert from \"../../UI/Alert/Alert\";\n\nimport Input from \"./../Input/Input\";\nimport RadioInput from \"./../RadioInput/RadioInput\";\n\nimport \"./RadioGroupWithInput.scss\";\n\nconst RadioGroupWithInput = ({\n  alert,\n  className,\n  disabled,\n  onChange = () => {},\n  direction = \"row\",\n  options = [],\n}) => {\n  const handle = {\n    changeRadio: (value, el) => {\n      const newOptions = options.map((item) => {\n        return {\n          ...item,\n          checked: el.value === item.value ? item.value : false,\n        };\n      });\n      onChange(newOptions);\n    },\n    changeInput: (value, el) => {\n      el.input.value = value;\n      onChange(options);\n    },\n  };\n\n  return (\n    <div className=\"radio-group-input-box\">\n      {alert && <Alert className=\"mb10\" {...alert} />}\n      <div\n        className={cn(\n          \"radio-group-input\",\n          className,\n          `radio-group-input--${direction}`,\n          {\n            \"radio-group-input--disabled\": disabled,\n          },\n        )}\n      >\n        {options?.map((item) => {\n          return (\n            <div\n              key={item.id}\n              className={cn(\n                \"radio-group-input-item\",\n                `radio-group-input-item-${item.id}`,\n              )}\n            >\n              <RadioInput\n                {...item}\n                onChange={(value) => handle.changeRadio(value, item)}\n                checked={item.checked}\n              />\n              {item.input && item.checked && (\n                <FormElement {...item.input}>\n                  <Input\n                    onChange={(value) => handle.changeInput(value, item)}\n                    {...item.input}\n                  />\n                </FormElement>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default RadioGroupWithInput;\n"],"names":["RadioGroupWithInput","alert","className","disabled","onChange","direction","options","handle","changeRadio","value","el","newOptions","map","item","checked","changeInput","input","div","Alert","cn","id","RadioInput","FormElement","Input"],"mappings":";;;;+BA+EA;;;eAAA;;;;8DA/EkB;mEAEH;oEAES;8DACN;8DAEA;mEACK;QAEhB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,sBAAsB,CAAC,EAC3BC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,WAAW,KAAO,CAAC,EACnBC,YAAY,KAAK,EACjBC,UAAU,EAAE,EACb;IACC,MAAMC,SAAS;QACbC,aAAa,CAACC,OAAOC;YACnB,MAAMC,aAAaL,QAAQM,GAAG,CAAC,CAACC;gBAC9B,OAAO,wCACFA;oBACHC,SAASJ,GAAGD,KAAK,KAAKI,KAAKJ,KAAK,GAAGI,KAAKJ,KAAK,GAAG;;YAEpD;YACAL,SAASO;QACX;QACAI,aAAa,CAACN,OAAOC;YACnBA,GAAGM,KAAK,CAACP,KAAK,GAAGA;YACjBL,SAASE;QACX;IACF;IAEA,qBACE,sBAACW;QAAIf,WAAU;;YACZD,uBAAS,qBAACiB,cAAK;gBAAChB,WAAU;eAAWD;0BACtC,qBAACgB;gBACCf,WAAWiB,IAAAA,mBAAE,EACX,qBACAjB,WACA,CAAC,mBAAmB,EAAEG,WAAW,EACjC;oBACE,+BAA+BF;gBACjC;0BAGDG,oBAAAA,8BAAAA,QAASM,GAAG,CAAC,CAACC;oBACb,qBACE,sBAACI;wBAECf,WAAWiB,IAAAA,mBAAE,EACX,0BACA,CAAC,uBAAuB,EAAEN,KAAKO,EAAE,EAAE;;0CAGrC,qBAACC,mBAAU,0CACLR;gCACJT,UAAU,CAACK,QAAUF,OAAOC,WAAW,CAACC,OAAOI;gCAC/CC,SAASD,KAAKC,OAAO;;4BAEtBD,KAAKG,KAAK,IAAIH,KAAKC,OAAO,kBACzB,qBAACQ,oBAAW,0CAAKT,KAAKG,KAAK;0CACzB,cAAA,qBAACO,cAAK;oCACJnB,UAAU,CAACK,QAAUF,OAAOQ,WAAW,CAACN,OAAOI;mCAC3CA,KAAKG,KAAK;;;uBAffH,KAAKO,EAAE;gBAqBlB;;;;AAIR;MAEA,WAAepB"}

package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.stories.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    RadioGroupWithInputTemplate: function() {
+        return RadioGroupWithInputTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _RadioGroupWithInput = /*#__PURE__*/ _interop_require_default(require("./RadioGroupWithInput"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/RadioGroupWithInput',
+    component: _RadioGroupWithInput.default,
+    argTypes: {
+        direction: {
+            control: {
+                type: 'select',
+                options: [
+                    'row',
+                    'col'
+                ]
+            }
+        }
+    }
+};
+const Template = (args)=>{
+    const { direction, options, className, disabled, value, alert } = args;
+    const [state, setState] = (0, _react.useState)(options);
+    const onChange = (options)=>{
+        console.log(options);
+        setState([
+            ...options
+        ]);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioGroupWithInput.default, {
+        disabled: disabled,
+        className: className,
+        direction: direction,
+        options: state,
+        onChange: (val)=>onChange(val),
+        value: value,
+        alert: alert
+    });
+};
+const RadioGroupWithInputTemplate = Template.bind({});
+RadioGroupWithInputTemplate.args = {
+    direction: 'col',
+    className: '',
+    disabled: false,
+    value: 'label2',
+    alert: {
+        message: 'Text',
+        noDismiss: true
+    },
+    options: [
+        {
+            id: 1,
+            label: 'Label1',
+            value: 'label1',
+            checked: 'label1',
+            input: {
+                id: 2,
+                isInput: true,
+                dependOn: 'label1',
+                value: ''
+            }
+        },
+        {
+            id: 3,
+            label: 'Label2',
+            value: 'label2',
+            input: {
+                id: 4,
+                isInput: true,
+                dependOn: 'label2',
+                value: ''
+            }
+        },
+        {
+            id: 5,
+            label: 'Label3',
+            value: 'label3',
+            input: {
+                id: 6,
+                label: 'Label3',
+                isInput: true,
+                dependOn: 'label3',
+                value: ''
+            }
+        }
+    ]
+};
+
+//# sourceMappingURL=RadioGroupWithInput.stories.js.map

package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.stories.js"],"sourcesContent":["import React, {useState} from 'react';\n\nimport RadioGroupWithInput from './RadioGroupWithInput';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\nexport default {\n  title: 'Form Elements/RadioGroupWithInput',\n  component: RadioGroupWithInput,\n  argTypes: {\n    direction: {\n      control: {\n        type: 'select',\n        options: ['row', 'col'],\n      },\n    },\n  },\n};\n\nconst Template = args => {\n  const {direction, options, className, disabled, value, alert} = args;\n  const [state, setState] = useState(options);\n\n  const onChange = options => {\n    console.log(options);\n    setState([...options]);\n  };\n\n  return (\n    <RadioGroupWithInput\n      disabled={disabled}\n      className={className}\n      direction={direction}\n      options={state}\n      onChange={val => onChange(val)}\n      value={value}\n      alert={alert}\n    />\n  );\n};\n\nexport const RadioGroupWithInputTemplate = Template.bind({});\n\nRadioGroupWithInputTemplate.args = {\n  direction: 'col',\n  className: '',\n  disabled: false,\n  value: 'label2',\n  alert: {message: 'Text', noDismiss: true},\n  options: [\n    {\n      id: 1,\n      label: 'Label1',\n      value: 'label1',\n      checked: 'label1',\n      input: {id: 2, isInput: true, dependOn: 'label1', value: ''},\n    },\n    {id: 3, label: 'Label2', value: 'label2', input: {id: 4, isInput: true, dependOn: 'label2', value: ''}},\n    {\n      id: 5,\n      label: 'Label3',\n      value: 'label3',\n      input: {id: 6, label: 'Label3', isInput: true, dependOn: 'label3', value: ''},\n    },\n  ],\n};\n"],"names":["RadioGroupWithInputTemplate","global","lng","title","component","RadioGroupWithInput","argTypes","direction","control","type","options","Template","args","className","disabled","value","alert","state","setState","useState","onChange","console","log","val","bind","message","noDismiss","id","label","checked","input","isInput","dependOn"],"mappings":";;;;;;;;;;;IA0CaA,2BAA2B;eAA3BA;;IAnCb,OAWE;eAXF;;;;+DAP8B;4EAEE;QAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MACb,WAAe;IACbC,OAAO;IACPC,WAAWC,4BAAmB;IAC9BC,UAAU;QACRC,WAAW;YACTC,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBAAC;oBAAO;iBAAM;YACzB;QACF;IACF;AACF;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,EAACL,SAAS,EAAEG,OAAO,EAAEG,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,EAAC,GAAGJ;IAChE,MAAM,CAACK,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAACT;IAEnC,MAAMU,WAAWV,CAAAA;QACfW,QAAQC,GAAG,CAACZ;QACZQ,SAAS;eAAIR;SAAQ;IACvB;IAEA,qBACE,qBAACL,4BAAmB;QAClBS,UAAUA;QACVD,WAAWA;QACXN,WAAWA;QACXG,SAASO;QACTG,UAAUG,CAAAA,MAAOH,SAASG;QAC1BR,OAAOA;QACPC,OAAOA;;AAGb;AAEO,MAAMhB,8BAA8BW,SAASa,IAAI,CAAC,CAAC;AAE1DxB,4BAA4BY,IAAI,GAAG;IACjCL,WAAW;IACXM,WAAW;IACXC,UAAU;IACVC,OAAO;IACPC,OAAO;QAACS,SAAS;QAAQC,WAAW;IAAI;IACxChB,SAAS;QACP;YACEiB,IAAI;YACJC,OAAO;YACPb,OAAO;YACPc,SAAS;YACTC,OAAO;gBAACH,IAAI;gBAAGI,SAAS;gBAAMC,UAAU;gBAAUjB,OAAO;YAAE;QAC7D;QACA;YAACY,IAAI;YAAGC,OAAO;YAAUb,OAAO;YAAUe,OAAO;gBAACH,IAAI;gBAAGI,SAAS;gBAAMC,UAAU;gBAAUjB,OAAO;YAAE;QAAC;QACtG;YACEY,IAAI;YACJC,OAAO;YACPb,OAAO;YACPe,OAAO;gBAACH,IAAI;gBAAGC,OAAO;gBAAUG,SAAS;gBAAMC,UAAU;gBAAUjB,OAAO;YAAE;QAC9E;KACD;AACH"}

package/dist/Atomic/FormElements/RadioInput/RadioInput.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+require("./RadioInput.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+const RC = "radio-input";
+const RadioInput = ({ label, id, checked, name, disabled, className, value, testId = "radio-input", onChange = ()=>{}, attributesOfNativeInput = {} })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(RC, className, {
+            [`${RC}_disabled`]: disabled
+        }),
+        htmlFor: id,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)(`${RC}__input`, {
+                    [`${RC}__input--checked`]: checked === value
+                }),
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("input", _object_spread({
+                        id: id,
+                        "data-testid": `${testId}-input`,
+                        type: "radio",
+                        checked: checked === value,
+                        className: `${RC}__radio`,
+                        onChange: ()=>onChange(value),
+                        name: name,
+                        disabled: disabled
+                    }, attributesOfNativeInput)),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: `${RC}__mark`
+                    })
+                ]
+            }),
+            label && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: `${RC}__label`,
+                children: label
+            })
+        ]
+    });
+};
+const _default = RadioInput;
+
+//# sourceMappingURL=RadioInput.js.map

package/dist/Atomic/FormElements/RadioInput/RadioInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RadioInput/RadioInput.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport \"./RadioInput.scss\";\n\nconst RC = \"radio-input\";\n\nconst RadioInput = ({\n  label,\n  id,\n  checked,\n  name,\n  disabled,\n  className,\n  value,\n  testId = \"radio-input\",\n  onChange = () => {},\n  attributesOfNativeInput = {},\n}) => {\n  return (\n    <label\n      data-testid={testId}\n      className={cn(RC, className, { [`${RC}_disabled`]: disabled })}\n      htmlFor={id}\n    >\n      <div\n        className={cn(`${RC}__input`, {\n          [`${RC}__input--checked`]: checked === value,\n        })}\n      >\n        <input\n          id={id}\n          data-testid={`${testId}-input`}\n          type=\"radio\"\n          checked={checked === value}\n          className={`${RC}__radio`}\n          onChange={() => onChange(value)}\n          name={name}\n          disabled={disabled}\n          {...attributesOfNativeInput}\n        />\n        <div className={`${RC}__mark`} />\n      </div>\n      {label && <div className={`${RC}__label`}>{label}</div>}\n    </label>\n  );\n};\n\nexport default RadioInput;\n"],"names":["RC","RadioInput","label","id","checked","name","disabled","className","value","testId","onChange","attributesOfNativeInput","data-testid","cn","htmlFor","div","input","type"],"mappings":";;;;+BAiDA;;;eAAA;;;;8DAjDkB;mEAEH;QAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,aAAa,CAAC,EAClBC,KAAK,EACLC,EAAE,EACFC,OAAO,EACPC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,SAAS,aAAa,EACtBC,WAAW,KAAO,CAAC,EACnBC,0BAA0B,CAAC,CAAC,EAC7B;IACC,qBACE,sBAACT;QACCU,eAAaH;QACbF,WAAWM,IAAAA,mBAAE,EAACb,IAAIO,WAAW;YAAE,CAAC,GAAGP,GAAG,SAAS,CAAC,CAAC,EAAEM;QAAS;QAC5DQ,SAASX;;0BAET,sBAACY;gBACCR,WAAWM,IAAAA,mBAAE,EAAC,GAAGb,GAAG,OAAO,CAAC,EAAE;oBAC5B,CAAC,GAAGA,GAAG,gBAAgB,CAAC,CAAC,EAAEI,YAAYI;gBACzC;;kCAEA,qBAACQ;wBACCb,IAAIA;wBACJS,eAAa,GAAGH,OAAO,MAAM,CAAC;wBAC9BQ,MAAK;wBACLb,SAASA,YAAYI;wBACrBD,WAAW,GAAGP,GAAG,OAAO,CAAC;wBACzBU,UAAU,IAAMA,SAASF;wBACzBH,MAAMA;wBACNC,UAAUA;uBACNK;kCAEN,qBAACI;wBAAIR,WAAW,GAAGP,GAAG,MAAM,CAAC;;;;YAE9BE,uBAAS,qBAACa;gBAAIR,WAAW,GAAGP,GAAG,OAAO,CAAC;0BAAGE;;;;AAGjD;MAEA,WAAeD"}