@ikas/popup-renderer 1.0.15 → 1.0.17
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.
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { InputLabel, RequiredInput } from "../../../models/modal/step/elements/form";
|
|
3
|
+
import { FormInputSettings } from "../../../models/modal/step/elements/form/form-settings";
|
|
4
|
+
type Props = {
|
|
5
|
+
placeholder: string;
|
|
6
|
+
isRequired?: RequiredInput | null;
|
|
7
|
+
inputLabel?: InputLabel | null;
|
|
8
|
+
updateCurrentInfo: boolean;
|
|
9
|
+
value: string | null;
|
|
10
|
+
formInputSettings: FormInputSettings;
|
|
11
|
+
onValueChange: (value: string) => void;
|
|
12
|
+
};
|
|
13
|
+
declare const DateItemView: React.FC<Props>;
|
|
14
|
+
export default DateItemView;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import t from"react-date-picker";import{observer as r}from'./../../../../ext/mobx-react-lite/es/observer.js';var o=r((function(r){var o=e.useState(!1),l=o[0],a=o[1],n=e.useRef(null);r.placeholder;var i=r.isRequired,c=r.inputLabel;r.updateCurrentInfo;var s=r.formInputSettings,d=r.value,p=r.onValueChange;if(n.current){console.log("dateItemRef.current",n.current);var u=n.current.getElementsByClassName("react-date-picker__wrapper");if(console.log("inputWrappers",u),u.length>0){var f=u[0];console.log("inputWrapper",f),f.style.width="fit-content",f.style.backgroundColor=s.bgColor,f.style.border="".concat(s.borderWidth,"px solid ").concat(l?s.focusBorderColor:s.borderColor),f.style.borderRadius="".concat(s.borderRadius,"px"),f.style.fontSize="14px",f.style.padding="10px 12px",f.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(t,{onChange:function(e){return function(e){var t=e?e.valueOf().toString():"";console.log("on date change",t),p(t),i&&i.hasError&&t.length>0&&(i.hasError=!1)}(e)},value:d?new Date(d):null,className:"ikas-popup-datepicker",disableCalendar:!0,format:"dd / MM / y",maxDate:new Date,clearIcon:null,onFocus:function(){return a(!0)},onBlur:function(){return a(!1)}}))}));export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e,__generator as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import r from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as
|
|
1
|
+
import{__awaiter as e,__generator as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import r 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 a from"../button-element-renderer/index.js";import i 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{observer as c}from'./../../../ext/mobx-react-lite/es/observer.js';var u=c((function(c){var u=c.element,m=c.popup,d=c.isPreviewMode,f=c.sfProps,p=r.useState(!1);p[0];var E=p[1],C=u,I=C.rows.slice().sort((function(e,t){return e.order-t.order})),M=C.formSettings,v=C.buttonSettings,h=C.bgColor,R={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:h,width:"100%"},S={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,r;return t(this,(function(t){switch(t.label){case 0:return e=m.modal.steps.findIndex((function(e){return e.id===m.modal.selectedStep.id})),d||!f?[3,2]:(E(!0),function(){var e=!1;return C.rows.forEach((function(t){t.columns.forEach((function(t){switch(t.type){case o.CUSTOMER_BIRTHDAY:case o.CUSTOMER_EMAIL:case o.CUSTOMER_GENDER:case o.CUSTOMER_PHONE:case o.CUSTOMER_NAME:case o.CUSTOMER_SURNAME:case o.CHECKBOX_FORM_ITEM:var r=t.formItem;if(r.required&&!r.value){if(r.type===o.CUSTOMER_EMAIL&&(null==f?void 0:f.isCustomerLoggedIn))return;r.required.hasError=!0,e=!0}break;case o.CHECKBOX_FORM_ITEM:var n=t.formItem;n.requiredToBeChecked&&!n.isChecked&&(n.requiredToBeChecked.hasError=!0,e=!0)}}))})),e}()?(E(!1),[2]):(r={},C.rows.forEach((function(e){e.columns.forEach((function(e){switch(e.type){case o.CUSTOMER_BIRTHDAY:r.birthday=e.formItem.value;break;case o.CUSTOMER_EMAIL:r.email=e.formItem.value;break;case o.CUSTOMER_GENDER:r.gender=e.formItem.value;break;case o.CUSTOMER_PHONE:r.phone=e.formItem.value;break;case o.CUSTOMER_NAME:r.firstName=e.formItem.value||"";break;case o.CUSTOMER_SURNAME:r.lastName=e.formItem.value||"";break;case o.CHECKBOX_FORM_ITEM:r.hasPermission=e.formItem.isChecked}}))})),[4,f.onCustomerSave(r)]));case 1:t.sent(),E(!1),t.label=2;case 2:return-1!==e&&e<m.modal.steps.length&&(m.modal.selectedStep=m.modal.steps[e+1]),[2]}}))}))},T={width:"".concat(v.width,"%"),minWidth:"fit-content"};return r.createElement("div",{style:R},I.map((function(e,t){return r.createElement("div",{style:S,key:t},e.columns.slice().sort((function(e,t){return e.order-t.order})).map((function(e,t){return r.createElement("div",{style:O,key:t},function(e){switch(e.type){case o.CUSTOMER_EMAIL:case o.CUSTOMER_GENDER:case o.CUSTOMER_PHONE:case o.CUSTOMER_NAME:case o.CUSTOMER_SURNAME:var t=e.formItem;return t.type===o.CUSTOMER_EMAIL&&(null==f?void 0:f.isCustomerLoggedIn)&&!d?null:r.createElement(i,{formInputSettings:M.formInputSettings,inputLabel:t.inputLabel,isRequired:t.required,onValueChange:function(e){return d?null:t.value=e},placeholder:t.placeholder,updateCurrentInfo:t.updateCurrentInfo,value:t.value||""});case o.CUSTOMER_BIRTHDAY:var n=e.formItem;return r.createElement(l,{formInputSettings:M.formInputSettings,inputLabel:n.inputLabel,isRequired:n.required,onValueChange:function(e){return d?null:n.value=e},placeholder:n.placeholder,updateCurrentInfo:n.updateCurrentInfo,value:n.value||""});case o.CHECKBOX_FORM_ITEM:return r.createElement(s,{checkboxItem:e.formItem})}}(e))})))})),r.createElement("div",{style:T,onClick:function(e){_(),e.preventDefault(),e.stopPropagation()}},r.createElement(a,{element:v})," "))}));export{u as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ikas/popup-renderer",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.17",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "ucy",
|
|
6
6
|
"license": "ISC",
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
"mobx": "^6.1.3",
|
|
30
30
|
"mobx-react": "^7.6.0",
|
|
31
31
|
"react": "^17 || ^18",
|
|
32
|
+
"react-date-picker": "^10.6.0",
|
|
32
33
|
"react-dom": "^17 || ^18",
|
|
33
34
|
"rollup": "^2.75.6",
|
|
34
35
|
"rollup-plugin-import-css": "^3.5.0",
|
|
@@ -46,6 +47,7 @@
|
|
|
46
47
|
"mobx": "^6.1.3",
|
|
47
48
|
"mobx-react": "^7.6.0",
|
|
48
49
|
"react": "^17 || ^18",
|
|
50
|
+
"react-date-picker": "^10.6.0",
|
|
49
51
|
"react-dom": "^17 || ^18",
|
|
50
52
|
"swiper": "^11.0.6"
|
|
51
53
|
}
|