design-react-kit
Version:
Componenti React per Bootstrap 5
2 lines • 2.52 kB
JavaScript
;var j=Object.create;var u=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var H=(t,o)=>{for(var e in o)u(t,e,{get:o[e],enumerable:!0})},x=(t,o,e,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of R(o))!L.call(t,r)&&r!==e&&u(t,r,{get:()=>o[r],enumerable:!(n=E(o,r))||n.enumerable});return t};var M=(t,o,e)=>(e=t!=null?j(h(t)):{},x(o||!t||!t.__esModule?u(e,"default",{value:t,enumerable:!0}):e,t)),V=t=>x(u({},"__esModule",{value:!0}),t);var W={};H(W,{getClasses:()=>B,getFormControlClass:()=>$,getTag:()=>z,getValidationTextControlClass:()=>N,useFocus:()=>D});module.exports=V(W);var a=M(require("classnames"),1),c=require("react");function s(t,o){let e=t??"";return o?e.split(" ").map(n=>o[n]??n).join(" "):e}function U({plaintext:t,staticInput:o,type:e="text",normalized:n}){let r="form-control";return t||o||n?`${r}-plaintext`:e==="file"?`${r}-file`:["radio","checkbox"].indexOf(e)>-1?null:r}function $(t,o){return s(U(t),o)}function N({valid:t},o){return s((0,a.default)({"form-text":!0,"form-feedback just-validate-error-label":t==!1}),o)}function z({tag:t,plaintext:o,staticInput:e,type:n="text"}){return t||(["radio","checkbox"].indexOf(n)>-1?"input":o||e?"p":"input")}function B(t,o,{isFocused:e,valid:n,bsSize:r,placeholder:p,value:i,label:T,validationText:y,normalized:f,inputPassword:d,formControlClass:P,validationTextControlClass:b,originalWrapperClass:g},l){let C=p||T||y,k=C&&!f&&!d,m=d&&!C&&!f,v=f&&!C&&!d,F=s((0,a.default)(t,{"is-invalid":n==!1,"just-validate-success-field":n,[`form-control-${r}`]:r},P),l),I=s((0,a.default)(g,"form-group"),l),w=s((0,a.default)({"valid-feedback":n,"invalid-feedback form-feedback just-validate-error-label":n==!1},b),l),S=s((0,a.default)(F,!k&&{"form-control-plaintext":v,"form-control":m,"input-password":m}),l),O=s((0,a.default)({active:e||p||i||["date","time"].includes(o)}),l),A=s((0,a.default)({"input-number-label":["number","currency","adaptive","percentage"].includes(o)}));return{wrapperClass:I,inputClasses:S,activeClass:O,extraLabelClass:A,validationTextClass:w}}function D({onFocus:t,onBlur:o}){let[e,n]=(0,c.useState)(!1),r=(0,c.useCallback)(i=>{n(!0),t?.(i)},[t]),p=(0,c.useCallback)(i=>{i.target.value===""&&n(!e),o?.(i)},[e,o]);return{toggleFocusLabel:r,toggleBlurLabel:p,isFocused:e}}0&&(module.exports={getClasses,getFormControlClass,getTag,getValidationTextControlClass,useFocus});
//# sourceMappingURL=utils.cjs.map