@izara_frontend/shared-complex-filter 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -86,7 +86,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
86
86
  \***************************************************/
87
87
  (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
88
88
 
89
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ModalLinkStepsComponent: () => (/* binding */ ModalLinkStepsComponent)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! use-immer */ \"use-immer\");\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(use_immer__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @izaraFrontends/styles */ \"@izaraFrontends/styles\");\n/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-redux */ \"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction _createForOfIteratorHelper(r, e) { var t = \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && \"number\" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t[\"return\"] || t[\"return\"](); } finally { if (u) throw o; } } }; }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\n\n\n\n\n//test---------------------------------\n// import { successTraversalConfig } from \"./function/createActionLibCreateLinkStepAndComplexFilter\";\n// import { ConditionsAndMultipleIdentifersComponent } from \"./conditionsAndMultipleIdentifersComponent\";\n\nfunction createObjTypeConcat(objType) {\n console.log(\"objType:dfcvcbcxb \", objType);\n return \"\".concat(objType.serviceTag, \"_\").concat(objType.objectType);\n}\nfunction createRelTypeConcat(relType) {\n console.log(\"objType:sdsadwsd \", relType);\n return \"\".concat(relType === null || relType === void 0 ? void 0 : relType.serviceTag, \"_\").concat(relType === null || relType === void 0 ? void 0 : relType.relationshipTag);\n}\nfunction objTypeFromObjTypeConcat(objTypeConcat) {\n console.log(\"objTypeConcat:aeaeaeww \", objTypeConcat);\n var result = objTypeConcat.split(\"_\");\n if (result.length !== 2) {\n throw Error(\"objTypeConcat invalid\");\n }\n return {\n serviceTag: result[0],\n objectType: result[1]\n };\n}\nvar ModalLinkStepsComponent = function ModalLinkStepsComponent(_ref) {\n var _linkSteps$linkStepsO, _linkSteps$linkStepsO2, _linkSteps$linkStepsO3, _linkSteps$linkStepsO4, _linkSteps$linkStepsO5, _linkSteps$linkStepsO6, _linkSteps$linkStepsO7, _linkSteps$linkStepsO8;\n var titleModal = _ref.titleModal,\n statusModalFunc = _ref.statusModalFunc,\n objConfigUseCase = _ref.objConfigUseCase,\n objTypeMain = _ref.objTypeMain,\n nameReducer = _ref.nameReducer,\n parentOutputId = _ref.parentOutputId,\n successFunc = _ref.successFunc,\n collectObjectLinksWithRequestProperties = _ref.collectObjectLinksWithRequestProperties,\n collectObjectSchemaWithHierarchy = _ref.collectObjectSchemaWithHierarchy,\n nameObjectLinkStepEdit = _ref.nameObjectLinkStepEdit,\n userTag = _ref.userTag,\n keyElement = _ref.keyElement,\n ComponentUseCase = _ref.ComponentUseCase,\n LastStepsComponentUseCase = _ref.LastStepsComponentUseCase,\n valueUserTags = _ref.valueUserTags,\n successFuncUseCase = _ref.successFuncUseCase;\n // InitialSchemaLib.initSchemaFn(\n // getObjSchemaS3WithHierarchyShared,\n // getObjectLinksShared\n // );\n\n console.log(\"valueUserTags:ModalLinkStepsComponent \", valueUserTags);\n var arrObjRequiredData = [{}];\n arrObjRequiredData = [];\n if (nameObjectLinkStepEdit) {\n if (objConfigUseCase !== null && objConfigUseCase !== void 0 && objConfigUseCase.linkStepsObjects) {\n var _iterator = _createForOfIteratorHelper(objConfigUseCase.linkStepsObjects[nameObjectLinkStepEdit].linkSteps),\n _step;\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var keyLinkStep = _step.value;\n arrObjRequiredData.push(objConfigUseCase.linkSteps[keyLinkStep]);\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n }\n }\n if (objConfigUseCase !== null && objConfigUseCase !== void 0 && objConfigUseCase.traversalSteps) {\n var _iterator2 = _createForOfIteratorHelper(objConfigUseCase.traversalSteps),\n _step2;\n try {\n for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {\n var keyTraversalStep = _step2.value;\n arrObjRequiredData.push(objConfigUseCase.traversalSteps[keyTraversalStep]);\n }\n } catch (err) {\n _iterator2.e(err);\n } finally {\n _iterator2.f();\n }\n }\n console.log(\"arrObjRequiredData: xxxxaaawwweee\", arrObjRequiredData);\n if (!objTypeMain) {\n objTypeMain = objConfigUseCase.objType;\n }\n console.time(\"renderTimeInModalRequiredData\");\n\n //--------------------------------------------------------------\n\n var _collectObjectLinksWi = collectObjectLinksWithRequestProperties(),\n _collectObjectLinksWi2 = _slicedToArray(_collectObjectLinksWi, 3),\n allObjTypesLinkConfigs = _collectObjectLinksWi2[0],\n collectRequireLinksFn = _collectObjectLinksWi2[1],\n collectLinksOpt = _collectObjectLinksWi2[2]; // allObjTypesLinkConfigs\n\n var _collectObjectSchemaW = collectObjectSchemaWithHierarchy(),\n _collectObjectSchemaW2 = _slicedToArray(_collectObjectSchemaW, 3),\n resultFieldName = _collectObjectSchemaW2[0],\n getObjSchemaHieFn = _collectObjectSchemaW2[1],\n collectLinksOpt2 = _collectObjectSchemaW2[2];\n\n //--------------------------------------------------------------\n\n var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.useImmer)(arrObjRequiredData),\n _useImmer2 = _slicedToArray(_useImmer, 2),\n linkSteps = _useImmer2[0],\n setLinkSteps = _useImmer2[1];\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(nameObjectLinkStepEdit),\n _useState2 = _slicedToArray(_useState, 2),\n nameLinkSteps = _useState2[0],\n setNameLinkSteps = _useState2[1];\n var _useImmer3 = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.useImmer)({\n status: null,\n //link or lastStep\n active: 0\n }),\n _useImmer4 = _slicedToArray(_useImmer3, 2),\n linkStepsOutput = _useImmer4[0],\n setLinkStepsOutput = _useImmer4[1];\n var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();\n console.log(\"linkSteps:linkStepsLog \", linkSteps);\n console.log(\"collectLinks: \", allObjTypesLinkConfigs, collectLinksOpt);\n console.log(\"allObjTypesLinkConfigs: \", allObjTypesLinkConfigs);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n collectRequireLinksFn(objTypeMain, {\n returnLinkTypeId: false,\n returnPathLinkTypeId: true\n });\n getObjSchemaHieFn(objTypeMain);\n if (nameObjectLinkStepEdit) {\n for (var _keyLinkStep = 0; _keyLinkStep < arrObjRequiredData.length; _keyLinkStep++) {\n var linkStep = arrObjRequiredData[_keyLinkStep];\n if (linkStep.hasOwnProperty(\"pathLinkType\")) {\n collectRequireLinksFn(linkStep.pathLinkType.objType, {\n returnLinkTypeId: false,\n returnPathLinkTypeId: true\n });\n getObjSchemaHieFn(linkStep.pathLinkType.objType);\n\n // if (keyLinkStep === arrObjRequiredData.length - 1) {\n // setLinkStepsOutput((linkStepsOutput) => {\n // linkStepsOutput.status = true;\n // });\n // }\n } else {\n getObjSchemaHieFn(_keyLinkStep === 0 ? objTypeMain : arrObjRequiredData[_keyLinkStep - 1].pathLinkType.objType);\n }\n console.log(\"linkStep: sddfdfdfgcvb\", linkStep);\n }\n }\n }, []);\n //-----------------------Shared function-----------------------------------\n\n function checkObjTypeLinkStep(activeIndex) {\n var objTypeConcat; // objTypeConcat\n objTypeConcat = createObjTypeConcat(objTypeMain);\n if (activeIndex !== 0) {\n objTypeConcat = createObjTypeConcat(linkSteps[activeIndex - 1].pathLinkType.objType);\n }\n return objTypeConcat;\n }\n\n //-----------------------End Shared function-----------------------------------\n\n function hadelSelectType(e) {\n var type = e.target.value;\n setLinkStepsOutput(function (linkStepsOutput) {\n linkStepsOutput.status = type;\n });\n if (type === \"link\") {\n setLinkSteps(function (linkSteps) {\n linkSteps[linkStepsOutput.active] = {\n pathLinkType: {\n relType: {},\n objType: {},\n direction: \"\"\n }\n };\n });\n } else {\n setLinkSteps(function (linkSteps) {\n linkSteps[linkStepsOutput.active] = {\n lastStep: null\n };\n });\n }\n setLinkSteps(function (linkSteps) {\n if (linkStepsOutput.active + 1 !== linkSteps.length) {\n linkSteps = linkSteps.splice(linkStepsOutput.active - linkSteps.length + 1);\n }\n });\n }\n function handelSelectRelTypeAndDirection(e) {\n var relType = e.target.value;\n var index = e.target.selectedIndex - 1;\n console.log(\"index:handelSelectRelTypeAndDirection \", index, _typeof(index));\n var objTypeConcat = checkObjTypeLinkStep(linkStepsOutput.active);\n collectRequireLinksFn(allObjTypesLinkConfigs[objTypeConcat][index].other.objType, {\n returnLinkTypeId: false,\n returnPathLinkTypeId: true\n });\n getObjSchemaHieFn(allObjTypesLinkConfigs[objTypeConcat][index].other.objType);\n setLinkSteps(function (linkSteps) {\n var _allObjTypesLinkConfi;\n linkSteps[linkStepsOutput.active].pathLinkType = {\n relType: JSON.parse(relType),\n objType: allObjTypesLinkConfigs[objTypeConcat][index].other.objType,\n direction: allObjTypesLinkConfigs[objTypeConcat][index].base.direction\n };\n\n // linkSteps[\n // linkStepsOutput.active\n // ].allObjTypesLinkConfigIndex = index;\n\n if ((_allObjTypesLinkConfi = allObjTypesLinkConfigs[objTypeConcat][index]) !== null && _allObjTypesLinkConfi !== void 0 && _allObjTypesLinkConfi.requestProperties) {\n var requestProperties = {};\n for (var key in (_allObjTypesLinkConfi2 = allObjTypesLinkConfigs[objTypeConcat][index]) === null || _allObjTypesLinkConfi2 === void 0 ? void 0 : _allObjTypesLinkConfi2.requestProperties) {\n var _allObjTypesLinkConfi2;\n requestProperties[key] = \"\";\n }\n linkSteps[linkStepsOutput.active].requestProperties = requestProperties;\n } else {\n delete linkSteps[linkStepsOutput.active].requestProperties;\n }\n if (linkStepsOutput.active + 1 !== linkSteps.length) {\n linkSteps = linkSteps.splice(linkStepsOutput.active - linkSteps.length + 1);\n }\n });\n }\n function handelActiveStep(index) {\n setLinkStepsOutput(function (linkStepsOutput) {\n linkStepsOutput.active = index;\n });\n if (index !== 0) {\n collectRequireLinksFn(linkSteps[index - 1].pathLinkType.objType, {\n returnLinkTypeId: false,\n returnPathLinkTypeId: true\n });\n getObjSchemaHieFn(linkSteps[index - 1].pathLinkType.objType);\n }\n }\n function handleNextStep() {\n // funcUseCase.testA();\n var validateResult = true;\n // validateAggregateCompare() &&\n // validateComparison() &&\n // validateRequestProperties();\n\n if (validateResult) {\n setLinkStepsOutput(function (linkStepsOutput) {\n linkStepsOutput.active++;\n }); //\n\n if (linkSteps.length === linkStepsOutput.active + 1) {\n setLinkSteps(function (linkSteps) {\n linkSteps[linkStepsOutput.active + 1] = {};\n }); //\n }\n }\n }\n function handlePrevStep() {\n setLinkStepsOutput(function (linkStepsOutput) {\n linkStepsOutput.active--;\n });\n }\n function handleNameRequiredData(e) {\n setNameLinkSteps(e.target.value);\n }\n function submitLinkSteps() {\n console.log(\"nameObjectLinkStepEdit:xczxczxsd \", nameObjectLinkStepEdit);\n console.log(\"nameLinkSteps:xczxczxsd \", nameLinkSteps);\n if (nameObjectLinkStepEdit !== undefined) {\n if (nameLinkSteps) {\n console.log(\"xczxczxsd\");\n if (successFunc) {\n dispatch(successFunc({\n parentOutputId: parentOutputId,\n linkSteps: linkSteps,\n initialObjType: objTypeMain,\n nameLinkStepObject: nameLinkSteps,\n dataType: \"text\"\n }));\n } else {\n //sortFields in requiredData\n successFuncUseCase(parentOutputId, linkSteps, objTypeMain, nameLinkSteps, {\n dataType: \"text\"\n });\n }\n statusModalFunc(false);\n } else {\n alert(\"please fill name\");\n }\n } else {\n if (successFuncUseCase) {\n console.log(\"dofigusoigdjigfdg\");\n var resultStaus = successFuncUseCase(parentOutputId, linkSteps);\n statusModalFunc(resultStaus);\n }\n\n // dispatch(\n // successTraversalConfig({\n // parentOutputId: parentOutputId,\n // traversalLinkStepsObj: linkSteps,\n // }),\n // );\n // statusModalFunc(false);\n }\n\n // }\n }\n console.log(\"nameObjectLinkStepEdit: \", nameObjectLinkStepEdit);\n console.timeEnd(\"renderTimeInModalRequiredData\");\n return /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"mainBackgroundTemplate\")\n }, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"mainBoxTemplate\")\n }, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"gridTemplate\")\n }, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"headerTemplate\")\n }, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"textAlign\", \"\", \"left\")\n }, /*#__PURE__*/React.createElement(\"h1\", null, titleModal)), nameObjectLinkStepEdit !== undefined && /*#__PURE__*/React.createElement(\"input\", {\n onChange: function onChange(e) {\n return handleNameRequiredData(e);\n },\n placeholder: \"name\",\n value: nameLinkSteps,\n disabled: nameObjectLinkStepEdit\n }), /*#__PURE__*/React.createElement(\"button\", {\n onClick: function onClick(e) {\n return submitLinkSteps();\n }\n }, \"save\"), /*#__PURE__*/React.createElement(\"button\", {\n onClick: function onClick(e) {\n return statusModalFunc(false);\n }\n }, \"cancel\")), /*#__PURE__*/React.createElement(\"div\", null, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"pagination\", \"\", \"template\")\n }, /*#__PURE__*/React.createElement(React.Fragment, null, linkStepsOutput.active === 0 ? /*#__PURE__*/React.createElement(\"a\", {\n style: {\n color: \"red\",\n pointerEvents: \"none\"\n }\n }, createObjTypeConcat(objTypeMain)) : /*#__PURE__*/React.createElement(\"a\", {\n onClick: function onClick(e) {\n return handelActiveStep(0);\n }\n }, createObjTypeConcat(objTypeMain)), linkSteps.length > 1 && /*#__PURE__*/React.createElement(React.Fragment, null, linkSteps.map(function (step, index) {\n var _linkSteps;\n return /*#__PURE__*/React.createElement(React.Fragment, null, ((_linkSteps = linkSteps[index - 1]) === null || _linkSteps === void 0 ? void 0 : _linkSteps.pathLinkType.objType) && /*#__PURE__*/React.createElement(React.Fragment, null, \"/\", linkStepsOutput.active === index ? /*#__PURE__*/React.createElement(\"a\", {\n style: {\n color: \"red\",\n pointerEvents: \"none\"\n }\n }, createObjTypeConcat(linkSteps[index - 1].pathLinkType.objType)) : /*#__PURE__*/React.createElement(\"a\", {\n onClick: function onClick(e) {\n return handelActiveStep(index);\n }\n }, createObjTypeConcat(linkSteps[index - 1].pathLinkType.objType))));\n })))), /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle\n // styletags={createStyleDefualtTags(\"background\", \"scroll\", \"div\")}\n , null, /*#__PURE__*/React.createElement(\"p\", null, \"type:\"), /*#__PURE__*/React.createElement(\"select\", _defineProperty(_defineProperty({\n value: linkSteps.length === 0 ? \"\" : (_linkSteps$linkStepsO = linkSteps[linkStepsOutput.active].pathLinkType) !== null && _linkSteps$linkStepsO !== void 0 && _linkSteps$linkStepsO.objType ? \"link\" : \"lastStep\"\n }, \"value\", linkSteps.length === 0 ? \"\" : (_linkSteps$linkStepsO2 = linkSteps[linkStepsOutput.active].pathLinkType) === null || _linkSteps$linkStepsO2 === void 0 ? void 0 : _linkSteps$linkStepsO2.objType), \"onChange\", function onChange(e) {\n hadelSelectType(e);\n }), /*#__PURE__*/React.createElement(\"option\", null, \"-- choose type --\"), /*#__PURE__*/React.createElement(\"option\", {\n value: \"link\"\n }, \"link\"), /*#__PURE__*/React.createElement(\"option\", {\n value: \"lastStep\"\n }, \"lastStep\"))), allObjTypesLinkConfigs ? /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"gridColumn\", \"\", \"1\")\n }, linkSteps.length === 0 || ((_linkSteps$linkStepsO3 = linkSteps[linkStepsOutput.active].pathLinkType) === null || _linkSteps$linkStepsO3 === void 0 ? void 0 : _linkSteps$linkStepsO3.objType) && /*#__PURE__*/React.createElement(React.Fragment, null, !allObjTypesLinkConfigs[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)] ? /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"loadingCircle\", \"20px\", \"template\")\n }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle\n // styletags={createStyleDefualtTags(\n // \"background\",\n // \"scroll \",\n // \"div\"\n // )}\n , null, /*#__PURE__*/React.createElement(\"p\", null, \" relationship type:\"), /*#__PURE__*/React.createElement(\"select\", {\n value: JSON.stringify(linkSteps[linkStepsOutput.active].pathLinkType.relType),\n onChange: handelSelectRelTypeAndDirection\n }, /*#__PURE__*/React.createElement(\"option\", {\n value: \"\",\n disabled: Object.keys(linkSteps[linkStepsOutput.active].pathLinkType.relType).length !== 0\n }, \"-- relType --\"), allObjTypesLinkConfigs[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)].map(function (dataLink, index) {\n return /*#__PURE__*/React.createElement(\"option\", {\n key: index,\n value: JSON.stringify(dataLink.relType)\n }, createRelTypeConcat(dataLink.relType));\n })), Object.keys((_linkSteps$linkStepsO4 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO4 === void 0 || (_linkSteps$linkStepsO4 = _linkSteps$linkStepsO4.pathLinkType) === null || _linkSteps$linkStepsO4 === void 0 ? void 0 : _linkSteps$linkStepsO4.relType).length !== 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"p\", null, \" object type:\"), /*#__PURE__*/React.createElement(\"span\", null, createObjTypeConcat((_linkSteps$linkStepsO5 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO5 === void 0 ? void 0 : _linkSteps$linkStepsO5.pathLinkType.objType)), /*#__PURE__*/React.createElement(\"p\", null, \"direction\"), /*#__PURE__*/React.createElement(\"span\", null, (_linkSteps$linkStepsO6 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO6 === void 0 ? void 0 : _linkSteps$linkStepsO6.pathLinkType.direction), /*#__PURE__*/React.createElement(\"br\", null), /*#__PURE__*/React.createElement(\"hr\", null), ComponentUseCase && /*#__PURE__*/React.createElement(ComponentUseCase, {\n allObjTypesLinkConfigs: allObjTypesLinkConfigs,\n resultFieldName: resultFieldName,\n linkSteps: linkSteps,\n setLinkSteps: setLinkSteps,\n linkStepsOutput: linkStepsOutput,\n objTypeMain: objTypeMain,\n valueUserTags: valueUserTags,\n objConfigUseCase: objConfigUseCase,\n parentOutputId: parentOutputId,\n collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,\n collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy,\n LastStepsComponentUseCase: LastStepsComponentUseCase\n // funcUseCase={funcUseCase}\n }))))), LastStepsComponentUseCase && /*#__PURE__*/React.createElement(LastStepsComponentUseCase, {\n parentOutputId: parentOutputId,\n linkSteps: linkSteps,\n setLinkSteps: setLinkSteps,\n linkStepsOutput: linkStepsOutput,\n objTypeMain: objTypeMain,\n resultFieldName: resultFieldName,\n valueUserTags: valueUserTags\n })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"loadingCircle\", \"20px\", \"template\")\n }))), /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"gridColumn\", \"\", \"11\")\n }, /*#__PURE__*/React.createElement(\"button\", {\n onClick: handlePrevStep,\n disabled: linkStepsOutput.active === 0\n }, \"prev\"), /*#__PURE__*/React.createElement(\"button\", {\n onClick: handleNextStep,\n disabled: ((_linkSteps$linkStepsO7 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO7 === void 0 || (_linkSteps$linkStepsO7 = _linkSteps$linkStepsO7.pathLinkType) === null || _linkSteps$linkStepsO7 === void 0 ? void 0 : _linkSteps$linkStepsO7.direction) === \"\" || !((_linkSteps$linkStepsO8 = linkSteps[linkStepsOutput.active]) !== null && _linkSteps$linkStepsO8 !== void 0 && (_linkSteps$linkStepsO8 = _linkSteps$linkStepsO8.pathLinkType) !== null && _linkSteps$linkStepsO8 !== void 0 && _linkSteps$linkStepsO8.objType)\n }, \"next\")))));\n};\n\n//----------------------------- use Lib -----------------------------------------------\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/linkSteps/modalLinkStepsComponent.jsx?\n}");
89
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ModalLinkStepsComponent: () => (/* binding */ ModalLinkStepsComponent)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! use-immer */ \"use-immer\");\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(use_immer__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @izaraFrontends/styles */ \"@izaraFrontends/styles\");\n/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-redux */ \"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction _createForOfIteratorHelper(r, e) { var t = \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && \"number\" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t[\"return\"] || t[\"return\"](); } finally { if (u) throw o; } } }; }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\n\n\n\n\n//test---------------------------------\n// import { successTraversalConfig } from \"./function/createActionLibCreateLinkStepAndComplexFilter\";\n// import { ConditionsAndMultipleIdentifersComponent } from \"./conditionsAndMultipleIdentifersComponent\";\n\nfunction createObjTypeConcat(objType) {\n console.log(\"objType:dfcvcbcxb \", objType);\n return \"\".concat(objType.serviceTag, \"_\").concat(objType.objectType);\n}\nfunction createRelTypeConcat(relType) {\n console.log(\"objType:sdsadwsd \", relType);\n return \"\".concat(relType === null || relType === void 0 ? void 0 : relType.serviceTag, \"_\").concat(relType === null || relType === void 0 ? void 0 : relType.relationshipTag);\n}\nfunction objTypeFromObjTypeConcat(objTypeConcat) {\n console.log(\"objTypeConcat:aeaeaeww \", objTypeConcat);\n var result = objTypeConcat.split(\"_\");\n if (result.length !== 2) {\n throw Error(\"objTypeConcat invalid\");\n }\n return {\n serviceTag: result[0],\n objectType: result[1]\n };\n}\nvar ModalLinkStepsComponent = function ModalLinkStepsComponent(_ref) {\n var _linkSteps$linkStepsO, _linkSteps$linkStepsO2, _linkSteps$linkStepsO3, _linkSteps$linkStepsO4, _linkSteps$linkStepsO5, _linkSteps$linkStepsO6, _linkSteps$linkStepsO7;\n var titleModal = _ref.titleModal,\n statusModalFunc = _ref.statusModalFunc,\n objConfigUseCase = _ref.objConfigUseCase,\n objTypeMain = _ref.objTypeMain,\n nameReducer = _ref.nameReducer,\n parentOutputId = _ref.parentOutputId,\n successFunc = _ref.successFunc,\n collectObjectLinksWithRequestProperties = _ref.collectObjectLinksWithRequestProperties,\n collectObjectSchemaWithHierarchy = _ref.collectObjectSchemaWithHierarchy,\n nameObjectLinkStepEdit = _ref.nameObjectLinkStepEdit,\n userTag = _ref.userTag,\n keyElement = _ref.keyElement,\n ComponentUseCase = _ref.ComponentUseCase,\n LastStepsComponentUseCase = _ref.LastStepsComponentUseCase,\n valueUserTags = _ref.valueUserTags,\n successFuncUseCase = _ref.successFuncUseCase;\n // InitialSchemaLib.initSchemaFn(\n // getObjSchemaS3WithHierarchyShared,\n // getObjectLinksShared\n // );\n\n console.log(\"valueUserTags:ModalLinkStepsComponent \", valueUserTags);\n var arrObjRequiredData = [{}];\n arrObjRequiredData = [];\n if (nameObjectLinkStepEdit) {\n if (objConfigUseCase !== null && objConfigUseCase !== void 0 && objConfigUseCase.linkStepsObjects) {\n var _iterator = _createForOfIteratorHelper(objConfigUseCase.linkStepsObjects[nameObjectLinkStepEdit].linkSteps),\n _step;\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var keyLinkStep = _step.value;\n arrObjRequiredData.push(objConfigUseCase.linkSteps[keyLinkStep]);\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n }\n }\n if (objConfigUseCase !== null && objConfigUseCase !== void 0 && objConfigUseCase.traversalSteps) {\n var _iterator2 = _createForOfIteratorHelper(objConfigUseCase.traversalSteps),\n _step2;\n try {\n for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {\n var keyTraversalStep = _step2.value;\n arrObjRequiredData.push(objConfigUseCase.traversalSteps[keyTraversalStep]);\n }\n } catch (err) {\n _iterator2.e(err);\n } finally {\n _iterator2.f();\n }\n }\n console.log(\"arrObjRequiredData: xxxxaaawwweee\", arrObjRequiredData);\n if (!objTypeMain) {\n objTypeMain = objConfigUseCase.objType;\n }\n console.time(\"renderTimeInModalRequiredData\");\n\n //--------------------------------------------------------------\n\n var _collectObjectLinksWi = collectObjectLinksWithRequestProperties(),\n _collectObjectLinksWi2 = _slicedToArray(_collectObjectLinksWi, 3),\n allObjTypesLinkConfigs = _collectObjectLinksWi2[0],\n collectRequireLinksFn = _collectObjectLinksWi2[1],\n collectLinksOpt = _collectObjectLinksWi2[2]; // allObjTypesLinkConfigs\n\n var _collectObjectSchemaW = collectObjectSchemaWithHierarchy(),\n _collectObjectSchemaW2 = _slicedToArray(_collectObjectSchemaW, 3),\n resultFieldName = _collectObjectSchemaW2[0],\n getObjSchemaHieFn = _collectObjectSchemaW2[1],\n collectLinksOpt2 = _collectObjectSchemaW2[2];\n\n //--------------------------------------------------------------\n\n var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.useImmer)(arrObjRequiredData),\n _useImmer2 = _slicedToArray(_useImmer, 2),\n linkSteps = _useImmer2[0],\n setLinkSteps = _useImmer2[1];\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(nameObjectLinkStepEdit),\n _useState2 = _slicedToArray(_useState, 2),\n nameLinkSteps = _useState2[0],\n setNameLinkSteps = _useState2[1];\n var _useImmer3 = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.useImmer)({\n status: null,\n //link or lastStep\n active: 0\n }),\n _useImmer4 = _slicedToArray(_useImmer3, 2),\n linkStepsOutput = _useImmer4[0],\n setLinkStepsOutput = _useImmer4[1];\n var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();\n console.log(\"linkSteps:linkStepsLog \", linkSteps);\n console.log(\"collectLinks: \", allObjTypesLinkConfigs, collectLinksOpt);\n console.log(\"allObjTypesLinkConfigs: \", allObjTypesLinkConfigs);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n collectRequireLinksFn(objTypeMain, {\n returnLinkTypeId: false,\n returnPathLinkTypeId: true\n });\n getObjSchemaHieFn(objTypeMain);\n if (nameObjectLinkStepEdit) {\n for (var _keyLinkStep = 0; _keyLinkStep < arrObjRequiredData.length; _keyLinkStep++) {\n var linkStep = arrObjRequiredData[_keyLinkStep];\n if (linkStep.hasOwnProperty(\"pathLinkType\")) {\n collectRequireLinksFn(linkStep.pathLinkType.objType, {\n returnLinkTypeId: false,\n returnPathLinkTypeId: true\n });\n getObjSchemaHieFn(linkStep.pathLinkType.objType);\n\n // if (keyLinkStep === arrObjRequiredData.length - 1) {\n // setLinkStepsOutput((linkStepsOutput) => {\n // linkStepsOutput.status = true;\n // });\n // }\n } else {\n getObjSchemaHieFn(_keyLinkStep === 0 ? objTypeMain : arrObjRequiredData[_keyLinkStep - 1].pathLinkType.objType);\n }\n console.log(\"linkStep: sddfdfdfgcvb\", linkStep);\n }\n }\n }, []);\n //-----------------------Shared function-----------------------------------\n\n function checkObjTypeLinkStep(activeIndex) {\n var objTypeConcat; // objTypeConcat\n objTypeConcat = createObjTypeConcat(objTypeMain);\n if (activeIndex !== 0) {\n objTypeConcat = createObjTypeConcat(linkSteps[activeIndex - 1].pathLinkType.objType);\n }\n return objTypeConcat;\n }\n\n //-----------------------End Shared function-----------------------------------\n\n function hadelSelectType(e) {\n var type = e.target.value;\n setLinkStepsOutput(function (linkStepsOutput) {\n linkStepsOutput.status = type;\n });\n if (type === \"link\") {\n setLinkSteps(function (linkSteps) {\n linkSteps[linkStepsOutput.active] = {\n pathLinkType: {\n relType: {},\n objType: {},\n direction: \"\"\n }\n };\n });\n } else {\n setLinkSteps(function (linkSteps) {\n linkSteps[linkStepsOutput.active] = {\n lastStep: null\n };\n });\n }\n setLinkSteps(function (linkSteps) {\n if (linkStepsOutput.active + 1 !== linkSteps.length) {\n linkSteps = linkSteps.splice(linkStepsOutput.active - linkSteps.length + 1);\n }\n });\n }\n function handelSelectRelTypeAndDirection(e) {\n var relType = e.target.value;\n var index = e.target.selectedIndex - 1;\n console.log(\"index:handelSelectRelTypeAndDirection \", index, _typeof(index));\n var objTypeConcat = checkObjTypeLinkStep(linkStepsOutput.active);\n collectRequireLinksFn(allObjTypesLinkConfigs[objTypeConcat][index].other.objType, {\n returnLinkTypeId: false,\n returnPathLinkTypeId: true\n });\n getObjSchemaHieFn(allObjTypesLinkConfigs[objTypeConcat][index].other.objType);\n setLinkSteps(function (linkSteps) {\n var _allObjTypesLinkConfi;\n linkSteps[linkStepsOutput.active].pathLinkType = {\n relType: JSON.parse(relType),\n objType: allObjTypesLinkConfigs[objTypeConcat][index].other.objType,\n direction: allObjTypesLinkConfigs[objTypeConcat][index].base.direction\n };\n\n // linkSteps[\n // linkStepsOutput.active\n // ].allObjTypesLinkConfigIndex = index;\n\n if ((_allObjTypesLinkConfi = allObjTypesLinkConfigs[objTypeConcat][index]) !== null && _allObjTypesLinkConfi !== void 0 && _allObjTypesLinkConfi.requestProperties) {\n var requestProperties = {};\n for (var key in (_allObjTypesLinkConfi2 = allObjTypesLinkConfigs[objTypeConcat][index]) === null || _allObjTypesLinkConfi2 === void 0 ? void 0 : _allObjTypesLinkConfi2.requestProperties) {\n var _allObjTypesLinkConfi2;\n requestProperties[key] = \"\";\n }\n linkSteps[linkStepsOutput.active].requestProperties = requestProperties;\n } else {\n delete linkSteps[linkStepsOutput.active].requestProperties;\n }\n if (linkStepsOutput.active + 1 !== linkSteps.length) {\n linkSteps = linkSteps.splice(linkStepsOutput.active - linkSteps.length + 1);\n }\n });\n }\n function handelActiveStep(index) {\n setLinkStepsOutput(function (linkStepsOutput) {\n linkStepsOutput.active = index;\n });\n if (index !== 0) {\n collectRequireLinksFn(linkSteps[index - 1].pathLinkType.objType, {\n returnLinkTypeId: false,\n returnPathLinkTypeId: true\n });\n getObjSchemaHieFn(linkSteps[index - 1].pathLinkType.objType);\n }\n }\n function handleNextStep() {\n // funcUseCase.testA();\n var validateResult = true;\n // validateAggregateCompare() &&\n // validateComparison() &&\n // validateRequestProperties();\n\n if (validateResult) {\n setLinkStepsOutput(function (linkStepsOutput) {\n linkStepsOutput.active++;\n }); //\n\n if (linkSteps.length === linkStepsOutput.active + 1) {\n setLinkSteps(function (linkSteps) {\n linkSteps[linkStepsOutput.active + 1] = {};\n }); //\n }\n }\n }\n function handlePrevStep() {\n setLinkStepsOutput(function (linkStepsOutput) {\n linkStepsOutput.active--;\n });\n }\n function handleNameRequiredData(e) {\n setNameLinkSteps(e.target.value);\n }\n function submitLinkSteps() {\n console.log(\"nameObjectLinkStepEdit:xczxczxsd \", nameObjectLinkStepEdit);\n console.log(\"nameLinkSteps:xczxczxsd \", nameLinkSteps);\n if (nameObjectLinkStepEdit !== undefined) {\n if (nameLinkSteps) {\n console.log(\"xczxczxsd\");\n if (successFunc) {\n dispatch(successFunc({\n parentOutputId: parentOutputId,\n linkSteps: linkSteps,\n initialObjType: objTypeMain,\n nameLinkStepObject: nameLinkSteps,\n dataType: \"text\"\n }));\n } else {\n //sortFields in requiredData\n successFuncUseCase(parentOutputId, linkSteps, objTypeMain, nameLinkSteps, {\n dataType: \"text\"\n });\n }\n statusModalFunc(false);\n } else {\n alert(\"please fill name\");\n }\n } else {\n if (successFuncUseCase) {\n console.log(\"dofigusoigdjigfdg\");\n var resultStaus = successFuncUseCase(parentOutputId, linkSteps);\n statusModalFunc(resultStaus);\n }\n\n // dispatch(\n // successTraversalConfig({\n // parentOutputId: parentOutputId,\n // traversalLinkStepsObj: linkSteps,\n // }),\n // );\n // statusModalFunc(false);\n }\n\n // }\n }\n console.log(\"nameObjectLinkStepEdit: \", nameObjectLinkStepEdit);\n console.timeEnd(\"renderTimeInModalRequiredData\");\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"mainBackgroundTemplate\")\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"mainBoxTemplate\")\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"gridTemplate\")\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"headerTemplate\")\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"textAlign\", \"\", \"left\")\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h1\", null, titleModal)), nameObjectLinkStepEdit !== undefined && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n onChange: function onChange(e) {\n return handleNameRequiredData(e);\n },\n placeholder: \"name\",\n value: nameLinkSteps,\n disabled: nameObjectLinkStepEdit\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n onClick: function onClick(e) {\n return submitLinkSteps();\n }\n }, \"save\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n onClick: function onClick(e) {\n return statusModalFunc(false);\n }\n }, \"cancel\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"pagination\", \"\", \"template\")\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, linkStepsOutput.active === 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n style: {\n color: \"red\",\n pointerEvents: \"none\"\n }\n }, createObjTypeConcat(objTypeMain)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n onClick: function onClick(e) {\n return handelActiveStep(0);\n }\n }, createObjTypeConcat(objTypeMain)), linkSteps.length > 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, linkSteps.map(function (step, index) {\n var _linkSteps;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, ((_linkSteps = linkSteps[index - 1]) === null || _linkSteps === void 0 ? void 0 : _linkSteps.pathLinkType.objType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, \"/\", linkStepsOutput.active === index ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n style: {\n color: \"red\",\n pointerEvents: \"none\"\n }\n }, createObjTypeConcat(linkSteps[index - 1].pathLinkType.objType)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n onClick: function onClick(e) {\n return handelActiveStep(index);\n }\n }, createObjTypeConcat(linkSteps[index - 1].pathLinkType.objType))));\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle\n // styletags={createStyleDefualtTags(\"background\", \"scroll\", \"div\")}\n , null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n value: linkSteps.length === 0 ? \"\" : (_linkSteps$linkStepsO = linkSteps[linkStepsOutput.active].pathLinkType) !== null && _linkSteps$linkStepsO !== void 0 && _linkSteps$linkStepsO.objType ? \"link\" : \"lastStep\",\n onChange: function onChange(e) {\n hadelSelectType(e);\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", null, \"-- choose type --\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n value: \"link\"\n }, \"link\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n value: \"lastStep\"\n }, \"lastStep\"))), allObjTypesLinkConfigs ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"gridColumn\", \"\", \"1\")\n }, linkSteps.length === 0 || ((_linkSteps$linkStepsO2 = linkSteps[linkStepsOutput.active].pathLinkType) === null || _linkSteps$linkStepsO2 === void 0 ? void 0 : _linkSteps$linkStepsO2.objType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !allObjTypesLinkConfigs[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"loadingCircle\", \"20px\", \"template\")\n }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle\n // styletags={createStyleDefualtTags(\n // \"background\",\n // \"scroll \",\n // \"div\"\n // )}\n , null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \" relationship type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n value: JSON.stringify(linkSteps[linkStepsOutput.active].pathLinkType.relType),\n onChange: handelSelectRelTypeAndDirection\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n value: \"\",\n disabled: Object.keys(linkSteps[linkStepsOutput.active].pathLinkType.relType).length !== 0\n }, \"-- relType --\"), allObjTypesLinkConfigs[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)].map(function (dataLink, index) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n key: index,\n value: JSON.stringify(dataLink.relType)\n }, createRelTypeConcat(dataLink.relType));\n })), Object.keys((_linkSteps$linkStepsO3 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO3 === void 0 || (_linkSteps$linkStepsO3 = _linkSteps$linkStepsO3.pathLinkType) === null || _linkSteps$linkStepsO3 === void 0 ? void 0 : _linkSteps$linkStepsO3.relType).length !== 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \" object type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, createObjTypeConcat((_linkSteps$linkStepsO4 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO4 === void 0 ? void 0 : _linkSteps$linkStepsO4.pathLinkType.objType)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"direction\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, (_linkSteps$linkStepsO5 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO5 === void 0 ? void 0 : _linkSteps$linkStepsO5.pathLinkType.direction), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"hr\", null), ComponentUseCase && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ComponentUseCase, {\n allObjTypesLinkConfigs: allObjTypesLinkConfigs,\n resultFieldName: resultFieldName,\n linkSteps: linkSteps,\n setLinkSteps: setLinkSteps,\n linkStepsOutput: linkStepsOutput,\n objTypeMain: objTypeMain,\n valueUserTags: valueUserTags,\n objConfigUseCase: objConfigUseCase,\n parentOutputId: parentOutputId,\n collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,\n collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy,\n LastStepsComponentUseCase: LastStepsComponentUseCase\n // funcUseCase={funcUseCase}\n }))))), LastStepsComponentUseCase && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(LastStepsComponentUseCase, {\n parentOutputId: parentOutputId,\n linkSteps: linkSteps,\n setLinkSteps: setLinkSteps,\n linkStepsOutput: linkStepsOutput,\n objTypeMain: objTypeMain,\n resultFieldName: resultFieldName,\n valueUserTags: valueUserTags\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"loadingCircle\", \"20px\", \"template\")\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"gridColumn\", \"\", \"11\")\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n onClick: handlePrevStep,\n disabled: linkStepsOutput.active === 0\n }, \"prev\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n onClick: handleNextStep,\n disabled: ((_linkSteps$linkStepsO6 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO6 === void 0 || (_linkSteps$linkStepsO6 = _linkSteps$linkStepsO6.pathLinkType) === null || _linkSteps$linkStepsO6 === void 0 ? void 0 : _linkSteps$linkStepsO6.direction) === \"\" || !((_linkSteps$linkStepsO7 = linkSteps[linkStepsOutput.active]) !== null && _linkSteps$linkStepsO7 !== void 0 && (_linkSteps$linkStepsO7 = _linkSteps$linkStepsO7.pathLinkType) !== null && _linkSteps$linkStepsO7 !== void 0 && _linkSteps$linkStepsO7.objType)\n }, \"next\")))));\n};\n\n//----------------------------- use Lib -----------------------------------------------\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/linkSteps/modalLinkStepsComponent.jsx?\n}");
90
90
 
91
91
  /***/ },
92
92
 
@@ -106,7 +106,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
106
106
  \******************************************************/
107
107
  (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
108
108
 
109
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ UserTagsSelectAndCreateComponent: () => (/* binding */ UserTagsSelectAndCreateComponent)\n/* harmony export */ });\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! use-immer */ \"use-immer\");\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(use_immer__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../function/createActionLibCreateLinkStepAndComplexFilter */ \"./src/function/createActionLibCreateLinkStepAndComplexFilter.js\");\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n// import React, { memo, Fragment, useContext, useEffect, useState } from \"react\";\n// import { createAction } from \"@reduxjs/toolkit\";\n// import {\n// IzaraDivStyle,\n// createStyleDefualtTags,\n// IzaraButtonStyle,\n// } from \"@izaraFrontends/styles\";\n\n\n\n//----------------------------Lib-Test------------------------------\n\nvar UserTagsSelectAndCreateComponent = function UserTagsSelectAndCreateComponent(_ref) {\n var parentOutputId = _ref.parentOutputId,\n valueUserTags = _ref.valueUserTags,\n handleSelectUserTag = _ref.handleSelectUserTag,\n valueSelect = _ref.valueSelect;\n var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_0__.useImmer)({}),\n _useImmer2 = _slicedToArray(_useImmer, 2),\n objCreateValueUserTag = _useImmer2[0],\n setObjCreateValueUserTag = _useImmer2[1];\n function handleChangeValueUserTag(e, type, value) {\n setObjCreateValueUserTag(function (objCreateValueUserTag) {\n objCreateValueUserTag[type] = value;\n });\n }\n function handleCreateuserTagTypeValue() {\n setObjCreateValueUserTag({\n keyName: \"\",\n defaultValue: \"\"\n });\n }\n function handleAddValueUserTag() {\n dispatch((0,_function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_2__.valueUserTagCreateConfig)({\n parentOutputId: parentOutputId,\n objCreateValueUserTag: objCreateValueUserTag\n }));\n setObjCreateValueUserTag({});\n }\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"fieldset\", null, /*#__PURE__*/React.createElement(\"legend\", null, \"valueUserTag\"), /*#__PURE__*/React.createElement(\"select\", {\n value: valueSelect,\n onChange: function onChange(e) {\n return handleSelectUserTag(e);\n }\n }, /*#__PURE__*/React.createElement(\"option\", null, \"choose userTag\"), Object.keys(valueUserTags).map(function (key) {\n return /*#__PURE__*/React.createElement(\"option\", {\n key: key,\n value: key\n }, key);\n }))), /*#__PURE__*/React.createElement(React.Fragment, null, Object.keys(objCreateValueUserTag).length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"fieldset\", null, /*#__PURE__*/React.createElement(\"legend\", null, \"userTagName\"), /*#__PURE__*/React.createElement(\"input\", {\n onChange: function onChange(e) {\n handleChangeValueUserTag(e, \"keyName\", e.target.value);\n },\n value: objCreateValueUserTag.keyName\n })), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"fieldset\", null, /*#__PURE__*/React.createElement(\"legend\", null, \"defaultValue\"), \"null\", /*#__PURE__*/React.createElement(\"input\", {\n type: \"checkbox\",\n checked: objCreateValueUserTag.defaultValue,\n onChange: function onChange(e) {\n return handleChangeValueUserTag(e, \"defaultValue\", e.target.checked ? null : \"\");\n }\n }), /*#__PURE__*/React.createElement(\"input\", {\n onChange: function onChange(e) {\n return handleChangeValueUserTag(e, \"defaultValue\", e.target.value);\n },\n value: objCreateValueUserTag.defaultValue,\n disabled: objCreateValueUserTag.defaultValue === null\n }))), /*#__PURE__*/React.createElement(\"button\", {\n onClick: function onClick() {\n return handleAddValueUserTag();\n }\n }, \"add valueUserTag\")), /*#__PURE__*/React.createElement(\"button\", {\n onClick: function onClick() {\n return handleCreateuserTagTypeValue();\n }\n }, \"create valueUserTag\")));\n};\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/valueUserTags/valueUserTagsComponent.jsx?\n}");
109
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ UserTagsSelectAndCreateComponent: () => (/* binding */ UserTagsSelectAndCreateComponent)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! use-immer */ \"use-immer\");\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(use_immer__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ \"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../function/createActionLibCreateLinkStepAndComplexFilter */ \"./src/function/createActionLibCreateLinkStepAndComplexFilter.js\");\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n\n\n\n\n//----------------------------Lib-Test------------------------------\n\nvar UserTagsSelectAndCreateComponent = function UserTagsSelectAndCreateComponent(_ref) {\n var parentOutputId = _ref.parentOutputId,\n valueUserTags = _ref.valueUserTags,\n handleSelectUserTag = _ref.handleSelectUserTag,\n valueSelect = _ref.valueSelect;\n var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();\n var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.useImmer)({}),\n _useImmer2 = _slicedToArray(_useImmer, 2),\n objCreateValueUserTag = _useImmer2[0],\n setObjCreateValueUserTag = _useImmer2[1];\n function handleChangeValueUserTag(e, type, value) {\n setObjCreateValueUserTag(function (objCreateValueUserTag) {\n objCreateValueUserTag[type] = value;\n });\n }\n function handleCreateuserTagTypeValue() {\n setObjCreateValueUserTag({\n keyName: \"\",\n defaultValue: \"\"\n });\n }\n function handleAddValueUserTag() {\n dispatch((0,_function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_3__.valueUserTagCreateConfig)({\n parentOutputId: parentOutputId,\n objCreateValueUserTag: objCreateValueUserTag\n }));\n setObjCreateValueUserTag({});\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"valueUserTag\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n value: valueSelect,\n onChange: function onChange(e) {\n return handleSelectUserTag(e);\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", null, \"choose userTag\"), Object.keys(valueUserTags).map(function (key) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n key: key,\n value: key\n }, key);\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, Object.keys(objCreateValueUserTag).length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"userTagName\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n onChange: function onChange(e) {\n handleChangeValueUserTag(e, \"keyName\", e.target.value);\n },\n value: objCreateValueUserTag.keyName\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"defaultValue\"), \"null\", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"checkbox\",\n checked: objCreateValueUserTag.defaultValue,\n onChange: function onChange(e) {\n return handleChangeValueUserTag(e, \"defaultValue\", e.target.checked ? null : \"\");\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n onChange: function onChange(e) {\n return handleChangeValueUserTag(e, \"defaultValue\", e.target.value);\n },\n value: objCreateValueUserTag.defaultValue,\n disabled: objCreateValueUserTag.defaultValue === null\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n onClick: function onClick() {\n return handleAddValueUserTag();\n }\n }, \"add valueUserTag\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n onClick: function onClick() {\n return handleCreateuserTagTypeValue();\n }\n }, \"create valueUserTag\")));\n};\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/valueUserTags/valueUserTagsComponent.jsx?\n}");
110
110
 
111
111
  /***/ },
112
112
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@izara_frontend/shared-complex-filter",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "main": "./dist/complexFilter.js",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",
@@ -12,6 +12,11 @@
12
12
  "publishConfig": {
13
13
  "access": "public"
14
14
  },
15
+ "peerDependencies": {
16
+ "react": "^18.3.1",
17
+ "react-dom": "^18.3.1",
18
+ "react-redux": "^9.2.0"
19
+ },
15
20
  "devDependencies": {
16
21
  "@babel/core": "^7.29.0",
17
22
  "@babel/plugin-proposal-class-properties": "^7.18.6",
@@ -31,8 +36,6 @@
31
36
  "@reduxjs/toolkit": "^2.11.2",
32
37
  "nanoid": "^5.1.11",
33
38
  "object-hash": "^3.0.0",
34
- "react": "^18.3.1",
35
- "react-redux": "^9.2.0",
36
39
  "use-immer": "^0.11.0"
37
40
  }
38
41
  }
@@ -1,4 +1,4 @@
1
- import { useState, useEffect, useMemo } from "react";
1
+ import React, { useState, useEffect, useMemo } from "react";
2
2
  import { useImmer } from "use-immer";
3
3
  import {
4
4
  IzaraDivStyle,
@@ -428,11 +428,6 @@ export const ModalLinkStepsComponent = ({
428
428
  ? "link"
429
429
  : "lastStep"
430
430
  }
431
- value={
432
- linkSteps.length === 0
433
- ? ""
434
- : linkSteps[linkStepsOutput.active].pathLinkType?.objType
435
- }
436
431
  onChange={(e) => {
437
432
  hadelSelectType(e);
438
433
  }}
@@ -463,9 +458,9 @@ export const ModalLinkStepsComponent = ({
463
458
  linkStepsOutput.active === 0
464
459
  ? createObjTypeConcat(objTypeMain)
465
460
  : createObjTypeConcat(
466
- linkSteps[linkStepsOutput.active - 1].pathLinkType
467
- .objType,
468
- )
461
+ linkSteps[linkStepsOutput.active - 1].pathLinkType
462
+ .objType,
463
+ )
469
464
  ] ? (
470
465
  <IzaraDivStyle
471
466
  styletags={createStyleDefualtTags(
@@ -506,9 +501,9 @@ export const ModalLinkStepsComponent = ({
506
501
  linkStepsOutput.active === 0
507
502
  ? createObjTypeConcat(objTypeMain)
508
503
  : createObjTypeConcat(
509
- linkSteps[linkStepsOutput.active - 1]
510
- .pathLinkType.objType,
511
- )
504
+ linkSteps[linkStepsOutput.active - 1]
505
+ .pathLinkType.objType,
506
+ )
512
507
  ].map((dataLink, index) => (
513
508
  <option
514
509
  key={index}
@@ -523,50 +518,50 @@ export const ModalLinkStepsComponent = ({
523
518
  linkSteps[linkStepsOutput.active]?.pathLinkType
524
519
  ?.relType,
525
520
  ).length !== 0 && (
526
- <>
527
- <p> object type:</p>
528
- <span>
529
- {createObjTypeConcat(
530
- linkSteps[linkStepsOutput.active]
531
- ?.pathLinkType.objType,
532
- )}
533
- </span>
534
- <p>direction</p>
535
- <span>
536
- {
537
- linkSteps[linkStepsOutput.active]
538
- ?.pathLinkType.direction
539
- }
540
- </span>
541
- <br></br>
542
- <hr></hr>
543
- {ComponentUseCase && (
544
- <ComponentUseCase
545
- allObjTypesLinkConfigs={
546
- allObjTypesLinkConfigs
547
- }
548
- resultFieldName={resultFieldName}
549
- linkSteps={linkSteps}
550
- setLinkSteps={setLinkSteps}
551
- linkStepsOutput={linkStepsOutput}
552
- objTypeMain={objTypeMain}
553
- valueUserTags={valueUserTags}
554
- objConfigUseCase={objConfigUseCase}
555
- parentOutputId={parentOutputId}
556
- collectObjectLinksWithRequestProperties={
557
- collectObjectLinksWithRequestProperties
558
- }
559
- collectObjectSchemaWithHierarchy={
560
- collectObjectSchemaWithHierarchy
561
- }
562
- LastStepsComponentUseCase={
563
- LastStepsComponentUseCase
521
+ <>
522
+ <p> object type:</p>
523
+ <span>
524
+ {createObjTypeConcat(
525
+ linkSteps[linkStepsOutput.active]
526
+ ?.pathLinkType.objType,
527
+ )}
528
+ </span>
529
+ <p>direction</p>
530
+ <span>
531
+ {
532
+ linkSteps[linkStepsOutput.active]
533
+ ?.pathLinkType.direction
564
534
  }
535
+ </span>
536
+ <br></br>
537
+ <hr></hr>
538
+ {ComponentUseCase && (
539
+ <ComponentUseCase
540
+ allObjTypesLinkConfigs={
541
+ allObjTypesLinkConfigs
542
+ }
543
+ resultFieldName={resultFieldName}
544
+ linkSteps={linkSteps}
545
+ setLinkSteps={setLinkSteps}
546
+ linkStepsOutput={linkStepsOutput}
547
+ objTypeMain={objTypeMain}
548
+ valueUserTags={valueUserTags}
549
+ objConfigUseCase={objConfigUseCase}
550
+ parentOutputId={parentOutputId}
551
+ collectObjectLinksWithRequestProperties={
552
+ collectObjectLinksWithRequestProperties
553
+ }
554
+ collectObjectSchemaWithHierarchy={
555
+ collectObjectSchemaWithHierarchy
556
+ }
557
+ LastStepsComponentUseCase={
558
+ LastStepsComponentUseCase
559
+ }
565
560
  // funcUseCase={funcUseCase}
566
- />
567
- )}
568
- </>
569
- )}
561
+ />
562
+ )}
563
+ </>
564
+ )}
570
565
  </IzaraDivStyle>
571
566
  </>
572
567
  )}
@@ -612,7 +607,7 @@ export const ModalLinkStepsComponent = ({
612
607
  onClick={handleNextStep}
613
608
  disabled={
614
609
  linkSteps[linkStepsOutput.active]?.pathLinkType?.direction ===
615
- "" ||
610
+ "" ||
616
611
  !linkSteps[linkStepsOutput.active]?.pathLinkType?.objType
617
612
  }
618
613
  >
@@ -1,10 +1,4 @@
1
- // import React, { memo, Fragment, useContext, useEffect, useState } from "react";
2
- // import { createAction } from "@reduxjs/toolkit";
3
- // import {
4
- // IzaraDivStyle,
5
- // createStyleDefualtTags,
6
- // IzaraButtonStyle,
7
- // } from "@izaraFrontends/styles";
1
+ import React from "react";
8
2
  import { useImmer } from "use-immer";
9
3
  import { useDispatch, useSelector } from "react-redux";
10
4