componenteshospitais 1.1.5 → 1.1.6

package/dist/cjs/index.js

@@ -50,7 +50,7 @@ var styles$6 = {"icone":"card-module_icone__8F-jV","item":"card-module_item__YYE
 styleInject(css_248z$6);
 
 var Card = function (_a) {
-    var img = _a.img, imgLateral = _a.imgLateral, text = _a.text, link = _a.link, empresa = _a.empresa;
+    var img = _a.img, imgLateral = _a.imgLateral, text = _a.text, link = _a.link, empresa = _a.empresa, largura = _a.largura;
     var empresaClass = styles$6["empresa".concat(empresa)];
     var handleClick = function () {
         if (link) {
@@ -58,7 +58,7 @@ var Card = function (_a) {
         }
     };
     return (React.createElement("div", { className: "".concat(empresaClass), onClick: handleClick, style: { cursor: link ? 'pointer' : 'default' } },
-        React.createElement("div", { className: "".concat(styles$6.item, " empresa").concat(empresa) },
+        React.createElement("div", { className: "".concat(styles$6.item, " empresa").concat(empresa), style: { width: largura ? "".concat(largura) : '' } },
             img && (React.createElement("img", { src: img, alt: text, className: styles$6.icone })),
             React.createElement("span", { className: styles$6.texto }, text),
             imgLateral && (React.createElement("img", { src: imgLateral, alt: "Right", className: styles$6.imgLateral })))));
@@ -82,16 +82,16 @@ var styles$4 = {"inputSubmit":"input-module_inputSubmit__21-Pj","inputPadrao":"i
 styleInject(css_248z$4);
 
 var Button = function (_a) {
-    var empresa = _a.empresa, _b = _a.type, type = _b === void 0 ? 'submit' : _b, onClick = _a.onClick, texto = _a.texto;
+    var empresa = _a.empresa, _b = _a.type, type = _b === void 0 ? 'submit' : _b, onClick = _a.onClick, texto = _a.texto, largura = _a.largura;
     var empresaClass = styles$4["empresa".concat(empresa)];
-    return (React.createElement("div", { className: "".concat(empresaClass) }, type === 'submit' ? (React.createElement("input", { type: "submit", className: styles$4.inputSubmit })) : (React.createElement("button", { type: "button", className: styles$4.inputSubmit, onClick: onClick }, texto))));
+    return (React.createElement("div", { className: "".concat(empresaClass) }, type === 'submit' ? (React.createElement("input", { type: "submit", className: styles$4.inputSubmit, style: { width: largura ? "".concat(largura) : '' } })) : (React.createElement("button", { type: "button", className: styles$4.inputSubmit, onClick: onClick, style: { width: largura ? "".concat(largura) : '' } }, texto))));
 };
 
 var InputField = function (_a) {
-    var type = _a.type, id = _a.id, placeholder = _a.placeholder, onChange = _a.onChange, value = _a.value, label = _a.label;
+    var type = _a.type, id = _a.id, placeholder = _a.placeholder, onChange = _a.onChange, value = _a.value, label = _a.label, largura = _a.largura;
     return (React.createElement(React.Fragment, null,
         label && React.createElement("label", { htmlFor: id }, label),
-        React.createElement("input", { type: type, id: id, name: id, value: value, placeholder: placeholder, onChange: onChange, className: styles$4.inputPadrao })));
+        React.createElement("input", { type: type, id: id, name: id, value: value, placeholder: placeholder, onChange: onChange, className: styles$4.inputPadrao, style: { width: largura ? "".concat(largura) : '' } })));
 };
 
 var css_248z$3 = ".textPage-module_container__GBEF6{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.textPage-module_content__CpD68{display:flex;text-align:justify}.textPage-module_imageCabecalho__J6YFH{border-radius:8px}.textPage-module_imageCabecalho__J6YFH img{border-radius:8px;height:100%;object-fit:cover;width:100%}.textPage-module_contentWithLateralImage__-f5pQ{flex-direction:row}.textPage-module_imageLateral__Dy9Kx{align-self:flex-start;height:230px;margin-right:20px;margin-top:15px;width:300px}.textPage-module_imageLateral__Dy9Kx img{border-radius:8px;height:100%;object-fit:cover;width:100%}.textPage-module_text__3pwuU{color:#5d5d5d;flex:2;line-height:1.8;text-align:justify}.textPage-module_text__3pwuU p{line-height:1.6;margin:10px 0}.textPage-module_text__3pwuU .textPage-module_coordenacao__UypV-,.textPage-module_text__3pwuU .textPage-module_direcao__x5psb{font-weight:700;margin-top:20px}";
@@ -131,10 +131,10 @@ var styles$1 = {"selectPadrao":"select-module_selectPadrao__poGiL"};
 styleInject(css_248z$1);
 
 var SelectField = function (_a) {
-    var id = _a.id, name = _a.name, options = _a.options, value = _a.value, onChange = _a.onChange, label = _a.label, optionDefault = _a.optionDefault;
+    var id = _a.id, name = _a.name, options = _a.options, value = _a.value, onChange = _a.onChange, label = _a.label, optionDefault = _a.optionDefault, largura = _a.largura;
     return (React.createElement(React.Fragment, null,
         label && React.createElement("label", { htmlFor: id }, label),
-        React.createElement("select", { id: id, name: name, className: styles$1.selectPadrao, value: value, onChange: function (e) { return onChange(e.target.value); } },
+        React.createElement("select", { id: id, name: name, className: styles$1.selectPadrao, value: value, onChange: function (e) { return onChange(e.target.value); }, style: { width: largura ? "".concat(largura) : '' } },
             optionDefault === true && (React.createElement("option", { value: "" }, "Selecione...")),
             options.map(function (option) { return (React.createElement("option", { key: option.value, value: option.value }, option.description)); }))));
 };

package/dist/esm/index.js

@@ -48,7 +48,7 @@ var styles$6 = {"icone":"card-module_icone__8F-jV","item":"card-module_item__YYE
 styleInject(css_248z$6);
 
 var Card = function (_a) {
-    var img = _a.img, imgLateral = _a.imgLateral, text = _a.text, link = _a.link, empresa = _a.empresa;
+    var img = _a.img, imgLateral = _a.imgLateral, text = _a.text, link = _a.link, empresa = _a.empresa, largura = _a.largura;
     var empresaClass = styles$6["empresa".concat(empresa)];
     var handleClick = function () {
         if (link) {
@@ -56,7 +56,7 @@ var Card = function (_a) {
         }
     };
     return (React.createElement("div", { className: "".concat(empresaClass), onClick: handleClick, style: { cursor: link ? 'pointer' : 'default' } },
-        React.createElement("div", { className: "".concat(styles$6.item, " empresa").concat(empresa) },
+        React.createElement("div", { className: "".concat(styles$6.item, " empresa").concat(empresa), style: { width: largura ? "".concat(largura) : '' } },
             img && (React.createElement("img", { src: img, alt: text, className: styles$6.icone })),
             React.createElement("span", { className: styles$6.texto }, text),
             imgLateral && (React.createElement("img", { src: imgLateral, alt: "Right", className: styles$6.imgLateral })))));
@@ -80,16 +80,16 @@ var styles$4 = {"inputSubmit":"input-module_inputSubmit__21-Pj","inputPadrao":"i
 styleInject(css_248z$4);
 
 var Button = function (_a) {
-    var empresa = _a.empresa, _b = _a.type, type = _b === void 0 ? 'submit' : _b, onClick = _a.onClick, texto = _a.texto;
+    var empresa = _a.empresa, _b = _a.type, type = _b === void 0 ? 'submit' : _b, onClick = _a.onClick, texto = _a.texto, largura = _a.largura;
     var empresaClass = styles$4["empresa".concat(empresa)];
-    return (React.createElement("div", { className: "".concat(empresaClass) }, type === 'submit' ? (React.createElement("input", { type: "submit", className: styles$4.inputSubmit })) : (React.createElement("button", { type: "button", className: styles$4.inputSubmit, onClick: onClick }, texto))));
+    return (React.createElement("div", { className: "".concat(empresaClass) }, type === 'submit' ? (React.createElement("input", { type: "submit", className: styles$4.inputSubmit, style: { width: largura ? "".concat(largura) : '' } })) : (React.createElement("button", { type: "button", className: styles$4.inputSubmit, onClick: onClick, style: { width: largura ? "".concat(largura) : '' } }, texto))));
 };
 
 var InputField = function (_a) {
-    var type = _a.type, id = _a.id, placeholder = _a.placeholder, onChange = _a.onChange, value = _a.value, label = _a.label;
+    var type = _a.type, id = _a.id, placeholder = _a.placeholder, onChange = _a.onChange, value = _a.value, label = _a.label, largura = _a.largura;
     return (React.createElement(React.Fragment, null,
         label && React.createElement("label", { htmlFor: id }, label),
-        React.createElement("input", { type: type, id: id, name: id, value: value, placeholder: placeholder, onChange: onChange, className: styles$4.inputPadrao })));
+        React.createElement("input", { type: type, id: id, name: id, value: value, placeholder: placeholder, onChange: onChange, className: styles$4.inputPadrao, style: { width: largura ? "".concat(largura) : '' } })));
 };
 
 var css_248z$3 = ".textPage-module_container__GBEF6{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.textPage-module_content__CpD68{display:flex;text-align:justify}.textPage-module_imageCabecalho__J6YFH{border-radius:8px}.textPage-module_imageCabecalho__J6YFH img{border-radius:8px;height:100%;object-fit:cover;width:100%}.textPage-module_contentWithLateralImage__-f5pQ{flex-direction:row}.textPage-module_imageLateral__Dy9Kx{align-self:flex-start;height:230px;margin-right:20px;margin-top:15px;width:300px}.textPage-module_imageLateral__Dy9Kx img{border-radius:8px;height:100%;object-fit:cover;width:100%}.textPage-module_text__3pwuU{color:#5d5d5d;flex:2;line-height:1.8;text-align:justify}.textPage-module_text__3pwuU p{line-height:1.6;margin:10px 0}.textPage-module_text__3pwuU .textPage-module_coordenacao__UypV-,.textPage-module_text__3pwuU .textPage-module_direcao__x5psb{font-weight:700;margin-top:20px}";
@@ -129,10 +129,10 @@ var styles$1 = {"selectPadrao":"select-module_selectPadrao__poGiL"};
 styleInject(css_248z$1);
 
 var SelectField = function (_a) {
-    var id = _a.id, name = _a.name, options = _a.options, value = _a.value, onChange = _a.onChange, label = _a.label, optionDefault = _a.optionDefault;
+    var id = _a.id, name = _a.name, options = _a.options, value = _a.value, onChange = _a.onChange, label = _a.label, optionDefault = _a.optionDefault, largura = _a.largura;
     return (React.createElement(React.Fragment, null,
         label && React.createElement("label", { htmlFor: id }, label),
-        React.createElement("select", { id: id, name: name, className: styles$1.selectPadrao, value: value, onChange: function (e) { return onChange(e.target.value); } },
+        React.createElement("select", { id: id, name: name, className: styles$1.selectPadrao, value: value, onChange: function (e) { return onChange(e.target.value); }, style: { width: largura ? "".concat(largura) : '' } },
             optionDefault === true && (React.createElement("option", { value: "" }, "Selecione...")),
             options.map(function (option) { return (React.createElement("option", { key: option.value, value: option.value }, option.description)); }))));
 };

package/dist/types/components/Button.d.ts

@@ -4,6 +4,7 @@ interface ButtonProps {
     type?: 'button' | 'submit';
     onClick?: () => void;
     texto: string;
+    largura?: string;
 }
 declare const Button: React.FC<ButtonProps>;
 export default Button;

package/dist/types/components/Card.d.ts

@@ -5,6 +5,7 @@ interface CardProps {
     text: string;
     link?: string;
     empresa: '1' | '2' | '3';
+    largura?: string;
 }
 declare const Card: React.FC<CardProps>;
 export default Card;

package/dist/types/components/InputField.d.ts

@@ -6,6 +6,7 @@ interface InputFieldProps {
     placeholder: string;
     value: string;
     onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    largura?: string;
 }
 declare const InputField: React.FC<InputFieldProps>;
 export default InputField;

package/dist/types/components/SelectField.d.ts

@@ -11,6 +11,7 @@ interface SelectComponentProps {
     onChange: (value: string) => void;
     label?: string;
     optionDefault?: boolean;
+    largura?: string;
 }
 declare const SelectField: React.FC<SelectComponentProps>;
 export default SelectField;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "componenteshospitais",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",

package/src/components/Button.tsx

@@ -6,17 +6,18 @@ interface ButtonProps {
   type?: 'button' | 'submit';
   onClick?: () => void;
   texto: string;
+  largura?: string;
 }
 
-const Button: React.FC<ButtonProps> = ({ empresa, type = 'submit', onClick, texto }) => {
+const Button: React.FC<ButtonProps> = ({ empresa, type = 'submit', onClick, texto, largura }) => {
   const empresaClass = styles[`empresa${empresa}`];
 
   return (
     <div className={`${empresaClass}`}>
       {type === 'submit' ? (
-        <input type="submit" className={styles.inputSubmit} />
+        <input type="submit" className={styles.inputSubmit} style={{width: largura ? `${largura}` : ''}}/>
       ) : (
-        <button type="button" className={styles.inputSubmit} onClick={onClick}>
+        <button type="button" className={styles.inputSubmit} onClick={onClick} style={{width: largura ? `${largura}` : ''}}>
           {texto}
         </button>
       )}

package/src/components/Card.tsx

@@ -7,9 +7,10 @@ interface CardProps {
   text: string;
   link?: string;
   empresa: '1' | '2' | '3';
+  largura?: string;
 }
 
-const Card: React.FC<CardProps> = ({ img, imgLateral, text, link, empresa }) => {
+const Card: React.FC<CardProps> = ({ img, imgLateral, text, link, empresa, largura }) => {
   const empresaClass = styles[`empresa${empresa}`];
 
   const handleClick = () => {
@@ -20,7 +21,7 @@ const Card: React.FC<CardProps> = ({ img, imgLateral, text, link, empresa }) =>
 
   return (
     <div className={`${empresaClass}`} onClick={handleClick} style={{ cursor: link ? 'pointer' : 'default' }}>
-      <div className={`${styles.item} empresa${empresa}`}>  
+      <div className={`${styles.item} empresa${empresa}`} style={{width: largura ? `${largura}` : ''}}>  
           { img  && (
               <img src={img} alt={text} className={styles.icone} />
           )}

package/src/components/InputField.tsx

@@ -8,9 +8,10 @@ interface InputFieldProps {
   placeholder: string;
   value: string;
   onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+  largura?: string;
 }
 
-const InputField: React.FC<InputFieldProps> = ({ type, id, placeholder, onChange, value, label }) => {
+const InputField: React.FC<InputFieldProps> = ({ type, id, placeholder, onChange, value, label, largura }) => {
   return (
     <>
     {label && <label htmlFor={id}>{label}</label>}
@@ -22,6 +23,7 @@ const InputField: React.FC<InputFieldProps> = ({ type, id, placeholder, onChange
       placeholder={placeholder}
       onChange={onChange}
       className={styles.inputPadrao}
+      style={{width: largura ? `${largura}` : ''}}
     />
     </>
   );

package/src/components/SelectField.tsx

@@ -14,9 +14,10 @@ interface SelectComponentProps {
   onChange: (value: string) => void;
   label?: string;
   optionDefault?: boolean;
+  largura?: string
 }
 
-const SelectField: React.FC<SelectComponentProps> = ({ id, name, options, value, onChange, label, optionDefault }) => {
+const SelectField: React.FC<SelectComponentProps> = ({ id, name, options, value, onChange, label, optionDefault, largura }) => {
   return (
     <>
     {label && <label htmlFor={id}>{label}</label>}
@@ -26,6 +27,7 @@ const SelectField: React.FC<SelectComponentProps> = ({ id, name, options, value,
       className={styles.selectPadrao}
       value={value}
       onChange={(e) => onChange(e.target.value)}
+      style={{width: largura ? `${largura}` : ''}}
     >
       {optionDefault===true && (
         <option value="">Selecione...</option>