@ikas/popup-renderer 1.0.15 → 1.0.16
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 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];t.placeholder;var n=t.isRequired,i=t.inputLabel;t.updateCurrentInfo;var c=t.formInputSettings,s=t.value,d=t.onValueChange;c.bgColor,"".concat(c.borderWidth,"px solid ").concat(a?c.focusBorderColor:c.borderColor),"".concat(c.borderRadius,"px"),"".concat(c.height,"px");return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(i||n)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},i.text),n&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),n&&n.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},n.validationErrorMessage)),e.createElement(r,{onChange:function(e){return function(e){var r=e?e.toISOString().split("T")[0]:"";d(r),n&&n.hasError&&r.length>0&&(n.hasError=!1)}(e)},value:s,disableCalendar:!0,format:"dd / MM / y",maxDate:new Date,onFocus:function(){return l(!0)},onBlur:function(){return l(!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.16",
|
|
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
|
}
|