@ikas/popup-renderer 1.0.26 → 1.0.28
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{__assign as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import e from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as o}from"../../helpers/index.js";import{observer as r}from'./../../../ext/mobx-react-lite/es/observer.js';var n=r((function(r){var n=r.element,i={display:"flex",alignItems:"center",justifyContent:o(n.horizontalAlignment),padding:"".concat(n.outerVerticalPadding,"px ").concat(n.outerHorizontalPadding,"px"),backgroundColor:n.bgColor},
|
|
1
|
+
import{__assign as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import e from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as o}from"../../helpers/index.js";import{observer as r}from'./../../../ext/mobx-react-lite/es/observer.js';var n=r((function(r){var n=r.element,i={display:"flex",alignItems:"center",justifyContent:o(n.horizontalAlignment),padding:"".concat(n.outerVerticalPadding,"px ").concat(n.outerHorizontalPadding,"px"),backgroundColor:n.bgColor},a={color:n.color,backgroundColor:n.buttonBgColor,fontSize:n.fontSize,fontWeight:n.fontWeight,fontFamily:"".concat(n.fontFamily),textAlign:"center",border:"".concat(n.borderWidth,"px ").concat(n.borderStyle," ").concat(n.borderColor),borderRadius:n.borderRadius,padding:"".concat(n.verticalPadding,"px ").concat(n.horizontalPadding,"px")},d={width:"".concat(n.width,"%"),minWidth:"fit-content",cursor:"pointer"};return e.createElement("div",{style:i},e.createElement("a",{href:n.link||void 0,style:d},e.createElement("div",{dangerouslySetInnerHTML:{__html:n.text},style:t({},a)})))}));export{n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import{observer as r}from'./../../../../ext/mobx-react-lite/es/observer.js';var t=r((function(r){var t,o=e.useState(!1),n=o[0],i=o[1],l=r.genderFormItem,a=r.formInputSettings;r.onValueChange;var d={width:"100%",backgroundColor:a.bgColor,border:"".concat(a.borderWidth,"px solid ").concat(n?a.focusBorderColor:a.borderColor),color:l.genders.find((function(e){return e.isSelected}))?"black":"#697586",borderRadius:"".concat(a.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(a.height,"px"),appearance:"none",backgroundImage:"url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' %3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\")",backgroundRepeat:"no-repeat",backgroundPosition:"right 12px center",backgroundSize:"20px"};return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(l.inputLabel||l.required)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},l.inputLabel&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},l.inputLabel.text),l.required&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),l.required&&l.required.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},l.required.validationErrorMessage)),e.createElement("select",{value:(null===(t=l.genders.find((function(e){return e.isSelected})))||void 0===t?void 0:t.type)||void 0,onChange:function(e){return r=e.target.value,l.genders.forEach((function(e){e.isSelected=e.type===r})),void(l.required&&l.required.hasError&&(l.required.hasError=!1));var r},style:d,onFocus:function(){return i(!0)},onBlur:function(){return i(!1)},"aria-placeholder":l.placeholder},e.createElement("option",{value:"",disabled:!0,selected:!0,hidden:!0},l.placeholder),l.genders.filter((function(e){return!!e.label})).map((function(r){return e.createElement("option",{key:r.type,value:r.type},r.label)}))))}));export{t as default};
|
|
1
|
+
import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import{observer as r}from'./../../../../ext/mobx-react-lite/es/observer.js';var t=r((function(r){var t,o=e.useState(!1),n=o[0],i=o[1],l=r.genderFormItem,a=r.formInputSettings;r.onValueChange;var d={width:"100%",backgroundColor:a.bgColor,border:"".concat(a.borderWidth,"px solid ").concat(n?a.focusBorderColor:a.borderColor),color:l.genders.find((function(e){return e.isSelected}))?"black":"#697586",borderRadius:"".concat(a.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(a.height,"px"),appearance:"none",backgroundImage:"url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' %3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\")",backgroundRepeat:"no-repeat",backgroundPosition:"right 12px center",backgroundSize:"20px",cursor:"pointer"};return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(l.inputLabel||l.required)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},l.inputLabel&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},l.inputLabel.text),l.required&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),l.required&&l.required.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},l.required.validationErrorMessage)),e.createElement("select",{value:(null===(t=l.genders.find((function(e){return e.isSelected})))||void 0===t?void 0:t.type)||void 0,onChange:function(e){return r=e.target.value,l.genders.forEach((function(e){e.isSelected=e.type===r})),void(l.required&&l.required.hasError&&(l.required.hasError=!1));var r},style:d,onFocus:function(){return i(!0)},onBlur:function(){return i(!1)},"aria-placeholder":l.placeholder},e.createElement("option",{value:"",disabled:!0,selected:!0,hidden:!0},l.placeholder),l.genders.filter((function(e){return!!e.label})).map((function(r){return e.createElement("option",{key:r.type,value:r.type},r.label)}))))}));export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as o}from'./../../../ext/tslib/tslib.es6.mjs.js';import e from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{observer as t}from'./../../../ext/mobx-react-lite/es/observer.js';var r=t((function(t){var r=t.element,n=r,
|
|
1
|
+
import{__assign as o}from'./../../../ext/tslib/tslib.es6.mjs.js';import e from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{observer as t}from'./../../../ext/mobx-react-lite/es/observer.js';var r=t((function(t){var r=t.element,n=r,a={backgroundColor:n.bgColor,border:"".concat(n.borderWidth,"px ").concat(n.borderStyle," ").concat(n.borderColor),borderRadius:n.borderRadius,padding:"".concat(n.outerVerticalPadding,"px ").concat(n.outerHorizontalPadding,"px")},i={color:n.color,fontSize:n.fontSize,fontWeight:n.fontWeight,fontFamily:"".concat(n.fontFamily),textAlign:n.horizontalAlignment,padding:"".concat(n.verticalPadding,"px ").concat(n.horizontalPadding,"px")};return e.createElement("div",{style:a},e.createElement("div",{dangerouslySetInnerHTML:{__html:r.text},style:o({},i)}))}));export{r as default};
|