abaabil.select
Advanced tools
Comparing version 0.0.2 to 0.0.3
@@ -1,1 +0,1 @@ | ||
import*as a from"react";import e from"prop-types";const r=a.forwardRef(({id:t,name:b,options:u,label:o,value:n,onChange:c,labelClassName:m,selectClassName:f,disabled:g,required:i},p)=>{const d=`${t}-label`;return a.createElement("div",null,a.createElement("label",{id:d,htmlFor:t,className:`block ${m||"text-df font-medium mb-df/2"}`},o),a.createElement("select",{id:t,name:b,onChange:c,className:`block w-full h-df text-df px-df rounded-df ${g?"bg-stable-disabled text-on-stable-disabled":"bg-stable text-on-stable hover:bg-stable-hover focus:bg-stable-focus active:bg-stable-active"} ${f}`,defaultValue:n,"aria-labelledby":d,"aria-required":i,required:i,ref:p},u.map(l=>l.options?a.createElement("optgroup",{key:l.label,label:l.label},l.options.map(s=>a.createElement("option",{key:s.value,value:s.value,disabled:s.disabled},s.label))):a.createElement("option",{key:l.value,value:l.value,disabled:l.disabled},l.label))))});r.displayName="Select",r.propTypes={id:e.string.isRequired,name:e.string.isRequired,label:e.string.isRequired,value:e.string,options:e.arrayOf(e.oneOfType([e.shape({label:e.string.isRequired,value:e.string.isRequired,disabled:e.bool}),e.shape({label:e.string.isRequired,options:e.arrayOf(e.shape({label:e.string.isRequired,value:e.string.isRequired,disabled:e.bool})).isRequired})])).isRequired,onChange:e.func,labelClassName:e.string,selectClassName:e.string,required:e.bool,disabled:e.bool};var R=r;export{R as default}; | ||
import*as a from"react";import e from"prop-types";const r=a.forwardRef(({id:t,name:u,options:n,label:o,value:c,onChange:m,labelClassName:f,selectClassName:g,disabled:i,required:b},p)=>{const d=`${t}-label`;return a.createElement("div",null,a.createElement("label",{id:d,htmlFor:t,className:`block ${f||"text-df font-medium mb-df/2"}`},o),a.createElement("select",{id:t,name:u,onChange:m,className:`block w-full h-df text-df px-df rounded-df ${i?"bg-stable-disabled text-on-stable-disabled":"bg-stable text-on-stable hover:bg-stable-hover focus:bg-stable-focus active:bg-stable-active"} ${g}`,defaultValue:c,"aria-labelledby":d,"aria-required":b,required:b,disabled:i,ref:p},n.map(l=>l.options?a.createElement("optgroup",{key:l.label,label:l.label},l.options.map(s=>a.createElement("option",{key:s.value,value:s.value},s.label))):a.createElement("option",{key:l.value,value:l.value},l.label))))});r.displayName="Select",r.propTypes={id:e.string.isRequired,name:e.string.isRequired,label:e.string.isRequired,value:e.string,options:e.arrayOf(e.oneOfType([e.shape({label:e.string.isRequired,value:e.string.isRequired}),e.shape({label:e.string.isRequired,options:e.arrayOf(e.shape({label:e.string.isRequired,value:e.string.isRequired})).isRequired})])).isRequired,onChange:e.func,labelClassName:e.string,selectClassName:e.string,required:e.bool,disabled:e.bool};var R=r;export{R as default}; |
{ | ||
"name": "abaabil.select", | ||
"author": "Abaabil", | ||
"version": "0.0.2", | ||
"version": "0.0.3", | ||
"main": "dist/index.esm.min.js", | ||
@@ -45,3 +45,3 @@ "files": [ | ||
], | ||
"gitHead": "2362c549db17183802c97089bfb16c8928b47da1" | ||
"gitHead": "08a0d7316d55226105fc83470ad137cb1818e68b" | ||
} |
8386