@brighthr/component-input - npm Package Compare versions

Comparing version 0.1.8 to 0.1.9

dist/index.d.ts

 import React from 'react';
 export declare type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
-    id: string;
-    name: string;
-    type?: string;
-    fullWidth?: boolean;
-    hasError?: boolean;
-    disabled?: boolean;
-    size?: 'base' | 'xl';
-    iconName?: string;
+    error?: boolean;
+    inputSize?: 'base' | 'xl';
+    leftIconName?: string;
+    rightIconName?: string;
     unit?: 'days' | 'hrs' | 'mins';
-    onClickButton?: () => null;
+    onClickButton?: () => void;
     buttonAriaLabel?: string;
 };
-declare const Input: ({ id, name, type, fullWidth, hasError, disabled, size, iconName, onChange, unit, buttonAriaLabel, onClickButton, ...rest }: InputProps) => React.ReactElement;
+declare const Input: ({ error, disabled, inputSize, rightIconName, leftIconName, unit, buttonAriaLabel, onClickButton, ...rest }: InputProps) => React.ReactElement;
 export default Input;

dist/index.modern.js

@@ -1,2 +0,2 @@
-import e from"react";import t from"classnames";import r from"@brighthr/component-icon";function n(){return n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}const a=["id","name","type","fullWidth","hasError","disabled","size","iconName","onChange","unit","buttonAriaLabel","onClickButton"],o=({unit:t,iconName:n})=>t?e.createElement("span",{className:"text-gray-400"},t):e.createElement(r,{iconName:n,className:"block resize-none fill-neutral-500 z-LOW",size:24}),l=r=>{let{id:l,name:i,type:u="text",fullWidth:s=!1,hasError:c=!1,disabled:b=!1,size:m,iconName:d,onChange:p,unit:f,buttonAriaLabel:h,onClickButton:x}=r,g=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t.indexOf(r=o[n])>=0||(a[r]=e[r]);return a}(r,a);const y=!!d,N=!!x,E=y||!!f;return e.createElement("div",{className:t("relative absolute",{"inline-block":!s})},e.createElement("input",n({id:l,name:i,type:u,disabled:b,className:t("peer rounded h-[42px] text-neutral-700 outline-none border-2 focus:border-primary-300 focus-visible:border-primary-300 indent-3 cursor-text border-neutral-300",{"h-[52px]":"xl"===m,"bg-neutral-100 border-neutral-200 cursor-default text-neutral-300":b,"border-error-500":c,"w-full":s,"w-auto":!s,"pl-8":y&&"base"===m,"pl-10":y&&"xl"===m}),onChange:p},g)),E&&e.createElement("div",{className:t("absolute right-[2px] pr-1 top-[9px] z-0 bottom-2 ",{"bg-neutral-50":!b,"bg-neutral-100":b})},N?e.createElement("button",{type:"button","aria-label":h,onClick:x,className:t("border-2 border-transparent focus:outline-none focus:border-2 focus:border-primary-300 focus:rounded"),disabled:b},e.createElement(o,{iconName:d,unit:f})):e.createElement(o,{iconName:d,unit:f})))};export{l as default};
+import e from"react";import t from"classnames";import r from"@brighthr/component-icon";function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},a.apply(this,arguments)}const n=["error","disabled","inputSize","rightIconName","leftIconName","unit","buttonAriaLabel","onClickButton"],l=({unit:t,iconName:a})=>t?e.createElement("span",{className:"text-gray-400"},t):e.createElement(r,{iconName:a,className:"fill-neutral-500 z-LOW",size:24}),o=o=>{let{error:i=!1,disabled:c,inputSize:s="base",rightIconName:u,leftIconName:m,unit:p,buttonAriaLabel:b,onClickButton:d}=o,f=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)t.indexOf(r=l[a])>=0||(n[r]=e[r]);return n}(o,n);const N=!!m,x=!!d,h=!!u||!!p;return e.createElement("div",{className:"relative"},N&&e.createElement("div",{className:t("absolute z-50 left-2",{"top-[9px]":"base"===s,"top-3":"xl"===s})},e.createElement(r,{iconName:m,className:"fill-neutral-500",size:24})),e.createElement("input",a({className:t("rounded px-3.5 w-full font-semibold text-neutral-700 border-2 outline-none placeholder:font-normal placeholder:text-neutral-400",{"py-[7px]":"base"===s,"py-2.5":"xl"===s,"bg-neutral-100 cursor-default text-neutral-300 font-normal":c,"border-neutral-300 focus-visible:border-primary-300":!i,"border-error-500":i,"pl-10":N,"pr-12":h}),disabled:c},f)),h&&e.createElement("div",{className:t("absolute z-50",{"right-4":!x,"right-3.5":x,"top-[9px]":!x&&"base"===s,"top-3":!x&&"xl"===s,"top-[7px]":x&&"base"===s,"top-2.5":x&&"xl"===s})},x?e.createElement("button",{type:"button","aria-label":b,onClick:d,className:"border-2 border-transparent rounded outline-none focus:border-primary-300",disabled:c},e.createElement(l,{iconName:u,unit:p})):e.createElement(l,{iconName:u,unit:p})))};export{o as default};
 //# sourceMappingURL=index.modern.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import e from"react";import r from"classnames";import t from"@brighthr/component-icon";function n(){return n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var a=["id","name","type","fullWidth","hasError","disabled","size","iconName","onChange","unit","buttonAriaLabel","onClickButton"],o=function(r){var n=r.unit,a=r.iconName;return n?e.createElement("span",{className:"text-gray-400"},n):e.createElement(t,{iconName:a,className:"block resize-none fill-neutral-500 z-LOW",size:24})},i=function(t){var i=t.id,l=t.name,u=t.type,c=void 0===u?"text":u,s=t.fullWidth,d=void 0!==s&&s,b=t.hasError,m=void 0!==b&&b,p=t.disabled,f=void 0!==p&&p,h=t.size,v=t.iconName,x=t.onChange,g=t.unit,y=t.buttonAriaLabel,N=t.onClickButton,E=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(a[t]=e[t]);return a}(t,a),k=!!v,z=!!N,C=k||!!g;return e.createElement("div",{className:r("relative absolute",{"inline-block":!d})},e.createElement("input",n({id:i,name:l,type:c,disabled:f,className:r("peer rounded h-[42px] text-neutral-700 outline-none border-2 focus:border-primary-300 focus-visible:border-primary-300 indent-3 cursor-text border-neutral-300",{"h-[52px]":"xl"===h,"bg-neutral-100 border-neutral-200 cursor-default text-neutral-300":f,"border-error-500":m,"w-full":d,"w-auto":!d,"pl-8":k&&"base"===h,"pl-10":k&&"xl"===h}),onChange:x},E)),C&&e.createElement("div",{className:r("absolute right-[2px] pr-1 top-[9px] z-0 bottom-2 ",{"bg-neutral-50":!f,"bg-neutral-100":f})},z?e.createElement("button",{type:"button","aria-label":y,onClick:N,className:r("border-2 border-transparent focus:outline-none focus:border-2 focus:border-primary-300 focus:rounded"),disabled:f},e.createElement(o,{iconName:v,unit:g})):e.createElement(o,{iconName:v,unit:g})))};export{i as default};
+import e from"react";import t from"classnames";import r from"@brighthr/component-icon";function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},a.apply(this,arguments)}var n=["error","disabled","inputSize","rightIconName","leftIconName","unit","buttonAriaLabel","onClickButton"],o=function(t){var a=t.unit,n=t.iconName;return a?e.createElement("span",{className:"text-gray-400"},a):e.createElement(r,{iconName:n,className:"fill-neutral-500 z-LOW",size:24})},l=function(l){var i=l.error,c=void 0!==i&&i,s=l.disabled,u=l.inputSize,m=void 0===u?"base":u,p=l.rightIconName,b=l.leftIconName,d=l.unit,f=l.buttonAriaLabel,N=l.onClickButton,x=function(e,t){if(null==e)return{};var r,a,n={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(r=o[a])>=0||(n[r]=e[r]);return n}(l,n),v=!!b,h=!!N,g=!!p||!!d;return e.createElement("div",{className:"relative"},v&&e.createElement("div",{className:t("absolute z-50 left-2",{"top-[9px]":"base"===m,"top-3":"xl"===m})},e.createElement(r,{iconName:b,className:"fill-neutral-500",size:24})),e.createElement("input",a({className:t("rounded px-3.5 w-full font-semibold text-neutral-700 border-2 outline-none placeholder:font-normal placeholder:text-neutral-400",{"py-[7px]":"base"===m,"py-2.5":"xl"===m,"bg-neutral-100 cursor-default text-neutral-300 font-normal":s,"border-neutral-300 focus-visible:border-primary-300":!c,"border-error-500":c,"pl-10":v,"pr-12":g}),disabled:s},x)),g&&e.createElement("div",{className:t("absolute z-50",{"right-4":!h,"right-3.5":h,"top-[9px]":!h&&"base"===m,"top-3":!h&&"xl"===m,"top-[7px]":h&&"base"===m,"top-2.5":h&&"xl"===m})},h?e.createElement("button",{type:"button","aria-label":f,onClick:N,className:"border-2 border-transparent rounded outline-none focus:border-primary-300",disabled:s},e.createElement(o,{iconName:p,unit:d})):e.createElement(o,{iconName:p,unit:d})))};export{l as default};
 //# sourceMappingURL=index.module.js.map

dist/index.umd.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("classnames"),require("@brighthr/component-icon")):"function"==typeof define&&define.amd?define(["react","classnames","@brighthr/component-icon"],t):(e||self).componentInput=t(e.react,e.classnames,e.Icon)}(this,function(e,t,n){function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/*#__PURE__*/r(e),o=/*#__PURE__*/r(t),l=/*#__PURE__*/r(n);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var u=["id","name","type","fullWidth","hasError","disabled","size","iconName","onChange","unit","buttonAriaLabel","onClickButton"],d=function(e){var t=e.unit,n=e.iconName;return t?a.default.createElement("span",{className:"text-gray-400"},t):a.default.createElement(l.default,{iconName:n,className:"block resize-none fill-neutral-500 z-LOW",size:24})};return function(e){var t=e.id,n=e.name,r=e.type,l=void 0===r?"text":r,c=e.fullWidth,s=void 0!==c&&c,f=e.hasError,b=void 0!==f&&f,m=e.disabled,p=void 0!==m&&m,h=e.size,y=e.iconName,v=e.onChange,g=e.unit,x=e.buttonAriaLabel,N=e.onClickButton,E=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)t.indexOf(n=o[r])>=0||(a[n]=e[n]);return a}(e,u),k=!!y,z=!!N,C=k||!!g;return a.default.createElement("div",{className:o.default("relative absolute",{"inline-block":!s})},a.default.createElement("input",i({id:t,name:n,type:l,disabled:p,className:o.default("peer rounded h-[42px] text-neutral-700 outline-none border-2 focus:border-primary-300 focus-visible:border-primary-300 indent-3 cursor-text border-neutral-300",{"h-[52px]":"xl"===h,"bg-neutral-100 border-neutral-200 cursor-default text-neutral-300":p,"border-error-500":b,"w-full":s,"w-auto":!s,"pl-8":k&&"base"===h,"pl-10":k&&"xl"===h}),onChange:v},E)),C&&a.default.createElement("div",{className:o.default("absolute right-[2px] pr-1 top-[9px] z-0 bottom-2 ",{"bg-neutral-50":!p,"bg-neutral-100":p})},z?a.default.createElement("button",{type:"button","aria-label":x,onClick:N,className:o.default("border-2 border-transparent focus:outline-none focus:border-2 focus:border-primary-300 focus:rounded"),disabled:p},a.default.createElement(d,{iconName:y,unit:g})):a.default.createElement(d,{iconName:y,unit:g})))}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("classnames"),require("@brighthr/component-icon")):"function"==typeof define&&define.amd?define(["react","classnames","@brighthr/component-icon"],t):(e||self).componentInput=t(e.react,e.classnames,e.Icon)}(this,function(e,t,a){function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=/*#__PURE__*/n(e),l=/*#__PURE__*/n(t),o=/*#__PURE__*/n(a);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},i.apply(this,arguments)}var u=["error","disabled","inputSize","rightIconName","leftIconName","unit","buttonAriaLabel","onClickButton"],c=function(e){var t=e.unit,a=e.iconName;return t?r.default.createElement("span",{className:"text-gray-400"},t):r.default.createElement(o.default,{iconName:a,className:"fill-neutral-500 z-LOW",size:24})};return function(e){var t=e.error,a=void 0!==t&&t,n=e.disabled,d=e.inputSize,s=void 0===d?"base":d,f=e.rightIconName,m=e.leftIconName,p=e.unit,b=e.buttonAriaLabel,h=e.onClickButton,N=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n<l.length;n++)t.indexOf(a=l[n])>=0||(r[a]=e[a]);return r}(e,u),x=!!m,v=!!h,y=!!f||!!p;return r.default.createElement("div",{className:"relative"},x&&r.default.createElement("div",{className:l.default("absolute z-50 left-2",{"top-[9px]":"base"===s,"top-3":"xl"===s})},r.default.createElement(o.default,{iconName:m,className:"fill-neutral-500",size:24})),r.default.createElement("input",i({className:l.default("rounded px-3.5 w-full font-semibold text-neutral-700 border-2 outline-none placeholder:font-normal placeholder:text-neutral-400",{"py-[7px]":"base"===s,"py-2.5":"xl"===s,"bg-neutral-100 cursor-default text-neutral-300 font-normal":n,"border-neutral-300 focus-visible:border-primary-300":!a,"border-error-500":a,"pl-10":x,"pr-12":y}),disabled:n},N)),y&&r.default.createElement("div",{className:l.default("absolute z-50",{"right-4":!v,"right-3.5":v,"top-[9px]":!v&&"base"===s,"top-3":!v&&"xl"===s,"top-[7px]":v&&"base"===s,"top-2.5":v&&"xl"===s})},v?r.default.createElement("button",{type:"button","aria-label":b,onClick:h,className:"border-2 border-transparent rounded outline-none focus:border-primary-300",disabled:n},r.default.createElement(c,{iconName:f,unit:p})):r.default.createElement(c,{iconName:f,unit:p})))}});
 //# sourceMappingURL=index.umd.js.map

package.json

 {
   "name": "@brighthr/component-input",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "license": "MIT",
@@ -40,3 +40,3 @@ "type": "module",
   },
-  "gitHead": "f1064f3e788c086a069416793634f1efa196321f"
+  "gitHead": "4ddeef1575610c9c6d7f25de9feaccc141b40e9e"
 }

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

36183

increased by10.91%

Lines of code

303

increased by40.28%

No dependency changes