@ikas/popup-renderer 1.0.45 → 1.0.47
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import r from"react-date-picker";import{observer as t}from'./../../../../ext/mobx-react-lite/es/observer.js';var o=t((function(t){var o=e.useState(!1),a=o[0],l=o[1],n=e.useRef(null);t.placeholder;var i=t.isRequired,c=t.inputLabel;t.updateCurrentInfo;var s=t.formInputSettings,d=t.value,u=t.onValueChange;if(n.current){var p=n.current.getElementsByClassName("react-date-picker__wrapper");if(p.length>0){var m=p[0];m.style.backgroundColor=s.bgColor,m.style.border="".concat(s.borderWidth,"px solid ").concat(a?s.focusBorderColor:s.borderColor),m.style.borderRadius="".concat(s.borderRadius,"px"),m.style.fontSize="14px",m.style.padding="10px 12px",m.style.height="".concat(s.height,"px")}}return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"},ref:n},(c||i)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},c&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},c.text),i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),i&&i.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},i.validationErrorMessage)),e.createElement(r,{onChange:function(e){return function(e){var r=e?e.valueOf().toString():"";console.log("
|
|
1
|
+
import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import r from"react-date-picker";import{observer as t}from'./../../../../ext/mobx-react-lite/es/observer.js';var o=t((function(t){var o=e.useState(!1),a=o[0],l=o[1],n=e.useRef(null);t.placeholder;var i=t.isRequired,c=t.inputLabel;t.updateCurrentInfo;var s=t.formInputSettings,d=t.value,u=t.onValueChange;if(n.current){var p=n.current.getElementsByClassName("react-date-picker__wrapper");if(p.length>0){var m=p[0];m.style.backgroundColor=s.bgColor,m.style.border="".concat(s.borderWidth,"px solid ").concat(a?s.focusBorderColor:s.borderColor),m.style.borderRadius="".concat(s.borderRadius,"px"),m.style.fontSize="14px",m.style.padding="10px 12px",m.style.height="".concat(s.height,"px")}}return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"},ref:n},(c||i)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},c&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},c.text),i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),i&&i.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},i.validationErrorMessage)),e.createElement(r,{onChange:function(e){return function(e){var r=e?e.valueOf().toString():"";console.log("date",r),u(r),i&&i.hasError&&r.length>0&&(i.hasError=!1)}(e)},value:d?new Date(Number(d)):null,className:"ikas-popup-datepicker",disableCalendar:!0,format:"dd / MM / yyyy",maxDate:new Date,clearIcon:null,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}}))}));export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e,__generator as r}from'./../../../ext/tslib/tslib.es6.mjs.js';import t from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as n}from"../../helpers/index.js";import{FormItemTypeEnum as o}from"../../models/modal/step/elements/form/index.js";import
|
|
1
|
+
import{__awaiter as e,__generator as r}from'./../../../ext/tslib/tslib.es6.mjs.js';import t from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as n}from"../../helpers/index.js";import{FormItemTypeEnum as o}from"../../models/modal/step/elements/form/index.js";import i from"../button-element-renderer/index.js";import a from"./input-item-view/index.js";import{CheckboxItemView as s}from"./checkbox-item-view/index.js";import l from"./date-item-view/index.js";import u from"./gender-item-view/index.js";import{observer as m}from'./../../../ext/mobx-react-lite/es/observer.js';var c=m((function(m){var c=m.element,d=m.popup,f=m.isPreviewMode,p=m.sfProps,E=t.useState(!1);E[0];var v=E[1],C=c,I=C.rows.slice().sort((function(e,r){return e.order-r.order})),M=C.formSettings,h=C.buttonSettings,S=C.bgColor,g={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:n(C.horizontalAlignment),gap:"".concat(M.gapBetweenItems,"px"),padding:"".concat(C.verticalPadding,"px ").concat(C.horizontalPadding,"px"),backgroundColor:S,width:"100%"},R={display:"flex",flexDirection:"row",width:"100%",gap:"".concat(M.gapBetweenItems,"px")},O={flex:1,display:"flex",alignItems:"flex-end"},_=function(){return e(void 0,void 0,void 0,(function(){var e,t;return r(this,(function(r){switch(r.label){case 0:return e=d.modal.steps.findIndex((function(e){return e.id===d.modal.selectedStep.id})),f||!p?[3,2]:(v(!0),function(){var e=!1;return C.rows.forEach((function(r){r.columns.forEach((function(r){switch(r.type){case o.CUSTOMER_BIRTHDAY:var t=r.formItem;t.required&&!t.value&&(t.required.hasError=!0,e=!0);break;case o.CUSTOMER_EMAIL:case o.CUSTOMER_PHONE:case o.CUSTOMER_NAME:case o.CUSTOMER_SURNAME:case o.CHECKBOX_FORM_ITEM:var n=r.formItem;if(n.required&&!n.value){if(n.type===o.CUSTOMER_EMAIL&&(null==p?void 0:p.isCustomerLoggedIn))return;n.required.hasError=!0,e=!0}break;case o.CUSTOMER_GENDER:var i=r.formItem,a=i.genders.find((function(e){return e.isSelected}));i.required&&!a&&(i.required.hasError=!0,e=!0);case o.CHECKBOX_FORM_ITEM:var s=r.formItem;s.requiredToBeChecked&&!s.isChecked&&(s.requiredToBeChecked.hasError=!0,e=!0)}}))})),e}()?(v(!1),[2]):(t={},C.rows.forEach((function(e){e.columns.forEach((function(e){var r;switch(e.type){case o.CUSTOMER_BIRTHDAY:t.birthday=e.formItem.value;break;case o.CUSTOMER_EMAIL:t.email=e.formItem.value;break;case o.CUSTOMER_GENDER:t.gender=(null===(r=e.formItem.genders.find((function(e){return e.isSelected})))||void 0===r?void 0:r.type)||"";break;case o.CUSTOMER_PHONE:t.phone=e.formItem.value;break;case o.CUSTOMER_NAME:t.firstName=e.formItem.value||"";break;case o.CUSTOMER_SURNAME:t.lastName=e.formItem.value||"";break;case o.CHECKBOX_FORM_ITEM:t.hasPermission=e.formItem.isChecked}}))})),[4,p.onCustomerSave(t)]));case 1:r.sent(),v(!1),r.label=2;case 2:return-1!==e&&e<d.modal.steps.length&&(d.modal.selectedStep=d.modal.steps[e+1]),[2]}}))}))},T={width:"".concat(h.width,"%"),minWidth:"fit-content"};return t.createElement("div",{style:g},I.map((function(e,r){return t.createElement("div",{style:R,key:r},e.columns.slice().sort((function(e,r){return e.order-r.order})).map((function(e,r){return t.createElement("div",{style:O,key:r},function(e){switch(e.type){case o.CUSTOMER_EMAIL:case o.CUSTOMER_PHONE:case o.CUSTOMER_NAME:case o.CUSTOMER_SURNAME:var r=e.formItem;return r.type===o.CUSTOMER_EMAIL&&(null==p?void 0:p.isCustomerLoggedIn)&&!f?null:t.createElement(a,{formInputSettings:M.formInputSettings,inputLabel:r.inputLabel,isRequired:r.required,onValueChange:function(e){return f?null:r.value=e},placeholder:r.placeholder,updateCurrentInfo:r.updateCurrentInfo,value:r.value||""});case o.CUSTOMER_BIRTHDAY:var n=e.formItem;return t.createElement(l,{formInputSettings:M.formInputSettings,inputLabel:n.inputLabel,isRequired:n.required,onValueChange:function(e){return f?null:n.value=e},placeholder:n.placeholder,updateCurrentInfo:n.updateCurrentInfo,value:n.value||""});case o.CUSTOMER_GENDER:var i=e.formItem;return t.createElement(u,{genderFormItem:i,formInputSettings:M.formInputSettings,onValueChange:function(e){return f?null:i.genders.forEach((function(r){r.isSelected=r.label===e}))}});case o.CHECKBOX_FORM_ITEM:return t.createElement(s,{checkboxItem:e.formItem})}}(e))})))})),t.createElement("div",{style:T,onClick:function(e){_(),e.preventDefault(),e.stopPropagation()}},t.createElement(i,{element:h})," "))}));export{c as default};
|